/* Layout: a product company site in eleven views, one file, client-side routing.
   The agency offer leads. Prices, a fair calendar and real numbers are visible. Yellow notes mark what still needs a yes. */
:root{
  --bg:#FCFBF9;
  --surface:#FFFFFF;
  --soft:#F6F4F9;
  --ink:#15122A;
  --ink-2:#48445A;
  --ink-3:#736D83;
  --line:#E7E3EC;
  --line-strong:#D3CDDC;
  --accent:#6B2DB5;
  --accent-hover:#58229A;
  --accent-ink:#FFFFFF;
  --accent-soft:#F1EAFB;
  --crm-bg:#EFE7FB;  --crm-ink:#5A249C;
  --xls-bg:#E4F3EB;  --xls-ink:#16663F;
  --fair-bg:#FDEBE1; --fair-ink:#A2410E;
  --web-bg:#FBE6F0;  --web-ink:#A61F63;
  --plain-bg:#EEECF2; --plain-ink:#48445A;
  --ok-bg:#E2F3E9;   --ok-ink:#17643C;
  --warn-bg:#FFF2CC; --warn-ink:#634000; --warn-line:#E9C766;
  --night:#15122A;
  --night-2:#201C38;
  --night-line:#35305A;
  --night-line-strong:#5A5388;
  --on-night:#F2EFF8;
  --on-night-2:#B9B2CD;
  --nav-bg:rgba(252,251,249,.92);
  --shadow-1:0 1px 2px rgba(21,18,42,.05),0 8px 24px rgba(21,18,42,.06);
  --shadow-lg:0 2px 6px rgba(21,18,42,.05),0 28px 64px rgba(21,18,42,.13);
  --focus:#6B2DB5;
  --grad:linear-gradient(90deg,#FFC400 0%,#FF8A1F 28%,#F2359A 62%,#9B3DF5 100%);
  --logo:url("data:image/webp;base64,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");
  --f-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F0D1B;--surface:#18152A;--soft:#1D1932;--ink:#EFECF6;--ink-2:#BDB7CD;--ink-3:#8F88A2;
    --line:#2B2743;--line-strong:#3E3860;--accent:#B48CF2;--accent-hover:#C8AAF7;--accent-ink:#15122A;--accent-soft:#241C3E;
    --crm-bg:#2A2045;--crm-ink:#CDB3F7;--xls-bg:#15291F;--xls-ink:#8FD3AE;--fair-bg:#2E1E15;--fair-ink:#F4A77C;--web-bg:#2E1726;--web-ink:#F29AC6;
    --plain-bg:#262238;--plain-ink:#C9C3D8;--ok-bg:#13291C;--ok-ink:#8FD3AE;--warn-bg:#382A0B;--warn-ink:#F4CF7A;--warn-line:#6A5520;
    --night:#08070F;--night-2:#131024;--night-line:#2A2646;--night-line-strong:#4B4478;--on-night:#F2EFF8;--on-night-2:#ADA6C2;
    --nav-bg:rgba(15,13,27,.9);--focus:#B48CF2;
    --shadow-1:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);
    --shadow-lg:0 2px 6px rgba(0,0,0,.4),0 28px 64px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F0D1B;--surface:#18152A;--soft:#1D1932;--ink:#EFECF6;--ink-2:#BDB7CD;--ink-3:#8F88A2;
  --line:#2B2743;--line-strong:#3E3860;--accent:#B48CF2;--accent-hover:#C8AAF7;--accent-ink:#15122A;--accent-soft:#241C3E;
  --crm-bg:#2A2045;--crm-ink:#CDB3F7;--xls-bg:#15291F;--xls-ink:#8FD3AE;--fair-bg:#2E1E15;--fair-ink:#F4A77C;--web-bg:#2E1726;--web-ink:#F29AC6;
  --plain-bg:#262238;--plain-ink:#C9C3D8;--ok-bg:#13291C;--ok-ink:#8FD3AE;--warn-bg:#382A0B;--warn-ink:#F4CF7A;--warn-line:#6A5520;
  --night:#08070F;--night-2:#131024;--night-line:#2A2646;--night-line-strong:#4B4478;--on-night:#F2EFF8;--on-night-2:#ADA6C2;
  --nav-bg:rgba(15,13,27,.9);--focus:#B48CF2;
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);
  --shadow-lg:0 2px 6px rgba(0,0,0,.4),0 28px 64px rgba(0,0,0,.5);
  color-scheme:dark;
}

*{box-sizing:border-box}
figure{margin:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-sans);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--accent)}
img{max-width:100%}
h1,h2,h3{text-wrap:balance}
p,li,td{text-wrap:pretty}
section[id]{scroll-margin-top:84px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
h1:focus,h2:focus,h3:focus{outline:none}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:12px;z-index:60;background:var(--surface);color:var(--ink);padding:8px 12px;border-radius:8px}

.label{font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0}
h2{font-weight:800;font-size:clamp(1.8rem,1.25rem + 1.8vw,2.7rem);line-height:1.08;letter-spacing:-.03em;margin:0}
.lead{font-size:clamp(1.03rem,.98rem + .25vw,1.15rem);line-height:1.62;color:var(--ink-2);margin:0;max-width:64ch}
.fine{font-size:.84rem;line-height:1.5;color:var(--ink-3);margin:0}
.fine a{color:var(--ink-2)}
.sec{padding-block:clamp(56px,7.5vw,100px)}
.sec-soft{background:var(--soft)}
.sec-tight{padding-block:4px clamp(52px,7vw,92px)}
.head{display:grid;gap:14px;max-width:800px;margin-bottom:clamp(28px,4.2vw,48px)}
.after-note{margin:22px 0 0;color:var(--ink-2);max-width:72ch}
.after-note b{color:var(--ink)}
.more-link{margin:26px 0 0;font-weight:700}
.more-link a{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.more-link svg{width:16px;height:16px}
.vis-center{display:grid;place-items:center;min-width:0}

/* review notes */
.rv-bar{background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid var(--warn-line);font-size:.86rem}
.rv-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding-block:8px}
.rv-inner p{margin:0}
.rv-inner button{font:700 .8rem/1 var(--f-sans);padding:7px 11px;border-radius:8px;border:1px solid var(--warn-line);background:var(--surface);color:var(--ink);cursor:pointer}
.rv.rv{display:inline-flex;align-items:center;gap:5px;margin:0 0 0 7px;padding:2px 7px;border-radius:6px;background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-line);font:600 .7rem/1.35 var(--f-sans);font-style:normal;letter-spacing:0;text-transform:none;vertical-align:.1em;white-space:normal;text-align:left;width:auto}
.rv.rv::before{content:"\25C6";font-size:.6rem}
.notes-off .rv.rv{display:none!important}

.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:10px;font:700 .96rem/1.1 var(--f-sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s}
.btn svg{width:16px;height:16px;flex:none}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{background:var(--accent-hover)}
.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--ink-3)}
.btn-onnight{background:transparent;color:var(--on-night);border-color:var(--night-line-strong)}
.btn-onnight:hover{border-color:var(--on-night-2)}
.btn-sm{padding:9px 14px;font-size:.88rem}

/* badges */
.b{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;line-height:1.35;white-space:nowrap}
.b::before{content:"";width:6px;height:6px;border-radius:2px;background:currentColor;flex:none}
.b-crm{background:var(--crm-bg);color:var(--crm-ink)}
.b-xls{background:var(--xls-bg);color:var(--xls-ink)}
.b-fair{background:var(--fair-bg);color:var(--fair-ink)}
.b-web{background:var(--web-bg);color:var(--web-ink)}
.b-plain{background:var(--plain-bg);color:var(--plain-ink)}
.b-new{background:var(--ok-bg);color:var(--ok-ink)}

/* nav */
.brandline{height:3px;background:var(--grad)}
.site-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--nav-bg);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;gap:12px;min-height:64px;position:relative}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand-mark{display:block;width:50px;height:24px;background:var(--logo) left center/contain no-repeat}
.brand-word{font-weight:800;font-size:1.22rem;letter-spacing:-.02em}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links > a{color:var(--ink-2);text-decoration:none;font-size:.93rem;font-weight:600;padding:8px 11px;border-radius:8px}
.nav-links > a:hover{color:var(--ink);background:var(--soft)}
.nav-links > a[aria-current="page"]{color:var(--ink);background:var(--soft)}
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:6px;font:600 .93rem/1 var(--f-sans);color:var(--ink-2);background:none;border:0;padding:10px 11px;border-radius:8px;cursor:pointer}
.dd-btn svg{width:12px;height:12px;transition:transform .2s}
.dd-btn:hover,.dd-btn.current{color:var(--ink);background:var(--soft)}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-menu{display:none;position:absolute;top:100%;left:0;margin-top:6px;min-width:300px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);z-index:50;gap:2px}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.dd.open .dd-menu{display:grid}
@media (min-width:1101px) and (hover:hover){.dd:hover .dd-menu{display:grid}}
.dd-menu a{display:grid;gap:1px;padding:10px 12px;border-radius:8px;text-decoration:none}
.dd-menu a b{color:var(--ink);font-size:.95rem}
.dd-menu a small{color:var(--ink-3);font-size:.8rem;font-weight:500}
.dd-menu a:hover,.dd-menu a[aria-current="page"]{background:var(--soft)}
.menu-btn{display:none;font:700 .88rem/1 var(--f-sans);padding:10px 12px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}
@media (max-width:1100px){
  .menu-btn{display:inline-flex}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px clamp(16px,4vw,40px) 16px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);max-height:calc(100vh - 70px);overflow-y:auto}
  .nav-links.open{display:flex}
  .nav-links > a{padding:12px 10px;font-size:1rem}
  .dd-btn{display:none}
  .dd::before{content:"Solutions";display:block;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px 4px}
  .dd-menu{display:grid;position:static;margin:0;min-width:0;padding:0 0 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
  .dd-menu::before{display:none}
}
@media (max-width:420px){.nav-cta{display:none}}

/* page tops */
.hero{padding-block:clamp(40px,6vw,80px) clamp(44px,6vw,76px)}
.hero-grid,.ptop-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,4.5vw,64px);align-items:center}
.ptop{padding-block:clamp(36px,5vw,72px) clamp(36px,5vw,64px)}
.ptop.solo{padding-bottom:clamp(28px,4vw,44px)}
.ptop.solo .hero-sub{max-width:62ch}
.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 13px 6px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--ink-2);margin:0}
.pill i{width:14px;height:14px;border-radius:4px;background:var(--grad);flex:none}
h1{font-weight:800;font-size:clamp(2.2rem,1.4rem + 2.6vw,3.5rem);line-height:1.04;letter-spacing:-.04em;margin:20px 0 20px}
.hero-sub{font-size:clamp(1.05rem,1rem + .35vw,1.22rem);line-height:1.58;color:var(--ink-2);margin:0;max-width:56ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-meta{margin:24px 0 0;font-size:.88rem;color:var(--ink-3)}
.hero h1{font-size:clamp(2.2rem,1.3rem + 2.3vw,3.1rem)}
@media (max-width:1040px){.hero-grid,.ptop-grid{grid-template-columns:minmax(0,1fr)}}

/* app window */
.app{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;font-size:.86rem;line-height:1.45;min-width:0;width:100%}
.app-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--soft)}
.dots{display:flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}
.app-title{font-size:.78rem;color:var(--ink-3);font-weight:600}
.app-body{display:grid;grid-template-columns:140px minmax(0,1fr)}
.app-side{border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px;background:var(--soft)}
.app-side span{padding:7px 10px;border-radius:7px;color:var(--ink-2);font-size:.8rem;font-weight:500}
.app-side .on{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 0 0 1px var(--line)}
.app-main{padding:16px 16px 12px;min-width:0}
.app-h{font-weight:800;font-size:1.02rem;margin:0;letter-spacing:-.01em}
.app-sub{margin:2px 0 0;color:var(--ink-3);font-size:.76rem}
.app-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.flt{font-size:.72rem;font-weight:600;padding:5px 9px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-2);background:var(--surface);white-space:nowrap}
.recs{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.rec + .rec{border-top:1px solid var(--line)}
.rec.open{background:var(--soft)}
.rec-head{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px 6px;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit}
.rec-name{font-weight:700;font-size:.92rem;min-width:0}
.rec-name em{font-style:normal;font-weight:500;color:var(--ink-3);font-size:.78rem;margin-left:6px}
.rec-fit{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;flex:none}
.rec-fit b{font-size:.95rem}
.rec-fit small{font-size:.68rem;color:var(--ink-3);font-weight:600}
.bar{width:48px;height:5px;border-radius:3px;background:var(--line);overflow:hidden;display:block}
.bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.chev{width:14px;height:14px;color:var(--ink-3);transition:transform .2s}
.rec.open .chev{transform:rotate(180deg)}
.rec-src{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px}
.rec-why{margin:7px 0 0;padding:0 12px 11px;display:flex;flex-wrap:wrap;gap:1px 10px;align-items:baseline}
.sig{color:var(--ink);font-weight:500}
.src{font-family:var(--f-mono);font-size:.68rem;color:var(--ink-3)}
.rec-more{padding:0 12px 12px;display:grid;gap:8px}
.rec-more p{margin:0;color:var(--ink-2);font-size:.82rem}
.rec-more b{color:var(--ink)}
.rec-more .opener{background:var(--accent-soft);border-radius:8px;padding:8px 10px;font-style:italic;color:var(--ink)}
.rec-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rec-actions button{font:700 .76rem/1 var(--f-sans);padding:7px 10px;border-radius:7px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}
.rec-actions button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.owner{margin-left:auto;font-size:.74rem;color:var(--ink-3)}
.rec-more .act-note{font-size:.76rem;color:var(--ink-3);min-height:1.1em}
.app-note{margin:10px 2px 0;font-size:.72rem;color:var(--ink-3)}
@media (max-width:640px){.app-body{grid-template-columns:minmax(0,1fr)}.app-side{display:none}}

/* fair scan mock */
.funnel{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.funnel li{padding:10px 12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);min-width:0}
.funnel b{display:block;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.funnel span{display:block;font-size:.72rem;color:var(--ink-3);line-height:1.3}
.scan{width:100%;border-collapse:collapse;font-size:.8rem}
.scan th{font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.scan td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.scan tr:last-child td{border-bottom:0}
.scan td > b{display:block;font-size:.84rem}
.scan td > small{display:block;color:var(--ink-3);font-size:.7rem}
.scan .src{display:block;margin-top:2px}
@media (max-width:520px){.scan th:nth-child(3),.scan td:nth-child(3){display:none}.funnel b{font-size:1.1rem}}

/* offer strip */
.offer{border-block:1px solid var(--line);background:var(--surface)}
.offer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 32px;align-items:center;padding-block:22px}
.offer-text{margin:4px 0 0;font-weight:700;font-size:1.05rem}
.offer-items{display:flex;flex-wrap:wrap;gap:10px}
.offer-item{display:grid;gap:2px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--bg);text-decoration:none;color:var(--ink);min-width:0}
.offer-item:hover{border-color:var(--line-strong)}
.offer-item b{font-size:.95rem}
.offer-item > span{font-size:.84rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
@media (max-width:900px){.offer-inner{grid-template-columns:minmax(0,1fr)}}

/* problem */
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.two .copy{display:grid;gap:16px;min-width:0}
.srcs{list-style:none;margin:0;padding:0;display:grid;gap:9px;min-width:0}
.srcs li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;padding:11px 14px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink-2)}
.srcs .b{justify-self:start}
.sub{margin-top:clamp(44px,6vw,72px);display:grid;gap:22px}
@media (max-width:900px){.two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.srcs li{grid-template-columns:minmax(0,1fr);gap:6px}}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:st}
.steps4{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps5{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.steps li{position:relative;padding-top:56px;min-width:0}
.steps li::before{counter-increment:st;content:counter(st);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:800;font-size:1rem;display:grid;place-items:center}
.steps li:not(:last-child)::after{content:"";position:absolute;top:19px;left:54px;right:-12px;height:2px;background:var(--line-strong)}
.steps h3{margin:0 0 6px;font-size:1.15rem;font-weight:800;letter-spacing:-.015em}
.steps p{margin:0;color:var(--ink-2)}
@media (max-width:1100px){.steps5{grid-template-columns:repeat(3,minmax(0,1fr))}.steps5 li::after{display:none}}
@media (max-width:980px){.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}.steps4 li::after{display:none}}
@media (max-width:640px){.steps,.steps4,.steps5{grid-template-columns:minmax(0,1fr);gap:24px}.steps li::after{display:none}}

/* outputs */
.outs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.out{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.out-vis{background:var(--soft);border-bottom:1px solid var(--line);padding:18px;height:200px;display:grid;align-content:center;overflow:hidden}
.out-body{padding:18px 20px 20px;display:grid;gap:6px;align-content:start}
.out-body h3{margin:0;font-size:1.16rem;font-weight:800;letter-spacing:-.015em}
.out-body p{margin:0;color:var(--ink-2);font-size:.96rem}
.out-body .out-for{font-size:.86rem;color:var(--ink-3);padding-top:8px;margin-top:4px;border-top:1px solid var(--line)}
@media (max-width:980px){.outs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.outs{grid-template-columns:minmax(0,1fr)}}
.sp{font-size:.74rem;color:var(--ink-2);min-width:0}
.sp p{margin:0}
.sp-scan{display:grid;gap:7px}
.sp-scan div{display:grid;grid-template-columns:minmax(0,1fr) 64px 22px;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 9px}
.sp-scan span{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-scan i{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--w),var(--line) var(--w))}
.sp-scan b{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right}
.sp-doc{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:6px;box-shadow:var(--shadow-1);width:min(100%,250px);justify-self:center}
.sp-doc .d1{font-weight:800;color:var(--ink);font-size:.82rem}
.sp-doc .d2{color:var(--ink-3);font-size:.68rem}
.sp-doc .ln{display:block;height:5px;border-radius:3px;background:var(--line)}
.sp-doc .ln.s{width:70%}
.sp-doc .d3{font-size:.7rem;background:var(--accent-soft);color:var(--ink);padding:4px 7px;border-radius:5px}
.sp-doc .d4{font-family:var(--f-mono);font-size:.64rem;color:var(--ink-3)}
.sp-mail{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.sp-mail .m1{padding:7px 10px;background:var(--soft);font-weight:800;color:var(--ink);border-bottom:1px solid var(--line)}
.sp-mail div{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border-top:1px solid var(--line)}
.sp-mail div:first-of-type{border-top:0}
.sp-mail b{color:var(--ink);white-space:nowrap}
.sp-mail span{color:var(--ink-3);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-dir{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:6px}
.sp-dir .s1{display:flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:6px;padding:5px 8px;color:var(--ink-2)}
.sp-dir .s1 svg{width:11px;height:11px;flex:none;color:var(--ink-3)}
.sp-dir div{display:flex;justify-content:space-between;gap:8px}
.sp-dir div b{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-dir div span{color:var(--ink-3);white-space:nowrap}
.sp-dir .s2{background:var(--soft);border-radius:6px;padding:5px 8px;color:var(--ink)}
.sp-book{position:relative;height:132px}
.sp-book .pg{position:absolute;top:8px;bottom:8px;width:46%;border-radius:7px;border:1px solid var(--line);box-shadow:var(--shadow-1);padding:12px 10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.sp-book .pg.c{left:8%;background:var(--night);border-color:var(--night-line);color:var(--on-night);transform:rotate(-4deg);z-index:1}
.sp-book .pg.c::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.sp-book .pg.c b{font-size:.8rem;line-height:1.2}
.sp-book .pg.c small{font-size:.64rem;color:var(--on-night-2)}
.sp-book .pg.i{right:8%;background:var(--surface);transform:rotate(3deg);z-index:2}
.sp-book .pg.i small{font-size:.64rem;color:var(--ink-3)}
.sp-book .pg.i i{display:block;height:15px;border-radius:4px;background:var(--soft);border:1px solid var(--line)}
.sp-cal{display:grid;gap:6px}
.sp-cal div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}
.sp-cal b{font-family:var(--f-mono);font-size:.7rem;color:var(--accent);font-weight:500;white-space:nowrap}
.sp-cal span{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* doors */
.doors{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:20px}
.door{padding:clamp(22px,2.6vw,30px);border-radius:16px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:12px;min-width:0}
.door h3{margin:0;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.door p{margin:0;color:var(--ink-2)}
.door .door-k{font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.door .door-ex{font-size:.92rem;padding:12px 14px;border-radius:10px;background:var(--soft);border:1px solid var(--line)}
.door .door-ex b{color:var(--ink)}
.door-more{margin-top:auto;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.door-more svg{width:16px;height:16px}
.door.main{background:var(--night);border-color:var(--night);color:var(--on-night)}
.door.main h3{color:var(--on-night)}
.door.main p{color:var(--on-night-2)}
.door.main .door-k{color:var(--on-night-2)}
.door.main .door-ex{background:var(--night-2);border-color:var(--night-line)}
.door.main .door-ex b{color:var(--on-night)}
.door.main .door-more{color:var(--on-night)}
@media (max-width:980px){.doors{grid-template-columns:minmax(0,1fr)}}

/* how we work */
.model3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.m3{padding:24px;border-radius:14px;border:1px solid var(--line);background:var(--surface);min-width:0}
.m3 h3{margin:0 0 8px;font-size:1.12rem;font-weight:800}
.m3 p{margin:0;color:var(--ink-2)}
.m3.you{background:var(--accent-soft);border-color:transparent}
.m3.you p{color:var(--ink)}
@media (max-width:860px){.model3{grid-template-columns:minmax(0,1fr)}}

/* numbers */
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat{border-top:2px solid var(--ink);padding-top:14px;min-width:0}
.stat > b{display:block;font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums;margin-bottom:6px}
.stat > span{color:var(--ink-2);font-size:.95rem}
@media (max-width:860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.stats{grid-template-columns:minmax(0,1fr)}}

/* fair list (home) */
.fairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fairs li{padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.fr-name{margin:0;font-weight:800;line-height:1.25}
.fr-meta{margin:0 0 6px;color:var(--ink-3);font-size:.9rem}
.fairs .st{margin-top:auto;align-self:flex-start}
@media (max-width:980px){.fairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fairs{grid-template-columns:minmax(0,1fr)}}
.st{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st.open{background:var(--ok-bg);color:var(--ok-ink)}
.st.prog{background:var(--accent-soft);color:var(--accent)}

/* comparison */
.cmp-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.cmp{width:100%;border-collapse:collapse}
.cmp th,.cmp td{padding:15px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.cmp thead th{border-top:0;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--soft)}
.cmp thead th.w{background:var(--accent);color:var(--accent-ink)}
.cmp tbody th{font-weight:800;color:var(--ink);width:19%}
.cmp td.g{color:var(--ink-2);width:40%}
.cmp td.w{color:var(--ink);background:var(--accent-soft);font-weight:500}
@media (max-width:700px){
  .cmp thead{display:none}
  .cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto!important}
  .cmp tr{border-top:1px solid var(--line)}
  .cmp tbody tr:first-child{border-top:0}
  .cmp th,.cmp td{border-top:0;padding:10px 16px}
  .cmp tbody th{padding-top:16px}
  .cmp td::before{content:attr(data-label);display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
  .cmp td.w{margin:0 10px 14px;border-radius:10px}
}

/* night */
.night{background:var(--night);color:var(--on-night)}
.night .label{color:var(--on-night-2)}
.night h2{color:var(--on-night)}
.night .lead{color:var(--on-night-2)}
.night :focus-visible{outline-color:var(--on-night)}
.trust-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start}
.trust-grid .copy{display:grid;gap:16px;min-width:0}
.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}
.trust-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.trust-list li{padding-top:16px;border-top:1px solid var(--night-line);min-width:0}
.trust-list h3{margin:0 0 6px;font-size:1.04rem;font-weight:800;color:var(--on-night)}
.trust-list p{margin:0;color:var(--on-night-2);font-size:.96rem}
@media (max-width:900px){.trust-grid{grid-template-columns:minmax(0,1fr)}.trust-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.trust-list,.trust-3{grid-template-columns:minmax(0,1fr)}}

/* faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);align-items:start}
.faq-grid .head{margin-bottom:0}
.faq details{border-top:1px solid var(--line-strong)}
.faq details:last-child{border-bottom:1px solid var(--line-strong)}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-weight:700;font-size:1.03rem;line-height:1.4;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font:400 1.5rem/1 var(--f-sans);color:var(--ink-3);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:var(--ink-2);max-width:66ch}
@media (max-width:860px){.faq-grid{grid-template-columns:minmax(0,1fr)}}

/* closing band */
.band{background:var(--night);color:var(--on-night);border-radius:18px;padding:clamp(26px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;position:relative;overflow:hidden}
.band::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.band h2{color:var(--on-night);font-size:clamp(1.6rem,1.2rem + 1.3vw,2.2rem)}
.band p{margin:8px 0 0;color:var(--on-night-2);max-width:60ch}
.band-ctas{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:760px){.band{grid-template-columns:minmax(0,1fr)}}

/* agencies */
.ladder{list-style:none;margin:0;padding:0;counter-reset:ld;border-top:1px solid var(--line-strong)}
.ladder li{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(150px,auto);gap:6px 22px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line-strong)}
.ladder li::before{counter-increment:ld;content:counter(ld);width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:800}
.ld-name{margin:4px 0 0;font-weight:800;font-size:1.18rem;letter-spacing:-.01em}
.ld-desc{margin:4px 0 0;color:var(--ink-2);max-width:66ch}
.ld-price{margin:4px 0 0;font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em}
.ld-price small{display:block;font-weight:500;font-size:.84rem;color:var(--ink-3);letter-spacing:0}
@media (max-width:680px){.ladder li{grid-template-columns:40px minmax(0,1fr)}.ld-price{grid-column:2;text-align:left;margin-top:8px}}
.who-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.who{padding:clamp(22px,3vw,32px);border-radius:16px;border:1px solid var(--line);background:var(--surface);min-width:0}
.who h3{margin:0 0 16px;font-size:1.22rem;font-weight:800;letter-spacing:-.015em}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ticks li{position:relative;padding-left:22px;color:var(--ink-2)}
.ticks li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--accent)}
.ticks b{color:var(--ink)}
@media (max-width:820px){.who-grid{grid-template-columns:minmax(0,1fr)}}
.samples{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.samples figure{margin:0}
.samples-note{margin:16px 0 0}
@media (max-width:900px){.samples{grid-template-columns:minmax(0,1fr)}}
.pack{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);overflow:hidden;font-size:.84rem;min-width:0}
.pack-head{padding:16px 18px 14px;background:var(--night);color:var(--on-night);position:relative}
.pack-head::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}
.pack-head p{margin:0}
.pk-kick{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-night-2);font-weight:700}
.pk-title{font-weight:800;font-size:1.08rem;margin-top:4px!important}
.pk-sub{font-size:.76rem;color:var(--on-night-2)}
.pk-rows{list-style:none;margin:0;padding:0}
.pk-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px 18px;border-top:1px solid var(--line)}
.pk-rows li:first-child{border-top:0}
.pk-rows li > b{font-size:.88rem}
.pk-stand{font-family:var(--f-mono);font-size:.72rem;color:var(--ink-3);white-space:nowrap}
.pk-why{grid-column:1/-1;color:var(--ink-2);margin:0;font-size:.8rem}
.pk-open{grid-column:1/-1;margin:4px 0 0;font-style:italic;color:var(--ink);background:var(--accent-soft);padding:6px 9px;border-radius:6px;font-size:.78rem}
.pk-foot{padding:10px 18px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.75rem;background:var(--soft)}
.mail{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);overflow:hidden;font-size:.84rem;min-width:0;width:100%}
.mail-head{padding:12px 18px;border-bottom:1px solid var(--line);background:var(--soft);display:grid;gap:2px}
.mail-head p{margin:0;color:var(--ink-3);font-size:.74rem}
.mail-head .subj{color:var(--ink);font-weight:800;font-size:.96rem;margin-top:3px}
.mail-rows{list-style:none;margin:0;padding:0}
.mail-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:11px 18px;border-top:1px solid var(--line)}
.mail-rows li:first-child{border-top:0}
.mail-rows li > b{font-size:.88rem}
.mail-rows .sig2{grid-column:1/-1;color:var(--ink-2);font-size:.82rem;margin:0}
.mail-rows .src{grid-column:1/-1}
.mail-foot{margin:0;padding:11px 18px;border-top:1px solid var(--line);font-weight:700;color:var(--accent);font-size:.82rem}
.cal-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto;background:var(--surface)}
.cal{width:100%;border-collapse:collapse;min-width:660px}
.cal th,.cal td{padding:14px 18px;text-align:left;border-top:1px solid var(--line);vertical-align:middle}
.cal thead th{border-top:0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--soft);font-weight:800}
.cal td{color:var(--ink-2);font-variant-numeric:tabular-nums}
.cal td:first-child{color:var(--ink);font-weight:700}
.sub-label{margin:32px 0 12px;font-weight:800}
.covered{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.covered li{padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:.9rem;color:var(--ink-2)}
.covered b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px}
.cal-notes{display:grid;gap:6px}
.work{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.work li{display:grid;grid-template-columns:minmax(0,1.25fr) 104px minmax(0,2.3fr) minmax(0,1fr);gap:8px 26px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.w-name{font-weight:800;margin:0;min-width:0}
.w-name small{display:block;font-weight:500;color:var(--ink-3);font-size:.84rem;margin-top:2px}
.w-type{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0}
.w-type.in{color:var(--accent)}.w-type.out{color:var(--fair-ink)}.w-type.map{color:var(--xls-ink)}.w-type.an{color:var(--ink-3)}.w-type.demo{color:var(--web-ink)}
.w-desc{color:var(--ink-2);margin:0;min-width:0}
.w-num{font-weight:800;text-align:right;margin:0;font-variant-numeric:tabular-nums}
@media (max-width:880px){.work li{grid-template-columns:minmax(0,1fr) auto}.w-desc{grid-column:1/-1}.w-num{grid-column:1/-1;text-align:left}}

/* features */
.feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 34px}
.feat li{padding-top:16px;border-top:2px solid var(--ink);min-width:0}
.feat h3{margin:0 0 6px;font-size:1.1rem;font-weight:800;letter-spacing:-.01em}
.feat p{margin:0;color:var(--ink-2)}
@media (max-width:900px){.feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.feat{grid-template-columns:minmax(0,1fr)}}
.price-line{margin:28px 0 0;padding:16px 20px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
.price-line b{color:var(--ink)}

/* organisations mocks */
.dir{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:16px;display:grid;gap:10px;font-size:.8rem}
.dir-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dir-name{font-weight:800;font-size:.9rem;color:var(--ink);margin:0}
.dir-region{font-size:.66rem;color:var(--ink-3);font-weight:600;margin:0}
.dir-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;color:var(--ink-2);margin:0}
.dir-search svg{width:13px;height:13px;color:var(--ink-3);flex:none}
.dir-chips{display:flex;flex-wrap:wrap;gap:5px}
.dir-chips span{font-size:.64rem;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.dir-list{list-style:none;margin:0;padding:0;display:grid}
.dir-list li{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line)}
.dir-logo{width:28px;height:28px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:.62rem;font-weight:800;display:grid;place-items:center;flex:none}
.dir-list li > span:nth-child(2){flex:1;min-width:0}
.dir-list b{display:block;font-size:.76rem;line-height:1.25;color:var(--ink)}
.dir-list small{display:block;font-size:.66rem;line-height:1.3;color:var(--ink-3)}
.dir-pdf{font-size:.6rem;font-weight:800;padding:3px 6px;border-radius:5px;border:1px solid var(--line-strong);color:var(--ink-2)}
.dir-chat{border-radius:10px;background:var(--soft);padding:9px 10px;display:grid;gap:6px}
.dir-chat p{margin:0;font-size:.72rem;line-height:1.4}
.dir-chat .q{justify-self:end;background:var(--ink);color:var(--bg);padding:6px 9px;border-radius:9px 9px 2px 9px;max-width:85%}
.dir-chat .a{background:var(--surface);border:1px solid var(--line);padding:6px 9px;border-radius:9px 9px 9px 2px;color:var(--ink-2);max-width:94%}
.book{position:relative;width:min(100%,400px);height:270px}
.bk-page{position:absolute;top:0;bottom:0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-1);padding:16px 14px;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.bk-page p{margin:0}
.bk-cover{left:0;width:56%;transform:rotate(-4deg);background:var(--night);border-color:var(--night-line);z-index:1}
.bk-cover::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.bk-inner{right:0;width:60%;transform:rotate(2deg);background:var(--surface);z-index:2}
.bk-kicker{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-night-2)}
.bk-title{font-weight:800;font-size:1.05rem;line-height:1.15;color:var(--on-night);margin-top:6px!important}
.bk-place{font-size:.76rem;color:var(--on-night-2)}
.bk-sub{margin-top:auto!important;font-size:.66rem;color:var(--on-night-2)}
.bk-h{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px!important}
.bk-co{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.bk-co b{display:block;font-size:.72rem;line-height:1.25;color:var(--ink)}
.bk-co small{display:block;font-size:.62rem;line-height:1.3;color:var(--ink-3)}
.bk-web{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:7px;border-top:1px solid var(--line);font-size:.62rem;color:var(--ink-2)}
.bk-web svg{width:24px;height:24px;color:var(--ink);flex:none}
.case-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-1);padding:22px;display:grid;gap:14px}
.case-card p{margin:0}
.cc-k{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--fair-ink)}
.cc-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cc-big div{padding:12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);min-width:0}
.cc-big b{display:block;font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cc-big span{display:block;font-size:.76rem;color:var(--ink-3);line-height:1.3}

/* pricing */
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.price{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.price h3{margin:0;font-size:1.1rem;font-weight:800}
.p-amt{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.p-amt small{font-size:.9rem;font-weight:600;color:var(--ink-3);letter-spacing:0}
.p-desc{margin:0;color:var(--ink-2)}
.p-for{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.86rem;color:var(--ink-3)}
.price.first{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
@media (max-width:980px){.prices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.prices{grid-template-columns:minmax(0,1fr)}}
.math{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.math div{padding:22px;border-left:1px solid var(--line);min-width:0}
.math div:first-child{border-left:0}
.math div:last-child{background:var(--accent-soft)}
.math b{display:block;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;margin-bottom:6px}
.math span{color:var(--ink-2)}
@media (max-width:760px){.math{grid-template-columns:minmax(0,1fr)}.math div{border-left:0;border-top:1px solid var(--line)}.math div:first-child{border-top:0}}
.terms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 34px;max-width:960px}
.terms li{padding:14px 0;border-top:1px solid var(--line-strong);color:var(--ink-2)}
.terms b{color:var(--ink)}
@media (max-width:700px){.terms{grid-template-columns:minmax(0,1fr)}}

/* platform */
.flow{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.15fr) 44px minmax(0,1fr);align-items:stretch}
.fl-col{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px;min-width:0}
.fl-col h3{margin:0 0 12px;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.fl-col ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.fl-col ul li{font-size:.86rem;font-weight:600;padding:6px 10px;border-radius:8px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.fl-ws{background:var(--night);border-color:var(--night);color:var(--on-night)}
.fl-ws h3{color:var(--on-night-2)}
.fl-ws ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fl-ws ol li{padding:10px 12px;border:1px solid var(--night-line);border-radius:10px;display:grid;gap:1px}
.fl-ws ol b{color:var(--on-night)}
.fl-ws ol span{color:var(--on-night-2);font-size:.86rem}
.fl-arrow{display:grid;place-items:center;color:var(--ink-3)}
.fl-arrow svg{width:22px;height:22px}
@media (max-width:900px){.flow{grid-template-columns:minmax(0,1fr)}.fl-arrow{height:40px}.fl-arrow svg{transform:rotate(90deg)}}
.dpp{width:min(100%,360px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-1);padding:18px;display:grid;gap:10px;font-size:.84rem}
.dpp p{margin:0}
.dpp-top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.dpp-name{font-weight:800;font-size:1rem}
.dpp-sub{color:var(--ink-3);font-size:.76rem}
.dpp-qr{width:52px;height:52px;flex:none;color:var(--ink)}
.dpp-row{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--line);color:var(--ink-2)}
.dpp-row b{color:var(--ink)}
.dpp-chat{background:var(--soft);border-radius:9px;padding:8px 10px;color:var(--ink)}

/* insights */
.ins-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:18px}
.ins-head h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fact{padding:20px;border-radius:12px;background:var(--surface);border:1px solid var(--line);min-width:0}
.fact > b{display:block;font-size:clamp(1.6rem,1.2rem + 1vw,2.1rem);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;margin-bottom:6px}
.fact > span{color:var(--ink-2);font-size:.93rem}
@media (max-width:900px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.facts{grid-template-columns:minmax(0,1fr)}}
.ins-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ins{padding:24px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:grid;gap:10px;align-content:start;min-width:0}
.ins h3{margin:0;font-size:1.18rem;font-weight:800;letter-spacing:-.015em;line-height:1.2}
.ins p{margin:0;color:var(--ink-2)}
.ins .label{color:var(--accent)}
@media (max-width:900px){.ins-cards{grid-template-columns:minmax(0,1fr)}}

/* about */
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.person{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.avatar{width:76px;height:76px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:1.3rem}
.person p{margin:0}
.p-name{font-weight:800;font-size:1.15rem}
.p-role{color:var(--ink-3);font-size:.9rem}
.p-bio{color:var(--ink-2);margin-top:6px!important}
@media (max-width:760px){.team{grid-template-columns:minmax(0,1fr)}}
.rules{list-style:none;margin:0;padding:0;display:grid;gap:0;min-width:0}
.rules li{padding:16px 0;border-top:1px solid var(--line-strong);color:var(--ink-2)}
.rules li:last-child{border-bottom:1px solid var(--line-strong)}
.rules b{color:var(--ink);display:block;font-size:1.05rem}
.facts-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.facts-row li{display:grid;gap:4px;padding-top:14px;border-top:2px solid var(--ink);min-width:0}
.facts-row b{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.facts-row li > span{color:var(--ink);font-weight:600}
@media (max-width:860px){.facts-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.facts-row{grid-template-columns:minmax(0,1fr)}}

/* work view */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.chip{font:700 .86rem/1 var(--f-sans);padding:9px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);cursor:pointer}
.chip:hover{color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,72px);align-items:center}
.contact-grid .copy{min-width:0}
.next{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px;counter-reset:nx}
.next li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 14px;align-items:start;color:var(--ink-2)}
.next li::before{counter-increment:nx;content:counter(nx);grid-row:span 2;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.next b{color:var(--ink)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,32px);box-shadow:var(--shadow-1);min-width:0}
.cc-name{font-weight:800;font-size:1.45rem;letter-spacing:-.02em;margin:0}
.cc-role{margin:2px 0 16px;color:var(--ink-3)}
.cc-mail{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;border-block:1px solid var(--line)}
.cc-mail span{font-size:1.18rem;font-weight:700;overflow-wrap:anywhere;color:var(--ink);user-select:all}
.cc-meta{margin:14px 0 0;color:var(--ink-3);font-size:.94rem}
.cc-meta a{color:var(--ink-2)}
@media (max-width:860px){.contact-grid{grid-template-columns:minmax(0,1fr)}}

/* footer */
.foot{border-top:1px solid var(--line);padding-block:40px 44px;background:var(--bg)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:28px}
.foot-line{margin:10px 0 0;color:var(--ink-3);font-size:.92rem;max-width:34ch}
.foot h4{margin:0 0 10px;font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot ul a{color:var(--ink-2);text-decoration:none;font-size:.94rem}
.foot ul a:hover{color:var(--ink)}
.foot-base{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:var(--ink-3);font-size:.88rem}
.foot-base p{margin:0}
@media (max-width:820px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid > div:first-child{grid-column:1/-1}}