/* ═══════════════════════════════════════════════════════════════
   TIWIZIT — the website. Same graphic chart as the app (app.css):
   Hanken Grotesk, warm canvas on a slow aura, frosted panels, solid
   12 px buttons, Instagram and LinkedIn in their own colour, gold only
   where a human approved. Light and dark from the system.
   ═══════════════════════════════════════════════════════════════ */

@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2-variations")}

:root{
  color-scheme:light;
  --ink-0:#FAF8F5; --ink-1:#FFFEFB; --ink-2:#F4F2EE; --ink-3:#ECE9E3;
  --line:rgba(17,17,24,.08); --line-2:rgba(17,17,24,.14); --line-3:rgba(17,17,24,.24);
  --text-1:#111118; --text-2:#3D3A45; --text-3:#6B6573;
  --approved:#FFC233; --approved-ink:#111118; --approved-gradient:linear-gradient(180deg,#FFD35C,#FFC233);
  --primary-bg:#111118; --primary-fg:#FFFEFB; --strong-bg:#111118; --strong-fg:#FFFEFB; --strong-muted:#C9C6D0;
  --tint:rgba(17,17,24,.06); --tint-hover:rgba(17,17,24,.10);
  --ok:#1F6F2E; --research:#5DBB63;
  --ig-gradient:linear-gradient(125deg,#8A3FB8 0%,#C4336F 45%,#F2625A 78%,#F8A35B 100%);
  --ig-block:radial-gradient(60% 80% at 100% 100%,rgba(248,163,91,.85),transparent 60%),var(--ig-gradient);
  --ig-chip:linear-gradient(120deg,#8A3FB8,#C4336F);
  --li:#1A5FD0; --li-gradient:linear-gradient(135deg,#1A5FD0 0%,#0D55B8 55%,#073F8C 100%);
  --li-block:radial-gradient(50% 70% at 100% 0%,rgba(130,200,255,.45),transparent 60%),var(--li-gradient);
  --mark-gradient:linear-gradient(135deg,#C4336F,#F2625A);
  --glass-bg:rgba(255,255,255,.55); --glass-bg-strong:rgba(255,255,255,.66); --glass-blur:blur(20px) saturate(1.4);
  --glass-ring:inset 0 0 0 1px rgba(255,255,255,.7); --glass-shadow:0 1px 2px rgba(17,17,24,.04),0 12px 30px -18px rgba(17,17,24,.18);
  --glass-header:rgba(250,248,245,.62);
  --aura-1:#C4336F; --aura-1-o:.34; --aura-2:#1A5FD0; --aura-2-o:.26; --aura-3:#F2625A; --aura-3-o:.30; --aura-4:#FFC233; --aura-4-o:.20; --aura-wash:rgba(250,248,245,.5);
  --shadow-preview:0 40px 80px -30px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.4);
  --shadow-block:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.08),0 50px 90px -45px rgba(17,17,24,.5);
  --f:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.32,.72,0,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --container:1216px; --gutter:32px;
  --focus:3px solid var(--text-1);
}
:root[data-theme="dark"]{color-scheme:dark;
  --ink-0:#0E0D14; --ink-1:#17161F; --ink-2:#1F1E29; --ink-3:#2A2935;
  --line:rgba(244,241,236,.09); --line-2:rgba(244,241,236,.14); --line-3:rgba(244,241,236,.24);
  --text-1:#F4F1EC; --text-2:#C9C5D1; --text-3:#A39EAF;
  --primary-bg:#F4F1EC; --primary-fg:#111118; --strong-bg:#F4F1EC; --strong-fg:#111118; --strong-muted:#4A4652;
  --tint:rgba(244,241,236,.08); --tint-hover:rgba(244,241,236,.13); --ok:#7ED987;
  --glass-bg:rgba(30,28,40,.55); --glass-bg-strong:rgba(30,28,40,.66); --glass-ring:inset 0 0 0 1px rgba(255,255,255,.08);
  --glass-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 16px 40px -20px rgba(0,0,0,.7); --glass-header:rgba(14,13,20,.62);
  --aura-1-o:.30; --aura-2-o:.30; --aura-3-o:.22; --aura-4-o:.12; --aura-wash:rgba(14,13,20,.55);
  --shadow-preview:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08); --focus:3px solid #F4F1EC}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
  --ink-0:#0E0D14; --ink-1:#17161F; --ink-2:#1F1E29; --ink-3:#2A2935;
  --line:rgba(244,241,236,.09); --line-2:rgba(244,241,236,.14); --line-3:rgba(244,241,236,.24);
  --text-1:#F4F1EC; --text-2:#C9C5D1; --text-3:#A39EAF;
  --primary-bg:#F4F1EC; --primary-fg:#111118; --strong-bg:#F4F1EC; --strong-fg:#111118; --strong-muted:#4A4652;
  --tint:rgba(244,241,236,.08); --tint-hover:rgba(244,241,236,.13); --ok:#7ED987;
  --glass-bg:rgba(30,28,40,.55); --glass-bg-strong:rgba(30,28,40,.66); --glass-ring:inset 0 0 0 1px rgba(255,255,255,.08);
  --glass-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 16px 40px -20px rgba(0,0,0,.7); --glass-header:rgba(14,13,20,.62);
  --aura-1-o:.30; --aura-2-o:.30; --aura-3-o:.22; --aura-4-o:.12; --aura-wash:rgba(14,13,20,.55);
  --shadow-preview:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08); --focus:3px solid #F4F1EC}}

/* ─── base ─── */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:var(--f);font-size:17px;line-height:1.55;color:var(--text-1);background:var(--ink-0);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{line-height:1.05;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3)}
a:hover{text-decoration-color:currentColor}
img,video{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:12px}
::selection{background:rgba(255,194,51,.55)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.num{font-variant-numeric:tabular-nums}
@media (max-width:640px){:root{--gutter:16px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ─── the aura ─── */
.tw-aura{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.tw-aura i{position:absolute;border-radius:50%;filter:blur(100px) saturate(.85);will-change:transform}
.tw-aura i:nth-child(1){width:52vw;height:52vw;left:-12vw;top:-18vw;background:var(--aura-1);opacity:var(--aura-1-o);animation:a1 16s ease-in-out infinite alternate}
.tw-aura i:nth-child(2){width:44vw;height:44vw;right:-10vw;top:10vh;background:var(--aura-2);opacity:var(--aura-2-o);animation:a2 19s ease-in-out infinite alternate}
.tw-aura i:nth-child(3){width:38vw;height:38vw;left:30vw;bottom:-20vw;background:var(--aura-3);opacity:var(--aura-3-o);animation:a3 17s ease-in-out infinite alternate}
.tw-aura i:nth-child(4){width:26vw;height:26vw;left:55vw;top:30vh;background:var(--aura-4);opacity:var(--aura-4-o);animation:a4 22s ease-in-out infinite alternate}
.tw-aura::after{content:"";position:absolute;inset:0;background:var(--aura-wash)}
@keyframes a1{50%{transform:translate(26vw,12vh) scale(1.2)}100%{transform:translate(8vw,30vh) scale(.95)}}
@keyframes a2{50%{transform:translate(-24vw,20vh) scale(.85)}100%{transform:translate(-8vw,-6vh) scale(1.15)}}
@keyframes a3{50%{transform:translate(-18vw,-26vh) scale(1.2)}100%{transform:translate(14vw,-10vh) scale(.9)}}
@keyframes a4{50%{transform:translate(-30vw,14vh) scale(1.3)}100%{transform:translate(-12vw,-20vh)}}
.page{position:relative;z-index:1}

/* ─── wordmark, lozenge ─── */
.tw-wordmark{font-weight:640;letter-spacing:-.035em;line-height:1;color:var(--text-1);display:inline-block;text-decoration:none;font-size:26px}
.tw-wordmark b{font-weight:inherit;position:relative}
.tw-wordmark b::after{content:"";position:absolute;left:50%;top:.14em;width:.22em;height:.22em;margin-left:-.11em;transform:rotate(45deg);border-radius:.035em;background:var(--mark-gradient)}
.tw-wordmark.on-colour{color:#fff}.tw-wordmark.on-colour b::after{background:#fff}
.loz{display:inline-block;width:10px;height:10px;transform:rotate(45deg);border-radius:2px;background:var(--mark-gradient);flex:none}
.loz.gold{background:var(--approved)}

/* ─── buttons ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:580;font-size:15px;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;color:var(--text-1);background:var(--tint);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .2s}
.btn:hover{background:var(--tint-hover)}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--primary-bg);color:var(--primary-fg)}
.btn-primary:hover{background:var(--primary-bg);box-shadow:0 12px 26px -10px rgba(0,0,0,.55);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text-2)}
.btn-ghost:hover{background:var(--tint);color:var(--text-1)}
.btn-on-colour{background:#FFFEFB;color:#111118;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}
.btn-on-colour:hover{background:#FFFEFB;transform:translateY(-1px)}
.btn-lg{min-height:54px;padding:0 26px;font-size:16px}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.btn .arrow{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-primary .arrow{background:rgba(255,255,255,.14);border-radius:6px;padding:2px;box-sizing:content-box}
:root[data-theme="dark"] .btn-primary .arrow{background:rgba(17,17,24,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-primary .arrow{background:rgba(17,17,24,.12)}}

/* ─── header ─── */
.site-header{position:sticky;top:0;z-index:20;background:var(--glass-header);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 1px 0 var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:24px;min-height:72px}
.site-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.site-nav a{text-decoration:none;font-weight:520;font-size:15px;color:var(--text-2);padding:10px 12px;border-radius:10px}
.site-nav a:hover{background:var(--tint);color:var(--text-1)}
.site-nav a[aria-current="page"]{color:var(--text-1);font-weight:600}
.site-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;background:var(--tint);place-items:center}
.menu-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
@media (max-width:900px){
  .site-nav,.site-actions{display:none}
  .menu-btn{display:grid}
  .site-header.open .site-nav,.site-header.open .site-actions{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0}
  .site-header.open .wrap{flex-wrap:wrap;padding-bottom:16px}
  .site-header.open .site-nav a{padding:12px 14px;font-size:17px}
  .site-header.open .site-actions{gap:8px;padding-top:8px;border-top:1px solid var(--line)}
  .site-header.open .site-actions .btn{width:100%}
}

/* ─── sections ─── */
section{padding:96px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:560;color:var(--text-3);margin-bottom:18px}
.h-display{font-size:clamp(42px,6.6vw,88px);font-weight:620;letter-spacing:-.05em;line-height:.95}
.h-1{font-size:clamp(32px,3.8vw,50px)}
.h-2{font-size:clamp(26px,2.8vw,34px)}
.lede{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--text-2);max-width:60ch}
.small{font-size:14px;color:var(--text-3)}
.section-head{max-width:760px;margin-bottom:48px}
.section-head p{margin-top:16px}
.center{text-align:center}.center .lede,.center .section-head,.section-head.center{margin-left:auto;margin-right:auto}

/* hero */
.hero{padding:88px 0 0}
.hero .h-display{max-width:14ch}
.hero .lede{margin-top:24px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:32px}
.fine{margin-top:14px;font-size:14px;color:var(--text-3)}
.shot{margin-top:56px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-preview);background:var(--ink-1)}
.shot img{width:100%;height:auto}
.shot-frame{padding:8px;border-radius:30px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring),var(--glass-shadow);margin-top:56px}
.shot-frame .shot{margin:0;border-radius:22px;box-shadow:none}
.hero .shot-frame{margin-bottom:-120px;position:relative;z-index:2}
.after-hero{padding-top:200px}

/* platform strip */
.platforms{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pblock{position:relative;overflow:hidden;border-radius:32px;padding:36px;color:#fff;min-height:220px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-block)}
.pblock.ig{background:var(--ig-block)}.pblock.li{background:var(--li-block)}
.pblock::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.pblock>*{position:relative;z-index:1}
.pblock h3{font-size:clamp(24px,2.4vw,30px)}
.pblock p{color:rgba(255,255,255,.9);max-width:44ch}
.pchip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:10px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font-weight:560;font-size:14px;align-self:flex-start;backdrop-filter:blur(10px)}
.pchip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pblock ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:auto;font-size:15px}
.pblock li{display:flex;gap:10px;align-items:baseline}
.pblock li::before{content:"";width:8px;height:8px;transform:rotate(45deg);border-radius:1.5px;background:#fff;flex:none;position:relative;top:-1px}
.channels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.cblock{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:22px;background:var(--glass-bg);box-shadow:inset 0 0 0 1px var(--line)}
.cblock h3{font-size:17px;font-weight:620}
.cblock p{font-size:14px;line-height:1.55;color:var(--text-2)}
.cstate{margin-top:auto;align-self:flex-start;font-size:12.5px;font-weight:560;padding:4px 10px;border-radius:10px;background:var(--ink-2);color:var(--text-2)}
.cstate.on{background:rgba(31,111,46,.1);color:var(--ok)}
.channels-note{margin-top:14px;font-size:14px;color:var(--text-3);max-width:70ch}
@media (max-width:1000px){.channels{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.platforms{grid-template-columns:1fr}.pblock{padding:26px;border-radius:26px}.channels{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.channels{grid-template-columns:1fr}}

/* the loop: alternating rows */
.row{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;padding:40px 0}
.row:nth-child(even){grid-template-columns:1.15fr 1fr}
.row:nth-child(even) .row-text{order:2}
.row-text h3{font-size:clamp(26px,2.8vw,36px);margin-bottom:14px}
.row-text p{color:var(--text-2)}
.row-text ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
.row-text li{display:flex;gap:12px;align-items:baseline;color:var(--text-1)}
.row-text li::before{content:"";width:8px;height:8px;transform:rotate(45deg);border-radius:1.5px;background:var(--text-1);flex:none;position:relative;top:-1px}
.row-text .more{display:inline-block;margin-top:22px;font-weight:580}
.step-no{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--strong-bg);color:var(--strong-fg);font-weight:640;font-size:14px;margin-bottom:16px}
.row .shot{margin:0}
@media (max-width:900px){.row,.row:nth-child(even){grid-template-columns:1fr;gap:24px}.row:nth-child(even) .row-text{order:0}}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tiles.three{grid-template-columns:repeat(3,1fr)}
.tile{border-radius:26px;padding:28px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring),var(--glass-shadow);display:flex;flex-direction:column;gap:12px}
.tile h3{font-size:22px}
.tile p{color:var(--text-2);font-size:16px}
.tile .tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:560;color:var(--text-3)}
.tile-strong{background:var(--strong-bg);color:var(--strong-fg);backdrop-filter:none;box-shadow:0 30px 60px -30px rgba(17,17,24,.5)}
.tile-strong p,.tile-strong .tag{color:var(--strong-muted)}
.tile-strong h3{color:inherit}
@media (max-width:900px){.tiles,.tiles.three{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tiles,.tiles.three{grid-template-columns:1fr}.tile{padding:22px;border-radius:22px}}

/* approval */
.approval{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-radius:36px;padding:56px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring),var(--glass-shadow)}
.approval .stage{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-preview);aspect-ratio:1/1;max-width:440px;margin:0 auto;width:100%}
.approval .stage img.post{width:100%;height:100%;object-fit:cover}
.approval .medal{position:absolute;right:22px;bottom:22px;width:120px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35));transform:rotate(-8deg)}
.approved-tag{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:12px;background:var(--approved-gradient);color:var(--approved-ink);font-weight:620;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 24px -10px rgba(0,0,0,.35)}
.approved-tag::before{content:"";width:12px;height:12px;transform:rotate(45deg);border-radius:2px;background:#111118}
.approved-tag small{font-weight:500;opacity:.75}
.approval .stage .approved-tag{position:absolute;left:18px;top:18px}
@media (max-width:900px){.approval{grid-template-columns:1fr;padding:28px;border-radius:28px}}

/* pricing */
.toggle{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--tint)}
.toggle button{min-height:40px;padding:0 16px;border-radius:9px;font-weight:580;font-size:14px;color:var(--text-2)}
.toggle button[aria-pressed="true"]{background:var(--ink-1);color:var(--text-1);box-shadow:0 1px 2px rgba(17,17,24,.08)}
.toggle .save{font-size:12px;color:var(--ok);margin-left:6px;font-weight:600}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.plan{border-radius:28px;padding:30px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring),var(--glass-shadow);display:flex;flex-direction:column;gap:14px}
.plan.featured{background:var(--strong-bg);color:var(--strong-fg);backdrop-filter:none;box-shadow:0 40px 80px -40px rgba(17,17,24,.6)}
.plan.featured .small,.plan.featured .plan-for,.plan.featured .per{color:var(--strong-muted)}
.plan h3{font-size:24px}
.plan-for{color:var(--text-2);font-size:15px;min-height:44px}
.price{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.price b{font-size:52px;font-weight:620;letter-spacing:-.05em;line-height:1}
.price .per{color:var(--text-3);font-size:15px}
.price .was{font-size:18px;color:var(--text-3);text-decoration:line-through;font-weight:500;margin-right:2px}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:6px 0 8px;font-size:15px}
.plan li{display:flex;gap:10px;align-items:baseline}
.plan li::before{content:"";width:8px;height:8px;transform:rotate(45deg);border-radius:1.5px;background:currentColor;flex:none;position:relative;top:-1px;opacity:.85}
.plan .btn{margin-top:auto}
.plan.featured .btn-primary{background:var(--strong-fg);color:var(--strong-bg)}
.founding{display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding:16px 20px;border-radius:14px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring),var(--glass-shadow);color:var(--text-1)}
.founding b{font-weight:640}
.founding::before{content:"";width:12px;height:12px;transform:rotate(45deg);border-radius:2px;background:var(--mark-gradient);flex:none;margin-top:7px}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.limits{width:100%;border-collapse:collapse;font-size:15px;margin-top:8px}
.limits th,.limits td{text-align:left;padding:12px 0;border-top:1px solid var(--line)}
.limits th{color:var(--text-3);font-weight:560;font-size:13px}
.limits td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}

/* faq */
.faq{max-width:820px;margin:0 auto}
.faq details{border-top:1px solid var(--line);padding:6px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;font-weight:600;font-size:18px;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:none;transition:transform .3s var(--ease);margin-right:6px}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{color:var(--text-2);padding:0 0 18px;max-width:66ch}
.faq details p+p{margin-top:-6px}

/* final CTA */
.cta-block{border-radius:36px;padding:64px 48px;background:var(--strong-bg);color:var(--strong-fg);display:grid;grid-template-columns:1.2fr auto;gap:32px;align-items:center;box-shadow:0 40px 80px -40px rgba(17,17,24,.6)}
.cta-block h2{font-size:clamp(30px,3.6vw,46px)}
.cta-block p{color:var(--strong-muted);margin-top:10px}
.cta-block .btn-primary{background:var(--strong-fg);color:var(--strong-bg)}
.cta-block .btn-primary .arrow{background:rgba(127,127,127,.18)}
@media (max-width:760px){.cta-block{grid-template-columns:1fr;padding:36px 24px;border-radius:26px}}

/* prose pages (docs, legal, about) */
.prose-layout{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}
.toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.toc a{text-decoration:none;color:var(--text-2);padding:8px 12px;border-radius:10px}
.toc a:hover{background:var(--tint);color:var(--text-1)}
.toc .toc-h{font-size:12.5px;font-weight:560;color:var(--text-3);padding:12px 12px 6px}
.prose{max-width:72ch;font-size:17px}
.prose h1{font-size:clamp(34px,4vw,50px);margin-bottom:12px}
.prose h2{font-size:26px;margin:56px 0 14px;padding-top:8px}
.prose h3{font-size:20px;margin:30px 0 10px}
.prose p,.prose li{color:var(--text-2)}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px 22px;display:flex;flex-direction:column;gap:6px}
.prose strong{color:var(--text-1);font-weight:600}
.prose .meta{color:var(--text-3);font-size:14px;margin-bottom:28px}
.prose .note{border-radius:14px;padding:14px 18px;background:var(--glass-bg);box-shadow:var(--glass-ring),var(--glass-shadow);color:var(--text-1);font-size:15px;margin:0 0 18px}
.prose kbd{font-size:13px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:6px;padding:1px 7px;font-weight:560;color:var(--text-1)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}
.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-top:1px solid var(--line);vertical-align:top}
.prose th{color:var(--text-3);font-weight:560;font-size:13px}
@media (max-width:900px){.prose-layout{grid-template-columns:1fr;gap:24px}.toc{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}.toc .toc-h{display:none}}

/* about */
.people{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.person{border-radius:22px;padding:24px;background:var(--glass-bg);box-shadow:var(--glass-ring),var(--glass-shadow)}
.person b{display:block;font-size:20px;letter-spacing:-.02em;margin-bottom:4px}
.person span{color:var(--text-3);font-size:15px}
@media (max-width:640px){.people{grid-template-columns:1fr}}

/* footer */
.site-footer{padding:64px 0 40px;border-top:1px solid var(--line);margin-top:48px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.foot-grid h4{font-size:13px;font-weight:560;color:var(--text-3);margin-bottom:14px;letter-spacing:0}
.foot-grid ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.foot-grid a{text-decoration:none;color:var(--text-2)}
.foot-grid a:hover{color:var(--text-1);text-decoration:underline}
.foot-brand p{color:var(--text-2);margin-top:14px;max-width:40ch}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--text-3);font-size:14px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.foot-grid{grid-template-columns:1fr}}

/* video slot: enabled when the film is in place */
.video-wrap{margin-top:40px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-preview);background:#111118;aspect-ratio:16/9}
.video-wrap video,.video-wrap iframe{width:100%;height:100%;border:0;display:block}

/* waitlist (Fix 43) */
.wl-form{margin-top:32px;max-width:560px;display:flex;flex-direction:column;gap:14px}
.wl-row{display:flex;gap:10px;flex-wrap:wrap}
.wl-input{flex:1 1 240px;min-width:0;min-height:52px;padding:0 18px;border-radius:12px;border:1px solid var(--line-2);background:var(--ink-1);color:var(--text-1);font:inherit;font-size:16px}
.wl-input::placeholder{color:var(--text-3)}
.wl-input:focus{outline:var(--focus);outline-offset:2px;border-color:transparent}
.wl-row .btn{min-height:52px}
.wl-field{display:flex;flex-direction:column;gap:6px}
.wl-field .wl-input{flex:none;height:52px}
.wl-field label,.wl-label{font-size:14px;font-weight:560;color:var(--text-2)}
.wl-field .opt{font-weight:500;color:var(--text-3)}
.wl-chips{display:flex;flex-wrap:wrap;gap:8px}
.wl-chips button{min-height:40px;padding:0 14px;border-radius:10px;background:var(--tint);color:var(--text-2);font-weight:560;font-size:14px}
.wl-chips button[aria-pressed="true"]{background:var(--primary-bg);color:var(--primary-fg)}
.wl-hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.wl-consent{margin:0}
.wl-status{min-height:1.4em;font-size:14px;color:var(--text-2)}
.wl-status.bad{color:#B42318}
:root[data-theme="dark"] .wl-status.bad{color:#FF9B8F}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wl-status.bad{color:#FF9B8F}}
.wl-done{margin-top:32px;max-width:560px;padding:20px 22px;border-radius:16px;background:var(--glass-bg-strong);box-shadow:var(--glass-ring),var(--glass-shadow);display:flex;flex-direction:column;gap:4px;font-size:16px}
.wl-done b{font-size:20px;letter-spacing:-.02em}
.wl-done span{color:var(--text-2)}
.wl-done:focus{outline:none}
.wl-card{max-width:680px;margin:0 auto;border-radius:32px;padding:44px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-ring),var(--glass-shadow)}
.wl-card .wl-form,.wl-card .wl-done{max-width:none}
.wl-note{margin-bottom:22px;padding:14px 18px;border-radius:14px;background:var(--ink-2);color:var(--text-1);font-size:15px}
.wl-founders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.wl-founders div{border-radius:14px;padding:14px 16px;background:var(--ink-1);box-shadow:inset 0 0 0 1px var(--line)}
.wl-founders span{display:block;font-size:13px;font-weight:560;color:var(--text-3)}
.wl-founders b{font-size:28px;letter-spacing:-.04em}
.wl-founders s{color:var(--text-3);font-size:15px;margin-left:6px}
.founder-price{margin-top:-4px}
.plan.featured .founder-price{color:var(--strong-muted)}
@media (max-width:640px){.wl-card{padding:26px 20px;border-radius:24px}.wl-founders{grid-template-columns:1fr}.wl-row .btn{width:100%}}