@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102d3a;--green:#087d68;--lime:#d7f275;--ink:#18333e;--muted:#5f747a;--line:#dce6e4;--paper:#f5f8f5}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}h1,h2,h3,.logo{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 4.5%;gap:26px}.logo{font-size:33px;font-weight:800;letter-spacing:-1.8px;white-space:nowrap}.logo span{color:var(--green)}nav{display:flex;gap:24px;align-items:center}nav a{font-size:12px;font-weight:600;white-space:nowrap}nav a.active{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:5px;padding:15px 22px;background:var(--green);color:white;font-size:13px;font-weight:700;border:1px solid var(--green)}.btn.light{background:var(--lime);color:var(--navy);border-color:var(--lime)}.btn.outline{background:transparent;color:var(--ink);border-color:#b7c9c5}.wrap{max-width:1320px;margin:auto;padding:0 5%}.hero{background:var(--paper);border-top:1px solid #e8eeea;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:60px;padding-top:75px;padding-bottom:75px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(40px,4.4vw,66px);line-height:1.09;letter-spacing:-3px;font-weight:600;margin:22px 0}h1 em{font-style:normal;color:var(--green)}p{font-size:16px;line-height:1.8;color:var(--muted)}.hero-copy p{max-width:510px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.micro{font-size:11px;letter-spacing:.1px;margin-top:24px}.workspace{position:relative;background:#fff;border:1px solid #d5e2dd;border-radius:11px;box-shadow:0 24px 60px #173f3c13;transform:rotate(-1deg);padding:0 0 20px}.windowbar{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);font-size:11px}.windowbar b{font-size:13px}.live{color:var(--green);font-size:10px}.dashbody{padding:20px}.dashhead{font-size:10px;color:var(--muted);letter-spacing:1px}.dashbody h3{font-size:23px;margin:10px 0 5px}.dashsub{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.metric{padding:16px 10px;background:var(--paper);border-radius:5px}.metric b{display:block;font-size:24px;font-weight:500}.metric small{font-size:9px;color:var(--muted)}.readiness{border:1px solid var(--line);padding:16px;border-radius:6px}.readiness h4{font-size:12px;margin:0 0 14px}.row{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:11px 0;border-top:1px solid #eef2ef}.status{font-size:9px;background:#e5f4eb;color:#147351;border-radius:20px;padding:5px 8px}.status.amber{background:#fff1d8;color:#976313}.floatnote{position:absolute;right:-23px;bottom:-22px;padding:17px 21px;background:var(--navy);color:white;border-radius:7px;box-shadow:0 10px 35px #102d3a25;font-size:11px;transform:rotate(1deg)}.floatnote span{display:block;color:#b2c8c7;font-size:10px;margin-top:6px}.module-strip{border-bottom:1px solid var(--line);padding:27px 0}.module-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.striplabel{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);max-width:130px}.module-name{font-size:17px;font-weight:700}.module-name small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}section.section{padding-block:clamp(26px,3.5vw,42px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:22px}h2{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:15px 0}.section-head p{max-width:420px;font-size:14px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px;border:1px solid var(--line);border-radius:7px}.card .num{font-size:12px;color:var(--green);font-weight:700}.card h3{font-size:20px;font-weight:600;margin:25px 0 12px;letter-spacing:-.5px}.card p{font-size:14px;margin-bottom:0}.textlink{color:var(--green);font-size:12px;font-weight:700;display:inline-block;margin-top:24px}.dark{background:var(--navy);color:#fff}.dark p{color:#b5c8ca}.dark .eyebrow{color:var(--lime)}.dark .eyebrow:before{background:var(--lime)}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.flow{border:1px solid #42606a;border-radius:9px;padding:28px;background:#173744}.flow-top{font-size:10px;letter-spacing:1px;color:#a4c3c4}.trigger{padding:20px;background:var(--lime);color:var(--navy);border-radius:5px;margin:18px 0;font-weight:700;font-size:14px}.flow-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-items div{border:1px solid #47616b;border-radius:5px;padding:18px;font-size:12px}.flow-items small{display:block;color:#aac5c8;margin-top:9px;font-size:10px}.note{font-size:11px!important;line-height:1.6}.switcher{display:flex;gap:8px;margin:20px 0}.switcher button{background:transparent;border:1px solid #55727b;color:#c7d7d9;padding:9px 12px;border-radius:4px;font-size:11px}.switcher button.selected{background:var(--lime);color:var(--navy);border-color:var(--lime)}.pale{background:var(--paper)}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer{padding:35px;border:1px solid var(--line);background:white;border-radius:8px}.offer .tag{font-size:10px;color:var(--green);letter-spacing:1px;text-transform:uppercase}.offer h3{font-size:30px;margin:18px 0}.offer ul{padding-left:19px;color:var(--muted);font-size:14px;line-height:2.2}.offer.featured{border-top:3px solid var(--green)}.cta{padding-block:clamp(26px,3.5vw,38px)}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:660px}footer{background:#f4f7f5;border-top:1px solid var(--line);padding:24px 0 18px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-top p{font-size:12px;max-width:300px}.copyright{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.page-hero{background:var(--paper)}.page-hero h1{max-width:950px;font-size:56px}.page-hero p{max-width:740px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid4 .card{padding:24px}.grid4 h3{font-size:18px}.process-controls{display:flex;gap:12px;margin:24px 0}input,select{font:inherit;padding:13px;border:1px solid #bdcfca;border-radius:4px;background:white;color:var(--ink)}input{min-width:270px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{padding:23px;border:1px solid var(--line);border-radius:6px}.process-card small{font-size:10px;color:var(--green)}.process-card h3{font-size:17px}.process-card p{font-size:12px}.menu{display:none}.pill{font-size:10px;color:var(--green);padding:6px 9px;background:#e8f3ed;border-radius:20px;display:inline-block}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:18px}th{background:var(--paper)}.principle{padding:24px 0;border-bottom:1px solid var(--line)}.principle h3{font-size:19px}.principle p{font-size:14px}.contactbox{padding:40px;background:var(--navy);color:white;border-radius:8px}.contactbox p{color:#bdced0}.contactbox a{color:var(--lime)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #75b78e;outline-offset:4px}@media(min-width:1400px){header{padding:0 60px}}@media(max-width:1100px){nav{gap:13px}nav a{font-size:10px}header{gap:15px}.hero-grid{gap:35px}.floatnote{right:0}.grid4{grid-template-columns:1fr 1fr}}@media(max-width:800px){header{height:78px}.menu{display:block;border:0;background:transparent;font-size:22px}header>.btn{margin-left:auto}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px;z-index:20;box-shadow:0 15px 25px #102d3a15}nav.open{display:flex;flex-direction:column;align-items:start}nav a{font-size:14px}.hero-grid,.split{grid-template-columns:1fr;gap:40px}.hero-grid{padding-top:45px;padding-bottom:60px}h1{letter-spacing:-2px}.workspace{margin:0 10px}.module-strip .wrap{flex-wrap:wrap;justify-content:start}.striplabel{max-width:none;width:100%}.module-name{min-width:25%;font-size:15px}.three,.process-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.section-head{display:block}.cta .wrap{display:block}.footer-top{display:block}.page-hero h1{font-size:40px}.process-controls{flex-direction:column}.copyright{gap:20px}.grid4{grid-template-columns:1fr 1fr}table{font-size:11px}td,th{padding:12px}}@media(prefers-reduced-motion:no-preference){.btn,.card{transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #102d3a15}.card:hover{transform:translateY(-3px)}}
.maturity{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.maturity article{padding:28px 23px;border-right:1px solid var(--line)}.maturity article:last-child{border:0}.level{font-size:45px;color:var(--green);font-weight:500;letter-spacing:-2px}.maturity h3{font-size:20px;line-height:1.4;min-height:56px}.maturity p{font-size:13px;min-height:118px}.maturity .pill{font-size:9px;line-height:1.6}.guardrail{padding:22px;background:#e6efe9;margin-top:22px;font-size:12px;color:#275849;border-radius:5px;line-height:1.8}.guardrail span{margin:0 14px}.engine-map{background:var(--navy);color:white;border-radius:12px;padding:30px;box-shadow:0 20px 45px #163e3820}.engine-event,.engine-result{padding:20px;background:var(--lime);color:var(--navy);border-radius:5px;font-size:13px;font-weight:700}.engine-result{background:#d7eee5}.engine-spine{padding:22px 0;text-align:center;font-size:11px;color:#bfdbd4}.engine-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.engine-modules div{border:1px solid #587478;padding:20px;border-radius:5px;font-size:17px}.engine-modules small{display:block;font-size:10px;color:#bbd3d1;margin-top:7px}.engine-map p{color:#b9ceca}.compare-shell{border:1px solid var(--line);padding:35px;border-radius:9px}.compare-tabs{display:flex;gap:10px;margin:30px 0;flex-wrap:wrap}.compare-tabs button{padding:13px 20px;border:1px solid #b7c9c3;border-radius:5px;background:#fff;color:var(--ink)}.compare-tabs button.selected{background:var(--green);color:white;border-color:var(--green)}.compare-result{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--paper);padding:30px;border-radius:6px;min-height:270px}.compare-result h3{font-size:27px;letter-spacing:-.8px}.compare-result p{font-size:14px}.compare-result ol{font-size:14px;line-height:1.8;padding-left:22px}.compare-result li{padding:10px;border-bottom:1px solid var(--line)}@media(max-width:1000px){.maturity{grid-template-columns:1fr 1fr}.maturity p{min-height:85px}.maturity article{border-bottom:1px solid var(--line)}}@media(max-width:600px){.maturity,.compare-result{grid-template-columns:1fr}.maturity p,.maturity h3{min-height:0}.compare-shell{padding:20px}.compare-result{padding:20px}.guardrail span{margin:0 5px}}
.viz-section{background:linear-gradient(135deg,#f7faf6,#eef5f0);border-top:1px solid #dfeae3}.viz-intro{max-width:780px;margin-bottom:24px}.network-svg{width:100%;height:auto;display:block;box-shadow:0 25px 60px #102d3a18;border-radius:14px}.source-reference{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px;margin:24px 0 0}.reference-thumb{width:272px;height:204px;flex-shrink:0;border-radius:14px;background-image:url('assets/design-reference.png');background-size:1536px 678px}.reference-thumb.orchestrator{background-position:-28px -174px}.reference-thumb.dashboard{background-position:-28px -472px}.source-reference figcaption{font-size:18px;font-weight:600}.source-reference small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:10px}.control-room{background:#0b2836;color:#e6f3ee;border-radius:13px;display:grid;grid-template-columns:180px 1fr;overflow:hidden;box-shadow:0 25px 55px #102d3a20}.control-room aside{background:#061e2b;border-right:1px solid #24424d;padding:25px 20px}.control-room aside>b{font-size:25px;display:block;margin-bottom:38px}.control-room aside>b span{color:#86d6b6}.control-room aside small{font-size:8px;letter-spacing:1px;display:block;margin-bottom:17px;color:#8dacb3}.control-room aside div{font-size:10px;padding:14px 10px;color:#acc3ca}.control-room aside .chosen{background:#174251;border-radius:5px;color:#e2f3ec}.control-main{padding:28px}.control-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:9px;color:#96b8bb}.control-main>h3{font-size:26px;margin:30px 0}.dashboard-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.dashboard-cells>div{border:1px solid #31505a;background:#103440;padding:20px;border-radius:7px}.dashboard-cells small{font-size:8px;color:#9ab9be;letter-spacing:1px}.dashboard-cells b{display:block;font-size:25px;margin:12px 0;color:#b7ecd8}.dashboard-cells span{font-size:9px;color:#adc9ce}.amber-text{color:#e8bd76!important}.dashboard-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:25px}.dashboard-lower h4{font-size:14px}.evidence-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #2d4c57;font-size:10px;gap:10px}.evidence-line b{color:#a5dfcb}.insight-box{background:#153d46;border:1px solid #3c6865;border-radius:7px;padding:22px}.insight-box small{color:#9ddcbe;font-size:9px;letter-spacing:1px}.insight-box h4{font-size:22px;line-height:1.4;margin:17px 0}.insight-box p{font-size:12px;color:#b0cdcd}.insight-box>span{font-size:9px;color:#a2c6bc}.audit-ribbon{margin-top:22px;border-top:1px solid #2c5058;padding-top:20px;font-size:10px;color:#a0c7bd}.dependency-explorer{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:30px}.explorer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px}.explorer-top small{font-size:9px;color:var(--green);letter-spacing:1px}.explorer-top h3{font-size:26px;margin:15px 0 0}.dependency-lane{display:grid;grid-template-columns:1fr 1.7fr 135px;gap:25px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.dependency-lane>div:first-child{position:relative;padding-left:35px}.lane-index{position:absolute;left:0;top:3px;font-size:10px;color:var(--green)}.dependency-lane b{font-size:13px}.dependency-lane small{display:block;font-size:10px;color:var(--green);margin-top:8px}.dependency-lane strong{font-size:13px}.dependency-lane p{font-size:12px;line-height:1.6;margin:7px 0 0}.gate-toggle{font-size:11px;border:1px solid #c4dfce;padding:11px;border-radius:25px;background:#eaf5ec;color:#216b50}.gate-toggle.outstanding{background:#fff1d9;color:#916021;border-color:#e8c98c}.release-result{background:#103d37;color:white;margin-top:20px;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:7px}.release-result small{font-size:9px;color:#a9dbc7;letter-spacing:1px}.release-result h3{font-size:23px}.release-result p{color:#c2ddd2;font-size:12px}.gate-orb{border:1px solid #6fa88f;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:28px;flex-shrink:0}.release-result.blocked{background:#5d4122}.release-result.blocked small,.release-result.blocked p{color:#f5d6a6}.constellation{position:relative;height:540px;background:radial-gradient(ellipse at center,#234e51,#102d3a 70%);border-radius:14px;overflow:hidden}.constellation:before,.constellation:after{content:'';position:absolute;border:1px solid #7bb7a744;border-radius:50%;width:430px;height:430px;left:calc(50% - 215px);top:55px}.constellation:after{width:320px;height:320px;left:calc(50% - 160px);top:110px;border-style:dashed}.constellation-center{position:absolute;left:calc(50% - 120px);top:170px;width:240px;text-align:center;z-index:2;color:white}.constellation-center>span{color:#cce993;font-size:15px}.constellation-center strong{display:block;font-size:29px;line-height:1.3;margin:15px 0}.constellation-center small{color:#b1cdc8;font-size:10px}.sat{position:absolute;width:210px;border:1px solid #689f9266;padding:23px;background:#1a424b;color:white;border-radius:9px;z-index:3}.sat b{font-size:22px}.sat span{display:block;font-size:11px;color:#b4cec8;margin-top:8px}.sat1{left:12%;top:65px}.sat2{right:12%;top:65px}.sat3{left:12%;bottom:65px}.sat4{right:12%;bottom:65px}.orbit-label{position:absolute;bottom:20px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#c3d6b7}.autonomy-graphic{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;padding:35px;background:#102d3a;border-radius:12px;color:white}.autonomy-stage>span{font-size:35px;color:#b8d7c9}.autonomy-bar{border:1px solid #7cae9d;background:linear-gradient(160deg,#2b665b,#1c4148);border-radius:7px;padding:23px;margin-top:20px;display:flex;flex-direction:column;justify-content:end}.autonomy-bar b{font-size:22px}.autonomy-bar small{font-size:10px;margin-top:12px;color:#c6e9ce}.a1 .autonomy-bar{height:100px}.a2 .autonomy-bar{height:150px}.a3 .autonomy-bar{height:200px}.a4 .autonomy-bar{height:250px}.before-after{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.before-after>div{padding:35px;background:white}.before-after>div+div{background:#102d3a;color:white}.before-after small{font-size:10px;letter-spacing:1px}.before-after h3{font-size:25px}.before-after p{font-size:13px}.before-after>div+div p{color:#bbd2ca}.broken-tags,.connected-tags{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.broken-tags span,.connected-tags span{padding:18px;border:1px dashed #b9c5bf;border-radius:7px;font-size:12px}.broken-tags span:nth-child(odd){transform:rotate(-3deg)}.broken-tags span:nth-child(even){transform:rotate(3deg)}.connected-tags span{border-style:solid;border-color:#6b9c8d;background:#224b4e}.outcome-line{color:#d7f275;font-size:11px;line-height:1.8}.governance-graphic{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-radius:12px;overflow:hidden;background:#bcd3c8}.governance-graphic>div{padding:30px;background:#10353d;color:white}.governance-graphic span{font-size:40px;color:#cfe994}.governance-graphic h3{font-size:22px}.governance-graphic p{font-size:12px;color:#b9d1c9}.perspective-graphic{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;padding:40px;background:#102d3a;color:white;border-radius:12px;gap:30px}.perspective-graphic small{font-size:9px;color:#cbe695;letter-spacing:1px}.perspective-graphic h3{font-size:25px}.perspective-graphic p{font-size:12px;color:#b6d0c9}.perspective-join{width:140px;height:140px;border:1px solid #8fb8a6;box-shadow:0 0 0 12px #8fb8a611;border-radius:50%;display:grid;place-items:center;color:#d7f275;font-size:26px;font-weight:700}@media(max-width:800px){.control-room{grid-template-columns:1fr}.control-room aside{display:none}.dashboard-lower{grid-template-columns:1fr}.dashboard-cells b{font-size:19px}.dashboard-cells>div{padding:13px}.dependency-lane{grid-template-columns:1fr 1.3fr;gap:15px}.gate-toggle{grid-column:2}.autonomy-graphic,.governance-graphic{grid-template-columns:1fr 1fr}.before-after{grid-template-columns:1fr}.perspective-graphic{grid-template-columns:1fr;text-align:center}.perspective-join{margin:auto}.source-reference{flex-direction:column;align-items:start}.sat{width:160px;padding:17px}.sat1,.sat3{left:4%}.sat2,.sat4{right:4%}.constellation-center strong{font-size:23px}.constellation{height:580px}.constellation-center{top:210px}.constellation:before{top:80px}.constellation:after{top:135px}.explorer-top{display:block}.explorer-top .pill{margin-top:15px}}@media(max-width:480px){.control-main{padding:18px}.dashboard-cells{grid-template-columns:1fr}.dashboard-cells>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-cells b{margin:0}.dependency-explorer{padding:20px}.dependency-lane{grid-template-columns:1fr}.gate-toggle{grid-column:1;max-width:160px}.autonomy-graphic{padding:20px;gap:12px}.autonomy-bar{padding:15px}.autonomy-bar b{font-size:16px}.governance-graphic{grid-template-columns:1fr}.network-svg{min-height:250px}.sat{width:145px}.control-top{display:block}.control-top .pill{margin-top:12px}}
.three-experiences{background:radial-gradient(ellipse at 100% 0%,#dff7ef 0,transparent 40%),linear-gradient(120deg,#fff,#f6fafb);border-bottom:1px solid var(--line)}.experience-heading{text-align:center;max-width:1020px;margin:0 auto 45px}.experience-heading .eyebrow{justify-content:center}.experience-heading h2{font-size:43px;color:#10254b}.experience-heading p{max-width:850px;margin:20px auto;font-size:17px}.experience-row{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid #e2ecef;border-radius:17px;margin-bottom:24px;overflow:hidden;box-shadow:0 10px 25px #163a5010;align-items:center}.experience-art{width:100%;height:auto;display:block;border-radius:14px}.experience-copy{padding:27px 30px}.experience-number{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:700}.experience-copy h3{font-size:25px;letter-spacing:-.8px;margin:12px 0;color:#10254b}.experience-copy p{font-size:13px;line-height:1.7;margin:0 0 18px}.experience-copy .btn{padding:10px 16px;font-size:11px;border-radius:25px;color:#075568;border-color:#0b9787}.large-experience{max-width:1100px;margin:30px auto;box-shadow:0 15px 40px #102d3a20;border-radius:14px;overflow:hidden}.reference-feature{background:#f7fbfa}.process-stage-shell{background:linear-gradient(125deg,#0c263b,#103b4b);border:1px solid #29576b;color:white;border-radius:15px;padding:32px;margin-top:30px}.process-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px}.process-stage-toolbar small{font-size:9px;color:#9ac7cb;letter-spacing:1px}.process-stage-toolbar h3{font-size:26px;margin:13px 0}.process-stage-toolbar select{background:#123c4d;color:white;border-color:#3d7685;font-size:12px}.experience-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:35px 0}.experience-steps>div{position:relative;padding:20px 15px;background:linear-gradient(140deg,#f5ffff,#dcecf3);color:#102d3a;border:1px solid #b5dadf;border-radius:11px;min-height:155px}.experience-steps>div:not(:last-child):after{content:'→';position:absolute;right:-20px;top:60px;color:#6fe5c8;font-size:22px}.experience-steps span{display:block;font-size:22px;color:#078b7f;margin-bottom:15px}.experience-steps b{font-size:13px;display:block;line-height:1.4}.experience-steps small{font-size:9px;display:block;margin-top:12px;color:#627f89}.process-layer-buttons{display:flex;justify-content:center;gap:0;margin:30px 0}.process-layer-buttons button{padding:13px 25px;background:#153c53;color:#c0dcdf;border:1px solid #3a7a91;font-size:12px}.process-layer-buttons button:first-child{border-radius:25px 0 0 25px}.process-layer-buttons button:last-child{border-radius:0 25px 25px 0}.process-layer-buttons button.selected{background:#52d7bf;color:#062e3b;font-weight:700}.process-explanation{display:grid;grid-template-columns:1fr 1fr;gap:25px}.process-explanation>div{border:1px solid #356172;padding:22px;border-radius:7px;background:#123849}.process-explanation small{font-size:9px;letter-spacing:1px;color:#a8e4ce}.process-explanation p{font-size:13px;color:#c5dce0;line-height:1.7}.process-stage-shell>.note{color:#9fbbc5;margin-top:24px}.reference-process{max-width:900px}html{scroll-behavior:smooth}@media(max-width:900px){.experience-row{grid-template-columns:1fr}.experience-copy{padding:25px}.experience-heading h2{font-size:33px}.experience-steps{gap:13px}.experience-steps>div{padding:15px 10px}.experience-steps>div:not(:last-child):after{right:-13px;font-size:15px}.experience-steps b{font-size:11px}}@media(max-width:600px){.process-stage-shell{padding:20px}.process-stage-toolbar{display:block}.experience-steps{grid-template-columns:1fr;gap:20px}.experience-steps>div{min-height:0;padding:15px;display:grid;grid-template-columns:35px 1fr;gap:7px}.experience-steps span{grid-row:span 2;margin:0}.experience-steps b{font-size:14px}.experience-steps small{margin:0}.experience-steps>div:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-20px}.process-explanation{grid-template-columns:1fr}.process-layer-buttons button{padding:12px 15px;font-size:10px}.experience-heading p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.connected-design{padding:48px 0 55px;background:#fff;border-bottom:1px solid var(--line)}.connected-design h2{font-size:35px;margin-bottom:14px}.connected-design> .wrap>p{font-size:14px;max-width:800px;margin-bottom:25px}.connected-design img{width:100%;height:auto;display:block;border-radius:16px}.platform-mobile-legend{display:none}.page-hero{padding-block:clamp(24px,3.4vw,34px) clamp(20px,2.7vw,28px)}.page-hero h1{margin-top:18px;margin-bottom:16px;font-size:49px}.page-hero p{margin-bottom:0}.page-hero+.section{padding-block-start:clamp(22px,2.5vw,30px)}.reference-feature .large-experience{margin-top:22px}.reference-feature h2{font-size:33px}@media(max-width:650px){.page-hero h1{font-size:36px}.connected-design h2{font-size:29px}.connected-design{padding:35px 0}.platform-mobile-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.platform-mobile-legend span{padding:12px;background:#eef6f0;border:1px solid #d7e8db;border-radius:5px;font-size:10px;line-height:1.5}}
.home-hero .hero-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(20px, 3vw, 28px);
  padding-block: clamp(26px, 3.5vw, 38px);
}
.home-intro h1 {
  margin: 0 0 12px;
}
.home-intro p {
  max-width: 76ch;
  margin: 0;
}
.home-hero .hero-copy h2 {
  font-size: clamp(24px, 2.45vw, 35px);
  margin: 10px 0 8px;
}
.home-hero .hero-copy em {
  font-style: normal;
  color: var(--green);
}
.home-hero .hero-copy p {
  margin: 0;
}
.home-hero .connected-design {
  margin-top: 18px;
  padding: 0;
  background: transparent;
  border: 0;
}
.home-page {
  --navy: #284b5f;
  --brand-green: #3b7c5c;
  --green: #326c51;
  --ink: var(--navy);
  --muted: #506771;
  --line: #ccdcd6;
  --paper: #edf4f0;
}
.home-page .logo span,
.home-intro .brand-accent {
  color: var(--brand-green);
}
.home-page .home-hero {
  background: linear-gradient(145deg, #e8f1ed, #f4f7f8 70%);
  border-color: var(--line);
}
.home-page .btn {
  background: var(--brand-green);
  border-color: var(--brand-green);
}
.home-page .btn.outline {
  background: transparent;
  color: var(--navy);
  border-color: #6b8998;
}
.home-page .connected-design img {
  border: 1px solid var(--line);
}
.home-page .platform-mobile-legend span,
.home-page footer {
  background: var(--paper);
  border-color: var(--line);
}
.home-page .offer.featured {
  border-top-color: var(--brand-green);
}
.home-page .cta {
  background: var(--navy);
  color: #fff;
}
.home-page .cta .eyebrow {
  color: #d3e8dd;
}
.home-page .cta .eyebrow::before,
.home-page .cta .btn {
  background: #d3e8dd;
  border-color: #d3e8dd;
  color: var(--navy);
}
.home-page :is(a, button):focus-visible {
  outline-color: currentColor;
}
.home-page .btn:focus-visible {
  outline-color: var(--navy);
}
.home-page .cta .btn:focus-visible {
  outline-color: #fff;
}

.home-cta-copy p {
  margin: 0;
  color: #e0ede7;
}
.home-cta-copy p strong {
  display: block;
  font-size: 1.125em;
  font-weight: 700;
}
.home-page .cta .btn {
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .home-cta-copy {
    margin-bottom: 18px;
  }
}

.role-benefits-title {
  margin: 0 0 22px;
  text-align: center;
  color: var(--navy);
}
.role-benefits-title span {
  color: var(--green);
}
.role-benefits-frame {
  display: block;
  width: 100%;
  height: 1177px;
  border: 0;
  border-radius: 12px;
}

.autonomy-column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  align-self: stretch;
  row-gap: 14px;
  min-width: 0;
}
.autonomy-stage {
  align-self: end;
}
.autonomy-detail {
  padding: 16px;
  border-radius: 8px;
  background: var(--paper);
  color: var(--navy);
}
.autonomy-detail h3 {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.3;
}
.autonomy-detail p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .autonomy-graphic {
    grid-template-columns: minmax(0, 1fr);
  }
  .autonomy-column .autonomy-bar {
    height: auto;
    min-height: 84px;
    margin-top: 6px;
  }
}

.page-hero + .section.pale,
main > .section.pale + .section.pale,
main > .process-experiences + .section:not(.pale) {
  padding-block-start: 8px;
}
section.section > .wrap > :is(p, figure, .large-experience):last-child {
  margin-block-end: 0;
}
