:root{color-scheme:light;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#ecf6f6;color:#05171b;--surface: oklch(.965 .01 198);--surface-high: oklch(.992 .006 198);--surface-low: oklch(.91 .018 205);--ink: oklch(.19 .025 214);--muted: oklch(.45 .033 216);--hairline: oklch(.77 .022 207);--online: oklch(.66 .2 149);--online-ink: oklch(.34 .12 149);--warning: oklch(.77 .16 82);--portal: oklch(.69 .16 64);--offline: oklch(.59 .21 29);--focus: oklch(.55 .2 255);--shadow: 0 32px 90px oklch(.3 .04 220 / .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 80% 5%,oklch(.78 .1 151 / .2),transparent 25rem),linear-gradient(145deg,var(--surface-high),var(--surface) 42%,oklch(.92 .021 211));color:var(--ink)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(90deg,oklch(.25 .025 220 / .035) 1px,transparent 1px),linear-gradient(180deg,oklch(.25 .025 220 / .03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,transparent,black 16%,black 82%,transparent)}a{color:inherit}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:1.03rem;font-weight:800;letter-spacing:-.03em;text-decoration:none}.mark{position:relative;display:grid;width:31px;height:31px;place-items:center;border:1px solid oklch(.44 .07 150 / .32);border-radius:50%;background:#c7f1ce;box-shadow:0 0 0 5px #1cb6571c}.mark span{width:10px;height:10px;border-radius:50%;background:var(--online)}.nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,34px);color:var(--muted);font-size:.91rem;font-weight:650}.nav a{text-decoration:none}.nav a:hover{color:var(--ink)}.hero,.keyword-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);align-items:start;gap:clamp(42px,6vw,92px);padding:clamp(36px,6vw,82px) 0 clamp(72px,9vw,124px)}.hero-copy-block{max-width:730px}.eyebrow,.section-kicker,.reveal-kicker{margin:0 0 15px;color:var(--online-ink);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:22px;font-size:clamp(3.7rem,6.3vw,6.25rem);font-weight:800;letter-spacing:-.072em;line-height:.86}.keyword-hero h1{max-width:13ch;font-size:clamp(3rem,5.1vw,4.9rem)}.hero-lead{max-width:63ch;margin-bottom:26px;color:#1a383f;font-size:clamp(1.12rem,1.5vw,1.34rem);line-height:1.58}.download-panel{max-width:680px}.download-row{display:flex}.button{display:inline-flex;min-height:55px;align-items:center;justify-content:center;gap:7px;border:1px solid oklch(.12 .025 214);border-radius:8px;background:var(--ink);color:#f4fafa;padding:0 23px;font-weight:800;letter-spacing:-.02em;text-decoration:none;box-shadow:0 15px 34px #04232c38;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.button:hover{transform:translateY(-2px);background:oklch(.25 .055 216);box-shadow:0 19px 40px #04232c42}.price-note,.keyword-intent{margin:11px 0 0;color:var(--muted);font-size:.93rem;line-height:1.5}.offer-line{display:flex;flex-wrap:wrap;gap:0;margin-top:25px;color:#2b4147;font-size:.86rem;font-weight:700}.offer-line span{display:inline-flex;align-items:center}.offer-line span:not(:last-child):after{width:4px;height:4px;margin:0 10px;border-radius:50%;background:var(--online);content:""}.menu-demo{position:relative;min-width:0;margin-top:clamp(74px,7vw,112px)}.context-label{position:absolute;top:-52px;right:0;display:flex;align-items:baseline;gap:9px;color:var(--muted);font-size:.82rem}.context-label strong{color:var(--ink)}.mac-strip{display:flex;min-height:40px;align-items:center;gap:17px;border-radius:12px;background:#f2f8f9;color:#253337;padding:0 12px 0 15px;font-size:.8rem;font-weight:520;box-shadow:inset 0 0 0 1px #9eaaad80,0 12px 30px -18px #13323c57}.apple{color:#101d21;font-size:.7rem}.strip-spacer{flex:1}.muted-status{color:#5c6c70}.status-chip{display:inline-flex;min-width:max-content;align-items:center;gap:7px;border-radius:999px;background:#fae9ca;color:oklch(.42 .1 72);padding:4px 10px 4px 8px;font-size:.74rem;font-weight:800;box-shadow:inset 0 0 0 1px #ad8c586b}.status-chip.is-online{background:#d7f4dc;color:var(--online-ink);box-shadow:inset 0 0 0 1px #5c8e675c}.status-chip.is-offline,.status-chip.is-flaky{background:oklch(.94 .055 29);color:#861f17;box-shadow:inset 0 0 0 1px #c1746966}.status-chip.is-portal{background:oklch(.94 .055 64);color:oklch(.42 .12 58);box-shadow:inset 0 0 0 1px #bd854d6b}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 4px oklch(.76 .16 82 / .16);animation:dot-pulse 2.6s cubic-bezier(.16,1,.3,1) infinite}.is-online .status-dot{background:var(--online);box-shadow:0 0 0 4px oklch(.66 .2 149 / .15)}.is-offline .status-dot,.is-flaky .status-dot{background:var(--offline);box-shadow:0 0 0 4px #df322724}.is-portal .status-dot{background:var(--portal);box-shadow:0 0 0 4px oklch(.69 .16 64 / .15)}.status-popover{position:relative;width:100%;margin-top:14px;border-radius:18px;background:var(--surface-high);box-shadow:inset 0 0 0 1px #9aa7aa33,0 1px 1px #1c31380d,var(--shadow)}.status-popover:before{position:absolute;top:-7px;right:90px;width:14px;height:14px;border-radius:4px 0 0;background:var(--surface-high);box-shadow:inset 1px 1px #9aa7aa33;transform:rotate(45deg);content:""}.popover-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid oklch(.91 .008 210)}.popover-head>div{display:grid;gap:3px}.popover-head span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.popover-head strong{font-size:1.14rem;letter-spacing:-.025em}.popover-head .duration{color:oklch(.43 .1 75);text-align:right}.signal-line{display:grid;grid-template-columns:2.1fr 1.35fr .22fr 1.5fr;gap:3px;margin:17px 22px;padding:5px;border-radius:9px;background:#e6eff0;box-shadow:inset 0 0 0 1px #afbabc5c}.signal-line span{height:13px;border-radius:4px}.signal-ok{background:#32bb64}.signal-warn{background:var(--warning)}.signal-down{background:var(--offline)}.timeline{display:grid;padding:3px 0 10px}.timeline-row{display:grid;grid-template-columns:10px 58px minmax(90px,1fr) auto;align-items:center;gap:12px;padding:10px 22px;color:#3c5157;font-size:.88rem}.timeline-row strong{color:#182a2e;font-weight:650}.timeline-row .tick{width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 0 3px oklch(.66 .2 149 / .14)}.timeline-row.is-warn .tick{background:var(--warning);box-shadow:0 0 0 3px oklch(.77 .16 82 / .16)}.timeline-row.is-portal .tick{background:var(--portal)}.timeline-row.is-down .tick{background:var(--offline);box-shadow:0 0 0 3px #df322724}.timeline-row .time{color:var(--muted);font-size:.8rem;font-weight:700}.demo-caption{max-width:48ch;margin:17px 0 0 auto;color:var(--muted);font-size:.85rem;text-align:right}.reveal{margin-top:22px;padding:clamp(20px,3vw,30px);border:1px solid oklch(.69 .04 150);border-radius:10px;background:#d9f3dd}.reveal-title{margin-bottom:10px;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.02}.reveal-copy{max-width:66ch;margin-bottom:19px;color:#1e392e;line-height:1.58}.reveal-form{display:grid;gap:12px}.reveal-form label{display:grid;gap:6px;color:#1b372b;font-size:.82rem;font-weight:750}.reveal-form small{color:var(--muted);font-weight:550}.reveal-form input{min-width:0;width:100%;border:1px solid oklch(.68 .03 190);border-radius:7px;background:var(--surface-high);color:var(--ink);padding:13px 14px;font-size:.96rem}.reveal-form .button{justify-self:start}.form-note{margin:12px 0 0;color:#2f4d3d;font-size:.9rem}.diagnosis-band{padding:clamp(68px,9vw,118px) 0;background:#06181c;color:#e6f1f1}.section-head{display:grid;grid-template-columns:minmax(280px,1fr) minmax(270px,.7fr);align-items:end;gap:clamp(34px,7vw,100px);margin-bottom:clamp(32px,5vw,58px)}.section-head h2,.work-heading h2,.expectations h2,.faq-heading h2,.final-cta h2{max-width:11ch;margin-bottom:0;font-size:clamp(2.6rem,5.4vw,5.3rem);font-weight:800;letter-spacing:-.065em;line-height:.89}.diagnosis-band .section-kicker{color:#61cb7c}.section-head>p{max-width:55ch;margin-bottom:0;color:#9db3b7;font-size:1.04rem;line-height:1.65}.state-table{border-top:1px solid oklch(.52 .025 215)}.state-row{display:grid;grid-template-columns:42px 18px minmax(90px,.48fr) minmax(190px,.86fr) minmax(250px,1.2fr);align-items:center;gap:clamp(13px,2.5vw,30px);min-height:104px;border-bottom:1px solid oklch(.52 .025 215)}.state-number{color:#73878c;font-size:.77rem;font-weight:700}.state-light{width:13px;height:13px;border-radius:50%;background:var(--online);box-shadow:0 0 0 6px oklch(.66 .2 149 / .13)}.state-row.is-warn .state-light{background:var(--warning);box-shadow:0 0 0 6px oklch(.77 .16 82 / .12)}.state-row.is-portal .state-light{background:var(--portal);box-shadow:0 0 0 6px oklch(.69 .16 64 / .13)}.state-row.is-down .state-light{background:var(--offline);box-shadow:0 0 0 6px #df322721}.state-row h3{margin-bottom:0;font-size:1.45rem;letter-spacing:-.035em}.state-row strong{color:#d7e4e4;font-size:1rem}.state-row p{margin-bottom:0;color:#8da3a7;line-height:1.5}.sections{display:grid;gap:clamp(78px,12vw,150px);padding:clamp(82px,11vw,144px) 0 clamp(76px,10vw,130px)}.work-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(380px,1fr);align-items:start;gap:clamp(36px,8vw,116px)}.work-heading{position:sticky;top:28px}.job-list{display:grid}.job-list article{padding:0 0 30px;border-bottom:1px solid var(--hairline)}.job-list article+article{padding-top:30px}.job-list span{color:var(--online-ink);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.job-list h3{margin:9px 0;font-size:clamp(1.45rem,2.4vw,2.2rem);letter-spacing:-.045em;line-height:1.06}.job-list p{max-width:58ch;margin-bottom:0;color:var(--muted);line-height:1.6}.expectations{display:grid;grid-template-columns:minmax(260px,.76fr) minmax(340px,1fr);grid-template-areas:"heading steps" "heading note";gap:24px clamp(44px,9vw,126px);padding:clamp(38px,6vw,66px);border:1px solid var(--hairline);background:#f5fcfc;box-shadow:18px 18px #b9d0d3}.expectations>div{grid-area:heading}.expectations ol{grid-area:steps;display:grid;gap:18px;margin:0;padding-left:1.35em}.expectations li{padding-left:7px;color:#213a40;font-size:1.05rem;line-height:1.55}.scope-note{grid-area:note;margin-bottom:0;padding-top:21px;border-top:1px solid var(--hairline);color:var(--muted);line-height:1.6}.faq-section{display:grid;grid-template-columns:minmax(260px,.74fr) minmax(380px,1fr);align-items:start;gap:clamp(36px,8vw,116px)}.faq-list{border-top:1px solid var(--hairline)}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{position:relative;padding:22px 42px 22px 0;cursor:pointer;font-size:1.06rem;font-weight:700;line-height:1.4;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;top:21px;right:4px;color:var(--online-ink);font-size:1.4rem;font-weight:500;content:"+"}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:65ch;margin:-3px 42px 23px 0;color:var(--muted);line-height:1.65}.final-cta{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,.72fr);align-items:end;gap:clamp(38px,8vw,112px);padding:clamp(45px,7vw,76px) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.final-cta h2{max-width:10ch}.final-cta>div:last-child{display:grid;justify-items:start;gap:19px}.final-cta p:not(.eyebrow){max-width:42ch;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.55}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));border:1px solid var(--hairline);background:var(--hairline);gap:1px}.diagnostic{min-height:220px;background:var(--surface-high);padding:clamp(22px,3vw,34px)}.diagnostic h3{margin-bottom:14px;font-size:1.4rem;letter-spacing:-.035em;line-height:1.08}.diagnostic p{margin-bottom:0;color:var(--muted);line-height:1.62}.when{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);align-items:start;gap:clamp(28px,6vw,82px)}.when h2{max-width:12ch;margin-bottom:0;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:800;letter-spacing:-.06em;line-height:.91}.when-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.when-list li{display:grid;grid-template-columns:14px 1fr;align-items:baseline;gap:13px;border-bottom:1px solid var(--hairline);padding:0 0 16px;color:#1c353a;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.45}.when-list li+li{padding-top:16px}.when-list li:before{width:9px;height:9px;border-radius:50%;background:var(--online);content:""}.footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0 36px;color:var(--muted);font-size:.9rem}.footer__links{display:inline-flex;gap:18px}.legal{max-width:780px;padding:clamp(34px,7vw,72px) 0 clamp(64px,10vw,120px)}.legal__back{display:inline-block;margin-bottom:28px;color:var(--muted);font-weight:750;text-decoration:none}.legal h1{max-width:none;font-size:clamp(3rem,7vw,6rem)}.legal h2{margin:34px 0 10px;font-size:1.25rem}.legal p{color:#253c42;line-height:1.68}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(.82)}}@media(max-width:960px){.hero,.keyword-hero,.section-head,.work-section,.expectations,.faq-section,.final-cta,.when{grid-template-columns:1fr}.expectations{grid-template-areas:"heading" "steps" "note"}.menu-demo{margin-top:32px}.work-heading{position:static}.state-row{grid-template-columns:34px 18px minmax(80px,.4fr) minmax(170px,.8fr) 1fr}h1,.keyword-hero h1{max-width:11ch}}@media(max-width:680px){.shell{width:min(100% - 28px,1220px)}.topbar{align-items:flex-start;flex-direction:column;padding:18px 0 8px}.nav{width:100%;justify-content:space-between;gap:10px;font-size:.82rem}.hero,.keyword-hero{padding-top:42px}h1,.keyword-hero h1{max-width:10ch;font-size:clamp(3rem,16vw,4.5rem)}.button{width:100%}.context-label{position:static;justify-content:flex-end;margin-bottom:10px}.mac-strip{gap:8px;overflow:hidden;font-size:.72rem}.mac-strip>span:nth-child(2),.mac-strip>span:nth-child(3),.muted-status{display:none}.popover-head{align-items:flex-start;flex-direction:column;gap:9px}.popover-head .duration{text-align:left}.timeline-row{grid-template-columns:9px 48px 1fr auto;gap:9px;padding-inline:16px;font-size:.81rem}.signal-line{margin-inline:16px}.state-row{grid-template-columns:30px 17px 1fr;gap:12px;padding:21px 0}.state-row strong,.state-row p{grid-column:3}.state-row strong{margin-top:-5px}.expectations{padding:28px 22px;box-shadow:9px 9px #b9d0d3}.section-head h2,.work-heading h2,.expectations h2,.faq-heading h2,.final-cta h2,.when h2{font-size:clamp(2.55rem,13vw,4.2rem)}.footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
