/* DENTRIK Brand Book v1.1.2 — public web compliance layer */
@font-face{font-family:"Inter Display";src:local("Inter Display"),local("Inter");font-display:swap}
@font-face{font-family:Inter;src:local("Inter");font-display:swap}

:root{
  --navy-950:#05224E;
  --navy-900:#05224E;
  --navy-850:#05224E;
  --navy-800:#05224E;
  --blue-600:#0257FC;
  --blue-500:#0257FC;
  --cyan-500:#00CEE7;
  --cyan-400:#00CEE7;
  --teal:#01A1AB;
  --ink:#0B1733;
  --muted:rgba(11,23,51,.72);
  --line:#DCE5F0;
  --line-dark:rgba(220,229,240,.24);
  --ice:#F5F8FC;
  --white:#FFFFFF;
  --success:#087A55;
  --warning:#8A5B00;
  --danger:#B42318;
  --special:#6941C6;
  --shadow-sm:0 8px 24px rgba(5,34,78,.08);
  --shadow-md:0 16px 48px rgba(5,34,78,.12);
  --shadow-blue:0 12px 32px rgba(2,87,252,.24);
  --radius:16px;
  --wrap:1440px;
}

html{scroll-padding-top:80px}
body{color:var(--ink);background:var(--white);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3{font-family:"Inter Display",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.wrap{width:min(var(--wrap),calc(100% - 48px))}
.narrow{max-width:960px}
.icon{stroke-width:1.8}

/* Navigation: 72 px product rhythm and one dominant action. */
.site-header{background:rgba(255,255,255,.96);border-bottom-color:var(--line);box-shadow:0 4px 16px rgba(5,34,78,.04);backdrop-filter:blur(12px)}
.nav{height:72px;gap:24px}
.logo img{width:176px}
.desktop-nav{gap:24px}
.desktop-nav a,.login{color:var(--ink);font-size:14px;font-weight:700}
.desktop-nav a:after,.login:after{bottom:-8px;background:var(--blue-600)}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.login:hover,.login:focus-visible{color:var(--blue-600)}
.nav-actions{gap:16px;margin-left:8px}
.button{min-height:48px;padding:12px 16px;border-radius:12px;gap:8px;font-size:14px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.button.compact{min-height:44px;padding-inline:16px}
.button.large{min-height:56px;padding:16px 24px;border-radius:12px;font-size:16px}
.button.primary{color:var(--white);background:var(--blue-600);box-shadow:var(--shadow-blue)}
.button.primary:hover{background:var(--blue-600);box-shadow:0 16px 32px rgba(2,87,252,.28)}
.button.ghost{color:var(--white);border-color:rgba(255,255,255,.48);background:transparent;backdrop-filter:none}
.button.ghost:hover{color:var(--white);border-color:var(--white);background:rgba(255,255,255,.08)}
.button.outline,.button.secondary{color:var(--navy-850);border-color:var(--line);background:var(--white);box-shadow:none}
.button.outline:hover,.button.secondary:hover{color:var(--blue-600);border-color:var(--blue-600)}
.button:focus-visible,.experience-tabs button:focus-visible,.menu:focus-visible,.field input:focus,.field select:focus{outline:2px solid var(--blue-600);outline-offset:4px}
.menu{width:44px;height:44px;padding:12px;border-color:var(--line);border-radius:12px;background:var(--ice)}
.menu span{background:var(--navy-850)}
.mobile-nav{inset:72px 0 0;padding:24px;background:var(--white);border-top-color:var(--line)}
.mobile-nav a:not(.button){min-height:48px;padding:12px 4px;border-bottom-color:var(--line);color:var(--navy-850);font-size:16px}
.mobile-nav .button{margin-top:24px}

/* Type and section hierarchy. */
.eyebrow{gap:8px;color:var(--blue-600);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:none}
.eyebrow i{width:24px;height:2px;background:var(--cyan-500)}
.eyebrow.light{color:var(--cyan-500)}
.section{padding:96px 0}
.section-heading{max-width:800px;margin:0 auto 48px}
.section h2,.journey-intro h2,.final-cta h2{margin:12px 0 16px;color:var(--ink);font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.section h2 span,.journey-intro h2 span{color:var(--blue-600)}
.section-heading p,.story-copy>p,.ai-copy>p,.page-hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.6}
.text-link{gap:8px;color:var(--cyan-500);font-size:15px;font-weight:800}
.dark-link{color:var(--blue-600)}

/* Hero: institutional Navy, product-led composition, 12-column balance. */
.hero{min-height:720px;background:linear-gradient(90deg,var(--navy-850) 0 50%,var(--ice) 50% 100%)}
.hero:before{left:-12%;bottom:-32%;width:64%;height:72%;border-color:rgba(0,206,231,.28);box-shadow:0 0 0 24px rgba(0,206,231,.08),0 0 0 48px rgba(2,87,252,.06);opacity:.72}
.hero:after{width:40%;height:24%;background-image:radial-gradient(circle,rgba(0,206,231,.72) 1px,transparent 1px);background-size:16px 16px;opacity:.08}
.hero-orbit{border-color:rgba(0,206,231,.12)}
.hero-orbit-one{width:768px;height:768px}
.hero-orbit-two{width:896px;height:896px;box-shadow:0 0 0 24px rgba(2,87,252,.04),0 0 0 48px rgba(0,206,231,.03)}
.hero-grid{min-height:720px;grid-template-columns:5fr 7fr;gap:24px}
.hero-copy{padding:64px 0;color:var(--white)}
.hero h1{max-width:640px;margin:24px 0;font-size:clamp(48px,5vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.02}
.hero h1 span{color:var(--cyan-500);background:none}
.hero-copy>p{max-width:640px;color:rgba(255,255,255,.86);font-size:17px;line-height:1.6}
.hero-actions{gap:12px;margin-top:32px}
.hero-proof{gap:24px;margin-top:24px;color:rgba(255,255,255,.82);font-size:13px}
.hero-proof span{gap:8px}
.hero-proof .icon{color:var(--cyan-500)}
.hero-product{min-height:560px;margin-right:-160px}
.product-halo{background:rgba(2,87,252,.08);filter:blur(24px)}
.desktop-frame{padding:8px;border-color:var(--line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 24px 64px rgba(5,34,78,.16);backdrop-filter:none;transform:none}
.desktop-frame:after{inset:8px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.device-top{height:40px;gap:8px;padding:0 16px;color:var(--muted);font-size:12px}
.device-top span{width:8px;height:8px;background:var(--line)}
.device-top b{margin-left:8px}
.desktop-frame>img{border-radius:12px}
.phone-frame,.mobile-device{padding:8px;border-color:var(--line);border-radius:16px;background:var(--ice);box-shadow:0 16px 48px rgba(5,34,78,.16)}
.phone-frame{left:-24px;bottom:24px;width:184px;transform:none}
.phone-speaker{top:12px;height:4px;background:var(--navy-850)}
.floating-note{gap:12px;padding:12px 16px;border-color:var(--line);border-radius:12px;background:var(--white);box-shadow:var(--shadow-sm);backdrop-filter:none}
.floating-note b{font-size:13px}.floating-note small{margin-top:4px;color:var(--muted);font-size:12px}
.note-two{left:248px;bottom:16px}
.status-dot{width:12px;height:12px;background:var(--success);box-shadow:0 0 0 4px rgba(8,122,85,.12)}

/* Anonymized, product-faithful mobile representation. */
.mobile-ui{position:relative;min-height:552px;padding:48px 12px 72px;border-radius:12px;color:var(--ink);background:var(--white);overflow:hidden}
.phone-frame .mobile-ui{min-height:352px;padding:32px 8px 40px;border-radius:12px}
.mobile-ui-top{display:flex;align-items:center;gap:8px;min-height:44px}
.mobile-ui-top img{width:32px;height:32px;object-fit:contain;border-radius:0}
.mobile-ui-top .mobile-ui-wordmark{width:108px;height:28px;object-fit:contain}
.mobile-ui-top span{width:44px;height:44px;display:grid;place-items:center;margin-left:auto;border-radius:12px;color:var(--white);background:var(--blue-600);font-size:24px;font-weight:400}
.mobile-ui-search{margin:16px 0 24px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--ice);font-size:12px}
.mobile-ui-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.mobile-ui-title strong{font-family:"Inter Display",Inter,system-ui,sans-serif;font-size:24px}
.mobile-ui-title b{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:12px;color:var(--white);background:var(--blue-600);font-size:12px}
.mobile-ui-list{display:grid;gap:8px}
.mobile-ui-list>span{display:grid;grid-template-columns:40px 1fr;gap:0 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.mobile-ui-list i{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--navy-850);background:var(--ice);font-size:12px;font-style:normal;font-weight:800}
.mobile-ui-list b{font-size:13px}.mobile-ui-list small{color:var(--muted);font-size:12px}
.mobile-ui-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:56px;border-top:1px solid var(--line);background:var(--white)}
.mobile-ui-nav i{display:grid;place-items:center;color:var(--muted);font-size:12px;font-style:normal}.mobile-ui-nav i:nth-child(2){color:var(--blue-600);font-weight:800}
.phone-frame .mobile-ui-top img{width:24px;height:24px}.phone-frame .mobile-ui-top .mobile-ui-wordmark{width:88px;height:24px}.phone-frame .mobile-ui-top span{width:32px;height:32px;border-radius:8px;font-size:16px}
.phone-frame .mobile-ui-search{margin:8px 0 12px;padding:8px;font-size:12px}
.phone-frame .mobile-ui-title{margin-bottom:8px}.phone-frame .mobile-ui-title strong{font-size:16px}.phone-frame .mobile-ui-title b{min-height:32px;padding:4px 8px;border-radius:8px}
.phone-frame .mobile-ui-list>span{grid-template-columns:32px 1fr;gap:0 8px;padding:8px}.phone-frame .mobile-ui-list i{width:32px;height:32px;border-radius:8px}.phone-frame .mobile-ui-list small{display:none}

/* Connected journey. */
.journey-band{padding:64px 0;background:var(--white);border-bottom-color:var(--line)}
.journey-intro{gap:32px;margin-bottom:32px}
.journey-intro h2{max-width:720px;font-size:24px}
.journey{gap:8px}
.journey li{min-height:120px;padding:16px;border-color:var(--line);border-radius:16px;background:var(--white)}
.journey li:before{height:4px;border-radius:16px 16px 0 0;background:var(--line)}
.journey li:not(:last-child):after{right:-12px;top:48px;width:16px;height:24px;color:var(--muted);background:var(--white);font-size:15px}
.journey li.active,.journey li:hover{border-color:var(--blue-600);box-shadow:var(--shadow-sm)}
.journey li.active:before,.journey li:hover:before{background:var(--blue-600)}
.journey b{color:var(--blue-600);font-size:12px;letter-spacing:.04em}
.journey span{margin-top:24px;color:var(--ink);font-size:13px}

/* Product experience and controlled progressive disclosure. */
.product-section{background:var(--ice)}
.product-section:after{border-color:rgba(2,87,252,.08);box-shadow:0 0 0 32px rgba(2,87,252,.02),0 0 0 64px rgba(0,206,231,.02)}
.experience-shell{border-color:var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow-md)}
.experience-tabs{padding:8px;background:var(--ice);border-bottom-color:var(--line)}
.experience-tabs button{min-height:56px;gap:8px;padding:12px;border-radius:12px;color:var(--muted);font-size:13px}
.experience-tabs button[aria-selected="true"]{color:var(--blue-600);background:var(--white);box-shadow:var(--shadow-sm)}
.experience-main{grid-template-columns:336px 1fr;min-height:536px}
.experience-copy{padding:32px;border-right-color:var(--line);background:var(--white)}
.experience-copy article>span{color:var(--blue-600);font-size:12px;letter-spacing:.04em;text-transform:none}
.experience-copy h3{margin:12px 0 16px;font-size:24px;letter-spacing:-.02em;line-height:1.2}
.experience-copy p{font-size:15px;line-height:1.6}
.experience-copy ul{gap:12px;margin:24px 0 0}
.experience-copy li{padding-left:24px;color:var(--ink);font-size:13px}
.experience-copy li:before{top:0;width:16px;height:16px;color:var(--white);background:var(--blue-600);font-size:12px}
.interface-stage{padding:48px 32px 40px;background:var(--ice)}
.interface-stage>img{border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-md)}
.interface-glow{background:rgba(2,87,252,.06)}
.cursor-callout{right:32px;bottom:24px;padding:8px 12px;border-radius:12px;color:var(--white);background:var(--navy-850);box-shadow:var(--shadow-sm);font-size:12px}
.cursor-callout span{width:8px;height:8px;margin-right:8px;background:var(--cyan-500);box-shadow:none}

/* Mobile story. */
.mobile-story{background:var(--white)}
.mobile-story-grid{gap:64px}
.mobile-showcase{min-height:640px}
.mobile-orb{width:560px;height:560px;background:var(--ice);box-shadow:inset 0 0 0 1px var(--line)}
.mobile-orb:before,.mobile-orb:after{inset:32px;border-color:rgba(2,87,252,.12)}
.mobile-orb:after{inset:64px;border-color:rgba(0,206,231,.12)}
.mobile-device{width:280px;padding:8px;border-radius:16px;box-shadow:var(--shadow-md)}
.mobile-chip{gap:12px;padding:12px 16px;border-color:var(--line);border-radius:12px;background:var(--white);box-shadow:var(--shadow-sm)}
.mobile-chip>.icon{width:36px;height:36px;padding:8px;border-radius:12px;color:var(--white);background:var(--blue-600)}
.mobile-chip b{font-size:13px}.mobile-chip small{color:var(--muted);font-size:12px}
.chip-b{right:0;bottom:24%}
.story-copy h2{font-size:24px}
.story-points{gap:24px;margin-top:32px}
.story-points>div{grid-template-columns:40px 1fr;gap:16px}
.story-points b{width:40px;height:40px;border-color:var(--line);border-radius:12px;color:var(--blue-600);font-size:12px}
.story-points strong{font-size:15px}.story-points small{margin-top:4px;color:var(--muted);font-size:13px}

/* AI assistance: brand surface, human review remains explicit. */
.ai-section{color:var(--white);background:var(--navy-850)}
.ai-section:before{border-color:rgba(0,206,231,.16);box-shadow:0 0 0 24px rgba(2,87,252,.05),0 0 0 48px rgba(0,206,231,.04)}
.ai-gridlines{background-image:linear-gradient(rgba(0,206,231,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,206,231,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.72}
.ai-grid{grid-template-columns:5fr 7fr;gap:64px}
.ai-copy h2{margin:16px 0;color:var(--white);font-size:24px}
.ai-copy h2 span{color:var(--cyan-500)}
.ai-copy>p{color:rgba(255,255,255,.82)}
.ai-copy .text-link{margin-top:24px}
.ai-console{padding:24px;border-color:rgba(220,229,240,.24);border-radius:16px;background:rgba(255,255,255,.04);box-shadow:0 24px 64px rgba(5,34,78,.32);backdrop-filter:none}
.ai-console-head{gap:12px;padding-bottom:16px;border-bottom-color:rgba(220,229,240,.24)}
.ai-console-head .ai-mark{width:44px;height:44px;border-radius:12px;color:var(--white);background:var(--blue-600);box-shadow:none}
.ai-console-head b{font-size:14px}.ai-console-head small{margin-top:4px;color:rgba(255,255,255,.72);font-size:12px}
.ai-console-head>i{width:12px;height:12px;background:var(--success);box-shadow:0 0 0 4px rgba(8,122,85,.24)}
.transcript{margin-top:24px;padding:16px;border-color:rgba(220,229,240,.24);border-radius:16px;background:rgba(5,34,78,.48)}
.transcript>span{color:rgba(255,255,255,.72);font-size:12px;text-transform:none;letter-spacing:.04em}
.transcript p{margin:8px 0 16px;color:var(--white);font-size:15px}
.wave{height:48px;gap:8px}.wave i{width:4px;background:var(--cyan-500)}
.ai-steps{gap:8px;margin:16px 0}
.ai-steps li{padding:12px 8px;border-color:rgba(220,229,240,.24);border-radius:12px;background:rgba(255,255,255,.04)}
.ai-steps li:after{left:8px;right:8px;background:rgba(220,229,240,.32)}
.ai-steps li.done:after{background:var(--success)}.ai-steps li.active:after{background:var(--blue-600)}
.ai-steps b{color:var(--cyan-500);font-size:12px}.ai-steps span{margin-top:4px;color:rgba(255,255,255,.78);font-size:12px}
.suggestion{padding:16px;border-color:rgba(2,87,252,.72);border-radius:16px;background:rgba(2,87,252,.08)}
.suggestion>span{gap:8px;color:var(--white);font-size:12px}
.suggestion>div{gap:8px;margin:16px 0}.suggestion>div i{height:8px;background:rgba(220,229,240,.24)}
.suggestion button{gap:8px;padding:12px 16px;border-radius:12px;color:var(--white);background:var(--blue-600);font-size:12px}

/* Pricing: cards on 12-column grid, Professional as the sole focal plan. */
.pricing-section{background:var(--white)}
.pricing-grid{gap:16px}
.price-card{min-height:344px;padding:24px;border-color:var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.price-card:hover{box-shadow:var(--shadow-md)}
.price-card:before{height:4px;background:var(--line)}
.price-card.featured{color:var(--white);border-color:var(--navy-850);background:var(--navy-850);box-shadow:var(--shadow-md)}
.price-card.featured:before{background:var(--blue-600)}
.plan-index{color:var(--muted);font-size:12px;letter-spacing:.04em}.featured .plan-index{color:var(--cyan-500)}
.price-card h3{margin:24px 0 8px;font-size:18px}
.price{gap:8px;margin:4px 0 16px}.price strong{font-size:48px}.price small{margin-bottom:4px;color:var(--muted);font-size:12px}.featured .price small{color:rgba(255,255,255,.72)}
.price-card p{margin:0 0 24px;color:var(--muted);font-size:15px}.featured p{color:rgba(255,255,255,.78)}
.price-card .button{font-size:13px}
.popular{right:16px;top:16px;padding:4px 8px;border-radius:12px;color:var(--blue-600);background:var(--white);font-size:12px;text-transform:none;letter-spacing:0}
.pricing-more{gap:24px;margin-top:24px;padding:0 4px}.pricing-more p{color:var(--muted);font-size:13px}
.price-card ul{gap:12px;margin:0 0 24px}.price-card ul li{padding-left:24px;color:var(--ink);font-size:13px}.price-card.featured ul li{color:rgba(255,255,255,.82)}

/* FAQ, CTA and footer. */
.faq-section{background:var(--ice)}
.faq-grid{gap:64px}
.faq-grid h2{font-size:24px}
.faq{gap:8px}
.faq details{border-color:var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow-sm)}
.faq summary{gap:24px;padding:16px 24px;color:var(--ink);font-size:15px}
.faq summary span{width:32px;height:32px;border-radius:8px;color:var(--blue-600);background:var(--ice);font-size:18px}
.faq details p{padding:0 24px 24px;color:var(--muted);font-size:15px}
.final-cta{padding:96px 0;color:var(--white);background:var(--navy-850)}
.final-cta h2{color:var(--white);font-size:24px}
.final-cta p{margin:0 0 32px;color:rgba(255,255,255,.82);font-size:17px}
.final-cta .wrap>div{gap:12px}
.cta-mark{left:-88px;bottom:-112px;width:352px;opacity:.08;filter:none}
.cta-lines{right:-16%;top:-56%;width:768px;height:768px;border-color:rgba(0,206,231,.16);box-shadow:0 0 0 24px rgba(2,87,252,.05),0 0 0 48px rgba(0,206,231,.04)}
.footer{color:rgba(255,255,255,.78);background:var(--navy-850);border-top-color:rgba(220,229,240,.24)}
.footer-top{gap:64px;padding:64px 0 48px}
.footer-brand>span{padding:12px 16px;border-radius:12px;background:var(--white)}
.footer-brand img{width:200px}
.footer-brand p{max-width:288px;margin:24px 0 0;color:rgba(255,255,255,.78);font-size:13px}
.footer-links{gap:32px}.footer-links div{gap:12px}.footer-links strong{margin-bottom:4px;color:var(--white);font-size:12px;text-transform:none;letter-spacing:.04em}
.footer-links a{color:rgba(255,255,255,.78);font-size:13px}.footer-links a:hover{color:var(--cyan-500)}
.footer-bottom{gap:24px;padding:24px 0;border-top-color:rgba(220,229,240,.24);color:rgba(255,255,255,.72);font-size:12px}

/* SEO and resource pages. */
.page-hero{padding:96px 0;color:var(--white);background:var(--navy-850)}
.page-hero:after{width:704px;height:704px;border-color:rgba(0,206,231,.16);box-shadow:0 0 0 32px rgba(2,87,252,.04),0 0 0 64px rgba(0,206,231,.03)}
.page-hero .narrow{margin-left:max(24px,calc((100vw - var(--wrap))/2))}
.page-hero h1{max-width:960px;margin:16px 0 24px;color:var(--white);font-size:clamp(48px,5vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.page-hero p{color:rgba(255,255,255,.82)}
.page-hero .secondary{color:var(--white);border-color:rgba(255,255,255,.48);background:transparent}
.split{gap:64px}.split h2{font-size:24px}.split p{font-size:17px}
.flow-card{min-height:248px;gap:16px;padding:32px;border-color:var(--line);border-radius:16px;background:var(--ice);box-shadow:var(--shadow-sm)}
.flow-card span{padding:12px 16px;border-color:var(--line);border-radius:12px;color:var(--ink);background:var(--white);font-size:13px}.flow-card i{color:var(--blue-600)}
.section.tint{background:var(--ice)}
.benefit-grid{gap:16px}
.benefit-grid article,.resource-card{padding:24px;border-color:var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow-sm)}
.benefit-grid b{color:var(--blue-600);font-size:12px}.benefit-grid h3{margin:24px 0 8px;font-size:18px}.benefit-grid p{font-size:15px}
.section .cta{padding:64px;border-radius:16px;color:var(--white);background:var(--navy-850);box-shadow:var(--shadow-md)}
.section .cta h2{color:var(--white)}.section .cta .eyebrow{color:var(--cyan-500)}
.resource-grid{gap:16px}
.resource-card{min-height:280px}.resource-card:hover{border-color:var(--blue-600);box-shadow:var(--shadow-md)}
.resource-card>span{color:var(--blue-600);font-size:12px;text-transform:none;letter-spacing:.04em}.resource-card h2{margin:16px 0 8px;font-size:20px;letter-spacing:-.02em}.resource-card p{font-size:15px}.resource-card b{color:var(--blue-600);font-size:13px}
.compare{border-color:var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow-sm)}
.compare th,.compare td{padding:16px;border-bottom-color:var(--line);font-size:13px}.compare th{color:var(--ink);background:var(--ice);font-size:12px}.yes{color:var(--success)}

/* Checkout. */
.checkout{min-height:calc(100vh - 72px);padding:64px 0;background:linear-gradient(90deg,var(--navy-850) 0 32%,var(--ice) 32% 100%)}
.not-found-brand{padding:12px 16px;margin-bottom:32px;border-radius:12px;background:var(--white)}
.checkout-grid{gap:24px}
.checkout-card{padding:32px;border-color:var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow-md)}
.checkout-card h1{margin:8px 0;font-size:32px;letter-spacing:-.03em;line-height:1.1}.checkout-card h2{margin:24px 0 16px;font-size:20px}
.checkout-steps{gap:8px;margin:32px 0;padding:0}.checkout-steps li{gap:8px;padding-bottom:12px;color:var(--muted);font-size:12px}.checkout-steps li:after{background:var(--line)}.checkout-steps li.active{color:var(--blue-600)}.checkout-steps li.active:after{background:var(--blue-600)}
.checkout-steps b{width:24px;height:24px;border-radius:8px;background:var(--ice);font-size:12px}
.checkout-panel .step-kicker{color:var(--blue-600);font-size:12px;text-transform:none;letter-spacing:.04em}.checkout-panel h2{margin-top:8px;font-size:20px}
.checkout-actions{gap:12px;margin-top:24px}.checkout-actions .button{min-width:128px}
.form-grid{gap:16px}.field label{margin-bottom:8px;color:var(--ink);font-size:13px}.field input,.field select{min-height:48px;padding:12px 16px;border-color:var(--line);border-radius:12px;color:var(--ink);background:var(--white)}
.field input:focus,.field select:focus{border-color:var(--blue-600)}
.payment-shell{padding:16px;border-color:rgba(11,23,51,.48);border-radius:16px;background:var(--ice)}.payment-shell p{margin:16px 0 0;font-size:13px}.payment-title{gap:16px}.payment-title b{padding:4px 8px;border-radius:12px;color:var(--warning);background:rgba(138,91,0,.08);font-size:12px;text-transform:none;letter-spacing:0}
.payment-placeholder{gap:8px;margin:16px 0}.payment-placeholder i{height:44px;border-color:var(--line);border-radius:8px;background:var(--white)}
.notice{margin:16px 0;padding:12px;border-color:rgba(138,91,0,.32);border-radius:12px;color:var(--warning);background:rgba(138,91,0,.08);font-size:13px}
.success-note{padding:12px;border-radius:12px;color:var(--success);background:rgba(8,122,85,.08);font-size:13px}
.confirmation-icon{width:56px;height:56px;margin:0 auto 16px;color:var(--white);background:var(--success);box-shadow:none;font-size:24px}
.confirmation p{max-width:528px;margin:0 auto 24px}.confirmation-plan{gap:4px;margin:24px 0;padding:16px;border-radius:12px;background:var(--ice)}.confirmation-plan span{color:var(--muted);font-size:12px}.confirmation-plan strong{font-size:15px}.confirmation-plan b{color:var(--blue-600)}
.summary{top:96px;border-top-color:var(--blue-600)}
.summary-row{gap:24px;padding:12px 0;border-bottom-color:var(--line);font-size:13px}.summary-row.total{font-size:17px}.secure{font-size:12px!important}.secure:before{color:var(--success)}

@media(max-width:1120px){
  .desktop-nav{gap:16px}.nav-actions{gap:12px;margin-left:0}
  .hero{background:linear-gradient(180deg,var(--navy-850) 0 56%,var(--ice) 56% 100%)}
  .hero-grid{gap:0;padding-bottom:64px}
  .hero-copy{padding:64px 0 48px}
  .hero-product{min-height:496px}.desktop-frame{width:min(896px,92%)}.phone-frame{left:3%;width:168px}
  .mobile-story-grid{gap:48px}.ai-grid{gap:48px}
}

@media(max-width:900px){
  .experience-copy{min-height:328px;border-bottom-color:var(--line)}
  .interface-stage{min-height:392px}
  .mobile-story-grid,.faq-grid{gap:40px}.ai-grid{gap:48px}.footer-top{gap:48px}
  .checkout{background:linear-gradient(180deg,var(--navy-850) 0 240px,var(--ice) 240px 100%)}
}

@media(max-width:680px){
  html{scroll-padding-top:72px}.wrap{width:min(100% - 32px,var(--wrap))}.nav{height:72px}.logo img{width:148px}.mobile-nav{inset:72px 0 0}
  .section{padding:64px 0}.section h2,.final-cta h2,.page-hero h1{font-size:24px}
  .hero{background:linear-gradient(180deg,var(--navy-850) 0 64%,var(--ice) 64% 100%)}
  .hero-grid{padding-bottom:48px}.hero-copy{padding:48px 0 40px}.hero h1{margin:24px 0;font-size:40px;line-height:1.05}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{gap:12px 16px}.hero-proof span{font-size:12px}
  .hero-product{min-height:336px}.desktop-frame{width:104%;padding:4px;border-radius:16px}.device-top{height:32px;padding:0 8px}.device-top b{font-size:12px}.desktop-frame>img{border-radius:12px}.phone-frame{left:-2%;bottom:0;width:104px;padding:4px;border-radius:12px}.phone-speaker{top:8px;height:4px}.phone-frame .mobile-ui{min-height:200px;padding:24px 4px 16px}.phone-frame .mobile-ui-top{min-height:32px;gap:4px}.phone-frame .mobile-ui-top .mobile-ui-wordmark{display:none}.phone-frame .mobile-ui-search{font-size:12px}.phone-frame .mobile-ui-title strong{font-size:12px}.phone-frame .mobile-ui-title b{display:none}.phone-frame .mobile-ui-list>span{display:block;padding:4px}.phone-frame .mobile-ui-list i{width:24px;height:24px}.phone-frame .mobile-ui-list b{display:none}.floating-note{padding:8px 12px}.floating-note b{font-size:12px}.note-two{right:0;bottom:-12px}
  .journey-band{padding:64px 0}.journey-intro .eyebrow{margin-bottom:12px}.journey-intro h2{font-size:24px}.journey li{min-height:104px}.journey span{margin-top:16px}
  .section-heading{margin-bottom:32px}.section-heading p,.story-copy>p,.ai-copy>p,.page-hero p{font-size:16px}
  .experience-shell{border-radius:16px}.experience-tabs{grid-template-columns:repeat(6,88px)}.experience-tabs button{min-height:56px;gap:8px;padding:8px;font-size:12px}.experience-copy{min-height:352px;padding:24px}.experience-copy h3{font-size:24px}.interface-stage{min-height:264px;padding:24px 16px 32px}.cursor-callout{right:16px;bottom:12px;font-size:12px}
  .mobile-showcase{min-height:528px}.mobile-orb{width:416px;height:416px}.mobile-device{width:224px;border-radius:16px}.mobile-device .mobile-ui{min-height:448px}.mobile-chip{padding:8px 12px}.mobile-chip>.icon{width:32px;height:32px}.mobile-chip b{font-size:12px}.chip-b{right:0;bottom:20%}
  .ai-section{padding-top:64px}.ai-copy h2{font-size:24px}.ai-console{padding:16px;border-radius:16px}.transcript{padding:16px}
  .price-card{min-height:312px}.faq-grid{gap:24px}.faq-grid h2{font-size:24px}.faq summary{padding:16px;font-size:15px}
  .final-cta{padding:64px 0}.footer-top{padding:48px 0 40px}.footer-links{gap:32px}.page-hero{padding:64px 0}.page-hero h1{font-size:40px}.section .cta{padding:48px 16px}
  .checkout{padding:40px 0 64px}.checkout-card{padding:24px}.checkout-card h1{font-size:28px}
}