/* Generated by scripts/build-deploy.mjs — tokens inlined, do not edit. */
/* fonts.css */
@font-face{font-family:"Keep Calm";src:url("/brand/fonts/KeepCalm-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Liberty Sans";src:url("/brand/fonts/LibertySans.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

/* colors.css */
:root{
/* Brand core (from logo) */
--ep-coral:#f0516f;--ep-cyan:#2ec8d9;--ep-ink:#143a40;--ep-amber:#f2aa1b;
/* Coral (primary) scale */
--coral-50:#fef1f4;--coral-100:#fddce3;--coral-200:#fab4c2;--coral-300:#f68399;--coral-400:#f0516f;--coral-500:#dd3a59;--coral-600:#c02646;--coral-700:#9a1d38;
/* Cyan scale */
--cyan-50:#ecfbfd;--cyan-100:#d0f4f8;--cyan-200:#a0e8f0;--cyan-300:#63d8e6;--cyan-400:#2ec8d9;--cyan-500:#1ba8b8;--cyan-600:#158593;--cyan-700:#116a75;
/* Amber scale */
--amber-50:#fef7e8;--amber-100:#fdecc4;--amber-200:#fbd98a;--amber-300:#f6c14a;--amber-400:#f2aa1b;--amber-500:#d18f0c;--amber-600:#a87008;--amber-700:#845708;
/* Ink / neutral scale (teal-tinted) */
--ink-900:#143a40;--ink-800:#1e4a51;--ink-700:#2b5d65;--ink-600:#3f747d;--ink-500:#5c8a92;--ink-400:#84a7ad;--ink-300:#aec6ca;--ink-200:#d0e0e2;--ink-100:#e6efF0;--ink-50:#f3f8f8;--white:#ffffff;
/* Semantic */
--neutral:var(--ink-400);--neutral-bg:var(--ink-100);--success:#1ba876;--success-bg:#e3f7ef;--success-text:#0e7a55;--warning:var(--ep-amber);--warning-bg:var(--amber-50);--danger:#d92d49;--danger-bg:#fdecef;--info:var(--ep-cyan);--info-bg:var(--cyan-50);
/* Aliases */
--primary:var(--ep-coral);--primary-hover:var(--coral-500);--primary-press:var(--coral-600);--accent:var(--ep-cyan);--highlight:var(--ep-amber);
--text-body:var(--ink-900);--text-muted:var(--ink-500);--text-faint:var(--ink-400);--text-inverse:#ffffff;--text-link:var(--coral-500);
--surface-page:var(--ink-50);--surface-canvas:#eef4f5;--surface-card:#ffffff;--surface-raised:#ffffff;--surface-sunken:var(--ink-100);--surface-dark:var(--ink-900);
--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--ep-cyan);
}

/* typography.css */
:root{
--font-display:"Keep Calm","Liberty Sans","Trebuchet MS",sans-serif;
--font-body:"Liberty Sans","Trebuchet MS",Verdana,sans-serif;
--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;
--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;
--tracking-display:0.01em;--tracking-caps:0.08em;
--weight-body:400;--weight-display:500;
}
body{font-family:var(--font-body);color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal)}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--coral-600);text-decoration:underline}

/* spacing.css */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;
}

/* effects.css */
:root{
--shadow-card:0 1px 2px rgba(20,58,64,.06),0 4px 12px rgba(20,58,64,.06);
--shadow-raised:0 2px 4px rgba(20,58,64,.08),0 10px 28px rgba(20,58,64,.12);
--shadow-overlay:0 8px 16px rgba(20,58,64,.14),0 24px 56px rgba(20,58,64,.22);
--focus-ring:0 0 0 3px rgba(46,200,217,.4);
--ease-out:cubic-bezier(.2,.8,.3,1);/* @kind other */
--ease-bounce:cubic-bezier(.34,1.56,.64,1);/* @kind other */
--dur-fast:120ms;/* @kind other */
--dur-med:200ms;/* @kind other */
--dur-slow:400ms;/* @kind other */
}


*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal)}
body::before{content:"";position:fixed;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(58vw 46vh at 10% -6%,rgba(240,81,111,.17),transparent 62%),radial-gradient(54vw 44vh at 90% 2%,rgba(46,200,217,.20),transparent 64%),radial-gradient(50vw 40vh at 74% 52%,rgba(242,170,27,.13),transparent 60%),radial-gradient(48vw 42vh at 6% 74%,rgba(46,200,217,.14),transparent 62%),radial-gradient(46vw 38vh at 92% 92%,rgba(240,81,111,.12),transparent 62%);animation:glowdrift 42s ease-in-out infinite alternate;will-change:transform}
@keyframes glowdrift{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(2.5%,-2%,0) scale(1.06)}66%{transform:translate3d(-2%,2.5%,0) scale(1.03)}100%{transform:translate3d(1.5%,1.5%,0) scale(1.07)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}
a{color:var(--ink-900);text-decoration:none}a:hover{color:var(--ep-coral)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-display);line-height:1.06;letter-spacing:-.015em;margin:0;color:var(--ink-900)}
.wrap{max-width:1320px;margin:0 auto;padding:0 30px}
.stage{background:rgba(232,240,240,.82);border-radius:34px;padding:52px 54px 54px;position:relative;backdrop-filter:blur(3px)}
.stage.dark{background:var(--ink-900)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-sm);padding:0 24px;height:46px;border:none;cursor:pointer;transition:transform .16s var(--ease-bounce),background .16s,color .16s}
.btn:hover{transform:translateY(-1px)}
.btn-ink{background:var(--ink-900);color:#fff}.btn-ink:hover{background:var(--ink-800);color:#fff}
.btn-coral{background:var(--ep-coral);color:#fff}.btn-coral:hover{background:var(--primary-hover);color:#fff}
.btn-line{background:transparent;color:var(--ink-900);border:1.5px solid var(--ink-900)}.btn-line:hover{background:var(--ink-900);color:#fff}
.btn-lg{height:54px;padding:0 30px;font-size:var(--text-base)}
.nav{position:relative;z-index:60;background:transparent}
.nav .wrap{display:flex;align-items:center;gap:20px;height:78px}
.auth{display:inline-flex;align-items:center;gap:9px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-sm);height:46px;padding:0 22px;border:1.5px solid var(--ink-900);background:transparent;color:var(--ink-900);cursor:pointer;white-space:nowrap;flex:none;transition:background .16s,color .16s,border-color .16s,transform .16s var(--ease-bounce)}
.auth:hover{background:var(--ink-900);color:#fff;transform:translateY(-1px)}
.auth svg{width:16px;height:16px;flex:none}
.auth [hidden]{display:none!important}
.auth .who{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ep-coral);color:#fff;font-size:11px;flex:none}
.auth[data-state="in"]{border-color:transparent;background:var(--ink-900);color:#fff;padding-left:10px}
.auth[data-state="in"]:hover{background:var(--ink-800);color:#fff}
.nav .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--text-md);letter-spacing:.02em}
.nav .logo img{width:30px;height:30px}
.navgroup{display:flex;align-items:center;gap:6px;margin:0 auto}
.navgroup a{font-size:var(--text-sm);color:var(--ink-700);padding:9px 18px;border-radius:var(--radius-pill);border:1.5px solid transparent}
.navgroup a:hover{color:var(--ink-900)}
.navgroup a.on{border-color:var(--ink-900);color:var(--ink-900)}
.scribble{position:relative;display:inline-block;justify-self:start;width:max-content;max-width:100%}
.eyebrow{display:inline-block;font-size:var(--text-sm);color:var(--ink-600);font-family:var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.scribble > svg{position:absolute;left:-12px;top:-9px;width:calc(100% + 26px);height:calc(100% + 20px);overflow:visible;pointer-events:none}
.scribble path{fill:none;stroke:var(--ep-amber);stroke-width:2.2;stroke-linecap:round}
.eyebrow{display:inline-block;font-size:var(--text-sm);color:var(--ink-900);font-family:var(--font-display);padding:2px 6px}
.h-xl{font-size:clamp(40px,4.6vw,66px)}
.h-lg{font-size:clamp(32px,3.4vw,50px)}
.lead{color:var(--text-muted);font-size:var(--text-md);text-wrap:pretty}
.hero-top{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end;margin-bottom:38px}
.hero-top h1 em{font-style:normal}
.dots{display:flex;gap:10px;margin-bottom:14px}
.dots span{width:44px;height:44px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center}
.dots span svg{width:18px;height:18px}
.hero-side p{margin:0;font-size:var(--text-md);line-height:1.45;color:var(--ink-800);max-width:none;text-wrap:pretty}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:118px;gap:14px}
.tile{background:#fff;border-radius:22px;overflow:hidden;position:relative;padding:20px}
.tile.flush{padding:0}
.pin{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:999px;background:var(--ink-200);border:none;padding:0;cursor:pointer;z-index:5;line-height:0;transition:background .16s var(--ease-out)}
.pin:hover{background:var(--ink-400)}
.pin svg{display:none}
.pin.on{width:29px;height:38px;border-radius:0;background:none;top:-7px;right:-15px;transform:rotate(-24deg);filter:drop-shadow(0 2px 3px rgba(20,58,64,.25));animation:pinpop .35s var(--ease-bounce)}
.pin.on:hover{background:none}
.pin.on svg{display:block;width:100%;height:100%}
.pin.inset.on{top:6px;right:6px;transform:rotate(-14deg)}
.tile.dark .pin{background:rgba(255,255,255,.22)}
.tile.dark .pin:hover{background:rgba(255,255,255,.4)}
.tile.dark .pin.on{background:none}
@keyframes pinpop{0%{transform:rotate(-24deg) scale(0)}70%{transform:rotate(-20deg) scale(1.18)}100%{transform:rotate(-24deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.pin.on{animation:none}}
.tile.dark{background:var(--ink-900);color:#fff}
.tile .slotimg{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.tile .tag{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.95);border-radius:var(--radius-pill);padding:5px 12px;font-family:var(--font-display);font-size:12px;color:var(--ink-900);display:flex;align-items:center;gap:7px;pointer-events:none}
.tile .tag i{width:7px;height:7px;border-radius:50%;flex:none}
.tile h4{font-size:var(--text-sm);margin:0 0 10px}
.tile.dark h4{color:#fff}
.mini-row{display:flex;align-items:center;gap:9px;font-size:12px;padding:7px 0;border-top:1px solid var(--border-default)}
.mini-row:first-of-type{border-top:0}
.tile.dark .mini-row{border-color:rgba(255,255,255,.12);color:var(--ink-200)}
.time{font-family:var(--font-display);font-size:11px;color:var(--ink-500);width:38px;flex:none;font-variant-numeric:tabular-nums}
.tile.dark .time{color:var(--ink-400)}
.chip{border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-family:var(--font-display);flex:none}
.hero-foot{display:flex;align-items:center;gap:14px;margin-top:26px}
.hero-foot .say{background:#fff;border-radius:var(--radius-pill);padding:11px 20px;font-family:var(--font-display);font-size:var(--text-sm)}
.circ{width:46px;height:46px;border-radius:50%;background:var(--ep-coral);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sec{padding:110px 0 0}
.sechead{display:grid;grid-template-columns:.9fr 1.6fr;gap:50px;align-items:start}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:76px;max-width:none;border-top:1px solid var(--border-default)}
.stats > div{padding:34px 46px 6px;border-left:1px solid var(--border-default)}
.stats > div:first-child{padding-left:0;border-left:0}
.stats .n{font-family:var(--font-display);font-size:clamp(38px,4.2vw,62px);color:var(--ink-900);line-height:1;margin:18px 0 12px}
.stats .l{font-size:var(--text-sm);color:var(--text-muted);max-width:24ch;text-wrap:pretty}
.glyph{width:26px;height:26px}
.notch{position:absolute;width:76px;height:76px;border-radius:50%;background:#fff;left:50%;transform:translateX(-50%)}
.notch.t{top:-38px}.notch.b{bottom:-38px}
.cyc .w{position:absolute;inset:20px;overflow:hidden;opacity:0;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);transform:translateY(8px);pointer-events:none}
.cyc .w.on{opacity:1;transform:none;pointer-events:auto}
.cyc .pips{position:absolute;right:16px;top:16px;display:flex;gap:5px;z-index:3}
.cursor{position:absolute;left:0;top:0;width:19px;height:19px;z-index:6;opacity:0;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity .3s;pointer-events:none}
.cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 5px rgba(20,58,64,.4))}
.cursor::after{content:"";position:absolute;left:-9px;top:-9px;width:36px;height:36px;border-radius:50%;border:2px solid var(--ep-coral);opacity:0}
.cursor.tap::after{animation:tapring .34s var(--ease-out)}
@keyframes tapring{from{transform:scale(.35);opacity:.9}to{transform:scale(1.15);opacity:0}}
.addrow{border-top:1px dashed var(--border-strong)!important;color:var(--ink-500)}
.newrow{max-height:0;padding-top:0;padding-bottom:0;border-top-width:0;overflow:hidden;opacity:0;transform:translateY(-7px);transition:max-height .4s var(--ease-out),opacity .4s var(--ease-out),transform .45s var(--ease-bounce),padding .3s}
.newrow.in{max-height:40px;padding-top:7px;padding-bottom:7px;border-top-width:1px;opacity:1;transform:none}
.st-prog{background:var(--cyan-50);color:var(--cyan-700)}
.st-done{background:var(--success-bg);color:var(--success-text)}
.assignee{margin-left:auto;color:var(--ink-400);transition:color .3s}
.assignee.assigned{color:var(--ink-900)}
.cyc .pips i{width:5px;height:5px;border-radius:50%;background:var(--ink-300);transition:background .3s}
.cyc .pips i.on{background:var(--ep-coral)}
.tile.dark .pips i{background:rgba(255,255,255,.28)}
.tile.dark .pips i.on{background:var(--ep-cyan)}
.pinwrap{position:relative;height:280vh}
.pinstage{position:sticky;top:96px;min-height:520px;overflow:hidden}
.pinstep{display:none}
.pinstep.on{display:block}
.pinhead{display:block;padding-right:250px;margin-bottom:30px}
.pingrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.pinhead h2{max-width:16ch}
.pinhead p{margin:14px 0 0;max-width:48ch}
.steps{position:absolute;right:54px;top:56px;z-index:4;display:flex;flex-direction:column;gap:10px}
.steps b{display:grid;grid-template-columns:62px auto;align-items:center;gap:14px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-sm);color:var(--ink-500);transition:color .3s}
.steps b em{font-style:normal;width:12px;height:12px;border-radius:6px;background:var(--ink-300);transition:width .5s var(--ease-bounce),background .35s var(--ease-out)}
.steps b.on{color:var(--ink-900)}
.steps b.on em{width:62px}
.steps b:nth-child(1).on em{background:var(--ink-900)}
.steps b:nth-child(2).on em{background:var(--ep-cyan)}
.steps b:nth-child(3).on em{background:var(--ep-coral)}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;align-items:stretch}
.price{background:#fff;border-radius:26px;padding:34px 30px;display:flex;flex-direction:column;border:1px solid var(--border-default)}
.price.hot{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.price h3{font-size:var(--text-xl);margin:0 0 6px}
.price.hot h3{color:#fff}
.price .from{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.price.hot .from{color:var(--ink-400)}
.price ul{list-style:none;margin:22px 0 28px;padding:0;display:flex;flex-direction:column;gap:12px;font-size:var(--text-sm);text-align:left}
.price li{display:flex;gap:10px;align-items:flex-start;text-wrap:pretty}
.price li s{width:7px;height:7px;border-radius:50%;background:var(--ep-coral);flex:none;margin-top:7px}
.price.hot li{color:var(--ink-200)}
.price.hot li s{background:var(--ep-cyan)}
.price .amt{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--ink-900);margin-top:auto}
.price.hot .amt{color:#fff}
.price .per{font-size:var(--text-sm);color:var(--text-faint);margin:8px 0 20px}
.price.hot .per{color:var(--ink-400)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{border:none;background:var(--ink-100);border-radius:var(--radius-pill);height:44px;padding:0 22px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink-600);cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .16s var(--ease-out)}
.tab:hover{background:var(--ink-200)}
.tab[aria-selected="true"]{background:var(--ink-900);color:#fff}
#tb-internal[aria-selected="true"]{background:var(--ep-cyan);color:var(--ink-900)}
#tb-client[aria-selected="true"]{background:var(--ep-coral);color:#fff}
#tb-free[aria-selected="true"]{background:var(--ep-amber);color:var(--ink-900)}
.tab i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.7;flex:none}
.fpanel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:46px;align-items:center;margin-top:34px}
.fart{display:flex;flex-direction:column;gap:14px}
.fart.row{flex-direction:row;align-items:stretch;gap:16px}
.fcard{background:#fff;border-radius:20px;box-shadow:var(--shadow-card);padding:18px 20px}
.shot{display:block;width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow-raised);background:#fff}
.fone{width:290px;flex:none;position:relative;border-radius:46px;padding:11px;opacity:0;transform:translateY(26px) scale(.94);transition:opacity .5s var(--ease-out),transform .7s var(--ease-bounce);background:linear-gradient(150deg,#3d4b4f 0%,#141b1d 22%,#2b3639 52%,#0e1416 78%,#39474b 100%);box-shadow:0 28px 60px -18px rgba(20,58,64,.5),0 2px 0 rgba(255,255,255,.16) inset,0 0 0 1px rgba(0,0,0,.35)}
.fone::before,.fone::after{content:"";position:absolute;left:-2px;width:3px;border-radius:2px 0 0 2px;background:linear-gradient(180deg,#4a595d,#1b2426)}
.fone::before{top:112px;height:30px}
.fone::after{top:154px;height:52px}
.fone .side{position:absolute;right:-2px;top:132px;width:3px;height:74px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,#4a595d,#1b2426)}
.fone .island{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:88px;height:25px;border-radius:14px;background:#0b1113;z-index:4;display:flex;align-items:center;justify-content:flex-end;padding-right:9px}
.fone .island s{width:7px;height:7px;border-radius:50%;background:#1d2a2e;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.fone .home{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:96px;height:4px;border-radius:2px;background:var(--ink-300);z-index:4}
.fone.in{opacity:1;transform:none}
.fstat{display:flex;align-items:center;justify-content:space-between;padding:0 6px 4px;font-family:var(--font-display);font-size:10px;color:var(--ink-700)}
.fstat s{display:flex;gap:3px;align-items:center;text-decoration:none}
.fstat s i{display:block;width:3px;border-radius:1px;background:var(--ink-700)}
.fscr{background:var(--surface-page);border-radius:36px;padding:38px 14px 26px;height:472px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.fhead{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.fhead b{font-family:var(--font-display);font-weight:var(--weight-display);font-size:12px;color:var(--ink-900);line-height:1.15}
.fhead em{font-style:normal;display:block;font-size:8.5px;color:var(--text-faint)}
.ftabs{display:flex;gap:5px;flex:none;margin-bottom:8px}
.fhost{position:relative;flex:1;min-height:0}
.ftabs b{font-family:var(--font-display);font-weight:var(--weight-display);font-size:10px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--ink-100);color:var(--ink-600);white-space:nowrap;transition:background .3s,color .3s,transform .18s var(--ease-bounce)}
.ftabs b.on{background:var(--ink-900);color:#fff}
.ftabs b.hit{transform:scale(.92)}
.fpane{position:absolute;inset:0;opacity:0;transition:opacity .4s var(--ease-out);display:flex;flex-direction:column;gap:5px;overflow:hidden;pointer-events:none}
.fpane.on{opacity:1;pointer-events:auto}
.frow{display:flex;align-items:center;gap:8px;background:#fff;border-radius:9px;padding:6px 9px;font-size:10px;color:var(--ink-800);box-shadow:var(--shadow-card)}
.frow .k{font-family:var(--font-display);font-size:9px;color:var(--ink-500);width:32px;flex:none;font-variant-numeric:tabular-nums}
.frow em{font-style:normal;display:block;font-size:8.5px;color:var(--text-faint);margin-top:1px}
.fcall{background:var(--coral-50);border-radius:10px;padding:8px 11px;font-size:10.5px;color:var(--coral-600);display:flex;align-items:center;gap:7px;margin-bottom:8px;white-space:nowrap;flex:none}
.fcall b{font-family:var(--font-display);font-weight:var(--weight-display)}
.fwrap{position:relative;display:flex;justify-content:center;padding:8px 0}
.rev{padding:16px 18px}
.roles{padding:14px 16px;position:relative}
.segbar{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.segbar b{font-family:var(--font-display);font-weight:var(--weight-display);font-size:12px;color:var(--ink-700);background:var(--ink-100);border-radius:var(--radius-pill);padding:7px 15px;transition:background .3s,color .3s,transform .18s var(--ease-bounce)}
.segbar b.on{background:var(--ink-900);color:#fff}
.segbar b.hit{transform:scale(.94)}
.segpane{position:relative;border-radius:14px;overflow:hidden;background:var(--surface-page);border:1px solid var(--border-default);aspect-ratio:855/338}
.segpane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .45s var(--ease-out)}
.segpane img.on{opacity:1}
.chart{position:absolute;inset:0;opacity:0;transition:opacity .45s var(--ease-out);background:var(--surface-page)}
.chart.on{opacity:1}
.node{position:absolute;left:var(--x);top:var(--y);transform:translateX(-50%) scale(.86);width:27%;min-width:132px;background:#fff;border-radius:12px;border:1px solid var(--border-default);border-top:3px solid var(--dept,var(--ink-400));box-shadow:var(--shadow-card);padding:9px 11px;opacity:0;transition:left .7s var(--ease-bounce),top .7s var(--ease-bounce),opacity .35s var(--ease-out),transform .45s var(--ease-bounce),box-shadow .3s}
.node.in{opacity:1;transform:translateX(-50%) scale(1)}
.node.lift{box-shadow:var(--shadow-overlay);transform:translateX(-50%) scale(1.04)}
.node b{display:block;font-family:var(--font-display);font-weight:var(--weight-display);font-size:12px;color:var(--ink-900)}
.node span{display:block;font-size:10px;color:var(--text-faint);margin-top:1px}
.node i{display:inline-block;font-style:normal;font-size:9px;border-radius:var(--radius-pill);padding:2px 7px;margin-top:6px;background:var(--ink-100);color:var(--ink-700)}
.wire{position:absolute;background:var(--border-strong);transform-origin:top left;opacity:0;transition:left .7s var(--ease-bounce),width .7s var(--ease-bounce),top .7s var(--ease-bounce),height .7s var(--ease-bounce),opacity .35s}
.wire.in{opacity:1}
.chart h5{position:absolute;left:16px;top:12px;margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:13px;color:var(--ink-900)}
.pop-edit{position:absolute;z-index:7;background:#fff;border-radius:12px;box-shadow:var(--shadow-overlay);border:1px solid var(--border-default);padding:10px 12px;width:172px;opacity:0;transform:translateY(6px) scale(.96);transform-origin:top left;transition:opacity .25s var(--ease-out),transform .3s var(--ease-bounce);pointer-events:none}
.pop-edit.in{opacity:1;transform:none}
.pop-edit em{display:block;font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-faint);font-family:var(--font-display);margin-bottom:6px}
.pop-edit u{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;padding:6px 7px;border-radius:8px;transition:background .2s}
.pop-edit u.sel{background:var(--coral-50);color:var(--coral-600)}
.pop-edit u s{width:6px;height:6px;border-radius:50%;background:var(--ink-300);text-decoration:none}
.pop-edit u.sel s{background:var(--ep-coral)}
.roles .cursor{z-index:8}
.appwin{display:grid;grid-template-columns:150px minmax(0,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow-raised);overflow:hidden;position:relative}
.apprail{background:var(--surface-card);border-right:1px solid var(--border-default);padding:14px 10px;display:flex;flex-direction:column;gap:3px}
.apprail .brand{display:flex;align-items:center;gap:7px;padding:0 6px 12px;font-family:var(--font-display);font-size:12px;color:var(--ink-900)}
.apprail .brand img{width:20px;height:20px}
.apprail b{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--ink-700);transition:background .3s,color .3s}
.apprail b s{width:7px;height:7px;border-radius:2px;background:var(--ink-300);flex:none;text-decoration:none;transition:background .3s}
.apprail b.on{background:var(--ep-coral);color:#fff}
.apprail b.on s{background:#fff}
.apppane{position:relative;min-height:250px;background:var(--surface-page)}
.apppane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .45s var(--ease-out)}
.apppane img.on{opacity:1}
.mscr{position:absolute;inset:0;padding:13px 15px;overflow:hidden;opacity:0;transition:opacity .45s var(--ease-out);background:var(--surface-page);display:flex;flex-direction:column;gap:7px}
.mscr.on{opacity:1}
.mscr h6{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:17px;color:var(--ink-900);line-height:1.1}
.mscr .msub{font-size:10px;color:var(--text-faint);margin-top:-3px}
.mscr .mhead{display:flex;align-items:center;gap:8px}
.mrow{display:flex;align-items:center;gap:9px;background:#fff;border-radius:10px;padding:7px 11px;font-size:11px;box-shadow:var(--shadow-card);color:var(--ink-800)}
.mrow .k{font-family:var(--font-display);font-size:10px;color:var(--ink-500);width:40px;flex:none;font-variant-numeric:tabular-nums}
.mrow em{font-style:normal;display:block;font-size:9px;color:var(--text-faint);margin-top:1px}
.mrow .amt{margin-left:auto;font-family:var(--font-display);font-size:11px;color:var(--ink-900)}
.mgrp{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:11px;color:var(--ink-900);margin-top:3px}
.mgrp s{width:20px;height:6px;border-radius:3px;text-decoration:none;flex:none}
.mgrp span{font-size:9px;color:var(--text-faint);font-family:var(--font-body)}
.mbar{height:6px;border-radius:3px;background:var(--ink-100);overflow:hidden;width:74px;flex:none;margin-left:auto}
.mbar i{display:block;height:100%;border-radius:3px}
.mav{width:19px;height:19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:#fff;font-family:var(--font-display);flex:none}
.mkick{font-size:9px;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-faint);font-family:var(--font-display)}
.mcard{background:#fff;border-radius:10px;padding:9px 11px;box-shadow:var(--shadow-card);font-size:11px;color:var(--ink-800)}
.mcard b{font-family:var(--font-display);font-weight:var(--weight-display);font-size:11px;color:var(--ink-900)}
.appwin .cursor{z-index:8}
.cslides{position:relative}
.cslide{display:none}
.cslide.on{display:block}
.cdots{display:flex;align-items:center;gap:8px;margin-top:12px}
.cdots button{border:none;background:var(--ink-200);width:26px;height:6px;border-radius:3px;padding:0;cursor:pointer;transition:background .3s,width .35s var(--ease-bounce)}
.cdots button[aria-current="true"]{background:var(--ep-coral);width:44px}
.cdots span{font-size:11px;color:var(--text-faint);margin-left:auto;font-family:var(--font-display)}
.appr{padding:16px 18px;position:relative;min-height:334px}
.apphead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.apphead h4{margin:0;font-size:var(--text-sm)}
.ask{border:1.5px solid var(--border-default);border-radius:14px;padding:12px 14px;margin-bottom:10px;transition:opacity .45s var(--ease-out),transform .5s var(--ease-out),border-color .4s,background .4s}
.ask.settled{border-color:var(--success);background:var(--success-bg)}
.ask.flagged{border-color:var(--ep-amber);background:var(--amber-50)}
.ask.gone{opacity:0;transform:scale(.97) translateY(-6px)}
.ask[hidden]{display:none!important}
.ask b{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-sm);display:block}
.ask p{margin:4px 0 10px;font-size:12px;color:var(--text-muted)}
.askact{display:flex;align-items:center;gap:8px}
.mini-btn{border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-display);font-size:11px;background:var(--ep-coral);color:#fff;transition:transform .18s var(--ease-bounce),filter .18s}
.mini-btn.ghost{background:#fff;color:var(--ink-900);border:1.5px solid var(--border-strong)}
.mini-btn.hit{transform:scale(.93);filter:brightness(.9)}
.bars{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 4px}
.bars b{font-family:var(--font-display);font-size:22px;display:block;line-height:1.1}
.bars span{font-size:11px;color:var(--text-faint)}
.pbar{height:8px;border-radius:4px;background:var(--ink-100);overflow:hidden;margin-top:7px}
.pbar i{display:block;height:100%;border-radius:4px;background:var(--ep-amber);transition:width .6s var(--ease-out)}
.plist{display:flex;flex-direction:column}
.pt{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border-default);font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease-out),transform .4s var(--ease-bounce)}
.pt.in{opacity:1;transform:none}
.pt .nm{flex:1}
.pt .nm em{display:block;font-style:normal;font-size:10px;color:var(--text-faint);margin-top:2px}
.tick{width:18px;height:18px;border-radius:50%;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center;font-size:10px;flex:none}
.tick.due{background:var(--amber-50);color:var(--amber-600);font-family:var(--font-display)}
.tick.prog{background:var(--cyan-50);border:2.5px solid var(--ep-cyan);border-right-color:var(--cyan-50);border-bottom-color:var(--cyan-50)}
.appr [hidden]{display:none!important}
.revhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.revhead h4{margin:0;font-size:var(--text-sm)}
.revgrid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px}
.proof{position:relative;min-height:200px;border-radius:14px;background:var(--ink-50);border:1px solid var(--border-default);overflow:hidden}
.proof .proofart{position:absolute;inset:0;z-index:0;border-radius:12px;display:grid;place-items:center;
  background:repeating-linear-gradient(135deg,var(--ink-100) 0 12px,var(--ink-50) 12px 24px)}
.proof .proofart span{font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink-500);
  background:rgba(255,255,255,.86);border-radius:var(--radius-pill);padding:5px 14px}
.rbox{position:absolute;z-index:2;left:14%;top:18%;width:44%;height:26%;border:1.5px solid var(--ep-coral);border-radius:8px;background:rgba(240,81,111,.08)}
.rpin{position:absolute;z-index:3;width:22px;height:22px;border-radius:50% 50% 50% 2px;background:var(--ep-coral);color:#fff;font-family:var(--font-display);font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}
.rpin.done{background:var(--success)}
.rcol{display:flex;flex-direction:column;gap:8px;min-width:0}
.rcmt{display:flex;gap:8px;font-size:12px;line-height:1.35}
.rcmt b{display:block;font-family:var(--font-display);font-weight:var(--weight-display);font-size:11px;color:var(--ink-900)}
.rcmt em{font-style:normal;color:var(--text-faint);font-size:10px;margin-left:5px}
.rnum{width:17px;height:17px;border-radius:50%;background:var(--coral-50);color:var(--coral-600);font-family:var(--font-display);font-size:10px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.rnum.done{background:var(--success-bg);color:var(--success-text)}
.rbar{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px}
.rinput{flex:1;min-width:0;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:6px 12px;font-size:11px;color:var(--text-faint);background:#fff;white-space:nowrap;overflow:hidden;transition:border-color .2s,box-shadow .2s,color .2s}
.rinput.typing{color:var(--ink-900);border-color:var(--ep-cyan);box-shadow:0 0 0 3px var(--cyan-50)}
.rinput .caret{display:inline-block;width:1.5px;height:.95em;background:var(--ep-coral);vertical-align:-1px;margin-left:1px;animation:rcaret .9s steps(1) infinite}
@keyframes rcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
.rpost{background:var(--ep-coral);color:#fff;border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-display);font-size:11px;flex:none;transition:transform .18s var(--ease-bounce),filter .18s}
.rpost.hit{transform:scale(.92);filter:brightness(.9)}
.rev [data-rs]{opacity:0;transition:opacity .38s var(--ease-out),transform .46s var(--ease-bounce)}
.rev .rpin[data-rs]{transform:scale(.4)}
.rev .rbox[data-rs]{transform:scale(.94)}
.rev .rcmt[data-rs]{transform:translateY(12px)}
.rev [data-rs].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rev [data-rs]{opacity:1;transform:none}}
.shot.phoneshot{width:236px;flex:none;border-radius:22px}
.fart.row .shot:not(.phoneshot){width:auto;min-width:0;max-width:100%}
.pop{opacity:0;transform:translateY(18px)}
.fpanel.show .pop{opacity:1;transform:none;transition:opacity .5s var(--ease-out),transform .6s var(--ease-bounce)}
.fpanel.show .pop:nth-child(1){transition-delay:.06s}
.fpanel.show .pop:nth-child(2){transition-delay:.18s}
.fpanel.show .pop:nth-child(3){transition-delay:.3s}
.msg{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm);margin-top:10px}
.msg .av{width:28px;height:28px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;color:#fff}
.msg .bub{background:var(--ink-50);border-radius:14px;padding:8px 12px;text-wrap:pretty}
.msg.me{flex-direction:row-reverse}
.msg.me .bub{background:var(--cyan-50)}
.phone{width:228px;flex:none;background:var(--ink-900);border-radius:32px;padding:10px;box-shadow:var(--shadow-overlay)}
.phone .bar{width:62px;height:5px;border-radius:3px;background:rgba(255,255,255,.28);margin:3px auto 9px}
.phone .scr{background:#fff;border-radius:24px;padding:14px 13px}
.prog{height:8px;border-radius:4px;background:var(--ink-100);overflow:hidden;margin-top:8px}
.prog i{display:block;height:100%;border-radius:4px;background:var(--ep-cyan)}
.fpanel[hidden]{display:none}
.fpanel h3{font-size:var(--text-2xl);margin:22px 0 12px}
.fpanel p{color:var(--text-muted);margin:0;max-width:40ch;text-wrap:pretty}
.artstack{position:relative;min-height:380px;display:none}
.float{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--shadow-overlay);padding:16px 18px}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px;align-items:start}
.tcard{background:#eef4f4;border-radius:24px;padding:26px}
.tcard:nth-child(2){margin-top:44px}
.tcard:nth-child(3){margin-top:18px}
.tcard blockquote{margin:16px 0 22px;font-size:var(--text-sm);color:var(--ink-800);line-height:var(--leading-normal);text-wrap:pretty}
.tcard .person{display:flex;align-items:center;gap:12px}
.tcard .tavatar{width:88px;height:88px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-family:var(--font-display);font-size:var(--text-xl);color:#fff}
.tcard .person b{display:block;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-sm);color:var(--ink-900)}
.tcard .person span{font-size:var(--text-xs);color:var(--text-faint)}
.closing{position:relative;text-align:center;padding:120px 0 30px}
.sep{display:flex;align-items:center;gap:10px;justify-content:center;padding:76px 0 0}
.sep .line{height:1px;flex:1;max-width:290px;background:linear-gradient(90deg,transparent,var(--border-strong))}
.sep .line.r{background:linear-gradient(270deg,transparent,var(--border-strong))}
.sep .bars{display:flex;align-items:center;gap:7px}
.sep .bars s{height:7px;border-radius:4px;text-decoration:none;display:block;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-bounce)}
.sep.in .bars s{transform:scaleX(1)}
.sep .bars s:nth-child(1){width:54px;background:var(--ink-900);transition-delay:.05s}
.sep .bars s:nth-child(2){width:38px;background:var(--ep-cyan);transition-delay:.16s}
.sep .bars s:nth-child(3){width:24px;background:var(--ep-coral);transition-delay:.27s}
.sep .pin-glyph{width:15px;height:20px;margin-left:3px;opacity:0;transform:translateY(-16px) rotate(12deg);transition:opacity .3s var(--ease-out) .34s,transform .55s var(--ease-bounce) .34s}
.sep.in .pin-glyph{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sep .bars s{transform:scaleX(1)}.sep .pin-glyph{opacity:1;transform:none}}
.closing h2{margin:0 auto 18px;max-width:16ch}
.closing p{color:var(--text-muted);max-width:44ch;margin:0 auto 28px;text-wrap:pretty}
.scatter{position:absolute;inset:0;pointer-events:none}
.scatter .float{position:absolute;box-shadow:var(--shadow-card)}
footer.foot{background:var(--ink-900);border-radius:34px 34px 0 0;margin-top:70px;color:var(--ink-300)}
footer.foot .wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:38px;padding-bottom:38px}
footer.foot .logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--font-display);font-size:var(--text-md)}
footer.foot .logo img{width:26px;height:26px}
footer.foot a{color:var(--ink-300);font-size:var(--text-sm)}footer.foot a:hover{color:#fff}
footer.foot .cr{margin-left:auto;font-size:var(--text-xs);color:var(--ink-500)}
.rise{opacity:1;transform:none;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.js .rise{opacity:0;transform:translateY(26px)}
.js .rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rise{opacity:1;transform:none;transition:none}}
@media (max-width:1000px){
.stage{padding:34px 26px 36px;border-radius:26px}
.hero-top{grid-template-columns:1fr;gap:26px;align-items:start}
.bento{grid-auto-rows:100px;gap:10px}
.sechead{grid-template-columns:1fr;gap:20px}
.stats{grid-template-columns:1fr;gap:24px}
.stats{grid-template-columns:1fr;gap:0}
.stats > div{padding:26px 0;border-left:0;border-top:1px solid var(--border-default)}
.stats > div:first-child{border-top:0;padding-top:26px}
.pinwrap{height:auto}
.pinstage{position:static;min-height:0}
.pinhead{padding-right:0}
.pingrid{grid-template-columns:minmax(0,1fr)}
.pinstep{display:block}
.pinstep + .pinstep{margin-top:44px;padding-top:44px;border-top:1px solid var(--border-default)}
.steps{display:none}
.pinhead{grid-template-columns:1fr}
.steps{flex-direction:row;flex-wrap:wrap}
.prices{grid-template-columns:1fr}
.fpanel{grid-template-columns:1fr}
.tcards{grid-template-columns:1fr}
.tcard:nth-child(2),.tcard:nth-child(3){margin-top:0}
.scatter{display:none}
}
@media (max-width:700px){
.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:112px}
.bento > *{grid-column:span 2!important;grid-row:span 2!important}
.stage{padding:26px 18px 28px}
.hero-foot{flex-wrap:wrap}
.fart.row{flex-direction:column}
.revgrid{grid-template-columns:1fr}
.proof{min-height:220px}
.shot.phoneshot{width:100%;max-width:280px;align-self:center}
.phone{width:100%}
}

.site-banner{background:var(--ep-amber);color:var(--ink-900);text-align:center;font-family:var(--font-display);font-size:var(--text-sm);padding:9px 20px}

/* ═══ TABLET · 1024px and down ═══ */
@media (max-width:1024px){
.wrap{padding:0 22px}
.stage{padding:34px 26px 36px;border-radius:28px}
.nav .wrap{height:66px;gap:14px}
.navgroup{gap:2px}
.navgroup a{padding:8px 12px;font-size:12.5px}
.h-xl{font-size:clamp(34px,5.4vw,46px)!important}
.h-lg{font-size:clamp(27px,3.9vw,38px)}
.hero-top{grid-template-columns:1fr;gap:22px;align-items:start}
.hero-side p{font-size:var(--text-base);max-width:60ch}
.dots span{width:38px;height:38px}
.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:104px;gap:11px}
.bento > *{grid-column:span 3!important}
.bento > *:first-child{grid-column:span 6!important}
.hero-foot{flex-wrap:wrap;gap:10px}
.hero-foot .say{font-size:12px;padding:9px 16px}
.sechead{grid-template-columns:1fr;gap:16px}
.stats{grid-template-columns:1fr 1fr}
.stats > div{padding:24px 26px 6px}
.stats > div:nth-child(1),.stats > div:nth-child(3){padding-left:0;border-left:0}
.stats > div:nth-child(3){border-top:1px solid var(--border-default);grid-column:1/-1}
.sec{padding:78px 0 0}
.fpanel{grid-template-columns:1fr;gap:26px}
.fpanel h3{font-size:var(--text-xl)}
.tabs{margin-left:0!important;width:100%}
.tab{flex:1;justify-content:center;padding:0 12px}
.prices{grid-template-columns:1fr;gap:14px}
.price{padding:26px 24px}
.price .amt{font-size:36px}
.tcards{grid-template-columns:1fr;gap:14px}
.tcard{margin-top:0!important;padding:22px}
.closing{padding:78px 0 24px}
.scatter{display:none}
.sep{padding:56px 0 0}
.sep .line{max-width:120px}
footer.foot{border-radius:24px 24px 0 0;margin-top:52px}
footer.foot .wrap{gap:16px;padding-top:28px;padding-bottom:28px}
footer.foot .cr{margin-left:0;width:100%}
}

/* ═══ PHONE · 640px and down ═══ */
@media (max-width:640px){
.wrap{padding:0 16px}
.stage{padding:22px 16px 24px;border-radius:22px}
.nav .wrap{height:60px;gap:10px}
.navgroup{display:none}
.navtoggle{display:inline-flex}
.h-xl{font-size:clamp(30px,8.4vw,38px)!important;line-height:1.08}
.h-lg{font-size:clamp(24px,6.6vw,30px)}
.hero-top{gap:16px;margin-bottom:22px}
.hero-side p{font-size:14px;line-height:1.5}
.dots{gap:7px;margin-bottom:11px}
.dots span{width:34px;height:34px}
.bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}
.bento > *{grid-column:span 1!important;grid-row:auto!important;min-height:186px}
.bento > *:first-child{grid-column:span 1!important}
.tile.flush{min-height:158px}
.cyc .w{position:relative;inset:auto;opacity:0;height:0;overflow:hidden;transform:none;pointer-events:none}
.cyc .w.on{opacity:1;height:auto;overflow:visible;pointer-events:auto}
.cyc{padding:16px}
.cursor{display:none!important}
.hero-foot{flex-direction:column;align-items:stretch}
.hero-foot .btn,.hero-foot .say{width:100%;text-align:center;justify-content:center}
.hero-foot .circ{display:none}
.stats{grid-template-columns:1fr}
.stats > div{padding:20px 0!important;border-left:0;border-top:1px solid var(--border-default);grid-column:auto!important}
.stats > div:first-child{border-top:0}
.stats .n{font-size:34px;margin:12px 0 8px}
.sec{padding:60px 0 0}
.sechead p{font-size:18px!important}
.notch{display:none}
.tabs{gap:6px}
.tab{height:40px;font-size:11.5px;padding:0 10px}
.fart.row{flex-direction:column}
.appwin{grid-template-columns:1fr}
.apprail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border-default);padding:10px}
.apprail .brand{display:none}
.apprail b{white-space:nowrap;padding:7px 12px}
.apppane{min-height:280px}
.mscr{padding:12px}
.mscr h6{font-size:15px}
.revgrid{grid-template-columns:1fr}
.proof{min-height:180px}
.rcol{gap:6px}
.segpane{aspect-ratio:auto;min-height:300px}
.chart{position:relative;min-height:300px}
.fone{width:100%;max-width:300px;margin:0 auto}
.cdots span{display:none}
.price{padding:22px 20px;border-radius:20px}
.price .amt{font-size:32px}
.price ul{margin:16px 0 20px;gap:10px}
.closing{padding:60px 0 20px}
.sep{padding:44px 0 0}
.sep .line{max-width:56px}
.foot{margin-top:44px}
footer.foot .wrap{flex-direction:column;align-items:flex-start;gap:12px}
}
/* ═══ Mobile nav sheet ═══ */
.navtoggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--border-strong);background:#fff;cursor:pointer;flex:none;padding:0}
.navtoggle s{position:relative;display:block;width:16px;height:1.6px;background:var(--ink-900);text-decoration:none;transition:transform .25s var(--ease-out),opacity .2s}
.navtoggle s::before,.navtoggle s::after{content:"";position:absolute;left:0;width:16px;height:1.6px;background:var(--ink-900);transition:transform .25s var(--ease-out)}
.navtoggle s::before{top:-5px}.navtoggle s::after{top:5px}
.navtoggle[aria-expanded="true"] s{background:transparent}
.navtoggle[aria-expanded="true"] s::before{transform:translateY(5px) rotate(45deg)}
.navtoggle[aria-expanded="true"] s::after{transform:translateY(-5px) rotate(-45deg)}
.navsheet{display:none}
@media (max-width:640px){
.navsheet{display:block;position:fixed;left:12px;right:12px;top:60px;z-index:70;background:#fff;border:1px solid var(--border-default);border-radius:22px;box-shadow:var(--shadow-overlay);padding:10px;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:opacity .22s var(--ease-out),transform .3s var(--ease-bounce)}
.navsheet.on{opacity:1;transform:none;pointer-events:auto}
.navsheet a{display:block;padding:12px 14px;border-radius:14px;font-family:var(--font-display);font-size:15px;color:var(--ink-900)}
.navsheet a:hover{background:var(--ink-50)}
.navsheet .auth{width:100%;justify-content:center;margin-top:6px}
}

@media (max-width:640px){.navtoggle{display:inline-flex}}

@media (max-width:640px){.pin.on{top:6px;right:6px;transform:rotate(-14deg)}}