/* Marine palette and a progressive, native-scroll card stack. */
:root{
  --bg:#e6eef5;--surface:#fff;--ink:#102f49;--muted:#5d7488;
  --soft:#849bad;--line:#d2e0eb;--accent:#1479b5;--accent-ink:#075f97;
  --accent-soft:#e8f3fa;--blue:#1479b5;--marine:#0c3658;
  --header-offset:120px;--scroll-progress:0;
  scroll-padding-top:var(--header-offset);
  background:#071226;
}
/* Full-page mirrored spectrum: navy, muted blues, light warm ivory at the center, without a white plateau. */
body{
  display:flow-root;min-height:100vh;background-color:#071226;
  background-image:linear-gradient(180deg,
    #071226 0%,
    #111d35 5%,
    #203553 10%,
    #3b5275 15%,
    #567599 20%,
    #7693b5 24%,
    #95aecc 28%,
    #abc0d9 32%,
    #c6d5e7 36%,
    #d9e2e6 39%,
    #eff0e6 42%,
    #fffbe9 44.5%,
    #fffbed 46.5%,
    #fffcef 48%,
    #fffdf1 49.5%,
    #fffdf1 50.5%,
    #fffcef 52%,
    #fffbed 53.5%,
    #fffbe9 55.5%,
    #eff0e6 58%,
    #d9e2e6 61%,
    #c6d5e7 64%,
    #abc0d9 68%,
    #95aecc 72%,
    #7693b5 76%,
    #567599 80%,
    #3b5275 85%,
    #203553 90%,
    #111d35 95%,
    #071226 100%);
  background-size:100% 100%;background-repeat:no-repeat;background-attachment:scroll;
}
.page-frame{width:76%;container-type:inline-size;container-name:page;background:transparent;border:0;box-shadow:none;}
.skip-link{z-index:200;}
[data-stack-card]:focus{outline:none;}
.site-header{top:16px;margin:20px 0 24px;min-height:76px;z-index:100;border:1px solid #cbdce9;border-radius:14px;background:#f9fcffe8;box-shadow:0 8px 32px #0b365b0a;backdrop-filter:blur(24px);}
.site-header::after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:2px;border-radius:2px;background:#177bb2;transform:scaleX(var(--scroll-progress));transform-origin:left;pointer-events:none;}
.desktop-nav{border-color:#dce7f0;}
.desktop-nav a.active{color:#086ba5;}
.header-actions>.button{background:#0c4169;color:#fff;border-color:#0c4169;box-shadow:0 3px 10px #10365310;}
.header-actions>.button:hover{background:#125681;border-color:#125681;}
.header-actions .button-dot{background:#83c9ee;}
.menu-toggle{border-color:#c9dce9;background:#f4f9fd;}
.menu-toggle span{background:#17476a;}
.mobile-nav{border-color:#d6e4ef;border-radius:0 0 14px 14px;background:#f8fbff;}
#main{position:relative;padding-bottom:1px;}
[data-stack-card]{position:relative;margin-bottom:88px;border:1px solid #ccddea;border-radius:26px;overflow:clip;background:#fff;box-shadow:0 14px 48px -24px #0b355840;transform-origin:center top;isolation:isolate;}
[data-stack-card]:last-child{margin-bottom:0;}
.equal-cards [data-stack-card]{height:auto;min-height:var(--stack-height);max-height:none;overflow:clip;}
.equal-cards [data-stack-card]:focus-visible{outline:2px solid #5b9cc4;outline-offset:-4px;}
.equal-cards .product-section,.equal-cards .teams-section{display:flex;flex-direction:column;}
.equal-cards .section-heading{flex-shrink:0;}
.equal-cards .product-workspace{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;}
.equal-cards .team-list{flex:1 0 auto;align-items:center;}
.equal-cards .hero-copy{padding-top:clamp(28px,5vh,64px);}
.equal-cards .hero .eyebrow{margin-bottom:24px;}
.equal-cards .hero h1{margin-bottom:20px;}
.equal-cards .hero-bottom{padding-top:24px;}
.equal-cards .hero-media,.equal-cards .media-surface{min-height:0;}
.equal-cards .device-composition{min-height:clamp(180px,34vh,360px);}
.equal-cards .hero-map{max-height:calc(var(--stack-height) - 220px);object-fit:contain;}
.ruled-section::before,.ruled-section::after{display:none;}
/* Parent gap preserves spacing without pushing earlier sticky margin boxes out 100px early. */
.stack-layout #main{display:flex;flex-direction:column;gap:100px;padding-bottom:7vh;}
.stack-layout [data-stack-card]{margin-bottom:0;flex-shrink:0;}
.stacking-enabled [data-stack-card]{position:sticky;top:var(--stack-top,120px);z-index:var(--stack-order,1);transform:scale(var(--card-scale,1));margin-bottom:0;flex-shrink:0;}
.stacking-enabled [data-stack-card].is-receding{will-change:transform;box-shadow:0 18px 64px -20px #07345e30;}
.button{border-radius:7px;border-color:#cbdde9;}
.button:hover{border-color:#9dbed5;background:#edf6fc;}
.button.dark{background:#0d4a77;border-color:#0d4a77;box-shadow:0 6px 18px #0c507422;}
.button.dark:hover{background:#126393;border-color:#126393;}
.eyebrow{color:#527995;}
.hero{background:linear-gradient(125deg,#f6faff,#eaf3fa);border-color:#c7dae9;}
.hero-copy{padding-top:76px;}
.hero h1 strong{color:#0d6a9f;}
.hero-lead{color:#58768e;}
.hero-bottom .micro-label{color:#517894;}
.hero-scroll{color:#7694aa;}
.hero-media{background:#0c3658;border-left:1px solid #205775;padding:14px;}
.media-surface{border:1px solid #ffffff19;border-radius:16px;background:radial-gradient(ellipse at 85% 16%,#20789c80,transparent 60%),linear-gradient(145deg,#103d62,#0a4c71 60%,#176f8a);}
.media-top .micro-label{color:#b1d0e2;}
.view-label{color:#c5e6f7;background:#ffffff0c;border-color:#b3d7ee42;border-radius:5px;}
.hero-map{filter:drop-shadow(0 20px 24px #001d3f60);}
.hero-phone{filter:drop-shadow(0 14px 18px #00173170);}
.media-caption{background:#082b4b55;border-color:#ffffff1c;}
.media-caption .micro-label{color:#8cb7ce;}
.media-caption h2{color:#f1f8fc;}
.media-zoom{background:#ffffff0d;color:#c3e7fa;border-color:#8bc3e149;border-radius:7px;}
.media-zoom:hover{color:#fff;background:#ffffff20;}
.platform-section{background:#fff;}
.platform-intro{background:linear-gradient(145deg,#e9f3fb,#f5f9fc);border-color:#d4e4ef;}
.platform-intro .section-title strong{color:#0c689e;}
.purpose-statement{border-color:#cddfeb;}
.features-wrap{background:#fcfdff;padding:28px;}
.feature-grid{gap:12px;}
.feature{border-color:#d8e5ef;background:#f8fbfe;border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s,translate .2s;}
.feature:hover{border-color:#a2c6df;background:#fff;box-shadow:0 8px 24px #1256890b;translate:0 -3px;}
.feature-icon{border-color:#c8deed;background:#eaf4fb;color:#146c9f;border-radius:8px;}
.feature-number{color:#7b9ab0;}
.feature-bottom{color:#68879f;border-color:#dce8f1;}
.scope-badge{color:#5a7890;background:#eaf1f7;border-radius:4px;}
.product-section{background:linear-gradient(145deg,#103f65,#082c4b);border-color:#214e71;box-shadow:0 22px 60px -20px #052e5660;}
.product-section .section-title,.product-section .panel-copy h3{color:#fff;}
.product-section .eyebrow{color:#93c6e5;}
.product-section .section-copy,.product-section .panel-copy p{color:#bed2e1;}
.product-tabs{border-color:#426580;gap:8px;}
.product-tabs button{color:#bfd4e3;border-radius:8px;}
.product-tabs button:hover{background:#ffffff0c;color:#fff;}
.product-tabs .tab-icon{color:#86b7d5;}
.product-tabs button[aria-selected=true]{color:#125379;background:#f1f8fc;border-color:#f1f8fc;box-shadow:0 2px 10px #001e3520;}
.product-tabs button[aria-selected=true]::after{background:#6bc4ed;}
.product-tabs button[aria-selected=true] .tab-icon{color:#176a9a;}
.product-section .panel-kicker{color:#89bedf;}
.product-section .preview-label{color:#a1bfd3;}
.product-section .text-button{color:#b3e5fe;}
.product-section .text-button:hover{color:#fff;}
.product-section :focus-visible{outline-color:#91d5f7;}
.product-section .panel-image{border:1px solid #edf8ff50;border-radius:16px;background:radial-gradient(ellipse at 100% 0%,#fff,transparent 60%),linear-gradient(145deg,#dbeaf5,#bdd7e9);box-shadow:0 12px 30px #031d331f;}
.product-section .mobile-screens figcaption{color:#52738c;}
.product-section .image-note{color:#9bb8cf;}
.product-workspace{padding-bottom:36px;}
.clarity-section{background:#f0f7fc;}
.clarity-intro{background:linear-gradient(145deg,#dcecf7,#eef6fc);border-color:#cbdfea;}
.clarity-intro .section-title strong{color:#13567e;}
.strategy-tagline{border-color:#bfd6e7;color:#2a5775;}
.strategy-tagline strong{color:#0c658e;}
.strategy-steps{gap:12px;padding:32px;}
.strategy-steps>li{padding:26px;border:1px solid #d4e4ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px #154d7605;}
.strategy-steps>li:last-child{border-bottom:1px solid #d4e4ef;}
.strategy-steps>li>.index{color:#2d84b4;}
.strategy-steps>li>span:last-child{color:#6da2c2;}
.teams-section{background:#fff;}
.teams-section .section-title strong{color:#0a6292;}
.team-list{border-color:#d7e5f0;background:#f2f8fc;}
.team-list article+article{border-color:#d7e5f0;}
.team-list .index{color:#307caa;}
.demo-section{background:linear-gradient(135deg,#123f61,#0a2f4d);border-color:#234f6e;}
.demo-copy{border-color:#315b78;}
.demo-copy .eyebrow{color:#8bbbd9;}
.demo-copy .section-title{color:#e9f4fc;}
.demo-copy .section-title strong{color:#fff;}
.demo-copy .section-copy{color:#bdd1e0;}
.demo-steps>div{border-color:#355c78;color:#c4d9e7;}
.demo-steps span{color:#91bed8;}
.demo-form{background:#f8fbfe;border-color:#e1edf5;border-radius:14px;padding:36px;box-shadow:0 14px 40px #001a342a;}
.field label{color:#42627c;}
.field input,.field textarea{background:#fff;border-color:#ccdfec;border-radius:6px;color:#193c57;}
.field input::placeholder,.field textarea::placeholder{color:#8ca3b5;}
.field label span,.form-note{color:#7894a9;}
.form-submit:disabled{background:#4f7897;border-color:#4f7897;opacity:.8;}
.form-wrap{padding:32px;}
footer{position:relative;z-index:20;background:transparent;margin-top:28px;padding-bottom:18px;}
.footer-main{border-color:#c6d9e7;}
.footer-main p,.back-top{color:#597d98;}
.footer-bottom{color:#7392a9;}
.footer-bottom a:hover{color:#165a87;}
dialog{border-color:#c3d9e9;border-radius:14px;background:#edf5fb;box-shadow:0 32px 100px #001d4550;}
dialog::backdrop{background:#021d37c9;}
.dialog-close{color:#174f76;border-color:#c5dbea;border-radius:7px;}
/* The blue gradient belongs to the page; translucent panels carry the content. */
[data-stack-card]{background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(235,247,255,.34));border-color:#ffffffa6;backdrop-filter:blur(28px) saturate(180%) brightness(1.06);-webkit-backdrop-filter:blur(28px) saturate(180%) brightness(1.06);box-shadow:inset 0 1px 0 #ffffffe6,inset 1px 0 0 #ffffffb3,inset 0 -1px 0 #ffffff80,inset 0 4px 18px #ffffff1a,0 20px 60px -24px #001e4673;}
.site-header{background:#f7fbffbd;border-color:#ffffffb3;}
.hero-media{background:#c0dff038;border-color:#a7cadf66;}
.media-surface{background:#d5eaf561;border-color:#ffffff80;}
.media-top .micro-label,.view-label{color:#426b86;}
.view-label{background:#ffffff50;border-color:#93bad459;}
.media-caption{background:#ffffff45;border-color:#ffffff80;}
.media-caption .micro-label{color:#557d98;}
.media-caption h2{color:#143e5d;}
.media-zoom{color:#245f85;background:#ffffff85;border-color:#b5d3e6;}
.media-zoom:hover{color:#123b59;background:#fff;}
.platform-intro,.clarity-intro{background:#e0eff84d;}
.features-wrap{background:transparent;}
.feature,.strategy-steps>li{background:#ffffff30;border-color:#ffffff99;}
.feature:hover{background:#ffffffb3;}
.product-section .section-title,.product-section .panel-copy h3{color:#102f49;}
.product-section .eyebrow,.product-section .panel-kicker{color:#427895;}
.product-section .section-copy,.product-section .panel-copy p{color:#4f7088;}
.product-tabs{border-color:#a4c4d77a;}
.product-tabs button{color:#4c728c;}
.product-tabs button:hover{color:#154568;background:#ffffff70;}
.product-tabs .tab-icon{color:#4482a6;}
.product-tabs button[aria-selected=true]{background:#ffffffd9;border-color:#ffffff;}
.product-section .preview-label,.product-section .image-note{color:#587b93;}
.product-section .text-button{color:#096d9e;}
.product-section .text-button:hover{color:#103f62;}
.product-section :focus-visible{outline-color:#086ba5;}
.product-section .panel-image{background:#dcecf680;border-color:#ffffffa6;}
.team-list{background:#e4f2fb40;}
.demo-copy{border-color:#abcbdc70;}
.demo-copy .eyebrow{color:#497a98;}
.demo-copy .section-title,.demo-copy .section-title strong{color:#123b59;}
.demo-copy .section-copy{color:#52758d;}
.demo-steps>div{color:#476d88;border-color:#afcfdf70;}
.demo-steps span{color:#327da5;}
.demo-form{background:#ffffff66;border-color:#ffffffb3;box-shadow:0 12px 36px #124b7012;}
.footer-main{border-color:#badbed40;}
.footer-main p,.back-top,.footer-bottom{color:#daedf8;}
.footer-bottom a:hover{color:#fff;}
.footer-main .brand{width:196px;background:transparent;padding:0;border-radius:0;}
.footer-main .brand img{filter:brightness(0) invert(1);}
@media(min-width:1100px) and (prefers-reduced-motion:no-preference){
  [data-stack-card]{margin-bottom:100px;}
  [data-stack-card]:last-child{margin-bottom:0;}
}
@container page (max-width:1200px){

  .hero-copy{padding-top:60px;}
  .features-wrap{padding:24px;}
  .strategy-steps{padding:24px;}
  .strategy-steps>li{padding:22px;}
  .demo-form{padding:28px;}
  .form-wrap{padding:24px;}
}
@container page (max-width:1099px){
  [data-stack-card]{margin-bottom:28px;border-radius:22px;}
  .site-header{top:12px;margin-top:16px;}
  .feature:hover{translate:none;}
}
@container page (max-width:960px){

  .platform-intro{border-color:#d4e4ef;}
  .clarity-intro{border-color:#cbdfea;}
  .strategy-steps{padding:28px 40px;}
  .team-list article:nth-child(n+3){border-color:#d7e5f0;}
  .form-wrap{padding:20px;}
  .demo-form{padding:26px;}
}
@container page (max-width:680px){

  .site-header{top:8px;margin:12px 0 16px;border-radius:12px;min-height:70px;}
  [data-stack-card]{border-radius:18px;margin-bottom:20px;box-shadow:0 10px 30px -18px #0c3e6940;}
  .hero-copy{padding-top:44px;}
  .hero-media{padding:10px;border-top:1px solid #41728e;}
  .media-surface{border-radius:12px;}
  .media-caption h2{line-height:1.25;}
  .features-wrap{padding:16px;}
  .feature-grid{gap:10px;}
  .feature{border-radius:10px;}
  .product-tabs{gap:4px;scrollbar-color:#648ca6 transparent;}
  .product-section .panel-image{border-radius:12px;}
  .product-workspace{padding-bottom:28px;}
  .strategy-steps{padding:20px;gap:10px;}
  .strategy-steps>li{padding:22px 18px;}
  .form-wrap{padding:16px;}
  .demo-form{padding:26px 22px;border-radius:12px;}
  .team-list article+article{border-color:#d7e5f0;}
  .demo-copy{border-color:#315b78;}
  footer{margin-top:12px;}
}
@container page (max-width:390px){}
@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto;}
  .stacking-enabled [data-stack-card]{position:relative;top:auto;transform:none;}
  [data-stack-card]{will-change:auto!important;}
  .feature:hover{translate:none;}
  .site-header::after{display:none;}
}

/* Stronger text contrast over the clearer glass. */
.hero-lead,.demo-copy .section-copy{color:#2c465d;}
.hero-bottom .micro-label,.demo-copy .eyebrow,.demo-steps>div{color:#304d65;}

/* Open navigation with readable labels, no vertical dividers. */
.desktop-nav,.header-actions{border-inline:0;}
.desktop-nav a,.mobile-nav a{font-size:1rem;font-weight:500;}
.desktop-nav{gap:24px;}
@container page (max-width:360px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;}
  .brand-cell{padding:16px 12px;min-width:0;}
  .brand{width:min(115px,100%);}
  .header-actions{padding:12px 10px;}
  .header-actions>.button{display:none;}
  .mobile-nav{flex-direction:column;gap:16px;padding:18px;}
  .hero-copy,.section-padding,.platform-intro,.clarity-intro,.demo-copy,.section-heading{padding:28px 18px;}
  .hero h1{font-size:clamp(1.2rem,9.6cqw,1.8rem);}
  .section-title,.platform-intro .section-title,.clarity-intro .section-title,.demo-copy .section-title{font-size:clamp(1.5rem,8cqw,2rem);}
  .section-title,.panel-copy h3,.hero h1{overflow-wrap:anywhere;}
  .panel-copy h3{font-size:1.5rem;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-media{min-height:0;}
  .media-surface{min-height:0;}
  .device-composition{min-height:190px;}
  .media-top{flex-wrap:wrap;}
  .media-caption{padding:16px;}
  .media-caption h2{font-size:1.125rem;}
  .product-workspace{padding-inline:16px;}
  .features-wrap,.form-wrap{padding:10px;}
  .feature,.team-list article{padding-inline:18px;}
  .strategy-steps{padding:14px;}
  .strategy-steps>li{padding:20px 14px;gap:10px;}
  .demo-form{padding:24px 16px;}
  .form-row{grid-template-columns:minmax(0,1fr);gap:0;}
  .field{min-width:0;}
  .footer-main,.footer-bottom{padding-inline:12px;}
  .back-top{margin-left:0;}
}

/* Keep desktop navigation visible even when the page container becomes narrower. */
@media(min-width:900px){
 .site-header{grid-template-columns:auto minmax(0,1fr) auto;}
 .brand-cell{padding:20px 16px;}
 .site-header .brand{width:140px;}
 .desktop-nav{display:flex;gap:clamp(10px,1.5vw,24px);padding:16px 10px;border:0;}
 .desktop-nav a{font-size:1rem;}
 .header-actions{padding:14px 16px;border:0;}
 .header-actions>.button{display:inline-flex;}
 .menu-toggle,.mobile-nav{display:none!important;}
}
@container page (min-width:1000px){
 .equal-cards .platform-intro{gap:24px;padding:36px 28px;}
 .equal-cards .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 .equal-cards .features-wrap{padding:24px;}
 .equal-cards .feature{padding:20px 16px 0;}
 .equal-cards .feature-top{flex-wrap:wrap;margin-bottom:16px;}
 .equal-cards .feature p{margin-bottom:14px;}
}

/* A single clipped shell and a fitted content canvas keep every desktop card identical. */
#main{overflow-anchor:none;}
[data-stack-card]{display:block!important;}
.card-content{width:100%;min-width:0;transform-origin:top left;}
.hero>.card-content{display:grid;grid-template-columns:1.15fr 1fr;}
.platform-section>.card-content{display:grid;grid-template-columns:1fr 2fr;}
.clarity-section>.card-content{display:grid;grid-template-columns:1fr 1.18fr;}
.demo-section>.card-content{display:grid;grid-template-columns:1fr 1fr;}
.teams-section>.card-content,.product-section>.card-content{display:flex;flex-direction:column;}
.fitted-cards [data-stack-card]{height:var(--stack-height);min-height:var(--stack-height);max-height:var(--stack-height);overflow:clip;}
.fitted-cards .card-content{position:absolute;left:0;top:0;}
.fitted-cards .section-heading{padding:30px 36px;}
.fitted-cards .product-workspace{padding:0 36px 24px;}
.fitted-cards .product-panel{min-height:0;padding-top:20px;gap:28px;}
.fitted-cards .panel-copy{padding:16px 0;}
.fitted-cards .panel-image{min-height:0;max-height:340px;}
.fitted-cards .section-title{font-size:clamp(2rem,3vw,3rem);}
.fitted-cards .form-row{grid-template-columns:1fr 1fr;}
.fitted-cards .field{margin-bottom:14px;}
.fitted-cards .demo-form{padding:24px;}
.fitted-cards .form-intro{margin-bottom:18px;}
.fitted-cards .demo-copy{padding:36px;}
@container page (max-width:960px){
 .platform-section>.card-content,.clarity-section>.card-content{grid-template-columns:1fr;}
 .hero>.card-content{grid-template-columns:1.13fr 1fr;}
}
@container page (max-width:680px){
 .hero>.card-content,.demo-section>.card-content{grid-template-columns:1fr;}
}

/* Shared liquid-glass finish: translucent color, soft refraction and lit edges. */
[data-stack-card],.site-header{
 background:linear-gradient(125deg,rgba(255,255,255,.56) 0%,rgba(235,247,255,.36) 40%,rgba(220,239,255,.28) 72%,rgba(255,255,255,.46) 100%);
 border-color:rgba(255,255,255,.72);
 backdrop-filter:blur(38px) saturate(205%) brightness(1.12);
 -webkit-backdrop-filter:blur(38px) saturate(205%) brightness(1.12);
 box-shadow:inset 0 2px 1px rgba(255,255,255,.92),inset 2px 0 2px rgba(255,255,255,.48),inset -1px -2px 2px rgba(255,255,255,.5),inset 0 10px 28px rgba(255,255,255,.14),0 20px 60px -24px rgba(0,30,70,.45);
}
.site-header{
 background:linear-gradient(120deg,rgba(255,255,255,.76),rgba(230,244,255,.52) 65%,rgba(255,255,255,.66));
}
.site-header .brand-cell,.site-header .desktop-nav,.site-header .header-actions{background:transparent;}

/* End the desktop stack at the contact card, with only its viewport breathing room. */
.stack-layout #main{padding-bottom:calc(100vh - var(--header-offset) - var(--stack-height));}
.stack-layout .page-frame>footer{display:none;}
html.stack-layout{overscroll-behavior-y:none;}

/* Defined glass cards without white outlines or inset edge highlights. */
[data-stack-card],.site-header,
.stacking-enabled [data-stack-card].is-receding{
 border-color:transparent;
 box-shadow:0 20px 60px -24px rgba(0,30,70,.35);
}
.site-header{box-shadow:0 8px 28px -12px rgba(0,30,70,.24);}

/* Black navigation labels in every interaction state. */
.site-header .desktop-nav a,
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a.active,
.site-header .mobile-nav a,
.site-header .mobile-nav a:hover,
.site-header .mobile-nav a.active{color:#000;}

/* Slim, vertically balanced liquid-glass navigation without a white outline. */
.site-header{
 min-height:64px;
 align-items:center;
 border-color:transparent;
 background:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.26),transparent 65%),linear-gradient(115deg,rgba(246,252,255,.58),rgba(218,239,255,.32) 55%,rgba(244,251,255,.48));
 backdrop-filter:blur(46px) saturate(230%) brightness(1.18);
 -webkit-backdrop-filter:blur(46px) saturate(230%) brightness(1.18);
 box-shadow:inset 0 12px 24px -18px rgba(255,255,255,.32),0 10px 30px -15px rgba(0,24,54,.32);
}
.site-header .brand-cell,.site-header .desktop-nav,.site-header .header-actions{
 align-self:center;
 align-items:center;
 padding-block:10px;
}
.site-header .brand img{display:block;}
.site-header .desktop-nav a{display:inline-flex;align-items:center;min-height:40px;line-height:1.2;}
.site-header .header-actions>.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;}
@container page (max-width:360px){
 .site-header .header-actions>.button{display:none;}
}

/* Six balanced solution tabs and roles for the complete marina workflow. */
.team-list{grid-template-columns:repeat(3,minmax(0,1fr));}
.team-list article{min-height:0;padding:24px;}
.team-list .index{margin-bottom:16px;}
.team-list article+article{border-left:1px solid #afcfdf70;}
.team-list article:nth-child(3n+1){border-left:0;}
.team-list article:nth-child(-n+3){border-top:0;}
.team-list article:nth-child(n+4){border-top:1px solid #afcfdf70;}
.module-flow{align-self:center;width:100%;padding:24px;border-radius:16px;background:#e4f2fb40;}
.module-flow>ol{list-style:none;margin:16px 0 0;padding:0;}
.module-flow li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #afcfdf70;}
.module-flow .index{color:#327da5;font-size:.75rem;}
.module-flow h4{font-size:1rem;line-height:1.4;margin:0 0 6px;color:#123b59;}
.module-flow p{font-size:.875rem;line-height:1.6;margin:0;color:#304d65;}
.lift-screens{display:grid;grid-template-columns:minmax(0,1fr) 24%;gap:12px;align-items:center;padding:14px;}
.lift-screens img{width:100%;height:auto;max-height:300px;object-fit:contain;}
@container page (max-width:680px){
 .team-list{grid-template-columns:repeat(2,minmax(0,1fr));}
 .team-list article:nth-child(n){border-left:1px solid #afcfdf70;border-top:1px solid #afcfdf70;}
 .team-list article:nth-child(odd){border-left:0;}
 .team-list article:nth-child(-n+2){border-top:0;}
}
@container page (max-width:390px){
 .team-list{grid-template-columns:1fr;}
 .team-list article:nth-child(n){border-left:0;border-top:1px solid #afcfdf70;}
 .team-list article:first-child{border-top:0;}
 .module-flow{padding:18px;}
}

/* Restore the original horizontal tab rail, with room for all six solutions. */
.product-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#648ca6 transparent;}
.product-tabs button{flex-shrink:0;white-space:nowrap;}

/* Solutions: a vertical selector on the left, selected module on the right. */
.product-section .product-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:start;}
.product-section .product-tabs{display:flex;flex-direction:column;gap:8px;overflow:visible;border-bottom:0;border-right:1px solid #a4c4d750;padding:0 20px 0 0;}
.product-section .product-tabs button{width:100%;min-height:52px;justify-content:flex-start;text-align:left;white-space:normal;line-height:1.4;padding:12px;font-size:.875rem;}
.product-section .product-tabs button[aria-selected=true]::after{bottom:12px;top:12px;left:-1px;right:auto;width:2px;height:auto;}
.product-section .product-panel{grid-column:2;grid-row:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding-top:0;min-height:0;min-width:0;}
.product-section .panel-copy{padding:8px 0;min-width:0;}
.product-section .panel-copy h3{font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.15;margin:16px 0;}
.product-section .panel-copy p{max-width:none;}
.product-section .panel-image,.product-section .module-flow{min-width:0;}
.product-section .module-flow{padding:20px;}
@container page (max-width:1000px){
 .product-section .product-workspace{grid-template-columns:180px minmax(0,1fr);gap:24px;}
 .product-section .product-panel{grid-template-columns:minmax(0,1fr);gap:16px;}
 .product-section .module-flow li{padding:12px 0;}
 .product-section .panel-image{max-height:280px;}
}
@container page (max-width:680px){
 .product-section .product-workspace{grid-template-columns:130px minmax(0,1fr);gap:16px;padding-inline:20px;}
 .product-section .product-tabs{padding-right:12px;gap:6px;}
 .product-section .product-tabs button{padding:10px 8px;font-size:.75rem;gap:6px;}
 .product-section .product-tabs .tab-icon{display:none;}
 .product-section .panel-copy h3{font-size:1.5rem;}
 .product-section .module-flow{padding:12px;}
 .product-section .module-flow li{gap:8px;}
}
@container page (max-width:390px){
 .product-section .product-workspace{grid-template-columns:94px minmax(0,1fr);gap:12px;padding-inline:12px;}
 .product-section .product-tabs{padding-right:6px;}
 .product-section .panel-copy h3{font-size:1.125rem;overflow-wrap:anywhere;}
 .product-section .panel-copy p,.product-section .module-flow p{font-size:.75rem;}
 .product-section .module-flow h4{font-size:.875rem;}
 .product-section .module-flow .index{display:none;}
 .product-section .panel-kicker{overflow-wrap:anywhere;font-size:.625rem;}
}

/* Give all solution panels the full tab-row height and center their contents. */
.product-section .product-panel{align-self:stretch;align-items:center;align-content:center;}
.product-section .panel-copy{align-self:center;}

/* Quiet six-second progress at the bottom of the solutions card. */
.solution-timer{position:absolute;bottom:14px;left:36px;right:36px;display:flex;align-items:center;gap:12px;z-index:2;}
.solution-timer-track{display:block;flex:1;height:2px;overflow:hidden;border-radius:2px;background:rgba(38,92,126,.1);}
.solution-timer-track>span{display:block;width:100%;height:100%;background:rgba(31,104,149,.45);transform:scaleX(0);transform-origin:left;}
.solution-timer button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#416b87;cursor:pointer;font-size:12px;}
.solution-timer button:hover{background:#ffffff50;}
.product-section .product-workspace{padding-bottom:48px;}
@container page (max-width:680px){.solution-timer{left:20px;right:20px;bottom:10px;}}

/* Improve hero label contrast. */
.hero .eyebrow{color:#304d65;}

/* One open hero media area, with the full laptop inside its available width. */
.hero .hero-media{flex-direction:column;}
.hero .device-composition{width:100%;min-width:0;padding-inline:16px;}
.hero .hero-map{width:100%;max-width:100%;height:auto;object-fit:contain;transform:none;}
.hero .media-caption{background:transparent;border-top:0;backdrop-filter:none;}

/* Open text navigation with generous spacing and understated feedback. */
.site-header .desktop-nav{gap:clamp(24px,2.2vw,40px);flex-wrap:wrap;padding:10px 16px;}
.site-header .desktop-nav a,.site-header .mobile-nav a{
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:10px 0;color:#173c58;line-height:1.2;white-space:nowrap;cursor:pointer;
 transition:color .16s;
}
.site-header .desktop-nav a::after,.site-header .mobile-nav a::after{
 content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;
 background:#075f97;transform:scaleX(0);transform-origin:left;transition:transform .16s;
}
@media(hover:hover){
 .site-header .desktop-nav a:hover,.site-header .mobile-nav a:hover{color:#075f97;}
 .site-header .desktop-nav a:hover::after,.site-header .mobile-nav a:hover::after{transform:scaleX(1);}
}
.site-header .desktop-nav a.active,.site-header .mobile-nav a.active{color:#075f97;}
.site-header .desktop-nav a.active::after,.site-header .mobile-nav a.active::after{transform:scaleX(1);}
.site-header .mobile-nav{gap:24px;flex-wrap:wrap;}
@media(prefers-reduced-motion:reduce){
 .site-header .desktop-nav a,.site-header .mobile-nav a,.site-header .desktop-nav a::after,.site-header .mobile-nav a::after{transition:none;}
}

/* Unmodified demo screenshots keep their full aspect ratio. */
.demo-screen-group,.demo-panel-media{min-width:0;width:100%;}
.demo-screen{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;}
.demo-screen img{width:100%;height:auto;aspect-ratio:1414/816;object-fit:contain;border-radius:8px;}
.demo-screen-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;}
.demo-screen-links .text-button{margin-top:0;font-size:.75rem;}
.demo-panel-media .module-flow{margin-top:18px;}
.demo-panel-media .mobile-screens{margin-top:20px;}
.demo-screen-note{font-size:.75rem;line-height:1.6;margin-top:16px;color:#304d65;max-width:620px;}
.platform-intro>.demo-screen-group{margin-top:24px;}
.hero .hero-map{aspect-ratio:1414/816;object-fit:contain;}
.product-section .lift-screens>img{object-fit:contain;height:auto;}

/* Laptop frame around the original, uncropped demo screenshot. */
.macbook-preview{display:block;width:100%;padding:0 0 12px;border:0;background:transparent;cursor:zoom-in;filter:drop-shadow(0 18px 18px #001d3f35);}
.macbook-display{position:relative;display:block;margin:0 5%;padding:12px 8px 10px;border:2px solid #687077;border-radius:14px 14px 4px 4px;background:#111315;box-shadow:inset 0 0 0 2px #25282b;}
.macbook-display::before{content:'';position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#3d4650;}
.hero .macbook-display .hero-map{display:block;width:100%;max-height:none;filter:none;border-radius:2px;height:auto;}
.macbook-base{position:relative;display:block;height:13px;border-radius:1px 1px 50% 50% / 1px 1px 10px 10px;background:linear-gradient(#e6e8eb,#b0b5bb 40%,#777f87 90%,#bfc4c9);box-shadow:inset 0 1px 1px #fff;}
.macbook-base::before{content:'';position:absolute;left:41%;right:41%;top:0;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(#91979c,#d6d9dc);}
/* Consistent copy + one primary screen, matching the planning tab. */
.product-section .demo-screen-links{min-height:32px;align-items:center;margin-top:10px;gap:8px 16px;}
.product-section .demo-screen-links .text-button{font-size:.8125rem;line-height:1.4;}
.product-section .demo-panel-media{align-self:center;}
.product-section .panel-copy p{font-size:.9375rem;line-height:1.7;}
.product-section .product-tabs button{font-size:.875rem;min-height:52px;}
@container page (max-width:680px){
 .product-section .product-tabs button{font-size:.75rem;}
 .product-section .panel-copy p{font-size:.875rem;}
}

.product-section .mobile-triptych img{aspect-ratio:1545/1060;max-height:360px;object-fit:contain;border-radius:0;}

/* Platform: larger, clearer copy without the dashboard preview. */
.platform-section .platform-intro{justify-content:center;}
.platform-section .platform-intro .section-copy,.platform-section .about-benefits li{font-size:1rem;line-height:1.65;color:#304d65;}
.platform-section .feature h3{font-size:1.1875rem;line-height:1.35;margin-bottom:10px;}
.platform-section .feature p{font-size:1rem;line-height:1.6;color:#304d65;}
.platform-section .feature-top{margin-bottom:12px;}
.platform-section .about-benefits{gap:14px;}
@container page (max-width:680px){
 .platform-section .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .platform-section .feature h3{font-size:1.125rem;}
}
@container page (max-width:430px){.platform-section .feature-grid{grid-template-columns:1fr;}}

/* Keep focus inside the field border, without an offset outline. */
.demo-form .field input:focus,.demo-form .field input:focus-visible,
.demo-form .field textarea:focus,.demo-form .field textarea:focus-visible{
 outline:none;outline-offset:0;box-shadow:none;border-color:#385a70;background:#ffffffb3;
}
.demo-form #demo-form-status{color:#174b37;margin-bottom:14px;}