:root{--brand-orange:#ff6b00;--brand-blue:#24467f;--shell-navy:#173a67;--shell-ink:#17335f;--shell-muted:#687d96;--shell-soft:#f4f7fc;--shell-line:#dce5f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--shell-ink);background:#fff;font-family:Inter,Arial,Helvetica,sans-serif}.container{width:min(1450px,calc(100% - 64px));margin-inline:auto}main{overflow:hidden}h1,h2,h3{color:var(--shell-ink);letter-spacing:-.025em}a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.eyebrow{color:var(--brand-orange)!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase}.section{padding:78px 0!important}.section-soft{background:var(--shell-soft)!important}.section-heading,.section-intro{max-width:830px}.section-heading h2,.section-intro h2{font-size:clamp(34px,3vw,48px)!important;line-height:1.06!important;margin-bottom:14px!important}.section-heading p,.section-intro p{font-size:16px!important;line-height:1.7!important;color:var(--shell-muted)!important}
.hero,.inner-hero{padding:72px 0 62px!important;background:linear-gradient(125deg,#fff 0%,#fff 53%,#f4f7fc 100%)!important;border-bottom:1px solid #e5ebf3!important}.hero .container,.inner-hero .container{width:min(1450px,calc(100% - 64px))!important}.hero h1,.inner-hero h1{font-size:clamp(42px,4vw,62px)!important;line-height:1.02!important;max-width:850px!important}.hero p,.inner-hero p,.hero .lead{font-size:18px!important;line-height:1.65!important;color:var(--shell-muted)!important;max-width:760px}.hero-grid,.feature-layout{gap:58px!important}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.btn,.button,.cta-btn{border-radius:10px!important;min-height:46px!important;font-weight:800!important}.btn-orange,.btn-primary,.primary{background:var(--brand-orange)!important;border-color:var(--brand-orange)!important;color:#fff!important}.btn-outline,.btn-secondary,.secondary{background:#fff!important;border:1px solid #cbd9ea!important;color:var(--shell-ink)!important}
.feature-card,.visual-card,.plan-card,.pricing-card,.stat-card,.card,.content-card,.faq-item,.faq-grid details,.comparison-card{border:1px solid var(--shell-line)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(23,51,95,.055)!important;background:#fff}.visual-card img{border-radius:14px}.feature-grid,.cards-grid,.benefit-grid,.workspace-grid{gap:18px!important}.dark-band{background:var(--shell-navy)!important}.dark-band h2,.dark-band h3,.dark-band .eyebrow{color:#fff!important}.dark-band p,.dark-band li{color:#d7e3f1!important}.cta-panel{border-radius:18px!important;background:var(--shell-navy)!important;color:#fff!important;padding:38px 42px!important}.cta-panel h2{color:#fff!important}.cta-panel p{color:#d7e3f1!important}
/* keep legacy page layouts but pull them into the finished DOT visual system */
.topbar,.site-header{display:none!important}#siteNavigation{display:none!important}#siteHeader{display:block}.site-footer{margin-top:0!important}.footer-logo-image{object-fit:contain;object-position:left center}
.pricing-hero,.pricing-section{background:#fff}.pricing-table,.comparison-table{border-radius:16px;overflow:hidden;border:1px solid var(--shell-line)}table{border-collapse:collapse}th{color:var(--shell-ink)}
input,select,textarea{border:1px solid #cbd9ea!important;border-radius:10px!important;min-height:46px!important;font:inherit!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(36,70,127,.12)!important;border-color:#7694ba!important}
@media(max-width:980px){.container,.hero .container,.inner-hero .container{width:calc(100% - 28px)!important}.hero,.inner-hero{padding:48px 0!important}.hero h1,.inner-hero h1{font-size:clamp(36px,10vw,48px)!important}.section{padding:58px 0!important}.hero-grid,.feature-layout{grid-template-columns:1fr!important;gap:30px!important}.cta-panel{padding:28px 24px!important}}
@media(max-width:560px){.container,.hero .container,.inner-hero .container{width:calc(100% - 22px)!important}.hero h1,.inner-hero h1{font-size:36px!important}.hero p,.inner-hero p,.hero .lead{font-size:16px!important}.section-heading h2,.section-intro h2{font-size:32px!important}.cta-panel{padding:24px 18px!important}}