@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Regular-site.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Bold-site.woff2') format('woff2');font-weight:700 800;font-style:normal;font-display:block}

:root{
  --color-brand-950:#240032;
  --color-brand-900:#38004d;
  --color-brand-800:#500368;
  --color-brand-700:#650a82;
  --color-brand-600:#7c0aa3;
  --color-brand-100:#f0e1f7;
  --color-brand-50:#faf4fc;
  --color-ink:#211627;
  --color-muted:#625768;
  --color-line:#d9d1dd;
  --color-surface:#ffffff;
  --color-canvas:#f8f6fa;
  --color-focus:#075fc6;
  --color-success:#086447;
  --color-success-bg:#e6f6ef;
  --color-error:#a01424;
  --color-error-bg:#fdecef;
  --color-warning:#7a4b00;
  --color-warning-bg:#fff4d7;
  --brand-gradient:linear-gradient(120deg,#7c07a9 0%,#a21bc8 48%,#4d9ee0 100%);
  --brand-gradient-deep:linear-gradient(135deg,#3c0150 0%,#7c07a9 58%,#4d9ee0 125%);
  --font-sans:Montserrat,Arial,sans-serif;
  --step--1:clamp(.875rem,.84rem + .1vw,.9375rem);
  --step-0:clamp(1rem,.96rem + .18vw,1.125rem);
  --step-1:clamp(1.25rem,1.12rem + .42vw,1.5rem);
  --step-2:clamp(1.55rem,1.35rem + .72vw,2rem);
  --step-3:clamp(2rem,1.65rem + 1.25vw,2.75rem);
  --step-4:clamp(2.45rem,1.95rem + 2vw,4rem);
  --space-1:.5rem;
  --space-2:.75rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2rem;
  --space-6:3rem;
  --space-7:clamp(4rem,8vw,7rem);
  --radius-sm:.55rem;
  --radius-md:1rem;
  --radius-lg:1.5rem;
  --shadow-sm:0 1px 2px rgb(36 0 50 / .08),0 8px 28px rgb(36 0 50 / .06);
  --shadow-md:0 18px 50px rgb(36 0 50 / .14);
  --content-max:73.75rem;
  --reading-max:70ch;
  --focus-ring:0 0 0 3px var(--color-canvas),0 0 0 6px var(--color-focus);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.62}
img,svg,video{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
a{color:var(--color-brand-700);text-underline-offset:.2em;text-decoration-thickness:.08em}
a:hover{color:var(--color-brand-950)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus-ring)}
h1,h2,h3,p,ul,ol,figure,blockquote{margin-top:0}
h1,h2,h3{color:var(--color-brand-950);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:var(--step-4);max-width:18ch}
h2{font-size:var(--step-3);max-width:24ch}
h3{font-size:var(--step-1)}
p,li,h1,h2,h3,.field span{overflow-wrap:anywhere}

.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.75rem 1rem;background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-sm);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.container{width:min(100% - 2.5rem,var(--content-max));margin-inline:auto}
.reading{max-width:var(--reading-max)}
.section{padding-block:var(--space-7)}
[data-page="home"] .section,[data-page="platform"] .section{padding-block:clamp(2rem,3.5vw,3rem)}
.section--compact{padding-block:var(--space-6)}
.section--demand{padding-block:clamp(3.5rem,6vw,5rem)}
.section--demand+.section--demand{padding-top:0}
.section--brand{background:var(--color-brand-950);color:#fff}
.section--brand :is(h1,h2,h3,a){color:#fff}
.stack>*+*{margin-top:var(--stack-space,var(--space-4))}
.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.eyebrow{color:var(--color-brand-700);font-size:var(--step--1);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lead{max-width:62ch;color:var(--color-muted);font-size:var(--step-1)}
.kicker{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--color-line);border-radius:999px;padding:.38rem .75rem;background:var(--color-surface);font-size:var(--step--1);font-weight:600}

.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.6rem;border:2px solid transparent;border-radius:999px;padding:.72rem 1.35rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.button--primary{background:var(--brand-gradient);color:#fff;box-shadow:0 12px 28px -12px rgb(124 7 169 / .6)}
.button--primary:hover{background:var(--brand-gradient-deep);color:#fff}
.button--primary:active{background:var(--color-brand-950)}
.button--secondary{background:transparent;border-color:var(--color-brand-700);color:var(--color-brand-700)}
.button--secondary:hover{background:var(--color-brand-50);color:var(--color-brand-950)}
.button[disabled],.button[aria-disabled='true']{opacity:.48;cursor:not-allowed;transform:none}

.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid rgb(124 7 169 / .12);background:#fff}
.header-inner{min-height:6.25rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.brand{display:inline-flex;align-items:center;color:var(--color-brand-950);font-weight:800;text-decoration:none}
.brand img{flex:none}
.brand--header{gap:.65rem;letter-spacing:.035em;font-size:.88rem}
.brand--header img{width:auto;height:4.75rem;object-fit:contain}
.brand--header span{white-space:nowrap}
.site-footer .brand img{width:7rem;height:auto}
.site-footer .brand--footer img{width:8.5rem;height:auto;background:#fff;padding:1rem 1.15rem;border-radius:1.25rem}
.nav-toggle{display:inline-grid;width:3rem;height:3rem;place-items:center;border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-surface);color:var(--color-ink)}
.site-nav{display:none;position:absolute;inset:calc(100% + 1px) 0 auto;max-height:calc(100vh - 4.75rem);overflow-y:auto;background:var(--color-surface);border-bottom:1px solid var(--color-line);padding:1rem 1.25rem 1.5rem;box-shadow:var(--shadow-md)}
.site-nav[data-open='true']{display:block}
.site-nav ul{margin:0;padding:0;list-style:none}
.site-nav>ul{display:grid;gap:.25rem}
.nav-group summary{display:block;border-radius:.5rem;padding:.65rem .75rem;color:var(--color-ink);font-size:calc(var(--step--1) * 1.25);font-weight:600;cursor:pointer}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:'+';float:right;margin-left:1rem;color:var(--color-muted)}
.nav-group details[open]>summary::after{content:'−'}
.nav-group details[data-current='true']>summary,.nav-group summary:hover{background:var(--color-brand-50);color:var(--color-brand-800)}
.nav-group__menu{display:grid;gap:.1rem;padding:.25rem 0 .5rem 1rem!important}
.site-nav a{display:block;border-radius:.5rem;padding:.65rem .75rem;color:var(--color-ink);font-size:calc(var(--step--1) * 1.25);font-weight:600;text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current='page']{background:var(--color-brand-50);color:var(--color-brand-800)}
.site-nav a.button--primary{background:var(--brand-gradient);color:#fff;padding-inline:1.2rem}
.site-nav a.button--primary:hover{background:var(--brand-gradient-deep);color:#fff}
.site-nav a:not(.button--primary),.nav-group summary{background-image:linear-gradient(100deg,#50026e 0%,#7c07a9 38%,#a31bc8 66%,#397bd1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.site-nav a:not(.button--primary):hover,.site-nav a:not(.button--primary)[aria-current='page'],.nav-group summary:hover,.nav-group details[data-current='true']>summary{background:var(--color-brand-50);-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:var(--color-brand-800);color:var(--color-brand-800)}
.nav-group summary::after,.nav-group details[open]>summary::after{-webkit-text-fill-color:currentColor}

.hero-stage{position:relative;overflow:hidden;border-bottom:1px solid rgb(124 7 169 / .12);background:radial-gradient(58rem 30rem at 100% 6%,#dceeff 0%,transparent 68%),radial-gradient(52rem 30rem at 0% 45%,#f0d6ff 0%,transparent 70%),linear-gradient(180deg,#fff 0%,#fbf7ff 72%,#fff 100%)}
.hero-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(124 7 169 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(124 7 169 / .07) 1px,transparent 1px),radial-gradient(circle at 15% 24%,rgb(124 7 169 / .55) 0 2px,transparent 3px),radial-gradient(circle at 66% 17%,rgb(77 158 224 / .55) 0 2px,transparent 3px),radial-gradient(circle at 91% 62%,rgb(124 7 169 / .45) 0 2px,transparent 3px);background-size:48px 48px,48px 48px,19rem 19rem,23rem 23rem,29rem 29rem;opacity:.55;mask-image:linear-gradient(to bottom,#000 0%,rgb(0 0 0 / .8) 70%,transparent 100%)}
.hero-stage::after{content:'';position:absolute;right:-10rem;bottom:-18rem;width:40rem;height:40rem;border-radius:50%;background:radial-gradient(circle,rgb(160 44 202 / .18),transparent 68%)}
.hero{position:relative;z-index:1;display:grid;align-items:center;gap:var(--space-5) var(--space-6);padding-block:clamp(3.5rem,7vw,6.5rem)}
.hero__heading{max-width:68rem}
.hero__heading h1{max-width:28ch;overflow-wrap:normal;word-break:normal;background:linear-gradient(100deg,#50026e 0%,#7c07a9 38%,#a31bc8 66%,#397bd1 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(2.7rem,4.6vw,4.25rem);line-height:1.08;letter-spacing:-.045em}
.hero__copy{max-width:39rem}
.hero--home .hero__copy{max-width:43rem}
.hero-facts{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;color:var(--color-muted);font-size:var(--step-0)}
.hero-facts li{position:relative;padding-left:1.45rem}
.hero-facts li::before{content:'';position:absolute;top:.62em;left:.15rem;width:.48rem;height:.48rem;border-radius:50%;background:var(--brand-gradient);box-shadow:0 0 0 4px rgb(124 7 169 / .08)}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.hero__ai-link{flex-basis:100%;display:inline-flex;align-items:center;gap:.625rem;margin-top:calc(var(--space-4) - var(--space-3));font-weight:600;color:var(--color-brand-700);font-size:.96rem;text-decoration:none;transition:gap .2s}
.hero__ai-link:hover{gap:.875rem;color:var(--color-brand-950)}
.hero__ai-link .ic{width:18px;height:18px}
.hero__ai-badge{display:inline-grid;place-items:center;width:30px;height:24px;border-radius:7px;background:var(--brand-gradient);color:#fff;font-size:.72rem;font-weight:700}
[data-page="platform"] .hero{gap:var(--space-3) var(--space-6);padding-block:clamp(2rem,3.2vw,3.25rem)}
[data-page="platform"] .hero__heading h1{font-size:clamp(2.35rem,3.3vw,3.3rem);line-height:1.06}
.product-window{min-width:0;margin:0;border:1px solid rgb(124 7 169 / .14);border-radius:2rem;overflow:hidden;background:rgb(255 255 255 / .9);box-shadow:0 28px 80px -28px rgb(80 3 104 / .42)}
.product-window__bar{display:flex;height:2.5rem;align-items:center;gap:.42rem;border-bottom:1px solid var(--color-line);padding:0 .9rem;background:#f4eff6;color:var(--color-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.product-window__bar i{width:.56rem;height:.56rem;border-radius:50%;background:#c6b8cc}
.product-window__bar i:first-child{background:#7c0aa3}
.product-window__bar span{margin-left:auto}
.product-window__viewport{aspect-ratio:1200/676;overflow:hidden;background:#fff}
.product-window__viewport img,.product-window__viewport video{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.product-window figcaption{padding:.7rem .9rem;color:var(--color-muted);font-size:.75rem}
.product-window figcaption a{display:flex;align-items:center;justify-content:space-between;font-weight:700;text-decoration:none}
.product-window__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#fff;color:var(--color-brand-900)}
.product-window__head span{border-radius:999px;padding:.25rem .55rem;background:var(--color-brand-50);font-size:.7rem;font-weight:700}
.product-window--video .product-window__viewport{aspect-ratio:1920/888;background:#16051f}
.product-window--video .product-window__viewport video{object-fit:contain}
.product-window__play{display:block;width:100%;height:100%;cursor:pointer}

.hero-metrics{position:relative;z-index:1;padding-bottom:clamp(2.5rem,5vw,4rem)}
.hero-metrics .trust-strip__grid{background:var(--color-line)}
.trust-strip{border-bottom:1px solid var(--color-line);padding-block:var(--space-5);background:#fff}
.trust-strip__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-line);box-shadow:var(--shadow-sm)}
.trust-metric{display:grid;gap:.15rem;padding:var(--space-4);background:#fff;text-align:center}
.trust-metric strong{color:var(--color-brand-700);font-size:var(--step-2);line-height:1.1}
.trust-metric span{color:var(--color-muted);font-size:var(--step--1)}

.grid{display:grid;gap:var(--space-4)}
.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
.card{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-5);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm)}
.card::before{content:'';width:3rem;height:.3rem;margin-bottom:var(--space-4);border-radius:999px;background:var(--color-brand-700)}
.card:nth-child(3n+2)::before{background:#4d9ee0}
.card:nth-child(3n)::before{background:#8abe46}
.card.card--ai::before{background:#10d3d2}
.card--icon::before{display:none}
.section-icon{width:3.25rem;height:3.25rem;margin-bottom:var(--space-4);padding:.65rem;border-radius:.9rem;background:var(--color-brand-50);color:var(--color-brand-700)}
.card--icon:nth-child(3n+2) .section-icon{background:#edf7ff;color:#287ebd}
.card--icon:nth-child(3n) .section-icon{background:#f1f8e8;color:#5f8f26}
.card>*:last-child{margin-bottom:0}
.card__meta{color:var(--color-muted);font-size:var(--step--1)}
.card__link{margin-top:auto;padding-top:var(--space-3);font-weight:700}
.fact-strip{display:grid;gap:1px;border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;background:var(--color-line)}
.fact{padding:var(--space-4);background:var(--color-surface)}
.fact strong{display:block;color:var(--color-brand-800);font-size:var(--step-2);line-height:1.2}
.steps{counter-reset:step;display:grid;gap:var(--space-4);padding:0;list-style:none}
.steps li{position:relative;padding:var(--space-5) var(--space-4) var(--space-4);border-top:3px solid var(--color-brand-700);background:var(--color-surface)}
.steps li::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:.4rem;right:.75rem;color:var(--color-brand-600);font-size:var(--step--1);font-weight:800}
.steps .section-icon{margin-top:.25rem;margin-bottom:var(--space-3)}
.steps li:nth-child(2) .section-icon{background:#edf7ff;color:#287ebd}
.steps li:nth-child(3) .section-icon{background:#f1f8e8;color:#5f8f26}
.steps li span{display:block}
.notice{border-left:5px solid var(--color-focus);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-4);background:#eaf3ff}
.notice--success{border-color:var(--color-success);background:var(--color-success-bg)}
.notice--error{border-color:var(--color-error);background:var(--color-error-bg)}
.comparison-table{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}
.comparison-table table{width:100%;min-width:48rem;border-collapse:collapse}
.comparison-table th,.comparison-table td{border-bottom:1px solid var(--color-line);padding:1rem;text-align:left;vertical-align:top}
.comparison-table thead th{background:var(--color-brand-950);color:#fff}
.comparison-table tbody th{width:22%;color:var(--color-brand-900)}
.comparison-table tr:last-child :is(th,td){border-bottom:0}
.section--promise{background:#fff;color:#fff}
.section--promise>.container{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(2rem,5vw,4rem);background:var(--brand-gradient-deep);box-shadow:var(--shadow-md)}
.section--promise :is(h2,.lead,a){color:#fff}
.promise{max-width:58rem;margin:0;border-left:5px solid #78c5ff;padding:clamp(1.25rem,4vw,2.5rem);background:rgb(255 255 255 / .1);font-size:var(--step-2);font-weight:600;line-height:1.45}
.section--price{background:linear-gradient(120deg,#f7e8ff,#eaf4ff)}
.section--pricing{background:linear-gradient(180deg,#fff,#faf4fc)}
.pricing{display:grid;gap:var(--space-4)}
.price-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;box-shadow:var(--shadow-sm)}
.price-card--featured{border:0;background:var(--brand-gradient-deep);color:#fff;box-shadow:var(--shadow-md)}
.price-card h3{font-size:var(--step-1)}
.price-card--featured h3{color:#fff}
.price-card__badge{position:absolute;top:1.1rem;right:1.1rem;border-radius:999px;padding:.25rem .6rem;background:#fff;color:var(--color-brand-700);font-size:.72rem;font-weight:700}
.price-card__price{margin:0;color:var(--color-brand-800);font-size:var(--step-2);font-weight:800;line-height:1.15}
.price-card--featured .price-card__price{color:#fff}
.price-card__note{color:var(--color-muted);font-size:var(--step--1)}
.price-card--featured .price-card__note{color:#eadff0}
.price-card ul{display:grid;gap:.7rem;margin-bottom:var(--space-5);padding:0;list-style:none}
.price-card li{position:relative;padding-left:1.5rem}
.price-card li::before{content:'✓';position:absolute;left:0;color:#4d9ee0;font-weight:800}
.price-card .button{margin-top:auto}
.button--light{border-color:#fff;background:#fff;color:var(--color-brand-800)}
.button--light:hover{background:#f5ebfa;color:var(--color-brand-950)}
.section--clients{background:var(--color-canvas)}
.logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.client-logo{display:grid;min-height:6rem;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem;background:#fff;box-shadow:var(--shadow-sm)}
.client-logo img{max-width:9rem;max-height:3.5rem;object-fit:contain}
.section--feedback{background:linear-gradient(180deg,#fff,#f7edf9)}
.feedback-layout{display:grid;gap:var(--space-5);align-items:start}
.feedback-contacts{padding:var(--space-5)}
.feedback-contacts ul{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}
.feedback-contacts li{display:grid;gap:.15rem}
.feedback-contacts li span{color:var(--color-muted);font-size:var(--step--1)}
.feedback-contacts li a{font-size:var(--step-1);font-weight:700;text-decoration:none}
.section--migration{border-block:1px solid rgb(124 7 169 / .16);background:radial-gradient(48rem 22rem at 100% 50%,#dceeff,transparent),#faf6fc}
.section--final{background:linear-gradient(180deg,#fff,#f7edf9)}
.section-links{padding-top:var(--space-2)}
.platform-intro{display:grid;gap:var(--space-5);align-items:start}
.platform-intro h2{max-width:16ch}
.platform-facts{display:grid;gap:.75rem}
.platform-facts div{display:grid;gap:.2rem;border:1px solid rgb(101 10 130 / .14);border-radius:var(--radius-md);padding:1rem 1.1rem;background:#fff;box-shadow:var(--shadow-sm)}
.platform-facts strong{color:var(--color-brand-800);font-size:var(--step-1)}
.platform-facts span{color:var(--color-muted);font-size:var(--step--1)}
.capability-nav{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:var(--space-3)}
.capability-nav a{border:1px solid rgb(101 10 130 / .2);border-radius:999px;padding:.55rem .85rem;background:#fff;color:var(--color-brand-800);font-size:var(--step--1);font-weight:700;text-decoration:none}
.capability-nav a:hover{border-color:var(--color-brand-700);background:var(--color-brand-50)}
.platform-research-note{max-width:78ch;margin:0;color:var(--color-muted);font-size:var(--step--1)}
.capability-section{scroll-margin-top:7rem}
.capability-grid{display:grid;gap:var(--space-3)}
.capability-card{position:relative;border:1px solid rgb(80 3 104 / .14);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-4) 3.4rem;background:#fff;box-shadow:var(--shadow-sm)}
.capability-card::before{content:'✓';position:absolute;top:1.15rem;left:1.15rem;display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:.45rem;background:var(--color-brand-50);color:var(--color-brand-700);font-weight:800}
.capability-card h3{font-size:var(--step-0)}
.capability-card p{margin-top:.45rem;color:var(--color-muted);font-size:var(--step--1)}
.status{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.35rem .7rem;background:var(--color-brand-100);color:var(--color-brand-900);font-size:var(--step--1);font-weight:700}
.status--success{background:var(--color-success-bg);color:var(--color-success)}
.status--error{background:var(--color-error-bg);color:var(--color-error)}

.architecture{margin-inline:0;overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface)}
.architecture img{width:100%;min-width:54rem}
.architecture__mobile{display:none}
.architecture figcaption{max-width:70ch;margin-top:var(--space-3);color:var(--color-muted);font-size:var(--step--1)}
.media-frame{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}
.media-frame img{display:block;width:100%;height:auto;object-fit:contain}
.section--tint{border-block:1px solid rgb(124 7 169 / .1);background:linear-gradient(180deg,#fcf9ff,#f5ecfa)}
.section-heading{max-width:50rem}
.media-grid{display:grid;gap:var(--space-4)}
.media-card{min-width:0;margin:0;border:1px solid rgb(80 3 104 / .18);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.media-card__image{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#fff,var(--color-brand-100))}
.media-card__image img{width:100%;height:100%;object-fit:contain;object-position:center}
.media-card figcaption{display:grid;gap:.3rem;padding:var(--space-4)}
.media-card figcaption strong{color:var(--color-brand-900)}
.media-card figcaption span{color:var(--color-muted);font-size:var(--step--1)}
.video-frame{overflow:hidden;margin:0;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#16051f;box-shadow:var(--shadow-lg)}
.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#16051f}
.video-frame figcaption{padding:.85rem 1rem;background:var(--color-surface);color:var(--color-muted);font-size:var(--step--1)}
.faq{display:grid;gap:.75rem}
.faq details{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);padding:0 1rem}
.faq summary{padding:1rem 2rem 1rem 0;font-weight:700;cursor:pointer}
.faq p{margin:0;padding:0 0 1rem;color:var(--color-muted)}

.field{display:grid;gap:.45rem}
.field--wide{grid-column:1/-1}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.field label{font-weight:700}
.field input,.field textarea,.field select{width:100%;min-height:3rem;border:1px solid #86798c;border-radius:.65rem;padding:.7rem .8rem;background:var(--color-surface);color:var(--color-ink)}
.field input[type='checkbox']{display:inline-block;width:1.25rem;height:1.25rem;min-height:1.25rem;margin:0 .45rem 0 0;padding:0;vertical-align:-.2rem;accent-color:var(--color-brand-700)}
.field textarea{min-height:8rem;resize:vertical}
.field [aria-invalid='true']{border-color:var(--color-error);background:var(--color-error-bg)}
.field__help{color:var(--color-muted);font-size:var(--step--1)}
.field__error{color:var(--color-error);font-size:var(--step--1);font-weight:600}
.form-status{border-radius:var(--radius-sm);padding:var(--space-3);font-weight:600}
.form-status[data-state='success']{background:var(--color-success-bg);color:var(--color-success)}
.form-status[data-state='error']{background:var(--color-error-bg);color:var(--color-error)}
.captcha-slot:not(:empty){min-height:6.25rem}
form[data-site-form]{max-width:62rem;border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2.5rem);background:#fff;box-shadow:var(--shadow-sm)}
.estimate{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:62rem;border:1px solid rgb(124 7 169 / .18);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2.5rem);background:#fff;box-shadow:var(--shadow-sm)}
.estimate__result{display:grid;gap:.35rem;border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(135deg,#f5e8fb,#e9f4ff);color:var(--color-muted)}
.estimate__result strong{color:var(--color-brand-800);font-size:var(--step-2)}
.estimate__result small{margin-top:.4rem}

.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:1rem 0;list-style:none;color:var(--color-muted);font-size:var(--step--1)}
.breadcrumbs li+li::before{content:'/';margin-right:.45rem;color:#928699}
.article-header{padding-block:var(--space-7) var(--space-5)}
.article-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;color:var(--color-muted);font-size:var(--step--1)}
.prose{max-width:var(--reading-max)}
.prose :is(h2,h3){margin-top:2em}
.prose blockquote{border-left:4px solid var(--color-brand-600);margin-inline:0;padding-left:var(--space-4);color:var(--color-muted)}
.prose table{width:100%;border-collapse:collapse;font-size:var(--step--1)}
.prose th,.prose td{border-bottom:1px solid var(--color-line);padding:.75rem;text-align:left;vertical-align:top}

.site-footer{margin-top:0;padding-block:var(--space-6) var(--space-4);background:var(--color-brand-950);color:#fff}
.footer-grid{display:grid;align-items:start;gap:var(--space-5)}
.footer-company{max-width:24rem}
.footer-company ul,.footer-contacts ul{margin:var(--space-3) 0 0;padding:0;list-style:none;font-size:var(--step--1)}
.footer-company li+li,.footer-contacts li+li{margin-top:.35rem}
.site-footer :is(h2,h3,a){color:#fff}
.site-footer h2{max-width:none;margin-bottom:var(--space-3);font-size:clamp(1.125rem,1rem + .35vw,1.35rem);line-height:1.25;letter-spacing:-.01em;overflow-wrap:normal;word-break:normal;hyphens:none}
.site-footer ul{margin:0;padding:0;list-style:none}
.site-footer li+li{margin-top:.5rem}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgb(255 255 255 / .25);color:#ded3e4;font-size:var(--step--1)}
.footer-bottom span:first-child{white-space:nowrap}

.token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-3)}
.token{border:1px solid var(--color-line);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface)}
.token__swatch{height:5rem;background:var(--swatch)}
.token__label{padding:.75rem;font-size:var(--step--1)}
.template-preview{display:grid;gap:.5rem;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem;background:var(--color-surface)}
.template-preview span{display:block;border-radius:.35rem;background:var(--color-brand-100)}
.template-preview__header{height:1.5rem;width:100%}
.template-preview__hero{height:6rem;width:72%}
.template-preview__body{height:2.5rem;width:100%}
.template-preview__body:nth-child(even){width:84%}

@media (min-width:48rem){
  .container{width:min(100% - 4rem,var(--content-max))}
  .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact-strip{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pricing{grid-template-columns:repeat(3,minmax(0,1fr))}
  .logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .feedback-layout{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr)}
  .footer-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid--home .footer-company{grid-column:1/-1}
  .estimate{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:48rem) and (max-width:79.99rem){
  .hero__heading{order:1}
  .product-window{order:2}
  .hero__copy{order:3}
  .hero>.hero__actions{order:4}
}

@media (min-width:90rem){
  .nav-toggle{display:none}
  .site-nav{display:block;position:static;max-height:none;overflow:visible;border:0;background:transparent;padding:0;box-shadow:none;flex:1}
  .site-nav>ul{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
  .site-nav>ul>li:last-child{margin-left:.5rem}
  .site-nav a,.nav-group summary{padding-inline:.35rem}
  .nav-group{position:relative}
  .nav-group summary::after{content:'⌄';float:none;margin-left:.35rem;font-size:.75em}
  .nav-group details[open]>summary::after{content:'⌃'}
  .nav-group__menu{position:absolute;z-index:20;top:calc(100% + .55rem);left:0;display:grid!important;width:max-content;min-width:14rem;max-width:20rem;gap:.1rem!important;padding:.55rem!important;border:1px solid var(--color-line);border-radius:.8rem;background:var(--color-surface);box-shadow:var(--shadow-md)}
  .nav-group:nth-child(3) .nav-group__menu{grid-template-columns:repeat(2,minmax(15rem,1fr));max-width:34rem}
  .nav-group:nth-child(n+4) .nav-group__menu{right:0;left:auto}
}

@media (min-width:80rem){
  .hero{grid-template-areas:'heading heading' 'copy media' 'actions media';grid-template-columns:minmax(0,1fr) minmax(29rem,.92fr);grid-template-rows:auto auto auto}
  .hero--home{padding-block:clamp(2.5rem,4vw,4rem)}
  .hero--home .hero__heading h1{max-width:25ch;font-size:clamp(2.65rem,3.6vw,3.55rem);line-height:1.06}
  .hero__heading{grid-area:heading}
  .hero__copy{grid-area:copy}
  .product-window{grid-area:media}
  .hero>.hero__actions{grid-area:actions;align-self:start;align-items:flex-start;margin-top:0}
  .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .media-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-intro{grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr)}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid--home{grid-template-columns:minmax(18rem,1.45fr) minmax(8rem,.65fr) minmax(10rem,.85fr) minmax(15rem,1fr)}
  .footer-grid--home .footer-company{grid-column:auto}
}

@media (max-width:47.99rem){
  .hero{gap:var(--space-5);padding-block:2.5rem 3.5rem}
  .hero__heading h1{font-size:clamp(2.2rem,11vw,3.1rem)}
  .hero__heading{order:1}
  .hero__copy{order:2}
  .hero>.hero__actions{order:3}
  .product-window{order:4}
  .architecture__desktop{display:none}
  .architecture__mobile{display:block}
  .architecture img{min-width:0}
  .button{width:100%}
  .header-inner{min-height:4.75rem}
  .brand--header img{width:auto;height:3.6rem}
  .brand--header span{display:none}
}

@media (min-width:90rem){.container{width:min(100% - 6rem,var(--content-max))}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media print{
  .site-header,.site-footer,.button,.nav-toggle{display:none!important}
  body{background:#fff;color:#000}
  a{color:#000;text-decoration:underline}
}

/* ---------- Brand AI accent (cyan as in logo) ---------- */
/* -webkit-text-fill-color needed to override gradient-text nav/hero links */
.brand-ai{color:#14d4ce!important;-webkit-text-fill-color:#14d4ce!important}
.breadcrumbs .brand-ai,.site-nav a[aria-current='page'] .brand-ai{color:#00837f!important;-webkit-text-fill-color:#00837f!important}
/* ---------- Brand BI accent (purple as in logo) ---------- */
.brand-bi{color:#7c07a9!important;-webkit-text-fill-color:#7c07a9!important}
.site-footer .brand-bi{color:#fff!important;-webkit-text-fill-color:#fff!important}