/* SCAIL homepage v4 — the features the previous site carried, rebuilt in the v4 system.
   Same tokens as home.css (Spectra ramp, Outfit display, Urbanist body, Geist Mono labels, the
   white card on the #F5F5F7 ground). Light theme only. Every demo below is sample data and says so. */

/* ── shared pieces ──────────────────────────────────────────────────────────────────────── */
.fx{position:relative}
.fx .sec-head p.lede{max-width:620px}
.fx-b{font-weight:500;color:var(--ink)}
.fx-tues{margin-top:var(--s7);background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:28px 32px;box-shadow:var(--shadow-card);max-width:760px}
.fx-tues .eyebrow{margin-bottom:12px}
.fx-tues p{font-size:19px;line-height:1.55;color:var(--muted)}
.fx-tues p b{font-weight:500;color:var(--ink)}
.fx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--s7)}
.fx-cta .fx-note{flex-basis:100%;font-size:14px;color:var(--muted)}
.fx-cta.c{justify-content:center}.fx-cta.c .fx-note{text-align:center}
.fx-link{font-size:15px;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:var(--r5);text-underline-offset:5px;padding:12px 6px}
.fx-link:hover{color:var(--r5)}
.fx-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.fx-split>.l{grid-column:1/span 5}.fx-split>.r{grid-column:6/span 7}
.fx-split.rev>.l{grid-column:8/span 5;order:2}.fx-split.rev>.r{grid-column:1/span 7;order:1}
.fx-split h3{font-family:var(--f-display);font-weight:300;font-size:40px;line-height:1.08;letter-spacing:-.025em;margin:14px 0 16px}
.fx-sample{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--line-2);font-family:var(--f-mono);font-size:11px;color:var(--muted);background:#fff;white-space:nowrap}
.fx-sample::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--r3)}

/* the app window every live demo sits in */
.fx-win{background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);box-shadow:var(--shadow-card);overflow:hidden;position:relative}
.fx-win-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:linear-gradient(#fff,#fafafb)}
.fx-dots{display:flex;gap:6px}.fx-dots i{width:10px;height:10px;border-radius:50%;background:#e4e4ea}
.fx-url{font-family:var(--f-mono);font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.fx-url b{font-weight:400;color:var(--ink)}
.fx-live{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#A3004F;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fx-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--r1);animation:fxPulse 1.6s ease-in-out infinite}
@keyframes fxPulse{50%{opacity:.25}}
.fx-ctl{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.fx-pause{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;background:#fff}
.fx-pause:hover{border-color:var(--ink)}
.fx-ctl .fx-st{font-size:14px;color:var(--muted);flex:1;min-width:0}
.fx-prog{width:120px;height:4px;border-radius:9px;background:rgba(14,14,16,.08);overflow:hidden}
.fx-prog i{display:block;height:100%;width:0;background:var(--ramp);transition:width .4s var(--ease-out)}
.fx-body{padding:24px;position:relative;min-height:420px;background:radial-gradient(600px 300px at 0 0,rgba(214,0,110,.05),transparent 70%),radial-gradient(600px 300px at 100% 100%,rgba(26,111,181,.06),transparent 70%)}

/* chips used for tabs and filters */
.fx-chips{display:flex;flex-wrap:wrap;gap:8px}
.fx-chips button{height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.8);font-size:14.5px;font-weight:500;color:var(--ink);transition:background .25s,color .25s,border-color .25s}
.fx-chips button:hover{border-color:var(--ink)}
.fx-chips button[aria-pressed=true],.fx-chips button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}

/* phone frame */
.fx-phone{width:300px;height:600px;border-radius:46px;background:#0E0E10;padding:12px;box-shadow:var(--shadow-float);position:relative;margin:0 auto}
.fx-phone::before{content:'';position:absolute;top:22px;left:50%;width:96px;height:26px;margin-left:-48px;border-radius:20px;background:#0E0E10;z-index:3}
.fx-phone-in{height:100%;border-radius:36px;background:var(--bg);overflow:hidden;position:relative;padding:58px 16px 16px}

/* ── A. Halo opens a file (old hero carousel: call → file → items → letter → Lob) ─────────── */
.hf-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:stretch}
.hf-steps{grid-column:1/span 4;display:flex;flex-direction:column;gap:8px}
.hf-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid transparent;transition:background .3s,border-color .3s;width:100%}
.hf-step .n{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.hf-step b{display:block;font-weight:500;font-size:16px;color:var(--ink)}
.hf-step span.s{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.hf-step[aria-selected=true]{background:#fff;border-color:var(--line);box-shadow:var(--shadow-card)}
.hf-step[aria-selected=true] .n{background:var(--ink);color:#fff;border-color:var(--ink)}
.hf-view{grid-column:5/span 8}
.hf-view .fx-body{min-height:470px}
.hf-pane{display:none}.hf-pane.on{display:block;animation:fxIn .5s var(--ease-out)}
@keyframes fxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hf-call{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin-bottom:16px}
.hf-call b{font-weight:500;font-size:15px}.hf-call small{display:block;font-size:12.5px;color:var(--muted)}
.hf-wave{display:flex;gap:3px;align-items:center;margin-left:auto;height:20px}
.hf-wave i{width:3px;border-radius:2px;background:var(--ramp);animation:hfWave 1s ease-in-out infinite}
.hf-wave i:nth-child(2n){animation-delay:.2s}.hf-wave i:nth-child(3n){animation-delay:.4s}
@keyframes hfWave{0%,100%{height:5px}50%{height:18px}}
.hf-msg{width:fit-content;max-width:78%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.45;margin:8px 0;background:#fff;border:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease-out)}
.hf-msg.me{margin-left:auto;background:var(--ink);color:#fff;border-color:var(--ink)}
.hf-msg.in{opacity:1;transform:none}
.hf-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.hf-field{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;opacity:.35;transition:opacity .4s}
.hf-field.in{opacity:1}
.hf-field .ck{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--r1);display:grid;place-items:center;color:var(--r1);font-size:11px}
.hf-field small{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hf-field span{font-size:14.5px}
.hf-next{margin-top:16px;background:var(--ink);color:#fff;border-radius:18px;padding:16px 20px}
.hf-next small{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b9b9c4}
.hf-next p{font-family:var(--f-display);font-weight:300;font-size:21px;margin-top:4px}
.hf-items{display:flex;flex-direction:column;gap:8px}
.hf-item{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;text-align:left;width:100%}
.hf-item .bx{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-2);display:grid;place-items:center;color:#fff;font-size:12px}
.hf-item[aria-pressed=true]{border-color:rgba(214,0,110,.45)}
.hf-item[aria-pressed=true] .bx{background:var(--r1);border-color:var(--r1)}
.hf-item b{font-weight:500;font-size:15px}.hf-item small{display:block;font-size:13px;color:var(--muted)}
.hf-letter{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-card);font-size:14px;line-height:1.6}
.hf-letter p+p{margin-top:6px}
.hf-letter .ln{height:8px;border-radius:9px;background:#ececf1;margin-top:10px;width:0;transition:width .9s var(--ease-out)}
.hf-letter.in .ln{width:100%}.hf-letter.in .ln.m{width:78%}.hf-letter.in .ln.s{width:52%}
.hf-mailbtn{margin-top:16px;width:100%;height:52px;border-radius:999px;background:var(--ink);color:#fff;font-weight:500;font-size:15px}
.hf-track{margin-top:20px;position:relative;padding-top:6px}
.hf-track .rail{height:3px;border-radius:9px;background:#e6e6ec;position:relative}
.hf-track .rail i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);border-radius:9px;transition:width 1.4s var(--ease-out)}
.hf-track .env{position:absolute;top:-12px;left:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:left 1.4s var(--ease-out);margin-left:-15px}
.hf-track .lbls{display:flex;justify-content:space-between;margin-top:14px;font-size:13px;color:var(--muted)}
.hf-cap{display:flex;gap:12px;align-items:center;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 18px 8px 8px;box-shadow:var(--shadow-card);max-width:520px}
.hf-cap p{font-size:14.5px;line-height:1.4;color:var(--ink)}

/* ── B. Interactive demo — run a client through SCAIL ───────────────────────────────────── */
.idm-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid var(--line);scrollbar-width:none}
.idm-tabs::-webkit-scrollbar{display:none}
.idm-tab{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 8px;border-radius:14px;white-space:nowrap;font-size:15px;color:var(--muted)}
.idm-tab .n{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--f-mono);font-size:12px}
.idm-tab[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(14,14,16,.06),0 8px 20px -12px rgba(14,14,16,.3)}
.idm-tab[aria-selected=true] .n{background:var(--ink);border-color:var(--ink);color:#fff}
.idm-pane{display:none}.idm-pane.on{display:block;animation:fxIn .5s var(--ease-out)}
.idm-pane h3{font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.02em}
.idm-pane .sub{font-size:15px;color:var(--muted);margin:4px 0 18px}
.idm-halo{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:8px}
.idm-bub{background:#f3f3f6;border-radius:18px;padding:14px 18px;font-size:16px;line-height:1.5;max-width:560px;margin-bottom:10px}
.idm-bub small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.idm-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.idm-opts button{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:14.5px}
.idm-opts button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.idm-in{display:flex;gap:8px;margin-top:10px;max-width:560px}
.idm-in input{flex:1;min-width:0;height:46px;border-radius:999px;border:1px solid var(--line-2);padding:0 18px;font:inherit;font-size:15px;background:#fff}
.idm-in input:focus{outline:2px solid var(--r5);outline-offset:2px}
.idm-in button{height:46px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:500;font-size:14px}
.idm-foot{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);flex-wrap:wrap}
.idm-foot .ct{font-family:var(--f-mono);font-size:12px;color:var(--muted);margin:0 auto 0 6px}
.idm-foot button{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;font-weight:500;background:#fff}
.idm-foot button.pri{background:var(--ink);color:#fff;border-color:var(--ink)}
.idm-foot button:disabled{opacity:.4;cursor:default}
.idm-bars{display:flex;flex-direction:column;gap:10px;max-width:560px}
.idm-bar{display:grid;grid-template-columns:130px 1fr 34px;gap:12px;align-items:center;font-size:14px}
.idm-bar .t{height:8px;border-radius:9px;background:#ececf1;overflow:hidden}.idm-bar .t i{display:block;height:100%;border-radius:9px;width:0;transition:width 1s var(--ease-out)}
.idm-pane.on .idm-bar .t i{width:var(--w)}
.idm-bar .v{font-family:var(--f-mono);font-size:12px;text-align:right}
.idm-reason{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:8px;max-width:620px}
.idm-reason b{font-weight:500}.idm-reason p{font-size:14px;color:var(--muted);margin-top:4px}
.idm-reason .mono{display:block;margin-top:6px}
.idm-row{display:flex;flex-wrap:wrap;gap:12px}
.idm-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;flex:1 1 180px}
.idm-card small{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.idm-card b{display:block;font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.03em;margin-top:6px}
.idm-card p{font-size:13.5px;color:var(--muted);margin-top:4px}
.idm-post{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:start;max-width:640px}
.idm-post .img{aspect-ratio:1;border-radius:18px;background:conic-gradient(from 220deg at 50% 50%,#D6006E,#C8102E,#B04C00,#8C6A08,#0C7D6C,#1A6FB5,#D6006E);display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-size:22px;font-weight:300;text-align:center;padding:16px;line-height:1.15}
.idm-post .img span{background:rgba(14,14,16,.55);border-radius:12px;padding:10px 12px}
.idm-try{margin-top:var(--s6);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.idm-try .l{grid-column:1/span 5}.idm-try .r{grid-column:6/span 7}
.idm-try h3{font-family:var(--f-display);font-weight:300;font-size:32px;letter-spacing:-.02em;margin-bottom:10px}

/* ── C. Import ─────────────────────────────────────────────────────────────────────────── */
.imx{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.imx-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:28px;box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.imx-card h3{font-family:var(--f-display);font-weight:300;font-size:32px;letter-spacing:-.02em;margin:14px 0 10px}
.imx-card p.body{font-size:16px}
.imx-run{margin-top:20px;align-self:flex-start}
.imx-log{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;min-height:150px;font-size:14.5px;background:#fafafb;flex:1}
.imx-log li{list-style:none;display:flex;gap:10px;align-items:baseline;padding:4px 0;color:var(--muted)}
.imx-log li.ok{color:var(--ink)}
.imx-log li::before{content:'◍';color:var(--muted-2)}
.imx-log li.ok::before{content:'✓';color:var(--r4);font-weight:600}
.imx-bar{height:4px;border-radius:9px;background:#ececf1;margin-top:14px;overflow:hidden}
.imx-bar i{display:block;height:100%;width:0;background:var(--ramp);transition:width .5s var(--ease-out)}
.imx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.imx-stats div{border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;background:#fff}
.imx-stats b{display:block;font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.03em}
.imx-stats small{font-size:12px;color:var(--muted)}
.imx-drop{margin-top:20px;border:1.5px dashed var(--line-2);border-radius:18px;padding:26px;text-align:center;font-size:15px;color:var(--muted);background:#fafafb;width:100%;transition:border-color .3s,background .3s}
.imx-drop:hover,.imx-drop.over{border-color:var(--r5);background:#f1f6fc;color:var(--ink)}
.imx-drop b{display:block;font-weight:500;color:var(--ink);font-size:16px;margin-bottom:4px}

/* ── D. Halo at 11:42pm + autopilot ──────────────────────────────────────────────────────── */
.hn-thread{display:flex;flex-direction:column;gap:10px}
.hn-time{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-align:center;margin:4px 0 6px}
.hn-msg{max-width:84%;padding:13px 16px;border-radius:18px;font-size:15px;line-height:1.5;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s var(--ease-out)}
.hn-msg.in{opacity:1;transform:none}
.hn-msg.cl{background:var(--ink);color:#fff;border-bottom-left-radius:6px}
.hn-msg.ha{background:#fff;border:1px solid var(--line);margin-left:auto;border-bottom-right-radius:6px}
.hn-msg.ha small{display:block;font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-bottom:4px}
.hn-msg.esc{background:#fff6ea;border:1px solid #f3d2a4;margin-left:auto}
.hn-msg.win{background:#e9f6f3;border:1px solid #b9e3da;margin-left:auto}
.ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:var(--s7)}
.ap-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(14,14,16,.03)}
.ap-card .when{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.ap-card .when i{width:8px;height:8px;border-radius:50%;background:var(--r1);animation:fxPulse 2s ease-in-out infinite}
.ap-card h4{font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:-.015em;margin:12px 0 10px;line-height:1.2}
.ap-card p{font-size:15px;color:var(--muted);line-height:1.55;flex:1}
.ap-card .out{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:13px;color:var(--muted)}
.ap-never{margin-top:var(--s7);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.ap-never .l{grid-column:1/span 4}.ap-never .r{grid-column:5/span 8;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ap-never h3{font-family:var(--f-display);font-weight:300;font-size:34px;letter-spacing:-.02em;line-height:1.1}
.ap-never .l p{font-size:15.5px;color:var(--muted);margin-top:12px}
.ap-no{border:1px solid var(--line-2);border-radius:var(--rad-l);padding:22px;background:rgba(255,255,255,.7)}
.ap-no b{display:block;font-weight:500;font-size:17px;margin-bottom:8px}
.ap-no p{font-size:14.5px;color:var(--muted);line-height:1.5}

/* ── E. Client portal, live + phone slides ───────────────────────────────────────────────── */
.pt-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.pt-wrap .pt-win{grid-column:1/span 7}.pt-wrap .pt-ph{grid-column:9/span 4}
.pt-sign{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 10px}
.pt-orb{width:120px;height:120px}
.pt-sign .eyebrow{margin-top:18px}
.pt-sign h3{font-family:var(--f-display);font-weight:200;font-size:46px;letter-spacing:-.035em;margin:10px 0 6px}
.pt-sign p{color:var(--muted);font-size:16px}
.pt-sign .btn{margin-top:22px}
.pt-dash{display:none}
.pt-win.dash .pt-sign{display:none}.pt-win.dash .pt-dash{display:block;animation:fxIn .5s var(--ease-out)}
.pt-dash h3{font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.02em}
.pt-dash .sub{color:var(--muted);font-size:15px;margin:2px 0 16px}
.pt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pt-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.pt-kpi small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pt-kpi b{display:block;font-family:var(--f-display);font-weight:300;font-size:32px;letter-spacing:-.03em;margin-top:6px}
.pt-feed{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.pt-feed li{list-style:none;display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.pt-feed li:first-child{border-top:0}
.pt-feed li i{width:8px;height:8px;border-radius:50%}
.pt-feed li .mono{font-size:11px}
.ps-slides{position:relative;height:100%}
.ps-slide{position:absolute;inset:0;opacity:0;transform:translateX(16px);transition:opacity .45s,transform .45s var(--ease-out);pointer-events:none}
.ps-slide.on{opacity:1;transform:none;pointer-events:auto}
.ps-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.ps-top b{font-family:var(--f-display);font-weight:400;font-size:14px;letter-spacing:.12em;color:#A3004F}
.ps-top span{font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}
.ps-slide h4{font-family:var(--f-display);font-weight:300;font-size:24px;letter-spacing:-.02em}
.ps-slide .sub{font-size:13px;color:var(--muted);margin:2px 0 12px}
.ps-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:8px}
.ps-tile small{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ps-tile b{display:block;font-family:var(--f-display);font-weight:300;font-size:26px;letter-spacing:-.03em;margin-top:2px}
.ps-tile p{font-size:13px;line-height:1.45;margin-top:4px}
.ps-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ps-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.ps-dots button{width:10px;height:10px;border-radius:99px;background:#cfcfd6;transition:width .3s,background .3s;padding:0}
.ps-dots button[aria-selected=true]{width:30px;background:var(--ink)}
.ps-cap{text-align:center;font-size:15px;color:var(--muted);margin-top:10px;min-height:24px}

/* ── F. Mobile app ───────────────────────────────────────────────────────────────────────── */
.ma{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.ma .l{grid-column:1/span 5}.ma .r{grid-column:7/span 6;position:relative;padding:20px 0}
.ma h3.ttl{font-family:var(--f-display);font-weight:200;font-size:30px;letter-spacing:-.025em;line-height:1.08;margin:6px 0 14px}
.ma h3.ttl em{font-style:normal;background:var(--ramp);-webkit-background-clip:text;background-clip:text;color:transparent}
.ma-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:8px;font-size:13px}
.ma-row .act{font-size:11.5px;background:var(--ink);color:#fff;border-radius:999px;padding:4px 10px}
.ma-sheet{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:22px;padding:16px;box-shadow:0 -10px 30px -12px rgba(14,14,16,.25)}
.ma-sheet .grab{width:36px;height:4px;border-radius:9px;background:#d6d6dd;margin:0 auto 12px}
.ma-sheet .ln{height:7px;border-radius:9px;background:#ececf1;margin-top:8px}
.ma-sheet button{margin-top:14px;width:100%;height:42px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500}
.ma-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow-float);font-size:14px;z-index:4}
.ma-float small{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ma-f1{right:-10px;top:110px}.ma-f2{left:-10px;top:330px}.ma-f3{right:0;bottom:70px}
.ma-badges{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-top:28px}
.ma-badges .sbadge{display:flex;flex-direction:column;align-items:center;gap:6px}
.ma-badges .sbadge img{height:44px;width:auto;opacity:.55}
.ma-badges small{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ── G. Español ──────────────────────────────────────────────────────────────────────────── */
.es-tog{display:inline-flex;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--line-2);margin:22px 0}
.es-tog button{height:46px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:500;color:var(--ink)}
.es-tog button[aria-pressed=true]{background:var(--ink);color:#fff}
.es-nav{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#fff;margin-bottom:18px}
.es-nav span{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted)}
.es-nav span.on{background:var(--ink);color:#fff}
.es-h{font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.02em}
.es-who{font-size:15px;color:var(--muted);margin:2px 0 14px}
.es-halo{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:15px;margin-bottom:12px}
.es-steps{background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 16px}
.es-steps li{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.es-steps li:first-child{border-top:0}
.es-steps li .st{font-size:12.5px;border-radius:999px;padding:4px 10px;background:#f1f2f5}
.es-steps li .st.ok{background:#ddf3ee;color:#075e51}
.es-steps li .st.go{background:var(--ink);color:#fff}
.es-acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.es-acts>span{height:42px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;font-size:14px;border:1px solid var(--line-2);background:#fff}
.es-acts>span.pri{background:var(--ink);color:#fff;border-color:var(--ink)}
.es-mock [data-es]{transition:opacity .25s}
.es-mock.swap [data-es]{opacity:0}

/* ── H. Themes ───────────────────────────────────────────────────────────────────────────── */
.th-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.th-grid .l{grid-column:1/span 5;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.th-grid .r{grid-column:6/span 7}
.th-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;transition:border-color .25s,box-shadow .25s}
.th-card:hover{border-color:var(--line-2)}
.th-card[aria-pressed=true]{border:2px solid var(--ink);padding:15px;box-shadow:var(--shadow-card)}
.th-sw{display:flex;gap:4px;margin-bottom:12px}
.th-sw i{flex:1;height:30px;border-radius:9px;box-shadow:inset 0 -8px 12px -8px rgba(0,0,0,.18)}
.th-card b{display:block;font-weight:500;font-size:17px}
.th-card span{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.4}
.th-prev{--t1:#D6006E;--t2:#C8102E;--t3:#B04C00;--t4:#0C7D6C;--t5:#1A6FB5;--tbg:#F5F5F7;--tink:#0E0E10}
.th-prev .fx-body{background:var(--tbg);transition:background .5s}
.th-ramp{background:linear-gradient(90deg,var(--t1),var(--t2),var(--t3),var(--t4),var(--t5));transition:background .5s}
.th-dash{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
.th-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.th-panel small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.th-gauges{display:flex;justify-content:space-around;margin-top:8px}
.th-gauges svg{width:84px;height:70px}
.th-gauges path.a{transition:stroke .5s}
.th-bars{display:flex;align-items:flex-end;gap:6px;height:110px;margin-top:10px}
.th-bars i{flex:1;border-radius:6px 6px 2px 2px;transition:background .5s}
.th-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.th-logo .orb{width:30px;height:30px;border-radius:50%;transition:background .5s}
.th-logo b{font-family:var(--f-display);font-weight:400;font-size:17px;letter-spacing:.14em;color:var(--tink);transition:color .5s}
.th-letter{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:14px}
.th-letter .bar{height:4px;flex:1;border-radius:9px}
.th-letter .chip2{font-size:12px;border-radius:999px;padding:4px 10px;color:#fff;transition:background .5s}
.th-note{font-size:14px;color:var(--muted);margin-top:14px}

/* ── I. Funding desk ─────────────────────────────────────────────────────────────────────── */
.fd-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.fd-card{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:26px;position:relative;overflow:hidden}
.fd-card.w{grid-column:span 3}
.fd-card .numeral{font-size:72px}
.fd-card h4{font-weight:500;font-size:19px;margin:12px 0 8px;color:var(--ink)}
.fd-card p{font-size:15px;color:var(--muted);line-height:1.55}
.fd-card.tint{background:linear-gradient(160deg,#fff 40%,#eef4fb)}
.fd-card.tint2{background:linear-gradient(160deg,#fff 40%,#fbeef4)}
.fd-ways{margin-top:var(--s6);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fd-way{border:1px solid var(--line-2);border-radius:var(--rad-l);padding:24px;background:rgba(255,255,255,.75)}
.fd-way small{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fd-way b{display:block;font-family:var(--f-display);font-weight:300;font-size:30px;letter-spacing:-.025em;margin:8px 0}
.fd-way p{font-size:15px;color:var(--muted)}
.fd-fine{font-size:13.5px;color:var(--muted);margin-top:16px}

/* ── J. Running the desk ─────────────────────────────────────────────────────────────────── */
.rd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.rd-grid .l{grid-column:1/span 6;display:flex;flex-direction:column;gap:12px}
.rd-grid .r{grid-column:7/span 6}
.rd-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:22px 24px}
.rd-card h4{font-weight:500;font-size:19px;margin-bottom:8px}
.rd-card p{font-size:15px;color:var(--muted);line-height:1.55}
.rd-sheet .fx-body{min-height:0}
.rd-range{display:flex;gap:6px;margin-bottom:14px}
.rd-range button{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;background:#fff}
.rd-range button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.rd-tab{width:100%;border-collapse:collapse;font-size:14px}
.rd-tab th{font-family:var(--f-mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 6px;border-bottom:1px solid var(--line-2)}
.rd-tab td{padding:12px 6px;border-bottom:1px solid var(--line)}
.rd-tab td.n{font-family:var(--f-mono);font-size:13px}
.rd-who{display:flex;align-items:center;gap:8px}
.rd-who i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff}
.rd-flag{font-size:11.5px;border-radius:999px;padding:3px 9px;background:#fff6ea;color:#7a3f00;border:1px solid #f3d2a4;white-space:nowrap}
.rd-clock{display:flex;align-items:center;justify-content:space-between;margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px}
.rd-clock .t{font-family:var(--f-mono);font-size:20px;color:var(--ink)}
.rd-clock button{height:38px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500}
.rd-clock button.out{background:#fff;color:var(--ink);border:1px solid var(--line-2)}

/* ── K. Partner portal ───────────────────────────────────────────────────────────────────── */
.pp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pp-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.pp-kpi small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pp-kpi b{display:block;font-family:var(--f-display);font-weight:300;font-size:34px;letter-spacing:-.03em;margin:6px 0 2px}
.pp-kpi p{font-size:13px;color:var(--muted)}
.pp-tier{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.pp-tier .tiers2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 8px}
.pp-tier .tiers2 span{text-align:center;border:1px solid var(--line-2);border-radius:12px;padding:10px 4px;font-size:14px}
.pp-tier .tiers2 span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pp-tier p{font-size:13.5px;color:var(--muted)}
.pp-link{margin-top:12px;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 10px 10px 16px}
.pp-link code{font-family:var(--f-mono);font-size:12.5px;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-link button{height:38px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500;white-space:nowrap}
.pp-funnel{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.pp-fun{display:grid;grid-template-columns:110px 1fr 30px;gap:10px;align-items:center;font-size:13.5px;margin-top:8px}
.pp-fun .t{height:8px;border-radius:9px;background:#ececf1;overflow:hidden}.pp-fun .t i{display:block;height:100%;border-radius:9px;background:var(--ramp)}
.pp-fun .v{font-family:var(--f-mono);font-size:12px;text-align:right}

/* ── L. Comparison matrix ────────────────────────────────────────────────────────────────── */
.cmp-box{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);box-shadow:var(--shadow-card);overflow:hidden}
.cmp-scroll{overflow:auto;max-height:760px;overscroll-behavior:contain}
.cmp{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
.cmp th,.cmp td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp thead th{font-weight:500;font-size:15px;background:#fff;position:sticky;top:0}
.cmp thead th small{display:block;font-weight:300;font-size:13px;color:var(--muted)}
.cmp thead th.s{background:#fbf4f8}
.cmp td.s{background:#fdf8fb;font-weight:500;color:var(--ink)}
.cmp td{color:var(--muted)}
.cmp td:first-child{color:var(--ink);width:38%}
.cmp tr.g td{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#f6f6f8;padding:12px 18px}
.cmp .only{display:inline-block;margin-left:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#A3004F;border:1px solid rgba(214,0,110,.35);border-radius:999px;padding:2px 7px;vertical-align:2px}
.cmp-foot{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:16px 18px;font-size:14px;color:var(--muted)}
.cmp-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.cmp-hint{display:none;font-size:13px;color:var(--muted);margin-top:10px}

/* ── M. Per-attack calculator ────────────────────────────────────────────────────────────── */
.atk{margin-top:var(--s7);background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:32px;box-shadow:var(--shadow-card)}
.atk-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.atk-h b{font-family:var(--f-display);font-weight:300;font-size:32px;letter-spacing:-.02em}
.atk-h span{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.atk-lede{font-size:16.5px;color:var(--muted);max-width:820px;margin-top:10px;line-height:1.6}
.atk-in{display:grid;grid-template-columns:260px 1fr 70px;gap:18px;align-items:center;margin-top:22px}
.atk-in label{font-weight:500;font-size:15.5px}
.atk-in output{font-family:var(--f-display);font-weight:300;font-size:26px;text-align:right}
.atk input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--r1) var(--p,30%),#e6e6ec var(--p,30%));outline-offset:6px}
.atk input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line-2);box-shadow:0 2px 8px rgba(14,14,16,.2);cursor:pointer}
.atk input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line-2);box-shadow:0 2px 8px rgba(14,14,16,.2);cursor:pointer}
.atk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.atk-c{border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:#fafafb}
.atk-c.win{border-color:rgba(214,0,110,.45);background:#fff}
.atk-c .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.atk-c .v{font-family:var(--f-display);font-weight:300;font-size:44px;letter-spacing:-.035em;margin:8px 0 4px}
.atk-c.win .v{color:#A3004F}
.atk-c .s{font-size:13.5px;color:var(--muted)}
.atk-out{margin-top:16px;font-size:15.5px;color:var(--ink)}
.atk-fair{margin-top:6px;font-size:13.5px;color:var(--muted)}

/* ── CTA band (between sections) ─────────────────────────────────────────────────────────── */
.ctab{padding:0 0 var(--s9)}
.ctab-in{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border-radius:var(--rad-xl);padding:36px 40px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card);position:relative;overflow:hidden}
.ctab-in::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:var(--ramp)}
.ctab-in h3{font-family:var(--f-display);font-weight:300;font-size:34px;letter-spacing:-.025em;line-height:1.1}
.ctab-in p{font-size:15.5px;color:var(--muted);margin-top:6px}
.ctab-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ctab-diy{display:block;margin-top:10px;font-size:14px;color:var(--muted)}
.ctab-diy a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* ── Sticky CTA bar, back-to-top ring, Ask SCAIL ─────────────────────────────────────────── */
.fx-sticky{position:fixed;left:50%;bottom:20px;z-index:85;transform:translate(-50%,140%);transition:transform .5s var(--ease-out);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border:1px solid var(--line);box-shadow:var(--shadow-float);max-width:calc(100% - 32px)}
.fx-sticky.on{transform:translate(-50%,0)}
.fx-sticky .t{font-size:14px;color:var(--muted);white-space:nowrap}
.fx-sticky .t b{color:var(--ink);font-weight:500}
.fx-sticky .btn{height:44px;font-size:14px;padding:0 18px}
.fx-sticky .diy{font-size:13.5px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:0 6px}
.fx-top{position:fixed;right:22px;bottom:96px;z-index:84;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-float);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s}
.fx-top.on{opacity:1;pointer-events:auto}
.fx-top svg.ring{position:absolute;inset:-1px;width:54px;height:54px;transform:rotate(-90deg)}
.fx-top svg.ring circle{fill:none;stroke-width:2.5;stroke-linecap:round}
.fx-ask{position:fixed;right:22px;bottom:22px;z-index:86;height:52px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;box-shadow:var(--shadow-float)}
.fx-ask i{width:8px;height:8px;border-radius:50%;background:#0C7D6C}
.fx-askp{position:fixed;right:22px;bottom:88px;z-index:87;width:380px;max-width:calc(100vw - 32px);max-height:min(560px,calc(100vh - 140px));display:none;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-float);overflow:hidden}
.fx-askp.on{display:flex;animation:fxIn .35s var(--ease-out)}
.fx-askp .h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.fx-askp .h b{font-weight:500}
.fx-askp .h button{width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1}
.fx-askp .h button:hover{background:#f1f1f4}
.fx-askb{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.fx-askb .q{align-self:flex-end;background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14.5px;max-width:85%}
.fx-askb .a{align-self:flex-start;background:#f3f3f6;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14.5px;line-height:1.5;max-width:92%}
.fx-askb .a a{text-decoration:underline;text-underline-offset:3px;font-weight:500}
.fx-askc{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.fx-askc button{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;background:#fff}
.fx-askc button:hover{border-color:var(--ink)}
.fx-askf{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.fx-askf input{flex:1;min-width:0;height:42px;border-radius:999px;border:1px solid var(--line-2);padding:0 16px;font:inherit;font-size:14.5px}
.fx-askf button{width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-size:18px}

/* ── responsive ──────────────────────────────────────────────────────────────────────────── */
@container page (max-width: 1100px){
  .hf-steps{grid-column:1/-1;flex-direction:row;overflow-x:auto;gap:6px;margin-bottom:16px;scrollbar-width:none}
  .hf-step{min-width:200px}
  .hf-view{grid-column:1/-1}
  .fx-split>.l,.fx-split>.r,.fx-split.rev>.l,.fx-split.rev>.r{grid-column:1/-1;order:0}
  .fx-split>.r{margin-top:32px}
  .ap-grid{grid-template-columns:1fr 1fr}
  .ap-never .l,.ap-never .r{grid-column:1/-1}.ap-never .r{margin-top:20px}
  .pt-wrap .pt-win,.pt-wrap .pt-ph{grid-column:1/-1}.pt-wrap .pt-ph{margin-top:48px}
  .ma .l,.ma .r{grid-column:1/-1}.ma .r{margin-top:40px}
  .th-grid .l,.th-grid .r{grid-column:1/-1}.th-grid .r{margin-top:24px}
  .rd-grid .l,.rd-grid .r{grid-column:1/-1}.rd-grid .r{margin-top:24px}
  .idm-try .l,.idm-try .r{grid-column:1/-1}.idm-try .r{margin-top:16px}
  .fd-card,.fd-card.w{grid-column:span 3}
}
@container page (max-width: 760px){
  .fx-split h3{font-size:30px}
  .fx-tues{padding:22px}.fx-tues p{font-size:17px}
  .fx-body{padding:16px;min-height:0}
  .hf-view .fx-body{min-height:0}
  .hf-step{min-width:170px;padding:10px 12px}
  .hf-msg{max-width:92%;font-size:14.5px}
  .hf-fields{grid-template-columns:1fr}
  .hf-call .fx-sample{display:none}
  .fx-ctl .fx-prog{display:none}
  .fx-live{display:none}
  .idm-bar{grid-template-columns:96px 1fr 28px}
  .idm-post{grid-template-columns:1fr}.idm-post .img{max-width:220px}
  .imx{grid-template-columns:1fr}
  .imx-card{padding:20px}
  .imx-stats{grid-template-columns:repeat(2,1fr)}
  .ap-grid{grid-template-columns:1fr}
  .ap-never .r{grid-template-columns:1fr}
  .pt-kpis{grid-template-columns:1fr 1fr}
  .pt-sign h3{font-size:34px}
  .fx-phone{width:270px;height:560px}
  .ma-f1{right:0;top:80px}.ma-f2{left:0;top:300px}.ma-f3{display:none}
  .th-grid .l{grid-template-columns:1fr 1fr}
  .th-dash{grid-template-columns:1fr}
  .fd-card,.fd-card.w{grid-column:1/-1}
  .fd-grid{grid-template-columns:1fr}
  .fd-ways{grid-template-columns:1fr}
  .fd-card .numeral{font-size:56px}
  .rd-tab{font-size:13px}.rd-tab .hide-s{display:none}
  .pp-kpis{grid-template-columns:1fr}
  .pp-tier .tiers2{grid-template-columns:repeat(2,1fr)}
  .cmp-hint{display:block}
  .atk{padding:22px}
  .atk-in{grid-template-columns:1fr 60px;gap:8px 12px}
  .atk-in label{grid-column:1/-1}
  .atk-grid{grid-template-columns:1fr}
  .ctab-in{grid-template-columns:1fr;padding:26px 22px}
  .ctab-in h3{font-size:28px}
  .ctab-acts{justify-content:flex-start}
  .fx-sticky{left:0;right:0;bottom:0;transform:translateY(110%);max-width:none;border-radius:20px 20px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px;justify-content:space-between}
  .fx-sticky.on{transform:none}
  .fx-sticky .t,.fx-sticky .diy{display:none}
  .fx-sticky .btn{flex:1;justify-content:center;padding:0 10px;font-size:13.5px}
  .fx-sticky .btn .dot{display:none}
  .fx-ask{right:14px;bottom:86px;height:46px;padding:0 16px;font-size:14px}
  .fx-top{right:14px;bottom:144px;width:46px;height:46px}
  .fx-top svg.ring{width:48px;height:48px}
  .fx-askp{right:16px;bottom:144px}
  body.fx-has-sticky .fx-ask{bottom:86px}
}
@media (prefers-reduced-motion:reduce){
  .hf-wave i,.fx-live::before,.ap-card .when i{animation:none}
  .hf-pane.on,.idm-pane.on,.fx-askp.on{animation:none}
  .hf-track .rail i,.hf-track .env,.ps-slide{transition:none}
}

/* ── N. DIY + website add-on strip (inside #pricing) ─────────────────────────────────────── */
.pr-extra{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:var(--s6)}
.pe-card{background:#fff;border:1px solid var(--line);border-radius:var(--rad-l);padding:24px 26px;display:flex;flex-direction:column}
.pe-card small{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pe-card b{font-family:var(--f-display);font-weight:300;font-size:28px;letter-spacing:-.02em;margin:8px 0 6px}
.pe-card p{font-size:15px;color:var(--muted);flex:1}
.pe-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
@container page (max-width: 760px){.pr-extra{grid-template-columns:1fr}.pe-card{padding:20px}}