/* ACLANDS 29 · director-of-art pass | no CSS gradients, no colored inset shadows.
   DM Sans = reading. Space Grotesk = display. Chakra Petch = navigation, numeric & labels.
   Content, routes, SEO, analytics and business behavior are unchanged. */
:root{
  --premium-font-text:'DM Sans',system-ui,sans-serif;
  --premium-font-display:'Space Grotesk',system-ui,sans-serif;
  --premium-font-ui:'Chakra Petch','DM Sans',system-ui,sans-serif;
  --premium-navy:#081A3A;
  --premium-blue:#1D4ED8;
  --premium-orange:#FF7014;
  --premium-radius:20px;
  --premium-ease:cubic-bezier(.22,1,.36,1);
  --premium-motion:220ms;
  --premium-shadow:0 12px 34px rgba(7,17,33,.095);
}
html{scroll-behavior:smooth}
body{font-family:var(--premium-font-text);letter-spacing:0;line-height:1.66}
:where(h1,h2,h3,h4,.hero-title,.statement-title,.price,.case-typography){font-family:var(--premium-font-display)}
:where(.micro,.kicker,.site-explore-eyebrow,.ac-eyebrow,.ac-step-number,.service-idx,.site-breadcrumb,.price-meta,.v26-kira-top,.testimonial-pill,.testimonial-counter,.flow-stage-top,.flow-stage-bottom,.nav-cta,.site-nav a,.ac-text-link){font-family:var(--premium-font-ui)!important}
:where(.micro,.kicker,.site-explore-eyebrow,.ac-eyebrow,.service-idx,.site-breadcrumb,.price-meta){letter-spacing:.105em!important;font-weight:600}
:where(h1,h2,h3,h4){font-weight:500;letter-spacing:-.037em;line-height:1.15;text-wrap:balance}
:where(p,li){text-wrap:pretty}
:where(.hero-title){font-size:clamp(35px,4.05vw,58px)!important;line-height:1.12!important;letter-spacing:-.052em!important}
:where(.statement-title){font-size:clamp(32px,3.65vw,50px)!important;line-height:1.18!important}
:where(.subhero h1,.subhero-inner h1){font-size:clamp(37px,4.25vw,59px)!important;line-height:1.11!important}
:where(.split-head h2,.process-intro h2,.kira-copy h2,.contact-end h2,.about-manifesto h2,.ac-company-intro h2,.testimonials-head h2,.routine-insight-copy h2,.quote-break h2,.product-dossier h2,.kira-detail h2,.ac-last-cta h2){font-size:clamp(31px,3.25vw,47px)!important;letter-spacing:-.043em!important;line-height:1.17!important}
:where(.site-explore-head h2,.ac-section h2,.case-layout h2,.faq-section h2,.kira-access-row h2){font-size:clamp(29px,3vw,42px)!important;letter-spacing:-.038em!important;line-height:1.2!important}
:where(.service-row h2,.value-list h3,.three-features h3,.contact-form h2){font-size:clamp(22px,2.4vw,34px)!important;line-height:1.25!important}
:where(.site-explore-card h3,.ac-card h3,.ac-steps h3,.ac-feature-grid h3){font-size:clamp(17px,1.55vw,21px)!important;line-height:1.32!important;letter-spacing:-.025em!important}
.price-glass .price{font-size:clamp(52px,5.0vw,70px)!important;line-height:1.1!important}
.home .price-glass .price-figure{font-size:inherit!important;letter-spacing:-.06em!important}
.price-glass .price small{font-size:clamp(16px,2.0vw,22px)!important}
.price-glass .price span{font-size:.40em!important}
.case-typography{font-size:clamp(48px,7vw,95px)!important}
:where(.hero-lead,.subhero-lead,.statement-sub,.split-head>p,.process-intro>p,.kira-copy>p,.ac-company-copy p){font-size:clamp(14px,1.12vw,16px)!important;line-height:1.75!important}
:where(.site-explore-card p,.ac-card p,.ac-steps p,.ac-feature-grid p,.three-features p,.ac-team-card p,.footer-grid p){font-size:13px!important;line-height:1.68!important}
/* Editorial rhythm: reduce oversized empty vertical areas without changing DOM/layout. */
:root{--space:clamp(78px,8vw,120px)}
:where(.statement,.kira,.ac-section,.site-explore,.integrations,.quote-break,.values,.product-dossier,.kira-detail,.contact-content,.case-feature,.testimonials,.routine-insight,.ac-company-intro,.ac-team,.project-applications,.saving-sim,.service-track){padding-block:clamp(76px,8.2vw,122px)!important}
:where(.hero-layout){padding-top:clamp(130px,12vw,172px)!important;padding-bottom:clamp(92px,9vw,135px)!important;min-height:min(740px,100svh)!important}
:where(.subhero-inner){padding-block:clamp(118px,11vw,154px) clamp(78px,7vw,112px)!important}
:where(.split-head,.site-explore-head){margin-bottom:clamp(25px,3.4vw,42px)!important}
:where(.service-row){padding-block:clamp(32px,4.1vw,54px)!important}
:where(.site-explore-grid,.ac-cards,.ac-feature-grid){gap:clamp(12px,1.4vw,18px)!important}
:where(.ac-team-grid){gap:clamp(12px,1.4vw,20px)!important}
/* Calm navigation / links and tactile hover. */
.site-header{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.site-nav a{font-size:12px!important;letter-spacing:.015em!important;font-weight:600!important;transition:color .2s ease!important}
.site-nav a::after{bottom:-7px!important;height:2px!important;transition:transform .26s var(--premium-ease)!important}
:where(.under-link,.ac-text-link,.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.wordmark-grid>span,.service-row,.pill,.nav-cta,.price-quote-cta,.theme-switch,.testimonials-controls button,.contact-method,.ac-company-links a){transition:transform var(--premium-motion) var(--premium-ease),border-color var(--premium-motion) ease,background-color var(--premium-motion) ease,color var(--premium-motion) ease,box-shadow var(--premium-motion) ease!important}
:where(.nav-cta,.price-quote-cta,.pill){font-weight:700!important;letter-spacing:.015em!important}
:where(.nav-cta,.price-quote-cta){min-height:43px}
:where(.pill,.nav-cta,.price-quote-cta,.theme-switch,.testimonials-controls button){outline-offset:4px}
:where(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.price-glass,.testimonial-glass,.glass,.contact-form,.v26-kira-visual){border-radius:var(--premium-radius)!important}
@media(hover:hover) and (pointer:fine){
  :where(.site-explore-card,.ac-link-card,.ac-feature-grid>*,.ac-steps li,.wordmark-grid>span):hover{transform:translateY(-3px)!important}
  :where(.nav-cta,.price-quote-cta,.pill):hover{transform:translateY(-2px)!important}
  :where(.under-link,.ac-text-link):hover{opacity:.82}
  .theme-switch:hover{transform:rotate(12deg)!important}
}
/* Real glass: neutral, readable and with no synthetic color glare. */
:where(.liquidGlass-wrapper){-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);isolation:isolate}
.liquidGlass-wrapper>.liquidGlass-effect{-webkit-backdrop-filter:blur(15px) saturate(115%)!important;backdrop-filter:blur(15px) saturate(115%)!important;filter:url(#glass-distortion)!important;opacity:.85!important}
.liquidGlass-wrapper>.liquidGlass-shine{border:1px solid rgba(255,255,255,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.28)!important}
.liquidGlass-wrapper>.liquidGlass-tint{background:var(--premium-glass-tint,rgba(255,255,255,.35))!important}
.liquidGlass-wrapper::before,.liquidGlass-wrapper::after{background:none!important;background-image:none!important}
/* Covers interactive features equally. No colored inset shadows. */
:where(.liquidGlass-wrapper,.glass-focus,.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.testimonial-glass,.price-glass,.ac-team-card,.routine-chart,.wordmark-grid>span){box-shadow:var(--premium-shadow)!important}
/* LIGHT */
html[data-theme="light"]{
  --bg:#fff;--bg2:#fff;--surface:#fff;--text:#081A3A;--muted:#52647C;
  --premium-shadow:0 13px 34px rgba(8,26,58,.075);
  --premium-glass-tint:rgba(255,255,255,.48);
}
html[data-theme="light"],html[data-theme="light"] body{background:#081A3A!important}
html[data-theme="light"] main{background:#fff!important}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(8,26,58,.08)!important}
html[data-theme="light"] :is(.site-header .brand,.site-nav a,.theme-switch){color:#081A3A!important}
html[data-theme="light"] :is(.site-nav a[aria-current="page"],.site-nav a:hover){color:#1D4ED8!important}
html[data-theme="light"] :is(.hero,.statement,.process,.integrations,.kira,.site-explore,.ac-section,.subhero,.service-track,.testimonials,.saving-sim,.faq-section,.case-feature,.product-dossier,.values,.quote-break,.contact-content,.routine-insight,.kira-points,.kira-access,.ac-company-intro,.project-applications){background-color:#fff!important}
/* faint grid: a real vector tile (no CSS gradients) */
html[data-theme="light"] :is(.hero,.subhero,.site-explore,.ac-section,.integrations,.routine-insight,.case-feature,.process,.service-track){background-image:url('/assets/ui/premium-grid-v29.svg')!important;background-size:144px 144px!important}
html[data-theme="light"] .about-manifesto.v25-blue{background-color:#081A3A!important;background-image:none!important}
html[data-theme="light"] .about-manifesto.v25-blue :is(.micro,.kicker){color:#D2D9E5!important}
html[data-theme="light"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.ac-team-card,.price-glass,.testimonial-glass,.contact-form.glass,.routine-chart,.kira-interface,.glass-focus,.wordmark-grid>span){background:rgba(255,255,255,.54)!important;border:1px solid rgba(8,26,58,.11)!important;box-shadow:var(--premium-shadow)!important}
html[data-theme="light"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.price-glass,.testimonial-glass,.contact-form.glass,.routine-chart,.glass-focus)::before{display:none!important}
html[data-theme="light"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.price-glass,.testimonial-glass,.contact-form.glass,.routine-chart,.glass-focus)::after{display:none!important}
html[data-theme="light"] :is(.ac-card,.site-explore-card,.ac-steps li,.ac-feature-grid>*,.testimonial-glass,.price-glass,.contact-form.glass) .liquidGlass-tint{background:rgba(255,255,255,.47)!important}
html[data-theme="light"] :is(.ac-card-icon,.service-icon,.flow-node-icon,.v26-kira-icon){background:#161C25!important;border:1px solid #161C25!important;color:white!important;box-shadow:none!important}
html[data-theme="light"] :is(.ac-card-icon svg,.service-icon svg,.flow-node-icon svg,.v26-kira-icon svg){stroke:white!important}
html[data-theme="light"] :is(.site-explore-card h3,.ac-card h3,.ac-steps h3,.ac-feature-grid h3,.testimonial-quote,.testimonial-person){color:#081A3A!important;-webkit-text-fill-color:#081A3A!important}
html[data-theme="light"] .testimonial-quote{font-size:clamp(20px,2.0vw,28px)!important;line-height:1.5!important}
html[data-theme="light"] :is(.testimonials .testimonial-pill,.ac-consent button.ac-consent-accept){background:#081A3A!important;border-color:#081A3A!important;color:#fff!important}
html[data-theme="light"] .price-glass .price-quote-cta,html[data-theme="light"] .nav-cta{background:#FF7014!important;border-color:#FF7014!important;color:#081A3A!important;box-shadow:none!important}
html[data-theme="light"] .site-footer{background:#081A3A!important}
html[data-theme="light"] :is(.site-footer .brand,.site-footer p,.site-footer a,.site-footer small,.site-footer .micro){color:#E8EFFA!important}
/* DARK — a deliberate sibling of the light design, not a color inversion */
html[data-theme="dark"]{
  --premium-shadow:0 14px 38px rgba(0,0,0,.24);
  --premium-glass-tint:rgba(16,19,24,.39);
}
html[data-theme="dark"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.ac-team-card,.price-glass,.testimonial-glass,.contact-form.glass,.routine-chart,.kira-interface,.glass-focus,.wordmark-grid>span){background:rgba(22,26,31,.25)!important;border:1px solid rgba(235,242,249,.12)!important;box-shadow:var(--premium-shadow)!important}
html[data-theme="dark"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.price-glass,.testimonial-glass,.contact-form.glass,.routine-chart,.glass-focus)::before{display:none!important}
html[data-theme="dark"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.price-glass,.testimonial-glass,.contact-form.glass,.routine-chart,.glass-focus)::after{display:none!important}
html[data-theme="dark"] :is(.site-explore-card,.ac-card,.ac-steps li,.ac-feature-grid>*,.testimonial-glass,.price-glass,.contact-form.glass) .liquidGlass-tint{background:rgba(15,18,23,.38)!important}
html[data-theme="dark"] .site-header{background:rgba(10,12,14,.88)!important;border-bottom:1px solid rgba(255,255,255,.085)!important}
html[data-theme="dark"] :is(.site-nav a,.brand){color:#E9EDF2}
html[data-theme="dark"] :is(.nav-cta,.price-glass .price-quote-cta){background:#FF7014!important;border-color:#FF7014!important;color:#111923!important;box-shadow:none!important}
html[data-theme="dark"] :is(.ac-card-icon,.service-icon,.flow-node-icon,.v26-kira-icon){background:#20252B!important;border:1px solid rgba(255,255,255,.12)!important;color:#F5F7FB!important;box-shadow:none!important}
html[data-theme="dark"] .testimonial-quote{font-size:clamp(20px,2.0vw,28px)!important;line-height:1.5!important;color:#F3F6F9!important}
html[data-theme="dark"] .site-footer{background:#0B0D0F!important}
/* Shared detailed components */
.ac-team-card{border-radius:18px!important;box-shadow:none!important}
.ac-team-card .ac-team-photo{border-width:1px!important}
:where(.price-glass,.site-explore-card,.ac-card,.ac-steps li,.contact-form,.testimonial-glass){overflow:hidden}
:where(.price-glass,.site-explore-card,.ac-card,.ac-steps li,.contact-form,.testimonial-glass):focus-within{outline:2px solid #1D4ED8;outline-offset:3px}
.testimonial-glass{min-height:230px!important}
.testimonial-quote{display:block!important;opacity:1!important;visibility:visible!important}
.testimonial-meta-top{margin-bottom:4px}
.testimonial-segment{letter-spacing:.09em!important}
.testimonial-pill{letter-spacing:.09em!important}
:where(.ac-consent,.contact-form input,.contact-form textarea,.contact-form select){border-radius:14px}
:where(.form-line input,.form-line textarea,.form-line select){transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
:where(.form-line input,.form-line textarea,.form-line select):focus{outline:2px solid #1D4ED8;outline-offset:1px;box-shadow:none!important}
/* No shining glows on hover. Strict neutral shadows in both themes. */
@media(hover:hover) and (pointer:fine){
 html[data-theme="light"] :is(.site-explore-card,.ac-link-card,.ac-feature-grid>*,.ac-steps li,.wordmark-grid>span):hover{border-color:rgba(8,26,58,.28)!important;box-shadow:0 17px 42px rgba(8,26,58,.12)!important}
 html[data-theme="dark"] :is(.site-explore-card,.ac-link-card,.ac-feature-grid>*,.ac-steps li,.wordmark-grid>span):hover{border-color:rgba(244,246,250,.28)!important;box-shadow:0 17px 42px rgba(0,0,0,.3)!important}
}
/* Tablets/phones: balance density, keep nav contact visible. */
@media(max-width:800px){
 :where(.hero-layout){min-height:0!important;padding-top:clamp(116px,16vw,155px)!important;padding-bottom:96px!important}
 :where(.subhero-inner){padding-block:120px 78px!important}
 :where(.statement,.kira,.ac-section,.site-explore,.integrations,.quote-break,.values,.product-dossier,.kira-detail,.contact-content,.case-feature,.testimonials,.routine-insight,.ac-company-intro,.ac-team,.project-applications,.saving-sim,.service-track){padding-block:clamp(62px,11vw,88px)!important}
 :where(.hero-title){font-size:clamp(35px,7vw,50px)!important}
 :where(.site-nav a){font-size:15px!important}
}
@media(max-width:530px){
 :where(.hero-title){font-size:clamp(33px,9vw,43px)!important}
 :where(.statement-title){font-size:clamp(29px,8vw,38px)!important}
 :where(.subhero h1,.subhero-inner h1){font-size:clamp(34px,8.7vw,44px)!important}
 :where(.split-head h2,.process-intro h2,.kira-copy h2,.contact-end h2,.about-manifesto h2,.ac-section h2,.case-layout h2,.routine-insight-copy h2){font-size:clamp(28px,7.4vw,37px)!important}
 :where(.site-explore-card h3,.ac-card h3){font-size:18px!important}
 :where(.site-explore-card,.ac-card){padding:23px 22px!important}
 .testimonials-head{gap:14px}
 .testimonial-glass{min-height:0!important;padding:24px 22px!important}
 .testimonial-quote{font-size:20px!important}
 :where(.price-glass .price){font-size:54px!important}
 .site-nav a{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 :where(.site-explore-card,.ac-link-card,.ac-steps li,.nav-cta,.pill):hover{transform:none!important}
}
/* Contrast fixes discovered in the visual QA, including secondary CTAs and testimonial meta. */
html[data-theme="dark"] .home .hero-actions .pill-light,
html[data-theme="dark"] .hero-actions .pill-light{background:#F0F3F7!important;border-color:#F0F3F7!important;color:#10151C!important;box-shadow:none!important}
html[data-theme="dark"] .home .hero-actions .pill-light :is(span,svg){color:#10151C!important;stroke:#10151C!important}
@media(hover:hover) and (pointer:fine){html[data-theme="dark"] .hero-actions .pill-light:hover{background:#DCE4ED!important;border-color:#DCE4ED!important}}
html[data-theme="dark"] .testimonial-meta-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important}
html[data-theme="dark"] .testimonial-pill{display:inline-flex;align-items:center;border-radius:999px;padding:10px 14px;background:#E9EDF2!important;color:#10151C!important;font:600 11px var(--premium-font-ui)!important;letter-spacing:.10em!important}
html[data-theme="dark"] .testimonial-counter{color:#C2CEDC!important;white-space:nowrap}
html[data-theme="dark"] .testimonial-segment{color:#AFC2D5!important;letter-spacing:.10em!important}
html[data-theme="dark"] .testimonials-intro{color:#A8B2BE!important}
html[data-theme="dark"] .testimonial-glass{padding:clamp(24px,3.3vw,44px)!important;display:grid!important;gap:18px!important}
html[data-theme="dark"] .testimonial-details{border-top:1px solid rgba(255,255,255,.09)!important;padding-top:15px!important}
/* Coloured inset shadows are not part of the design system. */
:where([data-ink-reveal],.toggle-option.active,.flow-node-icon,.service-icon,.routine-lane-steps.is-connected span:nth-child(2)){box-shadow:none!important}
/* Keep the original scroll-driven ink motion, now as a crisp solid line instead of a gradient. */
[data-ink-reveal]{position:relative;display:inline!important;padding:0!important;-webkit-text-fill-color:currentColor!important;background:none!important;box-shadow:none!important}
[data-ink-reveal]::after{content:"";position:absolute;bottom:-.085em;left:0;width:var(--ink-progress,0%);height:2px;background:currentColor;opacity:.48;pointer-events:none;transition:width .12s linear}
@media(prefers-reduced-motion:reduce){[data-ink-reveal]::after{width:100%;transition:none}}
