.social-service-page{overflow:hidden;background:#fff;color:#08283a}.social-service-page .section{padding-block:clamp(72px,8vw,118px)}.social-service-page .section--soft{background:#eef5f8}.social-service-page .section--blue{background:linear-gradient(135deg,#e7f5fb,#f7fcfe)}.social-service-page .section--dark{color:#fff;background:linear-gradient(125deg,#082536,#123f56 58%,#238cb3)}.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#008fc7;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.section-kicker::before{width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,#123f56,#45b8e8);content:""}.section-header{max-width:840px}.section-header h2,.split-heading h2,.two-columns h2{margin:15px 0 0;color:#08283a;font-size:clamp(2.45rem,4.5vw,4.45rem);line-height:1.01;letter-spacing:-.058em}.section-header p,.split-heading p,.two-columns p{margin-top:19px;color:#5d6973;font-size:1.04rem;line-height:1.72}.section-header--center{margin-inline:auto;text-align:center}.section-header--center .section-kicker{justify-content:center}.split-heading,.two-columns{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(42px,7vw,90px)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;color:#6d7b85;font-size:.82rem}.breadcrumb a{color:#123f56;font-weight:750}.page-hero{position:relative;padding:42px 0 24px;background:linear-gradient(180deg,#fff,#f2faff 68%,#fff)}.page-hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(18,63,86,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,86,.035) 1px,transparent 1px);background-size:54px 54px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 84%)}.page-hero__glow{position:absolute;inset:-5% -4% auto auto;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(69,184,232,.2),rgba(18,63,86,.07) 44%,transparent 70%);filter:blur(34px)}.page-hero__inner{position:relative}.page-hero__content{position:relative;z-index:2}.page-hero h1{max-width:700px;margin:18px 0 0;color:#08283a;font-size:clamp(3rem,4.2vw,4.6rem);line-height:.98;letter-spacing:-.064em}.page-hero__content>p{max-width:620px;margin:25px 0 0;color:#5d6973;font-size:clamp(1.03rem,1.25vw,1.17rem);line-height:1.7}.page-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.comparison-grid,.path-grid,.pillar-grid,.format-grid,.purpose-grid,.related-grid,.results-grid{display:grid;gap:18px;margin-top:40px}.comparison-grid,.path-grid{grid-template-columns:1fr 1fr}.pillar-grid{grid-template-columns:repeat(3,1fr)}.format-grid,.purpose-grid{grid-template-columns:repeat(4,1fr)}.comparison-card,.path-card,.pillar-card,.format-card,.purpose-card,.related-grid a{padding:28px;border:1px solid #d6e3e8;border-radius:24px;background:#fff}.comparison-card--muted{background:#f5f7f8}.comparison-card--brand{border-color:#9dddf5;background:linear-gradient(145deg,#f8fdff,#e7f7fd)}.comparison-card span,.path-card span,.pillar-card span,.format-card span,.purpose-card span,.step-card span,.related-grid span{color:#008fc7;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.comparison-card h3,.path-card h3,.pillar-card h3,.format-card h3,.purpose-card h3{margin:11px 0 14px;font-size:1.48rem}.comparison-card ul,.check-list{display:grid;gap:10px}.comparison-card li,.check-list li{display:flex;gap:10px;color:#536875}.comparison-card li::before,.check-list li::before{color:#12a9df;content:"✓";font-weight:900}.path-card p,.pillar-card p,.format-card p,.purpose-card p{color:#5d6973;line-height:1.65}
.bridge-card{margin-top:34px;padding:clamp(30px,5vw,52px);border-radius:30px;color:#fff;background:linear-gradient(125deg,#082536,#155f7b 62%,#45b8e8)}.bridge-card h3{max-width:760px;margin:10px 0 15px;color:#fff;font-size:clamp(2rem,3.5vw,3.3rem)}.bridge-card p{max-width:850px;color:rgba(255,255,255,.78);line-height:1.7}.bridge-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.bridge-links a{color:#fff}.bridge-links .btn--light{color:#082536}
.journey-track{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:48px;list-style:none}.journey-track::before{position:absolute;top:25px;right:5%;left:5%;height:2px;background:linear-gradient(90deg,#123f56,#45b8e8);content:"";opacity:.35}.journey-track li{position:relative;padding:0 5px;text-align:center}.journey-track span{position:relative;z-index:1;display:grid;width:52px;height:52px;margin:0 auto 14px;place-items:center;border:5px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#123f56,#45b8e8);font-size:.7rem}.journey-track strong,.journey-track small{display:block}.journey-track strong{color:#123f56;font-size:.84rem}.journey-track small{margin-top:4px;color:#73828a;font-size:.69rem}.steps-list{display:grid;gap:18px}.step-card{display:grid;grid-template-columns:58px 1fr .5fr;gap:24px;padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:27px;background:rgba(255,255,255,.075)}.step-card>b{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#082536;background:#78d7f5}.step-card h3{margin:8px 0 12px;color:#fff;font-size:clamp(1.7rem,2.6vw,2.45rem)}.step-card p{color:rgba(255,255,255,.72);line-height:1.67}.step-card>strong{align-self:center;padding:16px;border-radius:17px;background:rgba(0,0,0,.18);line-height:1.5}
.feature-note,.rules-grid article,.info-card{padding:28px;border:1px solid #d5e3e9;border-radius:23px;background:#fff}.feature-note{margin-top:26px;border-left:4px solid #45b8e8}.feature-note h3{margin-bottom:10px;font-size:1.45rem}.feature-note p{color:#5d6973;line-height:1.68}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.rules-grid h3{margin:8px 0 16px;font-size:1.5rem}.rules-grid p{color:#5d6973;line-height:1.66}.rules-grid--dark article{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08)}.rules-grid--dark h3{color:#fff}.rules-grid--dark p,.rules-grid--dark li{color:rgba(255,255,255,.76)}.rules-grid--dark .check-list li::before{color:#78d7f5}
.avatar-showcase,.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}.avatar-card,.media-card{overflow:hidden;border:1px solid #d6e2e8;border-radius:25px;background:#fff}.avatar-card{display:grid;grid-template-columns:minmax(180px,.75fr) 1fr;align-items:center}.avatar-card figure{height:390px;overflow:hidden;background:#082536}.avatar-card img{width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-card>img{height:390px;background:#082536}.avatar-card>div,.media-card>div{padding:26px}.avatar-card h3,.media-card h3{margin:8px 0 10px;font-size:1.8rem}.avatar-card p,.media-card p{color:#5d6973;line-height:1.65}.avatar-card small,.media-card small{color:#008fc7;font-weight:850;text-transform:uppercase}.media-card video{display:block;width:100%;aspect-ratio:9/16;max-height:560px;object-fit:cover;background:#071d2a}.video-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.video-card{overflow:hidden;border:1px solid #d6e2e8;border-radius:21px;background:#fff;box-shadow:0 15px 36px rgba(18,63,86,.07)}.video-card video{display:block;width:100%;aspect-ratio:9/16;max-height:520px;object-fit:cover;background:#071d2a}.video-card>div{padding:17px}.video-card small{color:#008fc7;font-size:.7rem;font-weight:850;text-transform:uppercase}.video-card h3{margin:5px 0 6px;font-size:1.1rem}.video-card p{color:#5d6973;font-size:.88rem}
.content-example{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;margin-top:36px;padding:clamp(28px,4vw,48px);border-radius:30px;background:#fff}.content-example img{width:100%;border-radius:22px}.content-example h3{margin:12px 0;font-size:clamp(2rem,3vw,3rem)}.content-example p{color:#5d6973;line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.tag-list span{padding:9px 13px;border-radius:999px;color:#24566c;background:#e6f6fc;font-size:.82rem;font-weight:750}
.results-grid{grid-template-columns:repeat(4,1fr)}.results-grid span{display:flex;min-height:78px;align-items:center;padding:18px;border:1px solid #d5e3e9;border-radius:18px;color:#244a5d;background:#fff;font-weight:750}.results-grid span::before{margin-right:10px;color:#12a9df;content:"✓"}.related-grid{grid-template-columns:repeat(4,1fr)}.related-grid a{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;color:#123f56;font-weight:850;transition:.2s ease}.related-grid a:hover{border-color:#45b8e8;transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,40,58,.08)}
.section--dark .section-header h2,.section--dark .split-heading h2,.section--dark .two-columns h2{color:#fff}.section--dark .section-header p,.section--dark .split-heading p,.section--dark .two-columns p{color:rgba(255,255,255,.76)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:68px}.faq-layout>div:first-child h2{margin:15px 0;font-size:clamp(2.4rem,4vw,4rem)}.faq-layout>div:first-child p{color:#5d6973}.faq-list details{border-top:1px solid #d8e2e7}.faq-list details:last-child{border-bottom:1px solid #d8e2e7}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 4px;color:#123f56;font-weight:800;cursor:pointer}.faq-list summary::after{color:#45b8e8;content:"+";font-size:1.4rem}.faq-list details[open] summary::after{content:"−"}.faq-list details p{padding:0 32px 21px 4px;color:#5d6973;line-height:1.68}.final-cta{padding:28px 0 76px;background:#eef7fb}.final-cta__box{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:clamp(36px,5vw,62px);border-radius:34px;color:#fff;background:radial-gradient(circle at 90% 12%,rgba(120,215,245,.46),transparent 36%),linear-gradient(125deg,#082536,#155f7b 60%,#45b8e8)}.final-cta__box .section-kicker{color:#78d7f5}.final-cta__box h2{max-width:760px;margin:12px 0;color:#fff;font-size:clamp(2.3rem,4vw,3.9rem)}.final-cta__box p{max-width:760px;color:rgba(255,255,255,.76)}.final-cta__actions{display:grid;flex:0 0 340px;gap:13px}.btn--light{color:#082536;background:#fff;box-shadow:0 12px 28px rgba(8,37,54,.18)}.btn--light:hover{color:#082536;background:#eaf8fe}.final-cta__secondary{min-height:54px;border:1px solid rgba(255,255,255,.72);color:#fff;background:rgba(8,37,54,.18)}.final-cta__secondary:hover{color:#082536;background:#fff}
@media(max-width:1100px){.split-heading,.two-columns,.faq-layout,.content-example{grid-template-columns:1fr;gap:36px}.page-hero__content{text-align:center}.breadcrumb,.page-hero__actions{justify-content:center}.page-hero__content>p{margin-inline:auto}.journey-track{grid-template-columns:repeat(4,1fr);gap:22px}.journey-track::before{display:none}.pillar-grid{grid-template-columns:repeat(2,1fr)}.format-grid,.purpose-grid,.results-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.step-card{grid-template-columns:58px 1fr}.step-card>strong{grid-column:2}.video-gallery{grid-template-columns:repeat(2,1fr)}.final-cta__box{align-items:flex-start;flex-direction:column}.final-cta__actions{width:100%;flex-basis:auto}}
@media(max-width:760px){.social-service-page .section{padding-block:68px}.page-hero h1{font-size:clamp(2.45rem,10.4vw,3.2rem)}.page-hero__actions{display:grid}.page-hero__actions .btn,.final-cta__actions .btn{width:100%}.comparison-grid,.path-grid,.pillar-grid,.format-grid,.purpose-grid,.rules-grid,.avatar-showcase,.media-pair,.results-grid,.related-grid,.video-gallery{grid-template-columns:1fr}.journey-track{grid-template-columns:1fr;gap:0;margin-top:32px}.journey-track li{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:12px 0;text-align:left}.journey-track span{grid-row:1/3;margin:0}.step-card{grid-template-columns:1fr}.step-card>strong{grid-column:auto}.avatar-card{grid-template-columns:1fr}.avatar-card figure{height:430px}.bridge-links{display:grid}.bridge-links .btn{width:100%}.video-card video{max-height:none}.final-cta__actions{align-items:stretch}.content-example{padding:24px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none!important}.related-grid a{transition:none}}