/* Price cards rotate in place, without translation or spring displacement. */
#plans .plans{perspective:none}
#plans .plan-shell{perspective:1100px}
#plans .plan,#plans .plan:hover{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 50%;transition:border-color .3s,box-shadow .3s;translate:none}
/* Feature cards: distinct 2D product illustrations with consistent optical weight. */
#features{background:none;padding-top:114px;padding-bottom:110px}
#features .head{max-width:930px;margin-bottom:52px}
#features .head h2{font-size:clamp(40px,4.7vw,66px);max-width:900px;line-height:1.12;margin-bottom:20px}
#features .head p{max-width:590px;font-size:16px}
#features .grid3{gap:22px}
#features .feature,#features .feature+.feature,#features .feature:last-child{position:relative;padding:24px 28px 30px;min-height:390px;border:1px solid rgba(151,162,206,.13);border-radius:14px;background:linear-gradient(150deg,rgba(100,111,171,.07),rgba(14,16,24,.35));overflow:hidden;transform:none;backdrop-filter:none;transition:border-color .35s,background .35s}
#features .feature:hover{border-color:rgba(129,111,214,.38);background:linear-gradient(150deg,rgba(100,111,171,.1),rgba(14,16,24,.35))}
#features .feature-topline{display:flex;align-items:center;justify-content:space-between;color:#78819a;font-size:10px;letter-spacing:.12em}
#features .feature-dot{width:4px;height:4px;border-radius:50%;background:#7d71bb}
#features .feature .ic{display:none}
#features .feature-art{margin:20px -8px 28px;height:144px;display:flex;align-items:center;justify-content:center}
#features .feature-art svg{width:100%;max-width:340px;height:100%;overflow:visible}
.art-grid{stroke:#29304a;stroke-width:1}
.art-area{fill:#354790;fill-opacity:.16}
.art-main{stroke:#849cfb;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.art-end{fill:#ad9cfa;stroke:#26223e;stroke-width:5;paint-order:stroke}
.art-panel{fill:#121827;stroke:#4e5f92;stroke-width:1.4}
.art-frame{fill:#101522;stroke:#47567e;stroke-width:1.4}
.art-pill{fill:#202640;stroke:#4e5684;stroke-width:1}
.art-symbol{stroke:#a391f6;stroke-width:1.5;stroke-linejoin:round;fill:rgba(116,90,205,.08)}
.art-check{stroke:#b4a5f8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.art-ring{stroke:#6e72bd;stroke-width:1.4;fill:rgba(112,95,180,.08)}
.art-route{stroke:#8e86da;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6}
.art-node{fill:#171d30;stroke:#a49be8;stroke-width:1.6}
#features .feature h3{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.03em;margin-bottom:14px;max-width:300px}
#features .feature p{font-size:14px;line-height:1.85;max-width:100%}
/* Download options: platform marks become the focal point. */
#download{padding-top:80px;padding-bottom:110px}
#download .head{margin-bottom:48px}
#download .dl-grid{gap:20px}
#download .dl-card{align-items:center;justify-content:flex-start;text-align:center;min-height:310px;padding:48px 22px 30px;border-radius:14px;border-color:rgba(151,162,206,.13);background:radial-gradient(ellipse 85% 60% at 50% 14%,rgba(85,94,166,.08),transparent 85%),linear-gradient(180deg,rgba(26,30,45,.35),rgba(14,16,24,.25));transform:none;transition:border-color .3s,background .3s}
#download .dl-card svg,#download .dl-card img.edge-mark{width:86px;height:86px;flex:none;margin:0 0 36px;fill:#d0d5e9;filter:none}
#download .dl-card:hover{transform:none;border-color:rgba(140,117,218,.5);background:radial-gradient(ellipse 85% 60% at 50% 14%,rgba(109,94,193,.12),transparent 85%),linear-gradient(180deg,rgba(26,30,45,.35),rgba(14,16,24,.25))}
#download .dl-card:not(.soon):after{top:20px;right:20px;bottom:auto;width:28px;height:28px;display:grid;place-items:center;font-size:16px;border:1px solid rgba(151,162,206,.16);border-radius:50%;color:#9ca6c2;line-height:1}
#download .dl-card:hover:after{transform:translate(1px,-1px)}
#download .dl-card b{font-size:20px;font-weight:600;letter-spacing:-.025em;margin-bottom:0}
#download .dl-card span{font-size:12px;color:#8992a7}
#download .dl-card.soon{opacity:.5}
/* Three actual product moments rather than an abstract timeline. */
#how{padding:100px 0 110px;background:linear-gradient(180deg,rgba(28,28,44,.13),transparent);border-top-color:rgba(151,162,206,.1)}
#how .head{grid-template-columns:1.1fr 1fr;gap:0 60px;margin-bottom:52px}
#how .head h2{font-size:clamp(40px,4.7vw,66px);line-height:1.12;margin-bottom:0}
#how .head p{font-size:15px;max-width:350px;justify-self:end;margin-bottom:3px}
#how .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#how .step{padding:22px 24px 26px;border:1px solid rgba(151,162,206,.13);border-radius:14px;background:linear-gradient(150deg,rgba(31,36,56,.4),rgba(13,15,23,.45));display:flex;flex-direction:column;overflow:hidden;min-width:0}
#how .step:not(:last-child):after{display:none}
#how .step .n{position:static;width:auto;height:auto;display:block;border:0;border-radius:0;background:none;color:#7e86a2;-webkit-text-fill-color:#7e86a2;font-size:10px;letter-spacing:.14em;line-height:1.4;margin:24px 0 12px}
#how .step h3{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin-bottom:12px}
#how .step p{font-size:14px;line-height:1.85;max-width:none;margin-bottom:24px;flex:1}
#how .step-action{font-size:12px;font-weight:600;color:#bbb0ed;display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid rgba(151,162,206,.1);gap:12px;transition:color .2s}
#how .step-action:hover{color:#e4dcff}
#how .step-preview{height:186px;flex:none;position:relative;background:#0c101b;border:1px solid rgba(128,143,198,.12);border-radius:9px;padding:17px;overflow:hidden;font-size:11px;color:#c3cbe1;user-select:none}
.demo-bot{display:flex;align-items:center;gap:9px;margin-bottom:13px;font-size:11px;font-weight:600;line-height:1.3}
.demo-bot img{width:28px;height:28px;border-radius:50%;object-fit:contain}
.demo-bot small{font-size:8px;color:#75829b;font-weight:400;display:block;margin-top:2px}
.demo-bot i{font-size:9px;display:grid;place-items:center;margin-left:auto;color:#af9cec;width:14px;height:14px;border:1px solid #514675;border-radius:50%;font-style:normal}
.demo-command{margin-left:auto;width:max-content;background:#332b50;color:#ddd2ff;padding:6px 12px;border-radius:7px 7px 2px 7px;font-size:10px}
.demo-bubble{width:max-content;max-width:100%;background:#192031;border:1px solid #29334b;padding:8px 10px;border-radius:7px 7px 7px 2px;margin-top:8px;font-size:9px}
.demo-quick{display:flex;gap:5px;margin-top:5px}
.demo-quick span{font-size:8px;line-height:1.4;padding:6px 8px;border:1px solid #30334d;border-radius:4px;color:#a79dcc;flex:1;text-align:center;white-space:nowrap}
.demo-mini-label{color:#6e7d98;font-size:8px;font-weight:600;letter-spacing:.15em;margin:2px 0 15px}
.demo-plan{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #242c40;padding:10px 12px;border-radius:7px;margin-bottom:8px;background:#101725}
.demo-plan.selected{border-color:#625194;background:#1b1b32}
.demo-plan b{font-size:10px;font-weight:600;display:block;line-height:1.3}
.demo-plan small{display:block;font-size:8px;color:#7c879f;margin-top:3px}
.demo-plan strong{font-size:16px;letter-spacing:-.04em;font-weight:500;margin-left:auto;white-space:nowrap}
.demo-plan i{width:12px;height:12px;border:1px solid #3d435b;border-radius:50%;font-style:normal;font-size:8px;display:grid;place-items:center;margin-left:6px}
.demo-plan.selected i{background:#6850a1;border-color:#6850a1;color:white}
#how .connected-demo{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 100%,rgba(88,67,150,.12),transparent),#0c101b}
.demo-app-brand{width:100%;display:flex;align-items:center;gap:6px;font-size:9px;text-align:left}
.demo-app-brand img{width:19px;height:19px;border-radius:50%}
.demo-app-brand i{font-size:6px;font-style:normal;color:#9b84db;margin-left:auto}
.demo-power{width:53px;height:53px;display:grid;place-items:center;border:1px solid #6d55ae;border-radius:50%;background:rgba(93,66,155,.12);color:#b6a5ee;margin:15px 0 12px}
.demo-power svg{width:25px;height:25px}
#how .connected-demo>b{font-size:12px;font-weight:600;color:#d9dfef}
.demo-protected{font-size:8px;color:#8e98af;margin-top:5px}
/* Flat 2D news illustration layout, removing oversized 3D-style title cards. */
#updates .news-cover{min-height:460px;background:#0b1020}
#updates .news-cover-caption b{font-size:clamp(62px,6vw,88px);letter-spacing:-.055em}
#updates .news-cover-2 .news-cover-caption b{font-size:clamp(52px,5.4vw,76px)}
#updates .news-cover-caption{bottom:28px;gap:10px}
#updates .news-cover-caption span{font-size:14px}
#updates .news-cover:after{background:linear-gradient(0deg,rgba(6,10,20,.94),rgba(6,10,20,.15) 47%,transparent 75%)}
@media(max-width:1100px){#features .grid3,#how .steps{gap:16px}#features .feature,#features .feature+.feature,#features .feature:last-child{padding-inline:23px}#how .step{padding-inline:20px}#features .feature h3{font-size:20px}#how .step-preview{padding:14px}.demo-plan{padding:10px 8px}.demo-plan strong{font-size:14px}.demo-quick span{padding:6px 4px;font-size:7px}#download .dl-card{min-height:280px}}
@media(max-width:900px){#features .grid3{grid-template-columns:1fr;gap:16px}#features .feature,#features .feature+.feature,#features .feature:last-child{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto auto;padding:26px;min-height:230px;gap:0 24px}#features .feature-topline{grid-column:2}#features .feature-art{grid-column:1;grid-row:1/4;height:160px;margin:0}#features .feature h3{grid-column:2;margin-top:16px;font-size:23px}#features .feature p{grid-column:2;font-size:14px}#how .head{display:block}#how .head h2{margin-bottom:20px}#how .head p{max-width:none}#how .steps{grid-template-columns:1fr;gap:18px}#how .step{display:grid;grid-template-columns:1fr 1.15fr;column-gap:28px;padding:25px;grid-template-rows:auto auto 1fr auto}#how .step-preview{grid-row:1/5;grid-column:1;height:215px;align-self:center}#how .step .n{grid-column:2;margin-top:0}#how .step h3,#how .step p,#how .step-action{grid-column:2}#how .step p{margin-bottom:18px}.demo-bot{margin-bottom:20px}.demo-command{padding:8px 14px}.demo-bubble{padding:10px 12px}.demo-quick span{font-size:9px;padding:8px}.demo-plan{padding:15px 12px}.demo-plan strong{font-size:19px}#how .connected-demo .demo-power{margin-top:23px}.demo-app-brand{font-size:11px}.demo-app-brand img{width:24px;height:24px}#updates .news-cover{min-height:380px;max-height:420px}}
@media(max-width:600px){#features,#how{padding-block:76px}#features .head,#how .head{margin-bottom:36px}#features .head h2,#how .head h2{font-size:38px}#features .feature,#features .feature+.feature,#features .feature:last-child{display:block;padding:22px 24px 26px;min-height:0}#features .feature-topline{margin-bottom:10px}#features .feature-art{height:145px;margin:0 -4px 22px}#features .feature h3{font-size:23px;margin-top:0;max-width:none}#how .step{display:flex;padding:22px 24px 26px}#how .step-preview{height:195px;width:100%;align-self:stretch}#how .step .n{margin-top:24px}#how .step h3{font-size:24px}#how .step p{font-size:14px}.demo-bot{margin-bottom:12px}.demo-plan{padding:12px}.demo-command{padding:6px 12px}.demo-bubble{padding:8px 10px}.demo-quick span{padding:7px}.demo-app-brand img{width:22px;height:22px}#how .connected-demo .demo-power{margin-top:16px}#download{padding-block:76px}#download .dl-grid{gap:12px}#download .dl-card{min-height:240px;padding:36px 12px 24px}#download .dl-card svg,#download .dl-card img.edge-mark{width:64px;height:64px;margin-bottom:30px}#download .dl-card b{font-size:17px}#download .dl-card span{font-size:10px}#download .dl-card:not(.soon):after{width:23px;height:23px;right:13px;top:13px;font-size:13px}#updates .news-cover{min-height:330px;max-height:360px}#updates .news-cover-caption b{font-size:72px}#updates .news-cover-2 .news-cover-caption b{font-size:62px}#updates .news-cover-caption span{font-size:12px}}
@media(prefers-reduced-motion:reduce){#plans .plan,#plans .plan:hover{transform:none!important}}
html[data-theme='light'] #download .dl-card svg{fill:#3e4b68}
html[data-theme='light'] #features .feature,html[data-theme='light'] #how .step{border-color:rgba(67,83,128,.16);background:linear-gradient(150deg,rgba(100,111,171,.045),rgba(255,255,255,.45))}
html[data-theme='light'] .art-grid{stroke:#c4cadd}
html[data-theme='light'] #features .feature-dot{background:#7664b9}
html[data-theme='light'] #how .step-action{color:#6547a8;border-color:rgba(67,83,128,.14)}