/* Front door and workflow preview. All example interactions stay local to the page. */
html body[data-page=landing]>nav{background:transparent!important;border:0;padding:14px 20px 0;top:0}
html body[data-page=landing]>nav>.nav{height:64px;max-width:1320px;margin:0 auto;padding:0 24px;border:1px solid #c8edff27;border-radius:20px;background:#03090ff0!important}
html body[data-page=landing] .nav .logo img{width:168px;height:40px;object-fit:contain}
html body[data-page=landing] .navlinks{gap:26px}
html body[data-page=landing] .navlinks a{font-size:13px!important;font-weight:500!important;color:#a8c0cf}
html body[data-page=landing] .navlinks a:hover{color:#e9f7ff}
html body[data-page=landing] .nav .account-links .button{min-height:38px;padding:8px 16px;gap:10px;font-size:12px;font-weight:600}

html body[data-page=landing] .hero.hero-next{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;max-width:1360px;padding:clamp(56px,7vw,104px) 24px clamp(60px,8vw,112px)}
.hero-story{width:100%;max-width:960px;margin:0 auto}
.hero-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:2px;color:#a9c5d5;margin-bottom:26px}
.hero-kicker>span{width:6px;height:6px;background:#a6dfff;border-radius:50%;flex-shrink:0}
html body[data-page=landing] .hero-next h1{font-size:clamp(44px,6.3vw,88px)!important;font-weight:550!important;line-height:1.06!important;letter-spacing:-.055em!important;margin:0 0 26px;text-wrap:balance}
html body[data-page=landing] .hero-next h1 em{color:#a6dfff!important}
html body[data-page=landing] .hero-next .lead{font-size:17px!important;line-height:1.85;max-width:620px;color:#adc3d1!important;margin:0 auto}
html body[data-page=landing] .hero-next .hero-actions{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 26px}
html body[data-page=landing] .hero-next .hero-actions .button{min-height:48px;min-width:0;padding:12px 22px;font-size:14px!important;font-weight:550!important;gap:14px;justify-content:center;box-shadow:none!important;text-shadow:none!important}
.hero-next .hero-actions svg{width:17px;height:17px;flex-shrink:0}
html body[data-page=landing] .hero-next .hero-secondary{background:transparent!important;color:#d9edf8!important;border-color:#c8edff2c!important}
html body[data-page=landing] .hero-next .hero-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin:0;font:11px/1.6 Geist,system-ui,sans-serif!important;letter-spacing:0;color:#b8cfdd}
.hero-next .hero-proof>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hero-next .hero-proof i{display:block;width:3px;height:3px;border-radius:50%;background:#8bbdd5}
.hero-note{font-size:11px;color:#7794a6;line-height:1.7;margin-top:15px}
@media(max-width:600px){html body[data-page=landing]>nav{padding:8px 10px 0}html body[data-page=landing]>nav>.nav{height:58px;padding:0 12px;border-radius:18px;gap:12px}html body[data-page=landing] .nav .logo img{width:140px;height:38px}html body[data-page=landing] .hero.hero-next{padding:48px 18px 56px}.hero-kicker{margin-bottom:20px;font-size:9px;letter-spacing:1.4px}html body[data-page=landing] .hero-next h1{font-size:clamp(40px,10.6vw,60px)!important;margin-bottom:20px}html body[data-page=landing] .hero-next .lead{font-size:15px!important;line-height:1.8}html body[data-page=landing] .hero-next .hero-actions{gap:10px;margin:24px 0 20px;flex-wrap:nowrap}html body[data-page=landing] .hero-next .hero-actions .button{width:auto;flex:0 1 auto;min-height:46px;padding:11px 16px;font-size:12px!important;gap:8px}html body[data-page=landing] .hero-next .hero-proof{gap:8px 14px;font-size:10px!important}.hero-note{font-size:10px;margin-top:12px}}

/* Custom heading: UN paths come from bundled Geist at weight 600, with font overlaps removed.
   Hidden live text retains its baseline/spacing; the vector outline avoids internal stroke spurs. */
html body[data-page=landing] .hero-story>*{animation:none!important}
html body[data-page=landing] .sky-entry{display:none!important}
html body[data-page=landing] .hero-next h1.hero-title{display:inline-flex;position:relative;flex-direction:column;align-items:stretch;max-width:100%;margin:0 auto 30px;padding:0 0 14px;line-height:1!important;text-wrap:initial;font-weight:600!important;background-image:none!important}
.hero-title-top{display:block;text-align:left;padding-left:6px;margin-bottom:8px;font:clamp(20px,2.2vw,30px)/1.4 Geist,system-ui,sans-serif;letter-spacing:-.035em;color:#dceef8}
.hero-title-word{display:flex;align-items:baseline;white-space:nowrap;font:600 clamp(76px,13.4vw,184px)/.95 Geist,system-ui,sans-serif;letter-spacing:-.085em}
.hero-title-outline{position:relative;color:#a6dfff;letter-spacing:-.07em}
.hero-outline-metrics{visibility:hidden}
.hero-outline-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke-width:6.52;fill:#e9f7ff;fill-opacity:1;stroke:#e9f7ff}
.hero-title-entering .hero-outline-art{animation:headline-light 1.8s cubic-bezier(.22,1,.36,1) .15s both!important}
.hero-title-solid{color:#e9f7ff}
.hero-title-period{color:#9bddff;margin-left:3px}
.hero-title::after{content:'';position:absolute;bottom:0;left:6px;right:0;height:1px;background:#b4e7ff48;opacity:0;transform-origin:left}
.hero-title-entering .hero-title-top{animation:headline-top .65s ease both!important}
.hero-title-entering .hero-title-word{animation:headline-word 1.15s cubic-bezier(.2,.8,.2,1) .15s both!important}
.hero-title-entering .hero-title-period{animation:headline-dot .4s ease .9s both!important}
.hero-title-entering::after{animation:headline-rail 1.4s ease both!important}
@keyframes headline-top{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes headline-word{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(14px)}50%{opacity:1}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes headline-light{0%{opacity:0;fill-opacity:0;stroke:#34546b}35%{opacity:.45;fill-opacity:0;stroke:#5e8ca8}60%{opacity:1;fill-opacity:.08;stroke:#92cbe9}100%{opacity:1;fill-opacity:1;stroke:#e9f7ff}}
@keyframes headline-dot{from{opacity:0}to{opacity:1}}
@keyframes headline-rail{0%{opacity:0;transform:scaleX(0)}15%{opacity:1}80%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@media(max-width:600px){.hero-title-word{font-size:clamp(68px,20vw,112px);letter-spacing:-.085em}.hero-title-top{font-size:20px;padding-left:3px;margin-bottom:10px}html body[data-page=landing] .hero-next h1.hero-title{margin-bottom:24px}.hero-outline-art{stroke-width:10}}
@media(prefers-reduced-motion:reduce){.hero-title-entering *,.hero-title-entering::after{animation:none!important;transform:none!important;clip-path:none!important;opacity:1}.hero-title::after{display:none}}

.welcome-offer{max-width:880px;margin:36px 0;padding:24px 0;border-block:1px solid #b8e6ff24}.welcome-offer h3{font-size:26px;line-height:1.3;margin:0 0 12px}.welcome-offer p{line-height:1.8;color:#b9cad9;overflow-wrap:anywhere}.welcome-offer strong{color:#e6f5ff;font-weight:600}.welcome-offer .fine{font-size:12px;line-height:1.8}.welcome-offer a{color:#b8e6ff}

/* Workflow: typography-led panels, no illustrative diagrams. */
html body[data-page=landing] #models .workflow-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px!important;align-items:stretch}
html body[data-page=landing] #models .feature{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #a4d9f52b!important;border-radius:28px!important;background:#09131de8!important;padding:32px!important;transition:border-color .25s}
html body[data-page=landing] #models .feature::before,html body[data-page=landing] #models .feature::after{content:none!important;display:none!important}
html body[data-page=landing] #models .workflow-connect{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:30px;background:#bddfeb!important;border-color:#bddfeb!important;color:#0a2331}
html body[data-page=landing] #models .workflow-copy{position:relative;z-index:1;min-width:0}
html body[data-page=landing] #models .feature h3{font-size:clamp(23px,2.1vw,28px)!important;line-height:1.18;letter-spacing:-.9px;margin:0 0 14px!important;font-weight:550}
html body[data-page=landing] #models .feature p{font-size:14px;line-height:1.8;color:#adc3d3;margin:0;max-width:460px}
html body[data-page=landing] #models .workflow-connect h3{color:#0a2331!important}
html body[data-page=landing] #models .workflow-connect p{color:#2f5364!important}
html body[data-page=landing] #models .workflow-type{pointer-events:none;user-select:none;line-height:1.05;letter-spacing:-.065em;font-weight:550}
html body[data-page=landing] #models .workflow-stack{display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(48px,5.2vw,78px);padding:26px 0 36px}
html body[data-page=landing] #models .workflow-stack span:last-child{color:#3f758c}
html body[data-page=landing] #models .workflow-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #173f5138;padding-top:20px;font-size:12px;color:#355c6e}
html body[data-page=landing] #models :is(.workflow-freedom,.workflow-control){display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:28px;grid-column:auto}
html body[data-page=landing] #models .workflow-explore{font-size:clamp(42px,4.8vw,64px);color:#759aaf;text-align:right;padding-top:6px}
html body[data-page=landing] #models .workflow-explore>span{color:#c7e9f8}
html body[data-page=landing] #models .workflow-units{display:flex;align-items:baseline;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:clamp(30px,3.2vw,46px);color:#cae8f8}
html body[data-page=landing] #models .workflow-unit-slash{color:#476d85;font-weight:350}
@media(hover:hover){html body[data-page=landing] #models .feature:hover{transform:none!important;border-color:#a4d9f56b!important}html body[data-page=landing] #models .workflow-connect:hover{border-color:#e7f7ff!important}}
@media(max-width:1000px){html body[data-page=landing] #models .feature{padding:26px!important}html body[data-page=landing] #models .workflow-stack{font-size:clamp(40px,5.5vw,64px)}}
@media(max-width:760px){html body[data-page=landing] #models .workflow-grid{grid-template-columns:1fr;gap:14px!important}html body[data-page=landing] #models .workflow-connect{grid-row:auto;gap:22px}html body[data-page=landing] #models .feature{padding:26px!important;border-radius:24px!important}html body[data-page=landing] #models .workflow-stack{font-size:clamp(42px,10vw,64px);padding:22px 0 28px}html body[data-page=landing] #models .feature p{font-size:13px}html body[data-page=landing] #models .workflow-explore{font-size:48px}html body[data-page=landing] #models .workflow-units{font-size:36px;gap:16px}}
@media(max-width:370px){html body[data-page=landing] #models .feature{padding:22px!important}html body[data-page=landing] #models .workflow-stack{font-size:40px}}
@media(prefers-reduced-motion:reduce){html body[data-page=landing] #models .feature{transition:none!important}}