/* Website refresh F1, first step: the public site takes the app's v2 tokens (design handover v2 and
   website handover v1, section 4). Loaded after the older marketing stylesheets and the text floor,
   so it changes colour, type and surfaces without touching page markup. One gradient remains, on the
   final dark call-to-action band; the decorative glows and tinted washes are removed. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2")}
:root{
  --ink:#0B1220;--ink2:#0B1220;--blue:#2F5BFF;--blue2:#1E43D6;--muted:#566275;--paper:#F7F8FA;--line:#E9ECF1;--cream:#FFFFFF;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 0 0 1px rgba(16,24,40,.06);--radius:14px;
  --v2-accent:#2F5BFF;--v2-accent-dark:#1E43D6;--v2-tint:#EEF2FF;--v2-text:#1A2333;--v2-faint:#667085;
  --font-ui:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:#FFFFFF;color:var(--v2-text)}
body,body *:not(code):not(kbd):not(pre){font-family:var(--font-ui)!important}
h1,h2,h3,h4{letter-spacing:-.02em}
h1{font-weight:700}
h2,h3{font-weight:650}
.eyebrow{color:var(--v2-accent-dark);letter-spacing:.06em}

/* Buttons: solid accent primary, quiet secondary. */
.button,a.button,button.button{background:var(--v2-accent);border-color:var(--v2-accent);color:#fff;border-radius:10px;box-shadow:none}
.button:hover,a.button:hover,button.button:hover{background:var(--v2-accent-dark);border-color:var(--v2-accent-dark)}
.button.secondary,a.button.secondary,button.button.secondary{background:#fff;color:var(--ink);border:1px solid #CBD2DC}
.button.secondary:hover,a.button.secondary:hover{background:#F7F8FA;border-color:#AEB7C4}
.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--v2-accent);outline-offset:2px}

/* Surfaces: flat white and light grey instead of tinted washes and glows. */
.hero,.page-hero,.pricing-section{background:#FFFFFF}
.hero:before,.hero:after{display:none}
.plan-finder{background:var(--v2-tint)}
.ecosystem-card.cleaning{background:#ECFDF5}
.ecosystem-card.aurao{background:#0B1220}
.trust-section,.tour{background:#0B1220}
.depth-cta{background:#0B1220}
.final-cta{background:linear-gradient(135deg,#0B1220,#1E43D6)}

/* Header and notice bar. */
.country-bar{background:#0B1220;color:#E6E9EF}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(8px)}
.primary-nav a{color:var(--v2-text)}
.primary-nav a:hover{color:var(--v2-accent-dark)}

/* Cards and panels: soft ring shadow, 12 to 14px radius. */
.feature-card,.price-card,.plan-card,.ecosystem-card,.depth-card,.faq-item,.resource-card,.country-card{border-radius:14px;box-shadow:var(--shadow)}
.price-card.featured{box-shadow:0 0 0 2px var(--v2-accent),0 8px 24px rgba(47,91,255,.12)}
.badge{background:var(--v2-accent);color:#fff}

/* Body copy contrast (AA on white). */

.trust-section p,.trust-section li,.tour p,.tour li,.final-cta p,.depth-cta p,.ecosystem-card.aurao p{color:#D7DCE5}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Type scale from the renders: 52px hero, calmer section headings, tighter but not crushed tracking. */
.hero-copy h1{font-size:clamp(38px,4.2vw,56px)!important;line-height:1.06!important;letter-spacing:-.03em!important;max-width:620px;font-weight:700!important}
.page-hero h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.08!important;letter-spacing:-.03em!important;font-weight:700!important}
h2{letter-spacing:-.025em}
.section-head h2,section>.shell>h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
@media(max-width:800px){.hero-copy h1{font-size:38px!important}.page-hero h1{font-size:34px!important}}

/* Hero buttons stay on one line; story cards and product tabs use the v2 palette. */
.hero-actions{flex-wrap:wrap;gap:10px}
.hero-actions .button,.hero-actions .hero-talk{white-space:nowrap;width:auto}
.story-card,.story-card:nth-child(2),.story-card:nth-child(3){background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.story-card>span{background:var(--v2-tint);color:var(--v2-accent-dark)}
.story-card p{color:var(--muted)}
.screen-tabs button{font-size:13px}
.screen-tabs button[aria-selected=true]{background:#fff;color:var(--ink);border-color:#fff}

/* Section headings: the older sheets set 800 weight and very tight tracking in the font shorthand. */
main h2{font-weight:700!important;letter-spacing:-.025em!important}
/* Headings keep the colour their own section sets, so dark bands stay light-on-dark. */
.tour h2,.tour h3,.trust-section h2,.trust-section h3,.final-cta h2,.depth-cta h2,.depth-cta h3,.ecosystem-card.aurao h3{color:#fff}

/* AA contrast for the quieter text on the home and country pages. */
.hero-support,.logo-strip p{color:var(--muted)}
.workflow-section em{color:var(--v2-accent-dark)}
.finder-result span,#finderBreakdown{color:#C9D0DC!important}

/* Website rebuild (F1): section headings, "Connected by design" and "Built for control" follow the
   renders: calm two-line headings, white cards, and one light control section instead of a dark band. */
.section-heading h2,.trust-grid h2{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.12!important;letter-spacing:-.025em!important;font-weight:700!important}
.section-heading{max-width:720px}
.ecosystem-card,.ecosystem-card.cleaning,.ecosystem-card.aurao{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);min-height:0;padding:28px}
.ecosystem-card:after{display:none}
.ecosystem-card h3{font-size:24px!important;color:var(--ink)!important;margin:18px 0 8px}
.ecosystem-card p{color:var(--muted)!important;opacity:1;font-size:15px}
.ecosystem-card b:last-child{color:var(--v2-accent-dark);font-size:14px;margin-top:18px}
.ecosystem-card .product-logo{background:var(--v2-tint);color:var(--v2-accent-dark)}
.ecosystem-card.cleaning .product-logo{background:#E7F6EF;color:#0B6B49}
.trust-section{background:#F7F8FA!important;color:var(--ink)}
.trust-section h2,.trust-section h3{color:var(--ink)!important}
.trust-section .eyebrow{color:var(--v2-accent-dark)!important}
.trust-section p,.trust-grid>div:first-child>p:last-of-type{color:var(--muted)!important}
.trust-section .button.light{background:#fff;color:var(--ink);border:1px solid #CBD2DC}
.control-stack article{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}
.control-stack b{font-size:15px;color:var(--ink)}
.control-stack small{font-size:13px;color:var(--muted)!important}
.control-stack>article>span{background:var(--v2-tint);color:var(--v2-accent-dark)}
.control-stack em{background:#E7F6EF;color:#0B6B49;font-size:12px;letter-spacing:.04em}
.trust-row span{font-size:13px}
/* Plan prices as in the render: symbol at the top of the figure, tax and period beside it. */
.plan-price{align-items:flex-start!important}
.plan-price sup{font-size:20px;font-weight:650;line-height:1;margin-top:8px;top:0;color:var(--ink)}
.plan-price b{font-size:46px!important;font-weight:700!important;letter-spacing:-.03em!important;line-height:1;margin:0 6px 0 2px}
.plan-price span{align-self:flex-end;font-size:13px}
/* Footer: five link columns (Industries added with the content pages) on wide screens. */
@media(min-width:1100px){.footer-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}}