/* Tickmarkd — main stylesheet (loaded after first paint). */

/* ---------- utilities ---------- */
.center{text-align:center}
.btn-row.center{justify-content:center}
.ico-xs{width:14px;height:14px}.ico-sm{width:16px;height:16px}
.textlink{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--accent-text);text-decoration:none}
.textlink:hover{text-decoration:underline}
.textlink .ico{transition:transform var(--t-fast) var(--ease)}
.textlink:hover .ico{transform:translateX(3px)}
.linklike{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.linklike:hover{text-decoration:underline}
.ticks{list-style:none;display:grid;gap:12px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks .tick{width:20px;height:20px;flex:none;margin-top:2px;fill:none;stroke:var(--accent);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.tick path{stroke-dasharray:1;stroke-dashoffset:0}
.js [data-reveal] .ticks .tick path{stroke-dashoffset:1;transition:stroke-dashoffset .5s var(--ease) calc(.25s + var(--d,0)*60ms)}
.js [data-reveal].is-in .ticks .tick path{stroke-dashoffset:0}
@media (min-width:960px){.js .story-step .tick path{stroke-dashoffset:1;transition:stroke-dashoffset .5s var(--ease) .25s}.js .story-step.is-active .tick path{stroke-dashoffset:0}}
.ticks li:nth-child(2) .tick path{transition-delay:.4s}.ticks li:nth-child(3) .tick path{transition-delay:.55s}.ticks li:nth-child(4) .tick path{transition-delay:.7s}.ticks li:nth-child(5) .tick path{transition-delay:.85s}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;background:var(--surface-3);color:var(--text-muted)}
.badge.accent{background:var(--magenta-100);color:var(--magenta-700)}
.placeholder-note{border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);padding:24px;color:var(--text-muted);background:var(--surface-2);font-size:.9375rem}

/* ---------- breadcrumbs ---------- */
.crumbs{padding-top:20px;font-size:.8125rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;color:var(--text-muted)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.crumbs a{color:var(--text-muted);text-decoration:none}
.crumbs a:hover{color:var(--text);text-decoration:underline}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--border);padding-block:64px 32px;background:var(--bg)}
.footer-top{display:grid;gap:48px}
.footer-brand p{margin-top:16px;max-width:340px;font-size:.9375rem}
.footer-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 24px}
.footer-h{font:600 .8125rem/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin-bottom:16px}
.footer-cols ul{list-style:none;display:grid;gap:10px}
.footer-cols a,.footer-cols .linklike{color:var(--text-muted);text-decoration:none;font-size:.9375rem}
.footer-cols a:hover,.footer-cols .linklike:hover{color:var(--text);text-decoration:underline}
.footer-bottom{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:56px;padding-top:24px;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-muted)}
.footer-bottom .made{white-space:nowrap}
.footer-bottom .made::before{content:"·";margin:0 8px}
.socials{list-style:none;display:flex;gap:8px}
.socials a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);color:var(--text-muted)}
.socials a:hover{color:var(--text);border-color:var(--border-strong)}
.newsletter{margin-top:24px;max-width:380px}
.newsletter label{display:block;font-weight:600;font-size:.875rem;margin-bottom:8px}
.newsletter-row{display:flex;gap:8px}
.newsletter-row input{flex:1;min-width:0;height:40px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface)}
.form-status{margin-top:8px;min-height:1.2em}
.form-status.ok{color:var(--ok)}.form-status.err{color:#D93636}
@media (min-width:768px){.footer-cols{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1024px){.footer-top{grid-template-columns:1.1fr 2fr}}

/* ---------- hero showcase: laptop + phone ---------- */
.showcase{margin-top:40px;position:relative}
.showcase-inner{position:relative;max-width:1080px;margin-inline:auto;padding-right:0}
.showcase-phone{position:absolute;right:-8px;bottom:-24px;width:30%;max-width:240px;min-width:150px;z-index:2;filter:drop-shadow(0 30px 40px rgb(11 12 38 / .35))}
@media (min-width:960px){.showcase{margin-top:32px}.showcase-inner{padding-right:15%}.showcase-phone{right:0;bottom:-40px;width:24%}}
@media (max-width:640px){.showcase-inner{padding-bottom:120px}.showcase-phone{width:44%;bottom:0;right:4px}}

.laptop{position:relative;width:100%}
.laptop-lid{background:linear-gradient(180deg,#2A2C5E,#17184A);border-radius:18px 18px 6px 6px;padding:10px 10px 12px;box-shadow:var(--shadow-lg),0 0 0 1px rgb(255 255 255 / .06) inset}
.laptop-screen{border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid rgb(0 0 0 / .2)}
.laptop-base{height:14px;margin:0 -4%;background:linear-gradient(180deg,#C9CBDD,#9C9EBF);border-radius:0 0 18px 18px;position:relative}
.laptop-base::before{content:"";position:absolute;left:42%;right:42%;top:0;height:5px;border-radius:0 0 6px 6px;background:rgb(0 0 0 / .15)}
:root[data-theme=dark] .laptop-base{background:linear-gradient(180deg,#3A3C70,#24255A)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .laptop-base{background:linear-gradient(180deg,#3A3C70,#24255A)}}
.app-chrome{display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}
.app-chrome .dots{display:flex;gap:5px}.app-chrome .dots i{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}
.app-chrome .url{display:inline-flex;align-items:center;gap:5px;margin-inline:auto;font-size:.6875rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 10px}
.app-body{display:flex;min-height:0}
.app-side{display:none;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;border-right:1px solid var(--border);background:var(--surface-2)}
.app-side i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--text-soft)}
.app-side i.on{background:var(--magenta-100);color:var(--magenta-700)}
.side-logo,.p-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#E7A23B;color:#2B2D42;font:800 .875rem/1 var(--font-display)}
@media (min-width:640px){.app-side{display:flex}}

/* ---------- planner sheet ---------- */
.sheet{flex:1;min-width:0;background:var(--surface);font-size:.8125rem;--cols:76px 100px 86px minmax(150px,1.2fr) minmax(180px,1.6fr) 128px}
.sheet-compact{--cols:62px 88px 68px minmax(110px,1fr) 112px;font-size:.75rem}
.sheet-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}
.sheet-title{display:flex;align-items:center;gap:10px}
.sheet-title strong{display:block;font-size:.875rem;line-height:1.2}
.sheet-title span:not(.avatar){display:block;color:var(--text-muted);font-size:.75rem}
.avatar,.av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c,#6C63FF);color:#fff;font:700 .75rem/1 var(--font-body);flex:none}
.av{width:22px;height:22px;font-size:.6875rem}
.sheet-tools{display:flex;gap:6px;flex-wrap:wrap}
.chip-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.6875rem;font-weight:600;color:var(--text);white-space:nowrap;transition:background .3s,border-color .3s,transform .3s}
.chip-btn.primary{background:var(--btn);border-color:var(--btn);color:#fff}
.chip-btn.flash{background:var(--magenta-100);border-color:var(--accent);transform:scale(1.04)}
.sheet-compact .sheet-tools .chip-btn:not(.primary){display:none}
.sheet-grid{overflow:hidden}
.sheet-row{display:grid;grid-template-columns:var(--cols);align-items:center;border-bottom:1px solid var(--border);min-height:40px}
.sheet-row>span{padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--border)}
.sheet-row>span:last-child{border-right:0}
.sheet-head{background:var(--surface-2);font-weight:600;color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;min-height:32px}
.c-day{font-weight:600;font-variant-numeric:tabular-nums}
.c-cap{color:var(--text-muted)}
.fmt{font-style:normal;display:inline-block;padding:2px 8px;border-radius:6px;font-size:.6875rem;font-weight:600;background:var(--surface-3)}
.fmt-reel{background:rgb(217 54 122 / .12);color:var(--accent-text)}
.fmt-carousel{background:var(--info-bg);color:var(--info)}
.fmt-static{background:var(--warn-bg);color:var(--warn)}
.fmt-story{background:var(--ok-bg);color:var(--ok)}
.plats{display:flex;gap:4px}
.plats i{font-style:normal;font-size:.625rem;font-weight:700;padding:2px 5px;border-radius:4px;border:1px solid var(--border);color:var(--text-muted)}
.status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:.6875rem;font-weight:600;white-space:nowrap;transition:background .35s,color .35s}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-ok{background:var(--ok-bg);color:var(--ok)}
.s-warn{background:var(--warn-bg);color:var(--warn)}
.s-wait{background:var(--surface-3);color:var(--text-muted)}
.sheet-foot{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:.75rem;color:var(--text-muted)}
.sheet-foot .bar{flex:1;height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden;max-width:220px}
.sheet-foot .bar i{display:block;height:100%;width:var(--p);background:var(--ok);border-radius:6px;transition:width .5s var(--ease)}
/* animation states */
.sheet[data-planner-demo] .sheet-row[data-row]{transition:opacity .35s var(--ease),transform .45s var(--ease),background .4s}
.sheet.is-empty .sheet-row[data-row]{opacity:0;transform:translateY(8px)}
.sheet .sheet-row.is-pasted{opacity:1;transform:none;background:rgb(217 54 122 / .06)}
.sheet .sheet-row.is-flip .status{transform:scale(1.06)}

/* ---------- phone ---------- */
.phone{width:100%;max-width:280px;margin-inline:auto}
.phone-frame{position:relative;aspect-ratio:9/19.2;border-radius:36px;background:#0E0F2A;padding:9px;box-shadow:0 0 0 1px rgb(255 255 255 / .08) inset,var(--shadow-lg)}
.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:30%;height:18px;border-radius:12px;background:#000;z-index:3}
.phone-screen{position:relative;height:100%;border-radius:28px;overflow:hidden;background:#FFF8EE;color:#2B2D42;font-size:.6875rem;display:flex;flex-direction:column;gap:7px;padding:34px 10px 10px;--agency:#E7A23B}
.p-status{position:absolute;top:10px;left:18px;right:18px;display:flex;justify-content:space-between;font-weight:700;font-size:.625rem}
.p-icons{display:flex;gap:3px}.p-icons i{width:10px;height:6px;border-radius:2px;background:#2B2D42}
.p-head{display:flex;align-items:center;gap:7px}
.p-head strong{display:block;font-size:.75rem;line-height:1.1}
.p-head span:not(.p-logo):not(.p-bell){display:block;font-size:.625rem;color:#6B6D80}
.p-bell{margin-left:auto;color:#6B6D80}
.p-logo.sm{width:22px;height:22px;font-size:.6875rem;border-radius:6px}
.p-title{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px}
.p-title strong{font-size:.875rem;font-family:var(--font-display)}
.p-title span{font-size:.625rem;color:#B5651D;font-weight:600}
.p-progress{height:5px;border-radius:5px;background:#F1E4CF;overflow:hidden}.p-progress i{display:block;height:100%;width:var(--p);background:#1F9D6B}
.p-card{background:#fff;border-radius:12px;padding:7px;display:grid;grid-template-columns:44px 1fr;gap:4px 8px;align-items:center;box-shadow:0 1px 2px rgb(43 45 66 / .08);border:1px solid #F1E4CF;transition:transform .4s var(--ease),box-shadow .4s}
.p-card.is-focus{border-color:var(--agency);box-shadow:0 6px 18px -6px rgb(231 162 59 / .5)}
.p-card.dim{opacity:.6}
.p-thumb{width:44px;height:44px;border-radius:8px;display:grid;place-items:end start;padding:4px;color:#fff;font-weight:700;font-size:.5rem;line-height:1.1}
.g1{background:linear-gradient(135deg,#F2A65A,#C2185B)}.g2{background:linear-gradient(135deg,#7B5EA7,#3F6FE0)}.g3{background:linear-gradient(135deg,#43C59E,#1F6F8B)}
.p-meta b{display:block;font-size:.625rem;color:#6B6D80;font-weight:600}
.p-meta span{display:block;font-weight:600;font-size:.6875rem;line-height:1.2}
.p-actions{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end}
.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 9px;border-radius:999px;font-weight:700;font-size:.625rem;background:#F4EDE2;color:#2B2D42;white-space:nowrap}
.p-btn .tick{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.p-btn.primary{background:#2B2D42;color:#fff}
.p-btn.ok{background:rgb(31 157 107 / .14);color:#167A53}
.p-btn.ghost{background:transparent;border:1px solid #E5D6BE}
.p-btn.wide{width:100%;padding:9px}
.p-sticky{margin-top:auto;display:flex;gap:6px}
.p-sticky.two .p-btn{flex:1;padding:9px 6px}
.p-design{position:relative;border-radius:12px;aspect-ratio:1;display:flex;align-items:flex-end;padding:12px;color:#fff;font:800 1rem/1.05 var(--font-display)}
.pin{position:absolute;left:var(--x);top:var(--y);width:20px;height:20px;border-radius:50% 50% 50% 0;background:var(--accent,#D9367A);color:#fff;display:grid;place-items:center;font:700 .625rem/1 var(--font-body);box-shadow:0 0 0 3px rgb(255 255 255 / .6);animation:pinpulse 2.4s var(--ease) infinite}
@keyframes pinpulse{0%,100%{box-shadow:0 0 0 3px rgb(255 255 255 / .6)}50%{box-shadow:0 0 0 7px rgb(255 255 255 / .15)}}
.pin-s{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#D9367A;color:#fff;font-size:.5625rem;font-weight:700;flex:none}
.p-comment{display:flex;gap:6px;align-items:flex-start;background:#fff;border-radius:10px;padding:7px;border:1px solid #F1E4CF}
.p-voice{display:flex;align-items:center;gap:7px;background:#fff;border-radius:999px;padding:6px 10px;border:1px solid #F1E4CF;color:#2B2D42}
.p-voice b{font-size:.625rem;color:#6B6D80}
.wave{display:flex;align-items:center;gap:2px;flex:1;height:16px}
.wave i{flex:1;max-width:3px;border-radius:2px;background:#D9367A;height:40%}
.wave i:nth-child(3n){height:90%}.wave i:nth-child(3n+1){height:60%}.wave i:nth-child(4n){height:30%}
.p-field label{display:block;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6B6D80;margin-bottom:3px}
.p-field>div{background:#fff;border:1px solid #F1E4CF;border-radius:8px;padding:6px 8px;font-weight:500}
.p-seg{display:flex;gap:4px;padding:3px!important}.p-seg>*{flex:1;text-align:center;padding:4px;border-radius:6px}.p-seg b{background:#2B2D42;color:#fff}
.p-files{display:flex;gap:5px;align-items:center;padding:4px!important}.p-files i{width:26px;height:26px;border-radius:6px}.p-files span{font-size:.625rem;color:#6B6D80;margin-left:4px}
.p-usage{display:grid;gap:8px;background:#fff;border-radius:12px;padding:10px;border:1px solid #F1E4CF}
.p-usage div,.pn-usage div{display:grid;grid-template-columns:1fr auto;gap:3px 6px;align-items:center}
.p-usage i,.pn-usage i{grid-column:1/-1;height:5px;border-radius:5px;background:linear-gradient(90deg,#1F9D6B var(--p),#F1E4CF var(--p))}
.p-invoice{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:10px;border:1px solid #F1E4CF}
.p-invoice b{display:block}.p-invoice span{font-size:.5625rem;color:#6B6D80}.p-invoice strong{font-size:.875rem}

/* ---------- product panels ---------- */
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px;font-size:.8125rem;width:100%}
.panel>div{display:grid;gap:12px}
.pn-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pn-head strong{font-size:.9375rem}
.pn-paste{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--ok-bg);color:var(--ok);font-weight:600;font-size:.75rem}
.pn-rows{display:grid;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.pn-rows>div{display:grid;grid-template-columns:52px 84px 1fr;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border)}
.pn-rows>div:last-child{border-bottom:0}
.pn-rows span{font-weight:600}.pn-rows em{font-style:normal;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-design{position:relative;border-radius:14px;aspect-ratio:16/10;display:flex;align-items:flex-end;padding:16px;color:#fff;font:800 1.5rem/1.05 var(--font-display)}
.pn-comment{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:var(--surface-2)}
.pn-comment b{font-size:.75rem}.pn-comment p{color:var(--text-muted)}
.pn-actions{display:flex;gap:8px;justify-content:flex-end}
.panel .p-btn{font-size:.75rem;padding:8px 14px;background:var(--surface-3);color:var(--text)}
.panel .p-btn.primary{background:var(--btn);color:#fff}
.panel .p-btn.ghost{background:transparent;border:1px solid var(--border-strong)}
.panel .p-btn .tick{width:13px;height:13px}
.pn-task,.pn-form,.pn-brand,.pn-lines{display:grid;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.pn-kv{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);align-items:center}
.pn-kv:last-child{border-bottom:0}
.pn-kv span{color:var(--text-muted);font-size:.75rem}
.pn-kv b{font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pn-check{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--ok);font-weight:600;font-size:.75rem}
.pn-check span{display:inline-flex;align-items:center;gap:6px}
.pn-check .tick,.pn-check .ico{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3}
.pn-lines>div{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}
.pn-lines>div:last-child{border-bottom:0}
.pn-lines .total{background:var(--surface-2);font-weight:700}
.pn-pay{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.75rem;color:var(--text-muted)}
.pn-pay span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:600}
.pn-credits{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.pn-credits i{grid-column:1/-1;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent) var(--p),var(--surface-3) var(--p))}
.pn-load{display:grid;gap:4px}
.pn-load>div{display:grid;grid-template-columns:28px 90px 1fr 24px;align-items:center;gap:10px;padding:8px 4px}
.pn-load span{font-weight:600;line-height:1.1}.pn-load small{display:block;font-weight:400;color:var(--text-muted);font-size:.6875rem}
.pn-load em{height:8px;border-radius:8px;background:var(--surface-3);overflow:hidden}
.pn-load em i{display:block;height:100%;width:var(--p);border-radius:8px;background:var(--info)}
.pn-load em i.hot{background:var(--accent)}.pn-load em i.cool{background:var(--ok)}
.pn-load b{text-align:right;font-variant-numeric:tabular-nums}
.pn-load .av{width:28px;height:28px}
.pn-files{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}
.pn-files i{width:44px;height:44px;border-radius:8px}
.pn-form .p-voice{margin:10px 12px;border-color:var(--border);background:var(--surface-2);color:var(--text)}
.pn-usage{display:grid;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px}
.pn-usage i{background:linear-gradient(90deg,var(--ok) var(--p),var(--surface-3) var(--p))!important;height:6px}
.pn-toggles{display:grid;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.pn-toggles>div{display:grid;grid-template-columns:20px 1fr 34px;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--border)}
.pn-toggles>div:last-child{border-bottom:0}
.tg{width:34px;height:20px;border-radius:20px;background:var(--surface-3);position:relative}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease)}
.tg.on{background:var(--ok)}.tg.on::after{transform:translateX(14px)}
.sw{display:inline-block;width:20px;height:20px;border-radius:6px;background:var(--c);border:1px solid var(--border)}

/* ---------- marquee ---------- */
.marquee{border-block:1px solid var(--border);padding-block:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 48s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee ul{list-style:none;display:flex;gap:40px;padding-right:40px}
.marquee li{display:flex;align-items:center;gap:10px;white-space:nowrap;font:800 1.125rem/1 var(--font-display);color:var(--text-muted)}
.marquee .tick{width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap}.marquee ul[aria-hidden]{display:none}.marquee ul{flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:0 var(--gutter)}.marquee{-webkit-mask-image:none;mask-image:none}}

/* ---------- problem vs ---------- */
.versus{display:grid;gap:24px}
.versus-h{display:flex;align-items:center;gap:10px;font-size:1rem;margin-bottom:16px;color:var(--text-muted)}
.dot{width:10px;height:10px;border-radius:50%}.dot.bad{background:#D93636}.dot.good{background:var(--ok)}
.versus-before{display:grid;gap:16px}
.pain{padding:20px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}
.pain h4{font-size:1.0625rem;margin-top:16px}
.pain p{margin-top:6px;font-size:.9375rem}
.pain-visual{height:84px;border-radius:12px;background:var(--surface);border:1px solid var(--border);overflow:hidden;position:relative}
.pain-visual.chat{display:flex;flex-direction:column;gap:4px;padding:8px;font-size:.6875rem}
.pain-visual .b{font-style:normal;max-width:70%;padding:3px 8px;border-radius:8px;background:var(--surface-3);transform:rotate(-1deg)}
.pain-visual .b.out{align-self:flex-end;background:#DCF8C6;color:#1D3B12;transform:rotate(1deg)}
.pain-visual .b:nth-child(4){transform:rotate(-3deg) translateX(14px);opacity:.8}
.pain-visual.xls{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);padding:0}
.pain-visual.xls i{background:var(--surface)}
.pain-visual.xls i.x{background:repeating-linear-gradient(-45deg,rgb(217 54 54 / .12) 0 6px,transparent 6px 12px)}
.pain-visual.lost{display:grid;place-items:center;align-content:center;gap:4px;text-align:center}
.pain-visual.lost span{font-size:1.25rem;font-weight:700}
.pain-visual.lost small{color:#D93636;font-weight:600;font-size:.75rem}
.versus-after{padding:28px;border-radius:var(--r-xl);background:var(--ink);color:#F4F5F9;position:relative;overflow:hidden;align-self:start}
.versus-after::before{content:"";position:absolute;inset:-40% -20% auto auto;width:360px;height:360px;background:radial-gradient(circle,rgb(217 54 122 / .45),transparent 65%);pointer-events:none}
.versus-after .versus-h{color:#C9CBE8}
.after-list{list-style:none;display:grid;gap:22px;margin:8px 0 28px;position:relative}
.after-list li{display:flex;gap:14px}
.after-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .1);flex:none;color:#F7A8C8}
.after-list strong{display:block;font-size:1.0625rem}
.after-list p{color:#B8BADB;margin-top:4px;font-size:.9375rem}
@media (min-width:960px){.versus{grid-template-columns:1fr 1fr;gap:40px}.versus-after{position:sticky;top:96px;padding:40px}}

/* ---------- steps ---------- */
.steps{list-style:none;display:grid;gap:20px;counter-reset:step}
.step{position:relative;padding:20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.step h3{margin-top:14px}
.step p{margin-top:8px;font-size:.9375rem}
.step-num{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font:800 .875rem/1 var(--font-display)}
:root[data-theme=dark] .step-num{background:var(--accent)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .step-num{background:var(--accent)}}
.step-visual{height:136px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);padding:14px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:6px;position:relative;overflow:hidden}
.svc{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.75rem;font-weight:600;color:var(--text-muted)}
.svc.on{border-color:var(--accent);color:var(--accent-text);background:rgb(217 54 122 / .06)}
.invite{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow-sm);width:100%}
.invite b{display:block;font-size:.8125rem}.invite small{color:var(--text-muted);font-size:.75rem}
.invite-via{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--ok);width:100%;justify-content:center}
.mini-sheet{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3px;width:100%}
.mini-sheet i{height:14px;border-radius:3px;background:var(--surface-3)}
.mini-sheet i:nth-child(3n){background:var(--ok-bg)}
.big-tick{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--accent)}
.big-tick .tick{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.steps-foot{text-align:center;margin-top:32px;max-width:640px;margin-inline:auto}
@media (min-width:720px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(4,1fr)}}

/* ---------- five verbs story ---------- */
.story{display:grid;gap:32px}
.story-visual{display:none}
.story-step{padding-block:8px}
.verb{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.875rem;color:var(--accent-text);text-transform:uppercase;letter-spacing:.06em}
.verb-num{font-variant-numeric:tabular-nums;color:var(--text-soft)}
.story-step h3{font-size:clamp(1.5rem,1.2rem + 1vw,2.25rem);margin:10px 0 18px}
.story-mobile-visual{margin-top:24px}
@media (min-width:960px){
  .story{grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
  .story-visual{display:block;position:sticky;top:110px;order:2}
  .story-steps{order:1}
  .story-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.42;transition:opacity .5s var(--ease)}
  .story-step.is-active{opacity:1}
  .story-step:first-child{min-height:50vh;justify-content:flex-start;padding-top:40px}
  .story-step:last-child{min-height:56vh}
  .story-mobile-visual{display:none}
  .story-frame{position:relative;aspect-ratio:5/4.6;border-radius:var(--r-xl);background:var(--bg-alt);border:1px solid var(--border);padding:32px;display:grid;place-items:center;overflow:hidden}
  .story-frame::before{content:"";position:absolute;inset:0;background:var(--glow);opacity:.8}
  .story-panel{position:absolute;inset:32px;display:grid;place-items:center;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
  .story-panel.is-active{opacity:1;transform:none}
  .story-panel .panel{max-width:440px}
  .story-dots{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px}
  .story-dots li{font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:999px;color:var(--text-muted);border:1px solid transparent;transition:all .3s}
  .story-dots li.is-active{color:var(--accent-text);border-color:var(--accent);background:rgb(217 54 122 / .06)}
}
@media (prefers-reduced-motion:reduce) and (min-width:960px){.story-step{opacity:1}}

/* ---------- planner section ---------- */
.planner-wrap{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--surface)}
.planner-wrap .sheet{overflow-x:auto}
.planner-wrap .sheet-grid{min-width:740px}
.replay{position:absolute;right:14px;bottom:10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600}
.planner-points{display:grid;gap:24px;margin:48px 0 32px}
.planner-points>div{display:grid;gap:8px}
.planner-points .ico{width:28px;height:28px;color:var(--accent)}
.planner-points h3{font-size:1.0625rem}
.planner-points p{font-size:.9375rem}
@media (min-width:768px){.planner-points{grid-template-columns:repeat(3,1fr);gap:32px}}

/* ---------- clients section ---------- */
.clients-grid{display:grid;gap:48px;align-items:center}
.clients-copy .h2{margin-top:16px}
.clients-copy .lead{margin-top:16px}
.phone-duo{display:flex;justify-content:center;gap:16px;position:relative}
.phone-duo .phone{max-width:250px}
.phone-duo .phone:last-child{transform:translateY(48px)}
.feature-list{list-style:none;display:grid;gap:18px;margin-top:32px}
.feature-list li{display:flex;gap:14px}
.feature-list .ico{width:22px;height:22px;color:var(--accent);margin-top:2px}
.feature-list strong{display:block}
.feature-list span{display:block;color:var(--text-muted);font-size:.9375rem}
.coming{margin-top:28px;color:var(--text-muted)}
.coming span{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;margin-right:6px}
@media (max-width:560px){.phone-duo .phone:last-child{display:none}.phone-duo .phone{max-width:270px}}
@media (min-width:960px){.clients-grid{grid-template-columns:1fr 1fr;gap:80px}}

/* ---------- built by ---------- */
.built-box{display:grid;gap:32px;padding:32px;border-radius:var(--r-xl);border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--bg-alt))}
.built-copy .h2{margin:16px 0}
.built-copy .lead{margin-bottom:20px}
.built-facts{list-style:none;display:grid;gap:16px;align-content:center}
.built-facts li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.built-facts .ico{color:var(--accent);width:24px;height:24px}
.built-facts strong{display:block}
.built-facts span{color:var(--text-muted);font-size:.9375rem}
@media (min-width:960px){.built-box{grid-template-columns:1.4fr 1fr;padding:56px;gap:56px}}

/* ---------- pricing ---------- */
.price-toggles{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border)}
.seg button{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.875rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}
.seg button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.seg .save{font-size:.6875rem;color:var(--ok);font-weight:700}
.plans{display:grid;gap:16px}
.plan{position:relative;display:flex;flex-direction:column;padding:28px 24px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.plan.is-popular{border:2px solid var(--accent);box-shadow:0 24px 60px -24px rgb(217 54 122 / .45)}
.plan-badge{position:absolute;top:-12px;left:24px;padding:4px 12px;border-radius:999px;background:var(--btn);color:#fff;font-size:.75rem;font-weight:700}
.plan-name{font:800 1.375rem/1.1 var(--font-display)}
.plan-tag{margin-top:6px;min-height:2.8em}
.plan-price{display:flex;align-items:baseline;gap:6px;margin-top:20px}
.plan-price .amount{font:800 2.5rem/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.plan-price .per{color:var(--text-muted);font-size:.9375rem}
.plan-yearly{margin-top:8px;min-height:1.5em}
.plan-limits{list-style:none;display:grid;gap:6px;margin:20px 0;padding:16px 0;border-block:1px solid var(--border);font-size:.9375rem;color:var(--text-muted)}
.plan-limits b{color:var(--text)}
.plan .ticks{gap:10px;font-size:.9375rem;margin-bottom:24px}
.plan .ticks .tick{width:18px;height:18px}
.plan-cta{margin-top:auto;width:100%}
.plans-teaser .plan-limits{margin-bottom:24px}
@media (min-width:640px){.plans{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.plans{grid-template-columns:repeat(4,1fr)}}
.founding{display:grid;gap:28px;margin-top:40px;margin-bottom:28px;padding:32px;border-radius:var(--r-xl);background:var(--ink);color:#F4F5F9;position:relative;overflow:hidden;isolation:isolate}
.founding::before{content:"";position:absolute;inset:auto -10% -60% auto;width:520px;height:520px;background:radial-gradient(circle,rgb(217 54 122 / .5),transparent 65%);z-index:-1}
.founding .eyebrow{color:#F7A8C8}
.founding-title{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);margin:12px 0 20px;color:#fff}
.founding .ticks .tick{stroke:#F7A8C8}
.founding .muted{color:#B8BADB}
.founding-side{display:grid;gap:16px;align-content:center}
.founding-side .small{color:#B8BADB}
.counter{padding:20px;border-radius:var(--r-lg);background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1)}
.counter-num{display:flex;align-items:baseline;gap:8px;font:800 3rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff}
.counter-num small{font:600 1rem/1 var(--font-body);color:#B8BADB}
.counter-label{margin-top:4px;font-weight:600;color:#F7A8C8}
.counter-bar{margin-top:14px;height:8px;border-radius:8px;background:rgb(255 255 255 / .12);overflow:hidden}
.counter-bar i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,#D9367A,#F7A8C8);border-radius:8px;transition:width 1s var(--ease)}
.founding-gone{font-weight:600}
@media (min-width:900px){.founding{grid-template-columns:1.4fr 1fr;padding:48px;gap:48px}}
.compare{margin-top:72px}
.compare-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface)}
.compare table{width:100%;min-width:720px;border-collapse:collapse;font-size:.9375rem}
.compare th,.compare td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--border)}
.compare th:first-child,.compare td:first-child{text-align:left;width:34%}
.compare thead th{position:sticky;top:0;background:var(--surface);font:800 1.0625rem/1.2 var(--font-display);vertical-align:bottom}
.compare thead th small{display:block;font:500 .8125rem/1.4 var(--font-body);color:var(--text-muted);margin-top:4px}
.compare .group th{background:var(--surface-2);text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}
.compare .yes{display:inline-block;width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.compare .no{color:var(--text-soft)}
.compare .col-pop{background:rgb(217 54 122 / .04)}
.gst-note{margin-top:16px;text-align:center}
.extras{display:grid;gap:16px;margin-top:56px}
.extra{padding:24px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}
.extra .ico{width:26px;height:26px;color:var(--accent)}
.extra h3{margin:12px 0 6px;font-size:1.125rem}
.extra p{color:var(--text-muted);font-size:.9375rem}
@media (min-width:768px){.extras{grid-template-columns:repeat(3,1fr)}}

/* ---------- tickbit band ---------- */
.tickbit-band{padding-block:0 var(--section)}
.tb-box{display:grid;gap:20px;align-items:center;padding:28px;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface-2)}
.tb-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--ink);color:#F7A8C8}
.tb-icon .ico{width:28px;height:28px}
.tb-copy h2{margin-bottom:6px}
@media (min-width:860px){.tb-box{grid-template-columns:auto 1fr auto;gap:28px;padding:32px 40px}}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;cursor:pointer;list-style:none;font-weight:600;font-size:1.0625rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--accent-text)}
.faq-icon{position:relative;width:28px;height:28px;flex:none;border-radius:50%;border:1px solid var(--border-strong)}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:currentColor;border-radius:2px;transition:transform var(--t-fast) var(--ease)}
.faq-icon::after{transform:rotate(90deg)}
.faq-item[open] .faq-icon::after{transform:rotate(0)}
.faq-item[open] .faq-icon{background:var(--accent);border-color:var(--accent);color:#fff}
.faq-a{padding:0 4px 24px;color:var(--text-muted);max-width:640px}
.faq-more{margin-top:28px}
.faq-group+.faq-group{margin-top:56px}
.faq-group h2{font-size:1.375rem;margin-bottom:12px}

/* ---------- CTA band ---------- */
.cta-band{padding-top:0}
.cta-box{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:64px 24px;border-radius:var(--r-xl);background:var(--ink);color:#F4F5F9}
.cta-box::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 70% at 50% 0%,rgb(217 54 122 / .45),transparent 70%),radial-gradient(40% 60% at 90% 100%,rgb(70 76 220 / .35),transparent 70%)}
.cta-box::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(60% 80% at 50% 30%,#000,transparent);mask-image:radial-gradient(60% 80% at 50% 30%,#000,transparent)}
.cta-mark{margin:0 auto 24px;width:64px;height:auto}
.cta-box .h2{color:#fff;max-width:780px;margin-inline:auto}
.cta-box .lead{color:#C9CBE8;margin:16px auto 32px;max-width:560px}
.btn-on-dark{background:rgb(255 255 255 / .08);color:#fff;border-color:rgb(255 255 255 / .2)}
.btn-on-dark:hover{background:rgb(255 255 255 / .14);text-decoration:none}
@media (min-width:768px){.cta-box{padding:96px 48px}}

/* ---------- page heads ---------- */
.page-head{position:relative;padding-block:clamp(40px,5vw,80px) clamp(32px,4vw,56px);overflow:hidden;isolation:isolate}
.page-head::before{content:"";position:absolute;inset:-30% -10% 0;background:var(--glow);z-index:-1;opacity:.8}
.page-head .h1{font-size:clamp(2.4rem,1.5rem + 3.8vw,4.5rem);margin-top:16px;max-width:900px}
.page-head .lead{margin-top:20px;max-width:680px}
.page-head .btn-row{margin-top:28px}
.page-head.center{text-align:center}
.page-head.center .h1,.page-head.center .lead{margin-inline:auto}
.page-head.center .btn-row{justify-content:center}

/* ---------- product overview & detail ---------- */
.prod-grid{display:grid;gap:16px}
.prod-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color var(--t-fast),transform var(--t-fast) var(--ease),box-shadow var(--t-fast)}
.prod-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
.prod-card .ico{width:28px;height:28px;color:var(--accent)}
.prod-card h3{font-size:1.25rem}
.prod-card p{color:var(--text-muted);font-size:.9375rem}
.prod-card .textlink{margin-top:auto}
@media (min-width:720px){.prod-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.prod-grid{grid-template-columns:repeat(3,1fr)}}
.feature-row{display:grid;gap:32px;align-items:center;padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--border)}
.feature-row:first-of-type{border-top:0}
.feature-row .h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);margin:12px 0 16px}
.feature-row .ticks{margin-top:24px}
.feature-visual{display:grid;place-items:center;padding:clamp(20px,3vw,40px);border-radius:var(--r-xl);background:var(--bg-alt);border:1px solid var(--border);position:relative;overflow:hidden;isolation:isolate}
.feature-visual::before{content:"";position:absolute;inset:0;background:var(--glow);opacity:.7;z-index:-1}
.feature-visual .panel{max-width:460px}
.feature-visual .phone{max-width:260px}
.feature-visual .sheet{border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;width:100%}
.feature-visual .sheet .sheet-grid{overflow-x:auto}
@media (min-width:960px){.feature-row{grid-template-columns:1fr 1.1fr;gap:64px}.feature-row.flip>:first-child{order:2}}
.shot-slot{margin-top:8px;font-size:.75rem;color:var(--text-soft)}
.more-features{display:grid;gap:16px}
.mf{padding:22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}
.mf .ico{width:24px;height:24px;color:var(--accent)}
.mf h3{font-size:1.0625rem;margin:12px 0 6px}
.mf p{color:var(--text-muted);font-size:.9375rem}
@media (min-width:720px){.more-features{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.more-features{grid-template-columns:repeat(3,1fr)}}
.related-products{display:grid;gap:12px}
@media (min-width:720px){.related-products{grid-template-columns:repeat(3,1fr)}}

/* ---------- use cases & case studies ---------- */
.card-grid{display:grid;gap:20px}
@media (min-width:720px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.card-grid.three{grid-template-columns:repeat(3,1fr)}}
.uc-card{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color var(--t-fast),transform var(--t-fast) var(--ease),box-shadow var(--t-fast)}
.uc-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
.uc-card .kicker{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.uc-card h2,.uc-card h3{font-size:1.375rem;font-family:var(--font-display)}
.uc-card p{color:var(--text-muted)}
.uc-card .textlink{margin-top:auto}
.uc-card img{border-radius:var(--r-lg);aspect-ratio:16/9;object-fit:cover;width:100%}
.story-layout{display:grid;gap:40px}
.story-aside{display:grid;gap:16px;align-content:start}
.story-box{padding:22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2)}
.story-box h2{font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:var(--font-body);margin-bottom:8px}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:32px 0}
.metric{padding:20px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}
.metric b{display:block;font:800 2rem/1 var(--font-display);color:var(--accent)}
.metric span{display:block;margin-top:8px;color:var(--text-muted);font-size:.875rem}
.pullquote{margin:32px 0;padding:28px;border-radius:var(--r-xl);background:var(--ink);color:#F4F5F9}
.pullquote p{font:800 1.375rem/1.35 var(--font-display)}
.pullquote footer{margin-top:16px;color:#B8BADB;font-size:.9375rem}
.client-logo{max-height:48px;width:auto}
@media (min-width:960px){.story-layout{grid-template-columns:1fr 300px;gap:64px}.story-aside{position:sticky;top:96px}}
.empty{padding:48px 24px;text-align:center;border:1.5px dashed var(--border-strong);border-radius:var(--r-xl);color:var(--text-muted)}
.empty h2{font-size:1.375rem;color:var(--text);margin-bottom:8px}

/* ---------- blog ---------- */
.blog-head{display:grid;gap:20px;align-items:end}
.blog-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.search-form{display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;height:44px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);min-width:0;flex:1;max-width:360px}
.search-form input{border:0;background:transparent;outline:0;flex:1;min-width:0;height:100%}
.search-form:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.search-form button{border:0;background:var(--surface-3);border-radius:999px;width:32px;height:32px;display:grid;place-items:center;color:var(--text)}
.cats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 40px}
.cats a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500}
.cats a:hover{border-color:var(--border-strong);color:var(--text)}
.cats a[aria-current]{background:var(--text);color:var(--bg);border-color:var(--text)}
.post-grid{display:grid;gap:28px}
@media (min-width:720px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{display:flex;flex-direction:column;gap:12px;color:var(--text);text-decoration:none}
.post-card:hover{text-decoration:none}
.post-card:hover h2,.post-card:hover h3{color:var(--accent-text)}
.post-thumb{aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-3);border:1px solid var(--border)}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-thumb img{transform:scale(1.03)}
.post-thumb.generated{display:grid;place-items:center;background:linear-gradient(135deg,var(--ink),#2A2D78);position:relative}
.post-thumb.generated::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,rgb(217 54 122 / .5),transparent 70%)}
.post-thumb.generated img{width:56px;height:auto;position:relative;z-index:1;object-fit:contain}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.8125rem;color:var(--text-muted)}
.post-meta .cat{color:var(--accent-text);font-weight:600}
.post-card h2,.post-card h3{font-size:1.25rem;line-height:1.3;transition:color var(--t-fast)}
.post-card p{color:var(--text-muted);font-size:.9375rem}
.featured-post{display:grid;gap:24px;margin-bottom:56px;align-items:center}
.featured-post h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.375rem);font-family:var(--font-display)}
@media (min-width:960px){.featured-post{grid-template-columns:1.2fr 1fr;gap:48px}}
.pager{display:flex;justify-content:center;gap:8px;margin-top:56px;flex-wrap:wrap}
.pager a,.pager span{min-width:44px;height:44px;display:grid;place-items:center;padding:0 14px;border-radius:999px;border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:600}
.pager [aria-current]{background:var(--text);color:var(--bg);border-color:var(--text)}
.pager a:hover{border-color:var(--border-strong)}
/* article */
.article-head{padding-block:clamp(32px,4vw,64px) 32px}
.article-head h1{font-size:clamp(2.1rem,1.4rem + 3vw,3.75rem);margin:16px 0 20px;max-width:900px}
.article-head .lead{max-width:720px}
.byline{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:.9375rem}
.byline img,.byline .av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.byline .av{font-size:1rem}
.byline b{display:block}
.byline span{color:var(--text-muted);font-size:.875rem}
.article-cover{border-radius:var(--r-xl);overflow:hidden;margin-bottom:48px;border:1px solid var(--border)}
.article-cover img{width:100%}
.article-layout{display:grid;gap:40px}
.toc{font-size:.875rem}
.toc h2{font:700 .75rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}
.toc ol{list-style:none;display:grid;gap:2px;border-left:2px solid var(--border)}
.toc a{display:block;padding:6px 12px;margin-left:-2px;border-left:2px solid transparent;color:var(--text-muted);text-decoration:none;line-height:1.4}
.toc a:hover{color:var(--text)}
.toc a.is-active{color:var(--accent-text);border-left-color:var(--accent);font-weight:600}
.toc .l3 a{padding-left:24px;font-size:.8125rem}
.toc details summary{cursor:pointer;font-weight:600;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r);list-style:none}
.toc details[open] summary{margin-bottom:12px}
@media (min-width:1100px){.article-layout{grid-template-columns:220px minmax(0,1fr) 200px;gap:56px}.toc{position:sticky;top:100px;align-self:start}.toc details summary{display:none}.toc details>ol{display:grid}}
@media (max-width:1099px){.article-side{display:none}}
.prose{font-size:1.0625rem;line-height:1.75;max-width:720px}
.prose>*+*{margin-top:1.25em}
.prose h2{font-family:var(--font-display);font-size:clamp(1.5rem,1.3rem + .8vw,2rem);margin-top:2em;scroll-margin-top:96px}
.prose h3{font-size:1.25rem;margin-top:1.75em;scroll-margin-top:96px}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--accent)}
.prose blockquote{margin-inline:0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);font-size:1.125rem;color:var(--text)}
.prose img,.prose figure img{border-radius:var(--r-lg)}
.prose figcaption{font-size:.875rem;color:var(--text-muted);margin-top:8px;text-align:center}
.prose pre{background:var(--ink-900);color:#E8E9F5;padding:18px;border-radius:var(--r);overflow-x:auto;font:.875rem/1.6 var(--font-mono)}
.prose code{font:.9em var(--font-mono);background:var(--surface-3);padding:2px 6px;border-radius:5px}
.prose pre code{background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;font-size:.9375rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--border);padding:10px 12px;text-align:left}
.prose th{background:var(--surface-2)}
.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5em}
.prose a{font-weight:500}
.embed{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.share-label{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);width:100%}
.share a,.share button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}
.share a:hover,.share button:hover{color:var(--text);border-color:var(--border-strong)}
.article-foot{max-width:720px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border);display:grid;gap:32px}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.tags a{font-size:.8125rem;padding:5px 12px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);text-decoration:none}
.tags a:hover{color:var(--text)}
.author-box{display:flex;gap:16px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2)}
.author-box img,.author-box .av{width:56px;height:56px;border-radius:50%;flex:none;font-size:1.25rem}
.author-box p{color:var(--text-muted);font-size:.9375rem;margin-top:4px}
.nl-box{display:grid;gap:16px;padding:32px;border-radius:var(--r-xl);background:var(--ink);color:#F4F5F9}
.nl-box h2{font-size:1.5rem;color:#fff}
.nl-box p{color:#B8BADB}
.nl-box .newsletter{margin-top:0;max-width:none}
.nl-box .newsletter label{color:#fff}
.nl-box .newsletter-row input{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .2);color:#fff}
.nl-box .newsletter-row input::placeholder{color:#9C9EC4}
.nl-box .btn-secondary{background:#fff;color:var(--ink);border-color:#fff}
.related{margin-top:var(--section)}

/* ---------- legal ---------- */
.legal-layout{display:grid;gap:40px;padding-bottom:var(--section)}
.legal-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.legal-nav a{display:block;padding:8px 12px;border-radius:var(--r);color:var(--text-muted);text-decoration:none;font-size:.9375rem}
.legal-nav a:hover{background:var(--surface-3);color:var(--text)}
.legal-nav a[aria-current]{background:var(--surface-3);color:var(--text);font-weight:600}
.legal-review{display:flex;gap:12px;padding:16px 18px;border-radius:var(--r-lg);background:var(--warn-bg);border:1px solid rgb(201 138 0 / .35);color:var(--text);font-size:.9375rem;margin-bottom:32px}
.legal-review strong{display:block}
.legal-meta{color:var(--text-muted);font-size:.9375rem;margin-top:12px}
@media (min-width:960px){.legal-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}.legal-nav{position:sticky;top:96px;align-self:start}.legal-nav ul{flex-direction:column}}

/* ---------- forms ---------- */
.form-grid{display:grid;gap:18px}
.form-grid .two{display:grid;gap:18px}
@media (min-width:640px){.form-grid .two{grid-template-columns:1fr 1fr}}
.field label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:6px}
.field .hint{font-weight:400;color:var(--text-muted);font-size:.8125rem}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgb(217 54 122 / .18)}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#D93636}
.field-error{display:block;color:#D93636;font-size:.8125rem;margin-top:6px;font-weight:500}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem;color:var(--text-muted)}
.check input{width:18px;height:18px;margin-top:3px;accent-color:var(--btn)}
.alert{padding:16px 18px;border-radius:var(--r-lg);font-size:.9375rem;display:flex;gap:12px;align-items:flex-start}
.alert-ok{background:var(--ok-bg);color:var(--text);border:1px solid rgb(31 157 107 / .35)}
.alert-err{background:rgb(217 54 54 / .08);border:1px solid rgb(217 54 54 / .35)}
.alert .ico{color:var(--ok);flex:none;margin-top:2px}
.form-card{padding:clamp(20px,3vw,40px);border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}
.contact-grid{display:grid;gap:32px;padding-bottom:var(--section)}
.contact-ways{display:grid;gap:12px;align-content:start}
.way{display:flex;gap:14px;align-items:center;padding:18px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none}
.way:hover{border-color:var(--accent);text-decoration:none}
.way .ico{width:24px;height:24px;color:var(--accent)}
.way b{display:block}
.way span{color:var(--text-muted);font-size:.9375rem}
.address{padding:18px;color:var(--text-muted);font-size:.9375rem;font-style:normal}
@media (min-width:960px){.contact-grid{grid-template-columns:1.4fr 1fr;gap:56px}}

/* ---------- about / partners / tickbit ---------- */
.prose-lg{font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.7;max-width:720px}
.prose-lg>*+*{margin-top:1.1em}
.values{display:grid;gap:16px}
.value{padding:24px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}
.value .tickmark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);margin-bottom:14px}
.value .tickmark .tick{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.value h3{font-size:1.125rem;margin-bottom:6px}
.value p{color:var(--text-muted);font-size:.9375rem}
@media (min-width:720px){.values{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.values{grid-template-columns:repeat(4,1fr)}}
.split{display:grid;gap:40px;align-items:start}
@media (min-width:960px){.split{grid-template-columns:1fr 1fr;gap:72px}}
.how-earn{list-style:none;display:grid;gap:16px;counter-reset:n}
.how-earn li{display:flex;gap:16px;padding:20px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}
.how-earn li::before{counter-increment:n;content:counter(n);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font:800 .9375rem/1 var(--font-display);flex:none}
.how-earn b{display:block}
.how-earn span{color:var(--text-muted);font-size:.9375rem}
.earn-example{margin-top:24px;padding:24px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}
.earn-example strong{font:800 1.75rem/1.1 var(--font-display);color:var(--accent);display:block;margin-top:6px}
.tb-hero-visual{border-radius:var(--r-xl);padding:24px;background:var(--bg-alt);border:1px solid var(--border)}
.timer-card{display:grid;gap:12px}
.timer-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:.875rem}
.timer-row b{font-variant-numeric:tabular-nums}
.timer-row .gain{color:var(--ok);font-weight:700}
.timer-row .loss{color:#D93636;font-weight:700}
.timer-live{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--ink);color:#fff}
.timer-live .rec{width:10px;height:10px;border-radius:50%;background:#FF5C8A;animation:pinpulse 1.6s infinite}
.timer-live b{margin-left:auto;font:700 1.25rem/1 var(--font-mono)}

/* ---------- errors ---------- */
.error-page{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:var(--section)}
.error-code{font:800 clamp(5rem,4rem + 6vw,9rem)/1 var(--font-display);letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent),#7B5EA7);-webkit-background-clip:text;background-clip:text;color:transparent}
.error-page .lead{margin:16px auto 28px;max-width:520px}
.error-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:28px}

/* ---------- cookie consent ---------- */
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:flex;justify-content:center;pointer-events:none}
.consent[hidden]{display:none}
.consent-box{pointer-events:auto;max-width:560px;width:100%;padding:20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}
.consent-title{font-size:1.0625rem;font-family:var(--font-body);margin-bottom:6px}
.consent-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.consent-prefs{display:grid;gap:10px;margin-top:14px}
.switch{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;color:var(--text-muted)}
.switch input{width:18px;height:18px;margin-top:2px;accent-color:var(--btn);flex:none}
.switch strong{color:var(--text);margin-right:4px}
@media (min-width:768px){.consent{left:24px;right:auto;bottom:24px;justify-content:flex-start}}

/* print */
@media print{.site-header,.site-footer,.consent,.cta-band,.share,.toc,.mobile-menu{display:none!important}body{background:#fff;color:#000}}
.legal-prose h2{font-size:1.375rem}
.legal-prose h3{font-size:1.0625rem}
.decide{background:var(--warn-bg);border-radius:4px;padding:1px 5px;font-weight:600}
@media (min-width:900px){.legal-prose table{display:table}}
/* single-column grids must never be wider than the screen */
.footer-top,.nl-box,.article-layout,.legal-layout,.story-layout,.contact-grid,.split,.clients-grid,.versus,.founding,.built-box,.feature-row,.blog-head,.featured-post,.tb-box{grid-template-columns:minmax(0,1fr)}
.phone-duo .phone{flex:1 1 0;min-width:0}
.phone-screen{min-width:0}
@media (min-width:768px){.footer-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.footer-top{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr)}}
@media (min-width:960px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.clients-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.versus{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.story-layout{grid-template-columns:minmax(0,1fr) 300px}.contact-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.built-box{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.featured-post{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media (min-width:900px){.founding{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media (min-width:860px){.tb-box{grid-template-columns:auto minmax(0,1fr) auto}}
@media (min-width:1100px){.article-layout{grid-template-columns:220px minmax(0,1fr) 200px}}
@media (min-width:960px){.legal-layout{grid-template-columns:240px minmax(0,1fr)}}