.wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.navbar{position:sticky;top:calc(env(safe-area-inset-top) + 12px);z-index:30;margin-top:12px}
.navbar .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:999px}
.navbar nav{display:flex;align-items:center;gap:4px}
.navbar .lnk{color:var(--muted);text-decoration:none;font-weight:500;font-size:14px;padding:8px 11px;border-radius:999px;white-space:nowrap}
.navbar .lnk:hover{color:var(--ink);background:var(--glass)}
.navbar .right{display:flex;align-items:center;gap:8px}
.menu-btn{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--hair-2);background:var(--glass);place-items:center;cursor:pointer;padding:0}
.menu-btn svg{width:18px;height:18px;display:block}.menu-btn .i-close,.menu-btn[aria-expanded=true] .i-open{display:none}.menu-btn[aria-expanded=true] .i-close{display:block}
.navbar .mnav{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:10px;border-radius:24px;display:grid;gap:2px;z-index:70;background:var(--menu-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(12,12,13,.06),0 30px 60px -20px rgba(12,12,13,.35)}
.mnav a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;font-weight:550;font-size:16px}
.mnav a:hover{background:var(--hair)}
.mnav .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 4px 4px}
.mnav .btns .btn{width:100%}
@media(max-width:1120px){.navbar nav .lnk{display:none}.menu-btn{display:grid}}
@media(max-width:760px){.navbar .hide-sm{display:none}.navbar .bar{padding:8px 8px 8px 14px}}
@media(max-width:360px){.navbar .mark{font-size:17px}.navbar .lang button{padding:4px 8px}}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-block:72px 80px}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:48px;padding-block:44px 56px}}
.hero h1{font:600 clamp(42px,6.4vw,82px)/.98 var(--sans);letter-spacing:-.045em;margin:18px 0 22px;text-wrap:balance}
.hero h1 em{display:block;font:italic 400 1.08em/.95 var(--serif);letter-spacing:-.02em;color:var(--ink-2)}
.hero .lead{font-size:clamp(16.5px,1.5vw,19px);line-height:1.55;color:var(--muted);max-width:52ch;margin:0 0 30px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.trust{margin-top:28px;font:500 12.5px var(--mono);color:var(--faint);letter-spacing:.02em}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--hair)}
.stage{position:relative;min-height:540px}
@media(max-width:960px){.stage{min-height:520px;max-width:560px;margin:0 auto;width:100%}}
.stage .o1{width:260px;height:260px;top:-10px;right:-20px}
.stage .o2{width:120px;height:120px;bottom:40px;left:-10px}
.card-call{position:absolute;top:24px;left:0;right:64px;padding:20px;border-radius:var(--r-lg)}
.card-rec{position:absolute;bottom:20px;right:0;left:72px;padding:20px 22px;border-radius:var(--r-lg)}
@media(max-width:520px){.card-call{right:0}.card-rec{left:16px}}
.row-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.live{display:inline-flex;align-items:center;gap:8px;font:500 12.5px var(--mono);color:var(--muted)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--ink);position:relative}
@media (prefers-reduced-motion:no-preference){.live i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ink);animation:ping 2s ease-out infinite;opacity:.5}@keyframes ping{to{transform:scale(2.2);opacity:0}}}
.wave{display:flex;align-items:center;gap:3px;height:28px}
.wave b{display:block;width:3px;border-radius:3px;background:var(--ink);opacity:.8;height:30%}
@media (prefers-reduced-motion:no-preference){.wave b{animation:wv 1.2s ease-in-out infinite}@keyframes wv{0%,100%{height:22%}50%{height:100%}}}
.bub{padding:10px 14px;border-radius:16px;margin-top:8px;max-width:88%;font-size:14.5px;line-height:1.45}
.bub.c{background:var(--glass-strong);border:1px solid var(--hair)}
.bub.a{background:var(--btn);color:var(--btn-ink);margin-left:auto;border-bottom-right-radius:6px}
.rec-name{font:600 18px/1.25 var(--sans);letter-spacing:-.02em;margin:6px 0 6px}
.rec-sum{color:var(--muted);font-size:14.5px;line-height:1.5;margin:0 0 14px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--sans);padding:5px 10px;border-radius:999px;border:1px solid var(--hair-2);background:var(--glass-strong);white-space:nowrap}
.chip.solid{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.chip svg{width:13px;height:13px}
.pill-float{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:999px;font-weight:550;font-size:13.5px;white-space:nowrap}
.pill-float .ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--btn);color:var(--btn-ink)}
.pill-float .ico svg{width:15px;height:15px}
.pf1{top:-6px;left:28%}.pf2{bottom:-14px;left:0}
@media(max-width:600px){.stage{min-height:0;display:flex;flex-direction:column;gap:12px}
.card-call,.card-rec,.pill-float{position:relative;top:auto;left:auto;right:auto;bottom:auto}
.card-rec{margin-left:20px}.pf1{order:-1;align-self:flex-end}.pf2{align-self:flex-start}
.stage .o1{width:170px;height:170px;top:40px;right:-50px;position:absolute}.stage .o2{display:none}}
section{padding-block:80px;scroll-margin-top:84px}
@media(max-width:760px){section{padding-block:56px}}
.sec-head{max-width:740px;margin-bottom:40px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font:600 clamp(30px,4.2vw,52px)/1.05 var(--sans);letter-spacing:-.04em;margin:14px 0 14px;text-wrap:balance}
.sec-head p{color:var(--muted);font-size:17px;margin:0;max-width:60ch}
.sec-head.center p{margin-inline:auto}
/* channels */
.chband{padding:36px clamp(20px,4vw,48px);border-radius:36px;text-align:center}
.chband h2{font:600 clamp(24px,3vw,36px)/1.12 var(--sans);letter-spacing:-.035em;margin:12px auto 10px;max-width:24ch;text-wrap:balance}
.chband p{color:var(--muted);margin:0 auto 26px;max-width:56ch}
.chlist{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chlist>span{display:inline-flex;align-items:center;gap:9px;padding:11px 16px 11px 12px;border-radius:999px;font-weight:550;font-size:14.5px;background:var(--glass-strong);border:1px solid var(--hair);box-shadow:inset 0 1px 0 var(--edge)}
.chlist svg{width:18px;height:18px;flex:none}
/* services */
.tabs{display:flex;gap:2px;padding:4px;border-radius:999px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:22px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:0;background:none;border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:550;cursor:pointer;color:var(--muted);white-space:nowrap}
.tabs button[aria-selected=true]{background:var(--btn);color:var(--btn-ink)}
.gdesc{color:var(--muted);margin:0 0 18px;font-size:15.5px}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.svc{grid-template-columns:1fr;gap:10px}}
.svc .glass{padding:24px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.svc .glass:hover{transform:translateY(-3px);background:var(--glass-hover)}
.ico{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--glass-strong);border:1px solid var(--hair);box-shadow:inset 0 1px 0 var(--edge)}
.ico svg{width:20px;height:20px}
.svc h3{font:600 18px/1.25 var(--sans);letter-spacing:-.02em;margin:6px 0 0}
.svc p{margin:0;color:var(--muted);font-size:14.5px}
@media(max-width:600px){.svc .glass{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;padding:18px}.svc .ico{grid-row:span 2;width:40px;height:40px}.svc h3{margin:0;font-size:16.5px}}
/* control */
.ctl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
@media(max-width:900px){.ctl{grid-template-columns:1fr;gap:8px}}
.checks{list-style:none;margin:0;padding:22px;border-radius:var(--r-lg);display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
@media(max-width:600px){.checks{grid-template-columns:1fr;padding:18px}}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.checks li svg{flex:none;width:18px;height:18px;margin-top:2px;padding:3px;border-radius:50%;background:var(--btn);color:var(--btn-ink);box-sizing:content-box;stroke-width:2.4}
/* comparison */
.cmp{border-radius:var(--r-lg);overflow:hidden}
.cmp table{width:100%;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{padding:15px 20px;text-align:start;border-bottom:1px solid var(--hair);vertical-align:top}
.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font:500 12px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.cmp tbody th{font-weight:600;width:22%}
.cmp td.old{color:var(--muted)}
.cmp td.new{font-weight:550}
.cmp thead th.new{color:var(--ink)}
@media(max-width:600px){.cmp table,.cmp thead,.cmp tbody{display:block}.cmp tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--hair)}.cmp tbody tr:last-child{border-bottom:0}.cmp th,.cmp td{border:0;padding:12px 16px;font-size:14px}.cmp thead th:first-child{display:none}.cmp tbody th{grid-column:1/-1;width:auto;padding-bottom:0;font:500 11.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}}
/* industries */
.inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.inds{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(-1 * max(20px,env(safe-area-inset-left)));padding:4px max(20px,env(safe-area-inset-left)) 14px;scroll-padding-inline:max(20px,env(safe-area-inset-left));scrollbar-width:none}.inds::-webkit-scrollbar{display:none}.inds .glass{flex:0 0 82%;scroll-snap-align:start}}
.inds .glass{padding:22px 24px;border-radius:var(--r-lg)}
.inds h3{font:600 17.5px/1.25 var(--sans);letter-spacing:-.02em;margin:0 0 12px}
.inds ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.inds li{position:relative;padding-inline-start:18px;color:var(--muted);font-size:14.5px;line-height:1.45}
.inds li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.55}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:860px){.steps{grid-template-columns:1fr}}
.step{padding:28px;border-radius:var(--r-lg);position:relative;overflow:hidden}
.step .n{font:italic 400 64px/1 var(--serif);color:var(--faint);letter-spacing:-.02em}
.step h3{font:600 20px/1.25 var(--sans);letter-spacing:-.02em;margin:18px 0 8px}
.step p{margin:0;color:var(--muted)}
@media(max-width:860px){.step{padding:22px 24px;display:grid;grid-template-columns:auto 1fr;column-gap:18px}.step .n{grid-row:span 2;font-size:48px}.step h3{margin:4px 0 6px}}
/* integrations */
.ints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.ints{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ints{grid-template-columns:1fr}}
.ints .glass{padding:20px 22px;border-radius:var(--r-lg)}
.ints h3{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.ints .chips{gap:8px}.ints .chip{font-size:13.5px;padding:7px 12px}
.note{color:var(--muted);font-size:14.5px;margin:18px 0 0}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:560px}}
.plan{padding:28px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:14px}
.plan.feat{outline:1.5px solid var(--ink);outline-offset:-1.5px}
.plan .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan h3{font:600 24px/1.1 var(--sans);letter-spacing:-.03em;margin:0}
.plan .d{color:var(--muted);margin:0;font-size:15px;min-height:3em}
.plan ul{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:10px;flex:1}
.plan li{display:flex;gap:10px;font-size:14.5px;line-height:1.4}
.plan li svg{flex:none;width:16px;height:16px;margin-top:2px;stroke-width:2.2}
.plan .btn{width:100%}
/* faq */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{border-radius:var(--r);padding:0}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;width:18px;height:18px;transition:transform .25s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:15.5px;max-width:70ch}
/* demo */
.demo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:clamp(24px,4vw,48px);border-radius:36px;position:relative;overflow:hidden;align-items:start}
@media(max-width:900px){.demo{grid-template-columns:1fr}}
@media(max-width:560px){.demo{padding:22px 14px 14px;border-radius:28px}.demo .intro{padding:0 6px}}
.demo .orb{width:240px;height:240px;left:-80px;bottom:-110px;opacity:.7}
.demo h2{font:600 clamp(28px,3.6vw,44px)/1.05 var(--sans);letter-spacing:-.04em;margin:12px 0 12px;text-wrap:balance}
.demo .intro{position:relative}
.demo .intro p{color:var(--muted);font-size:17px;margin:0 0 20px}
.demo .intro ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.demo .intro li{display:flex;gap:10px;font-size:15px}
.demo .intro li svg{flex:none;width:18px;height:18px;margin-top:2px;stroke-width:2.2}
form.df{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px;border-radius:var(--r-lg);position:relative}
@media(max-width:560px){form.df{grid-template-columns:1fr;padding:18px}}
form.df label{display:grid;gap:6px;font-weight:550;font-size:13.5px;color:var(--ink-2)}
form.df .full{grid-column:1/-1}
form.df textarea{min-height:92px;resize:vertical}
.chk{display:flex;flex-wrap:wrap;gap:8px}
.chk label{display:inline-flex!important;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;border:1px solid var(--hair-2);background:var(--glass-strong);cursor:pointer;font-weight:500!important;font-size:13.5px!important;user-select:none}
.chk input{width:16px;height:16px;margin:0;accent-color:var(--ink)}
.chk label:has(input:checked){background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ok{grid-column:1/-1;padding:14px 16px;border-radius:14px;background:var(--btn);color:var(--btn-ink);font-weight:550}
form.df .btn{grid-column:1/-1}
form.df .btn.busy{opacity:.85;cursor:progress}form.df .btn.busy::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;margin-inline-end:8px;display:inline-block;vertical-align:-3px;animation:dspin .7s linear infinite}@keyframes dspin{to{transform:rotate(360deg)}}
.tight{padding-top:8px}.mb24{margin-bottom:24px}.grid8{display:grid;gap:8px}.flabel{font-weight:550;font-size:13.5px;color:var(--ink-2)}
.wave b:nth-child(1){animation-delay:-.1s}.wave b:nth-child(2){animation-delay:-.5s}.wave b:nth-child(3){animation-delay:-.3s}.wave b:nth-child(4){animation-delay:-.8s}.wave b:nth-child(5){animation-delay:-.2s}.wave b:nth-child(6){animation-delay:-.6s}.wave b:nth-child(7){animation-delay:-.4s}
form.df label.kv{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:13.5px;color:var(--muted);line-height:1.45}form.df label.kv input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--ink)}form.df label.kv a{color:var(--ink);font-weight:600}
/* footer */
footer{padding-block:48px 56px;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--hair);margin-top:24px}
@media(max-width:700px){footer{grid-template-columns:1fr 1fr}footer .brand{grid-column:1/-1}}
footer h4{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a,footer button.lnkbtn{color:var(--muted);text-decoration:none;font-size:14.5px}footer a:hover{color:var(--ink)}
footer .brand p{color:var(--faint);font-size:13.5px;margin:14px 0 0}
.navbar .lnk[aria-current=page]{color:var(--ink);background:var(--glass)}
.mnav a[aria-current=page]{background:var(--hair)}
.phero{padding-block:44px 8px}
@media(max-width:760px){.phero{padding-block:28px 0}}
.crumbs ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font:500 12.5px var(--mono);color:var(--faint)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.6}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.phero h1{font:600 clamp(36px,5.4vw,66px)/1.02 var(--sans);letter-spacing:-.045em;margin:14px 0 18px;max-width:20ch;text-wrap:balance}
.phero .lead{font-size:clamp(16.5px,1.5vw,19px);line-height:1.55;color:var(--muted);max-width:60ch;margin:0 0 26px}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.jump a{text-decoration:none;font-size:13.5px;padding:8px 13px}
.more-link{margin:22px 0 0}.more-link a{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--ink)}.more-link svg{width:16px;height:16px}
.gh h2{font-size:clamp(26px,3.2vw,38px)}
.svgrp{padding-block:44px}.svgrp:first-of-type{padding-top:24px}
.more{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media(max-width:960px){.more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.more{grid-template-columns:1fr;gap:10px}}
.more a{padding:22px;border-radius:var(--r-lg);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.more a:hover{transform:translateY(-3px);background:var(--glass-hover)}
.more h3{font:600 18px/1.25 var(--sans);letter-spacing:-.02em;margin:0}.more p{margin:0;color:var(--muted);font-size:14.5px;flex:1}
.more .go{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;margin-top:6px}.more .go svg{width:15px;height:15px}
.indf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:760px){.indf{grid-template-columns:1fr;gap:10px}}
.indf .glass{padding:26px;border-radius:var(--r-lg)}
@media(max-width:560px){.indf .glass{padding:20px}}
.indf h2{font:600 21px/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 10px}
.indf p{margin:0 0 14px;color:var(--muted);font-size:15.5px}
.indf ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.indf li{position:relative;padding-inline-start:18px;font-size:14.5px;line-height:1.45}
.indf li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.55}
.indf .other{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}
.steps.full{grid-template-columns:1fr}
.steps.full .step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:30px;align-items:start}
.steps.full .n{grid-row:span 3;font-size:72px}
.steps.full h2{font:600 22px/1.25 var(--sans);letter-spacing:-.02em;margin:6px 0 8px}
.steps.full p+p{margin-top:10px}
@media(max-width:560px){.steps.full .step{column-gap:16px}.steps.full .n{font-size:44px}.steps.full h2{font-size:19px}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.duo{grid-template-columns:1fr;gap:10px}}
.duo>.glass{padding:24px 26px;border-radius:var(--r-lg)}
.duo h2{font:600 20px/1.25 var(--sans);letter-spacing:-.02em;margin:0 0 16px}
.duo ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.duo li{display:flex;gap:10px;font-size:15px;line-height:1.45}
.duo li svg{flex:none;width:18px;height:18px;margin-top:2px;padding:3px;border-radius:50%;background:var(--btn);color:var(--btn-ink);box-sizing:content-box;stroke-width:2.4}
.ctm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:860px){.ctm{grid-template-columns:1fr;gap:10px}}
.ctm>.glass{padding:24px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ctm h2{font:600 18px/1.25 var(--sans);letter-spacing:-.02em;margin:6px 0 0}.ctm p{margin:0;color:var(--muted);font-size:15px}
.ctm .big{font-weight:600;font-size:16.5px;color:var(--ink);text-decoration:none;word-break:break-all}.ctm .btn{margin-top:8px}
.note-card{padding:22px 26px;border-radius:var(--r-lg);margin-top:26px;display:flex;justify-content:space-between;gap:16px 24px;align-items:center;flex-wrap:wrap}
.note-card h2{font:600 18px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 4px}.note-card p{margin:0;color:var(--muted);max-width:62ch}

/* ---- Voice Spectrum accents ---- */
.hero h1 em{background:var(--sp);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;width:fit-content}
.eyebrow .dot,.live i{background:var(--sp-conic);box-shadow:none}
.live i::after{border-color:#6366f1!important}
.wave b:nth-child(1){background:#14b8a6}.wave b:nth-child(2){background:#3b9fd8}.wave b:nth-child(3){background:#6366f1}.wave b:nth-child(4){background:#9b5de5}.wave b:nth-child(5){background:#ec4899}.wave b:nth-child(6){background:#f35b7a}.wave b:nth-child(7){background:#f97316}
.wave b{opacity:1}
.chip.solid{background:var(--sp);border-color:transparent;color:#fff}
.plan.feat{outline:none;position:relative}
.plan.feat::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--sp);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sec-head:not(.gh):not(.mb24)::before{content:"";display:block;height:40px;margin:0 0 18px;background:var(--sp);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20.0 L10 19.9 L20 20.4 L30 19.3 L40 21.1 L50 18.7 L60 21.4 L70 18.7 L80 21.1 L90 18.8 L100 21.7 L110 18.0 L120 22.1 L130 18.0 L140 21.8 L150 17.9 L160 22.3 L170 17.8 L180 22.9 L190 16.0 L200 25.1 L210 13.9 L220 26.7 L230 13.4 L240 25.8 L250 15.7 L260 24.6 L270 13.0 L280 29.2 L290 9.4 L300 31.1 L310 9.5 L320 28.9 L330 13.3 L340 24.5 L350 13.1 L360 28.6 L370 10.5 L380 29.3 L390 11.5 L400 27.3 L410 13.9 L420 25.3 L430 14.7 L440 26.0 L450 12.7 L460 28.8 L470 9.9 L480 30.6 L490 10.0 L500 28.3 L510 14.1 L520 29.3 L530 7.5 L540 35.1 L550 3.5 L560 36.3 L570 5.4 L580 31.5 L590 12.3 L600 28.1 L610 8.6 L620 33.6 L630 5.6 L640 33.8 L650 7.9 L660 29.8 L670 12.5 L680 25.9 L690 13.2 L700 26.8 L710 13.9 L720 26.3 L730 12.7 L740 27.7 L750 12.6 L760 26.1 L770 13.5 L780 28.7 L790 9.2 L800 32.3 L810 7.2 L820 32.1 L830 9.8 L840 27.4 L850 15.2 L860 27.6 L870 10.2 L880 31.0 L890 8.9 L900 30.1 L910 11.6 L920 26.3 L930 15.8 L940 24.3 L950 15.0 L960 25.2 L970 15.3 L980 24.0 L990 16.8 L1000 22.6 L1010 17.4 L1020 22.3 L1030 17.3 L1040 23.2 L1050 16.4 L1060 23.7 L1070 16.4 L1080 23.1 L1090 17.7 L1100 21.4 L1110 18.6 L1120 21.8 L1130 18.1 L1140 21.8 L1150 18.5 L1160 21.0 L1170 19.4 L1180 20.3 L1190 19.9 L1200 20.0' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20.0 L10 19.9 L20 20.4 L30 19.3 L40 21.1 L50 18.7 L60 21.4 L70 18.7 L80 21.1 L90 18.8 L100 21.7 L110 18.0 L120 22.1 L130 18.0 L140 21.8 L150 17.9 L160 22.3 L170 17.8 L180 22.9 L190 16.0 L200 25.1 L210 13.9 L220 26.7 L230 13.4 L240 25.8 L250 15.7 L260 24.6 L270 13.0 L280 29.2 L290 9.4 L300 31.1 L310 9.5 L320 28.9 L330 13.3 L340 24.5 L350 13.1 L360 28.6 L370 10.5 L380 29.3 L390 11.5 L400 27.3 L410 13.9 L420 25.3 L430 14.7 L440 26.0 L450 12.7 L460 28.8 L470 9.9 L480 30.6 L490 10.0 L500 28.3 L510 14.1 L520 29.3 L530 7.5 L540 35.1 L550 3.5 L560 36.3 L570 5.4 L580 31.5 L590 12.3 L600 28.1 L610 8.6 L620 33.6 L630 5.6 L640 33.8 L650 7.9 L660 29.8 L670 12.5 L680 25.9 L690 13.2 L700 26.8 L710 13.9 L720 26.3 L730 12.7 L740 27.7 L750 12.6 L760 26.1 L770 13.5 L780 28.7 L790 9.2 L800 32.3 L810 7.2 L820 32.1 L830 9.8 L840 27.4 L850 15.2 L860 27.6 L870 10.2 L880 31.0 L890 8.9 L900 30.1 L910 11.6 L920 26.3 L930 15.8 L940 24.3 L950 15.0 L960 25.2 L970 15.3 L980 24.0 L990 16.8 L1000 22.6 L1010 17.4 L1020 22.3 L1030 17.3 L1040 23.2 L1050 16.4 L1060 23.7 L1070 16.4 L1080 23.1 L1090 17.7 L1100 21.4 L1110 18.6 L1120 21.8 L1130 18.1 L1140 21.8 L1150 18.5 L1160 21.0 L1170 19.4 L1180 20.3 L1190 19.9 L1200 20.0' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;width:min(100vw - 40px,1120px);opacity:.9}
.sec-head.center:not(.gh)::before{position:relative;left:50%;transform:translateX(-50%)}

/* ---- Arabic / right-to-left ---- */
[dir=rtl] .stage{direction:ltr}
[dir=rtl] .stage [data-t],[dir=rtl] .stage .eyebrow{direction:rtl}
html[lang=ar] .hero h1 em{font:700 1em/1.15 var(--sans);padding:0 0 .08em}
html[lang=ar] .hero h1,html[lang=ar] .phero h1,html[lang=ar] .sec-head h2{line-height:1.25}
[dir=rtl] .sec-head.center:not(.gh)::before{left:auto;right:50%;transform:translateX(50%)}
[dir=rtl] .demo .orb{left:auto;right:-80px}

.bhero{padding-block:44px 6px}
.bhero h1{font:600 clamp(36px,5.4vw,64px)/1.03 var(--sans);letter-spacing:-.045em;margin:14px 0 16px;max-width:18ch;text-wrap:balance}
.bhero .lead{font-size:clamp(16.5px,1.5vw,19px);line-height:1.55;color:var(--muted);max-width:62ch;margin:0 0 24px}
.bfilter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.bfilter button{font:500 13.5px var(--sans);padding:8px 14px;border-radius:999px;border:1px solid var(--hair-2);background:var(--glass-strong);color:var(--ink-2);cursor:pointer}
.bfilter button[aria-pressed=true]{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:960px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bgrid{grid-template-columns:1fr;gap:12px}}
.bcard{padding:24px;border-radius:var(--r-lg);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.bcard:hover{transform:translateY(-3px);background:var(--glass-hover)}
.bcard h2,.bcard h3{font:600 19px/1.3 var(--sans);letter-spacing:-.02em;margin:0}
.bcard p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.bcard .go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.bcard .go svg{width:16px;height:16px}
.bmeta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font:500 12.5px var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.04em}
.bmeta .cat{color:var(--ink-2)}
.post{max-width:760px}
.post .bhero h1{max-width:22ch;font-size:clamp(32px,4.6vw,54px)}
.tk{padding:22px 26px;border-radius:var(--r-lg);margin:8px 0 30px}
.tk h2{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}
.tk ul{margin:0;padding-inline-start:20px;display:grid;gap:6px}.tk li{line-height:1.55}
.prose{font-size:17.5px;line-height:1.72;color:var(--ink-2)}
.prose h2{font:600 clamp(24px,2.6vw,30px)/1.2 var(--sans);letter-spacing:-.03em;color:var(--ink);margin:46px 0 14px}
.prose h3{font:600 20px/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink);margin:30px 0 10px}
.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 20px;padding-inline-start:22px;display:grid;gap:8px}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:#6366f1;text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose a:hover{text-decoration-color:#ec4899}
.prose strong{color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15.5px;display:block;overflow-x:auto}
.prose th,.prose td{padding:11px 14px;border-bottom:1px solid var(--hair);text-align:start;vertical-align:top}
.prose th{font-weight:600;color:var(--ink);background:var(--glass)}
.prose blockquote{margin:0 0 22px;padding:16px 20px;border-radius:var(--r);background:var(--glass-strong);border:1px solid var(--hair);border-inline-start:3px solid #6366f1;font-size:16.5px}
.prose blockquote p:last-child{margin:0}
.bcta{padding:28px;border-radius:var(--r-lg);margin:40px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:18px 24px;flex-wrap:wrap}
.bcta h2{font:600 22px/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 6px}.bcta p{margin:0;color:var(--muted);max-width:52ch}
.bcta .btns{display:flex;gap:10px;flex-wrap:wrap}
.bfaq{margin-top:46px}.bfaq h2{font:600 clamp(24px,2.6vw,30px)/1.2 var(--sans);letter-spacing:-.03em;margin:0 0 16px}
.brel h2{font:600 clamp(24px,2.6vw,30px)/1.2 var(--sans);letter-spacing:-.03em;margin:0 0 18px}