.segment-page{overflow:hidden;background:#fff}.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-title{margin:16px 0 0;color:#08283a;font-size:clamp(2.5rem,4.1vw,4.25rem);font-weight:790;line-height:1.01;letter-spacing:-.055em}.section-lead{max-width:690px;margin:20px 0 0;color:var(--color-muted);font-size:1.05rem;line-height:1.72}.title-accent{color:transparent;background:linear-gradient(96deg,#123f56 0%,#087ead 45%,#45b8e8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.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;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.page-hero{position:relative;padding:42px 0 18px;background:#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%);pointer-events:none}.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,.18),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.25vw,4.65rem);font-weight:790;line-height:.98;letter-spacing:-.064em}.page-hero__content>p{max-width:620px;margin:26px 0 0;color:var(--color-muted);font-size:clamp(1.04rem,1.25vw,1.18rem);line-height:1.7}.page-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.page-hero__visual{margin:0}
.context-section{padding:72px 0;background:var(--section-soft-blue)}.context-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:72px}.context-copy p{margin:22px 0 0;color:var(--color-muted);font-size:1.06rem;line-height:1.78}.context-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.need-card{min-height:240px;padding:26px;border:1px solid rgba(18,63,86,.12);border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(8,40,58,.05)}.need-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#087ead;background:#e8f7fd;font-size:.76rem;font-weight:850}.need-card h3{margin:22px 0 0;color:#08283a;font-size:1.22rem}.need-card p{margin:12px 0 0;color:var(--color-muted);line-height:1.62}
.path-section{padding:76px 0;background:#fff}.path-heading{display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:64px}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:42px}.path-card{position:relative;min-height:230px;padding:28px;border:1px solid #d9e6ec;border-radius:24px;background:#fff}.path-card::before{position:absolute;top:0;right:24px;left:24px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#123f56,#45b8e8);content:""}.path-card>span{color:#008fc7;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.path-card h3{margin:24px 0 0;color:#08283a;font-size:1.25rem}.path-card p{margin:12px 0 0;color:var(--color-muted);line-height:1.64}
.solutions-section{padding:72px 0;background:#0b3447}.solutions-section .section-kicker{color:#78d2f2}.solutions-section .section-title{color:#fff}.solutions-section .section-lead{color:rgba(255,255,255,.7)}.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.solution-link{display:flex;min-height:150px;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px;border:1px solid rgba(120,210,242,.2);border-radius:24px;color:#fff;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(69,184,232,.08));transition:transform .2s ease,border-color .2s ease}.solution-link:hover{border-color:rgba(120,210,242,.55);transform:translateY(-3px)}.solution-link strong{display:block;font-size:1.12rem}.solution-link small{display:block;margin-top:8px;color:rgba(255,255,255,.66);line-height:1.5}.solution-link b{color:#78d2f2;font-size:1.3rem}
.page-cta{padding:72px 0;background:var(--section-soft-blue)}.page-cta__box{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:clamp(34px,5vw,60px);border-radius:34px;color:#fff;background:radial-gradient(circle at 90% 12%,rgba(120,210,242,.5),transparent 36%),linear-gradient(125deg,#082b3c 0%,#155c78 58%,#45b8e8 100%);box-shadow:0 32px 80px rgba(8,40,58,.18)}.page-cta__box .section-kicker{color:#78d2f2}.page-cta__box h2{max-width:720px;margin:12px 0 0;color:#fff;font-size:clamp(2.15rem,3.7vw,3.8rem);line-height:1.03;letter-spacing:-.045em}.page-cta__box p{max-width:720px;margin:16px 0 0;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.65}.page-cta__actions{display:flex;flex:0 0 auto;flex-direction:column;gap:12px}.page-cta__actions .btn{width:100%}.btn--light{color:#08283a;background:#fff}.btn--light:hover{color:#08283a;background:#eaf8fe}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity 650ms ease,transform 650ms ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1100px){.page-hero__content{text-align:center}.breadcrumb,.page-hero__actions{justify-content:center}.page-hero__content>p{margin-inline:auto}.context-grid,.path-heading{grid-template-columns:1fr;gap:34px}.path-grid{grid-template-columns:repeat(2,1fr)}.solutions-grid{grid-template-columns:repeat(2,1fr)}.page-cta__box{align-items:flex-start;flex-direction:column}.page-cta__actions{width:100%;flex-direction:row}.page-cta__actions .btn{width:auto}}
@media(max-width:680px){.page-hero h1{font-size:clamp(2.45rem,10.5vw,3.4rem)}.page-hero__actions{display:grid}.page-hero__actions .btn{width:100%}.context-points,.path-grid,.solutions-grid{grid-template-columns:1fr}.need-card,.path-card{min-height:0}.page-cta__actions{align-items:stretch;flex-direction:column}.page-cta__actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none!important}}

.overview-intro{padding:72px 0;background:var(--section-soft-blue)}.overview-intro__grid{display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:64px}.segment-list{padding:76px 0;background:#fff}.segment-list__header{max-width:850px}.segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}.segment-card{position:relative;min-height:300px;padding:34px;border:1px solid #d9e6ec;border-radius:28px;color:#08283a;text-decoration:none;background:#fff;box-shadow:0 14px 38px rgba(8,40,58,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.segment-card:hover{border-color:#8bd2ee;box-shadow:0 24px 54px rgba(8,40,58,.09);transform:translateY(-4px)}.segment-card>span{color:#008fc7;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.segment-card h3{margin:26px 0 0;font-size:clamp(1.8rem,2.8vw,2.7rem);letter-spacing:-.04em}.segment-card p{max-width:500px;margin:14px 0 0;color:var(--color-muted);font-size:1.02rem;line-height:1.65}.segment-card b{display:inline-block;margin-top:30px;color:#087ead}.principles{padding:72px 0;background:#0b3447}.principles .section-kicker{color:#78d2f2}.principles .section-title{color:#fff}.principles .section-lead{color:rgba(255,255,255,.7)}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:42px}.principles-grid article{padding:28px;border:1px solid rgba(120,210,242,.18);border-radius:24px;background:rgba(255,255,255,.05)}.principles-grid span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#082b3c;background:#78d2f2;font-size:.76rem;font-weight:850}.principles-grid h3{margin:24px 0 0;color:#fff;font-size:1.3rem}.principles-grid p{margin:12px 0 0;color:rgba(255,255,255,.68);line-height:1.62}@media(max-width:1100px){.overview-intro__grid{grid-template-columns:1fr;gap:26px}.principles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.segment-grid,.principles-grid{grid-template-columns:1fr}.segment-card{min-height:0}}