:root{
  color-scheme: light;
  --red:#a52219; --red-dk:#8a1c14; --cream:#fbf3e4; --paper:#fffcf6; --white:#ffffff; --muted:#eee6d7; --sand:#f1e5d5;
  --butter:#f8c84b; --sky:#bfd7e4; --blue:#1f4b6e; --blush:#f3d9cf; --ink:#201c18; --ink-2:#4d453d; --ink-3:#766b60;
  --hair:rgba(32,28,24,.14);
  --bd:2px solid var(--ink); --sh:5px 5px 0 var(--ink); --sh-s:3px 3px 0 var(--ink);
  --firm:#1f4b6e;
  --anton:"Anton",Impact,"Arial Narrow",sans-serif;
  --sans:"Inter",-apple-system,"Segoe UI",sans-serif;
  --serif:"Newsreader",Georgia,serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--butter);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.h2{font-family:var(--anton);font-weight:400;font-size:clamp(34px,4.8vw,58px);line-height:1.02}
.h2 em{font-style:normal;color:var(--red)}
.lede{font-size:clamp(17px,1.6vw,19px);color:var(--ink-2);max-width:60ch;margin-top:16px}
.sec{padding-block:clamp(72px,9vw,112px)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;font-family:var(--sans)}
.btn-butter{background:var(--butter);color:var(--ink);border-color:var(--ink);box-shadow:var(--sh-s)}
.btn-butter:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.btn-ghost{border-color:rgba(251,243,228,.6);color:var(--cream);background:transparent}
.btn-ghost:hover{border-color:var(--cream)}
.btn-ink{background:var(--ink);color:var(--cream)}
.link{font-weight:700;color:var(--red);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}
.card{background:var(--white);border:var(--bd);border-radius:14px;box-shadow:var(--sh)}
.tagm{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* proposal chrome */
.pchrome{background:var(--ink);color:var(--cream);font-size:14px}
.pchrome .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding-block:14px}
.pchrome b{color:var(--butter);font-weight:600}
.pchrome .stats{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:var(--mono);font-size:12px;color:#d8cfc2}
.pchrome .stats b{color:var(--cream)}
.toggle{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:none;border:1px solid rgba(251,243,228,.35);color:var(--cream);border-radius:999px;padding:7px 14px}
.toggle[aria-pressed="true"]{background:var(--butter);color:var(--ink);border-color:var(--butter)}
.note{display:none;margin:0 auto 28px;max-width:1180px;padding-inline:clamp(16px,4vw,40px)}
.show-notes .note{display:block}
.note div{background:var(--ink);color:var(--cream);border-radius:10px;padding:12px 16px;font-size:13.5px;line-height:1.5;display:flex;gap:12px;align-items:flex-start}
.note div::before{content:"NOTE";font-family:var(--mono);font-size:11px;letter-spacing:.1em;background:var(--butter);color:var(--ink);padding:2px 7px;border-radius:4px;flex:none;margin-top:1px}
.note b{color:var(--butter);font-weight:600}
.on-red .note div{background:rgba(0,0,0,.35)}

/* nav */
.nav{background:var(--red);position:sticky;top:env(safe-area-inset-top,0px);z-index:30;border-bottom:1px solid rgba(0,0,0,.15)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.nav .logo{background:var(--cream);border-radius:8px;padding:6px 10px;display:inline-flex}
.nav .logo img{height:20px;width:auto}
.nav .links{display:flex;align-items:center;gap:26px;color:var(--cream);font-size:14.5px;font-weight:500}
.nav .links a{text-decoration:none}
.nav .links .btn{padding:9px 18px;font-size:14px;background:var(--cream);color:var(--red);box-shadow:none;border-color:transparent}
@media (max-width:720px){.nav .links a:not(.btn){display:none}}

/* ================= HERO ================= */
.hero{background:var(--red);color:var(--cream);padding-block:clamp(40px,5vw,72px) clamp(52px,6vw,80px)}
.hero .grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:960px){.hero .grid{grid-template-columns:1fr}}
.hero h1{font-family:var(--anton);font-weight:400;font-size:clamp(70px,10vw,128px);line-height:.9;letter-spacing:.005em}
.hero h1 span{color:var(--butter);display:block}
.hero .pos{font-family:var(--anton);font-weight:400;font-size:clamp(20px,2vw,25px);line-height:1.15;text-transform:uppercase;max-width:22em;margin-top:22px}
.hero .pos em{font-style:normal;color:var(--butter)}
.hero .sub{font-size:clamp(17px,1.5vw,18.5px);line-height:1.55;max-width:30em;color:#fbeede;margin-top:18px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.newacc{margin-top:22px;display:inline-flex;gap:12px;align-items:center;border:1.5px dashed rgba(251,243,228,.5);border-radius:10px;padding:9px 14px;font-size:13.5px;color:#fbeede}
.newacc b{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--butter);font-weight:600}
.film{position:relative;border-radius:14px;overflow:hidden;background:#000;border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(0,0,0,.35);aspect-ratio:16/9}
.film video{width:100%;height:100%;object-fit:cover}
.film .tagf{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.5);padding:4px 8px;border-radius:4px;pointer-events:none}
.film .snd{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.55);padding:6px 10px;border-radius:6px;cursor:pointer}
/* name widget, in the hero */
.namer{margin-top:18px;background:rgba(0,0,0,.16);border:1.5px solid rgba(251,243,228,.3);border-radius:14px;padding:18px}
.namer .q{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--butter);text-align:center}
.namer .inrow{display:flex;align-items:center;gap:8px;margin-top:8px;border-bottom:2px solid rgba(251,243,228,.35);padding-bottom:6px}
.namer .inrow:focus-within{border-bottom-color:var(--butter)}
.namer input#firmName{flex:1;min-width:0;background:transparent;border:0;color:var(--cream);font:400 clamp(22px,2.4vw,28px) var(--anton);text-align:center;padding:4px}
.namer input#firmName:focus{outline:none}
.swatches{display:flex;gap:6px}
.sw{width:20px;height:20px;border-radius:50%;border:2px solid rgba(251,243,228,.6);cursor:pointer;padding:0}
.sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--red),0 0 0 4px var(--cream)}
.lands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
@media (max-width:520px){.lands{grid-template-columns:1fr}}
.land .lb{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#f3dfd2;margin-bottom:6px}
.land .th{height:86px;border-radius:8px;overflow:hidden;border:1.5px solid var(--ink);position:relative}
.th.door{background:#3b2a1f;display:grid;place-items:center}
.th.door .plaque{background:linear-gradient(135deg,#e2c178,#b8913f);color:#2a1d10;border-radius:4px;padding:6px 10px;font:600 12px/1.15 var(--serif);text-align:center;max-width:88%;box-shadow:0 2px 0 #6e5424}
.th.sign{background:var(--paper);display:grid;grid-template-columns:40% 60%}
.th.sign .s{background:var(--firm);transition:background .3s;color:#fff;font:700 9.5px/1.2 var(--sans);padding:7px}
.th.sign .f{padding:7px;display:flex;flex-direction:column;gap:4px;justify-content:center}
.th.sign .f i{display:block;height:8px;border:1px solid #d6cdbf;border-radius:3px}
.th.sign .f i.b{background:var(--firm);border-color:var(--firm)}
.th.sheet{background:#fff;padding:7px}
.th.sheet .hd{background:var(--firm);transition:background .3s;color:#fff;font:700 9.5px var(--sans);padding:4px 6px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th.sheet i{display:block;height:5px;background:#e6ded2;border-radius:2px;margin-top:6px}
.th.sheet i:nth-child(3){width:80%}.th.sheet i:nth-child(4){width:60%}
.lead{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px}
@media (max-width:620px){.lead{grid-template-columns:1fr}}
.lead input{background:rgba(0,0,0,.18);border:1.5px solid rgba(251,243,228,.3);border-radius:10px;color:var(--cream);font:14.5px var(--sans);padding:10px 12px;min-width:0}
.lead input::placeholder{color:rgba(251,243,228,.65)}
.lead .btn{padding:10px 16px;font-size:14px;justify-content:center}
.lead-msg{font-size:13px;color:var(--butter);margin-top:8px;min-height:1.1em;text-align:center}

/* ================= LOGOS ================= */
.trust{background:var(--paper);border-bottom:2px solid var(--ink)}
.trust .wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;padding-block:34px 30px}
@media (max-width:880px){.trust .wrap{grid-template-columns:1fr}}
.trust .lbl{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.trust .lbl2{font-size:13.5px;color:var(--ink-2);margin-bottom:16px}
.logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.logos img{height:26px;width:auto;max-width:104px;object-fit:contain}
.logos img.tall{height:36px}
.yourlogo{border:2px dashed var(--ink-3);border-radius:8px;padding:6px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3);line-height:1.2;text-align:center}
.trust .sec-line{grid-column:1/-1;font-size:14px;color:var(--ink-2);border-top:1px solid var(--hair);padding-top:14px}

/* ================= OFFER / EQUATION ================= */
.offer{background:var(--cream)}
.offer .h2 span{display:block}
.stage{margin-top:48px;display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;gap:18px;align-items:center;position:relative}
@media (max-width:980px){.stage{grid-template-columns:1fr;justify-items:stretch}.stage .op{justify-self:center}}
.op{font-family:var(--anton);font-size:48px;color:var(--red);line-height:1;transition:opacity .4s}
.ecard{background:var(--white);border:var(--bd);border-radius:16px;box-shadow:var(--sh);padding:20px;transition:transform .9s cubic-bezier(.6,.05,.3,1),opacity .6s}
.ecard .who{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ecard h3{font-family:var(--anton);font-weight:400;font-size:28px;line-height:1.05;margin:6px 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:12.5px;font-weight:600;background:var(--cream);border:1.5px solid var(--ink);border-radius:999px;padding:3px 10px}
.lf{display:flex;align-items:center;gap:10px;margin-top:12px;border:1.5px solid var(--ink);border-radius:10px;padding:8px 10px;background:var(--cream)}
.lf .m{width:30px;height:30px;border-radius:7px;background:var(--firm);color:#fff;display:grid;place-items:center;font:800 12px var(--sans);transition:background .3s;flex:none}
.lf b{font-size:13px;display:block;line-height:1.2}
.lf small{font-family:var(--mono);font-size:10px;color:var(--ink-3)}
.ing{border:var(--bd);border-radius:26px 26px 10px 10px;box-shadow:var(--sh-s);padding:9px 14px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-weight:700;font-size:14px}
.ing small{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.i1{background:var(--butter)}.i2{background:var(--cream);color:var(--red)}.i3{background:var(--sky)}.i4{background:var(--ink);color:var(--cream)}
.stack{display:flex;flex-direction:column;gap:8px}
/* the platform slot */
.slot{position:relative;min-height:360px}
.slot .ghost{position:absolute;inset:0;border:2.5px dashed var(--ink-3);border-radius:16px;display:grid;place-items:center;text-align:center;font-family:var(--anton);font-size:26px;color:var(--ink-3);transition:opacity .4s}
.browser{background:var(--white);border:var(--bd);border-radius:14px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;position:relative;transition:opacity .3s}
.browser .chrome{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:2px solid var(--ink);background:var(--muted)}
.browser .chrome i{width:9px;height:9px;border-radius:50%;background:var(--ink);opacity:.35;display:block}
.browser .u{flex:1;min-width:0;background:var(--white);border:1.5px solid var(--ink);border-radius:999px;padding:3px 10px;font-family:var(--mono);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser .bd{padding:14px;display:flex;flex-direction:column;gap:8px}
.roof{background:var(--firm);color:#fff;border-radius:10px;padding:10px 12px;font-weight:800;font-size:15px;display:flex;align-items:center;gap:10px;transition:background .3s}
.roof .m{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:11px;flex:none}
.ipband{background:var(--red);color:var(--cream);border-radius:8px;padding:8px 12px;font-weight:700;font-size:13px;display:flex;justify-content:space-between}
.ipband small{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--butter);text-transform:uppercase;align-self:center}
.bpiece{transition:opacity .45s,transform .45s}
.yours-stamp{position:absolute;right:-10px;bottom:-14px;transform:rotate(-8deg);background:var(--butter);border:var(--bd);border-radius:999px;padding:6px 14px;font-family:var(--anton);font-size:18px;box-shadow:var(--sh-s);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);z-index:2}
/* animation states */
.stage.pre .browser{opacity:0}
.stage.pre .bpiece{opacity:0;transform:translateY(8px)}
.stage.pre .yours-stamp{opacity:0;transform:rotate(-8deg) scale(.4)}
.stage:not(.pre) .ghost{opacity:0}
.stage.flying .op{opacity:.15}
.replay{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.replay .say{display:grid;grid-template-columns:repeat(3,auto);gap:6px 28px;font-size:15px;color:var(--ink-2)}
@media (max-width:760px){.replay .say{grid-template-columns:1fr}}
.replay .say b{color:var(--ink)}
.replay button{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--white);border:var(--bd);border-radius:999px;padding:8px 14px;box-shadow:var(--sh-s);cursor:pointer}

/* ================= OPPORTUNITY / HUB ================= */
.opp{background:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.journey{margin-top:44px;display:grid;grid-template-columns:.8fr auto 2.2fr;gap:22px;align-items:center}
@media (max-width:1040px){.journey{grid-template-columns:1fr}.journey .arrow{transform:rotate(90deg);justify-self:center}}
.noise{background:var(--muted);border:var(--bd);border-radius:16px;padding:18px;position:relative;min-height:330px}
.noise .tt{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.noise .h{font-family:var(--anton);font-size:24px;line-height:1.05;margin:4px 0 14px}
.stickies{display:flex;flex-direction:column;gap:9px}
.sticky{background:var(--white);border:1.5px solid var(--ink);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.35;box-shadow:2px 2px 0 var(--ink)}
.sticky:nth-child(1){transform:rotate(-1.5deg);background:#fff6d6}
.sticky:nth-child(2){transform:rotate(1.2deg);margin-left:14px}
.sticky:nth-child(3){transform:rotate(-.8deg);background:#fdeae4}
.sticky:nth-child(4){transform:rotate(1.6deg);margin-left:8px}
.sticky:nth-child(5){transform:rotate(-1deg);background:#e6f0f5}
.sticky small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}
.arrow{font-family:var(--anton);font-size:44px;color:var(--red);text-align:center;line-height:1}
.arrow small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}
.hub{position:relative;display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:34px;align-items:center}
@media (max-width:760px){.hub{grid-template-columns:1fr;gap:16px}}
.hub svg.wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.hub svg.wires path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 6;animation:flow 1.2s linear infinite}
.hub svg.wires path.new{stroke:var(--red)}
@keyframes flow{to{stroke-dashoffset:-24}}
@media (max-width:760px){.hub svg.wires{display:none}}
.col{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.colh{font-family:var(--anton);font-size:20px;line-height:1}
.colh small{display:block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--red);margin-top:4px}
.cl{background:var(--white);border:1.5px solid var(--ink);border-radius:9px;box-shadow:var(--sh-s);padding:8px 10px;font-size:12.5px;line-height:1.3}
.cl b{display:block;font-size:13px}
.cl .vm{display:flex;align-items:center;gap:6px;margin-top:5px;font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}
.cl .vm i{display:block;height:6px;background:var(--butter);border:1px solid var(--ink);border-radius:3px}
.cl.nw{background:var(--butter)}
.cl.nw .tg{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-top:3px}
.core{position:relative;z-index:1}
.core .mini{background:var(--white);border:var(--bd);border-radius:12px;box-shadow:var(--sh);overflow:hidden}
.core .mini .chrome{padding:7px 10px;border-bottom:2px solid var(--ink);background:var(--muted);font-family:var(--mono);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.core .mini .bd{padding:10px;display:flex;flex-direction:column;gap:6px}
.core .mini .roof{font-size:13px;padding:8px 10px}
.core .mini .ipband{font-size:11.5px;padding:6px 10px}
.core .mini .ing{font-size:12px;padding:6px 10px;box-shadow:none;border-width:1.5px}
.core .cap{text-align:center;font-family:var(--anton);font-size:17px;margin-top:12px}
.ipdoor{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:8px;position:relative;z-index:1}
.ipdoor .t{background:var(--ink);color:var(--cream);border-radius:999px;padding:7px 14px;font-family:var(--anton);font-size:16px}
.ipdoor span.mk{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;background:var(--white);border:1.5px solid var(--ink);border-radius:6px;padding:4px 9px}
.outs{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.outs{grid-template-columns:1fr}}
.out{border:var(--bd);border-radius:14px;box-shadow:var(--sh);padding:18px 20px}
.out:nth-child(1){background:var(--butter)}.out:nth-child(2){background:var(--sky)}.out:nth-child(3){background:var(--blush)}
.out .tagm{color:var(--red)}
.out h3{font-family:var(--anton);font-weight:400;font-size:24px;line-height:1.05;margin:6px 0 6px}
.out p{font-size:14.5px}

/* ================= BENEFITS ================= */
.better{background:var(--cream)}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
@media (max-width:1000px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.bgrid{grid-template-columns:1fr}}
.bn{border:var(--bd);border-radius:16px;box-shadow:var(--sh);padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--white);transition:transform .2s,box-shadow .2s}
.bn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.bn .v{height:110px;border:1.5px solid var(--ink);border-radius:10px;display:grid;place-items:center;overflow:hidden;position:relative}
.bn h3{font-family:var(--anton);font-weight:400;font-size:23px;line-height:1.05}
.bn p{font-size:14.5px;color:var(--ink-2)}
.bn.wide{grid-column:span 2}
@media (max-width:540px){.bn.wide{grid-column:span 1}}
.bn.ink{background:var(--ink);color:var(--cream)}
.bn.ink p{color:#d9cfc1}
.bn.ink .v{border-color:var(--cream)}
/* visuals */
.v-rev{background:var(--paper);display:flex!important;align-items:center;justify-content:center;gap:14px;font-family:var(--anton);font-size:30px}
.v-rev s{color:var(--ink-3);text-decoration-color:var(--red);text-decoration-thickness:3px}
.v-rev b{color:var(--blue);font-weight:400}
.v-rev .a{color:var(--red);font-size:26px}
.v-stay{background:var(--butter);display:flex!important;align-items:flex-end;gap:6px;padding:14px 18px 0;place-items:initial}
.v-stay i{flex:1;background:var(--ink);border-radius:3px 3px 0 0;display:block;animation:grow 2.4s ease-in-out infinite alternate}
@keyframes grow{from{transform:scaleY(.7)}to{transform:scaleY(1)}}
.v-stay i{transform-origin:bottom}
.v-one{background:var(--blush)}
.v-one .dots{display:flex;align-items:center;gap:14px}
.v-one .big{width:34px;height:34px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}
.v-one .many{display:grid;grid-template-columns:repeat(4,14px);gap:6px}
.v-one .many i{width:14px;height:14px;border-radius:50%;background:var(--white);border:1.5px solid var(--ink);display:block}
.v-cur{background:var(--sky);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em}
.v-cur .row{display:flex;align-items:center;gap:8px}
.v-cur .row span{background:var(--white);border:1.5px solid var(--ink);border-radius:6px;padding:4px 7px}
.v-cur .row span.live{background:var(--ink);color:var(--butter)}
.v-cur .pulse{width:8px;height:8px;border-radius:50%;background:#2fae5b;display:inline-block;margin-right:5px;animation:pl 1.2s infinite}
@keyframes pl{50%{opacity:.25}}
.v-you{display:grid!important;grid-template-columns:1fr 1fr;place-items:stretch;padding:0}
.v-you div{display:grid;place-items:center;font-family:var(--anton);font-size:30px}
.v-you div:first-child{background:var(--cream);color:var(--ink)}
.v-you div:last-child{background:var(--red);color:var(--cream)}
.v-you small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-align:center;margin-top:2px}
.v-inf{background:var(--butter);font-family:var(--anton);font-size:64px;line-height:1}
.v-inf small{position:absolute;bottom:8px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em}
.v-bill{background:var(--paper)}
.v-bill .pile{position:relative;width:120px;height:70px}
.v-bill .pile i{position:absolute;width:70px;height:44px;background:var(--white);border:1.5px solid var(--ink);border-radius:6px;display:block}
.v-bill .pile i:nth-child(1){left:0;top:0;transform:rotate(-12deg)}
.v-bill .pile i:nth-child(2){left:10px;top:8px;transform:rotate(-4deg)}
.v-bill .pile i:nth-child(3){left:22px;top:4px;transform:rotate(6deg)}
.v-bill .pile i:nth-child(4){left:34px;top:12px;transform:rotate(12deg)}
.v-bill .one{position:absolute;right:16px;background:var(--ink);color:var(--butter);font-family:var(--mono);font-size:11px;font-weight:700;padding:6px 9px;border-radius:6px;letter-spacing:.06em}

/* ================= CONTEXT ================= */
.ctx{background:var(--muted);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.ctx .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:920px){.ctx .grid{grid-template-columns:1fr}}
.tabs{display:flex;flex-direction:column;gap:6px;margin-top:26px}
.tab{all:unset;cursor:pointer;display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:baseline;padding:11px 14px;border-radius:12px;border:2px solid transparent}
.tab .n{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.tab b{font-size:16px}
.tab span.d{grid-column:2;font-size:14px;color:var(--ink-2);display:none}
.tab[aria-selected="true"]{background:var(--white);border-color:var(--ink);box-shadow:var(--sh-s)}
.tab[aria-selected="true"] .n{color:var(--red)}
.tab[aria-selected="true"] span.d{display:block}
.tab:focus-visible{outline:3px solid var(--red)}
.vaultcard{background:var(--white);border:var(--bd);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.vaultcard .top{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:2px solid var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--cream)}
.vaultcard .top b{color:var(--ink)}
.pane{padding:24px;min-height:280px}
.daybreak{font:800 34px/1 var(--sans);letter-spacing:-.02em;color:#e0662c}
.kv{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;margin-top:20px;font-size:14px}
.kv dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}
.kv dd{margin:0}
.sw-row{display:flex;gap:8px}.sw-row i{width:28px;height:28px;border-radius:6px;display:block;border:1.5px solid var(--ink)}
.rows{display:flex;flex-direction:column;gap:10px}
.rowi{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border:1.5px solid var(--ink);border-radius:10px;font-size:14px}
.rowi small{font-family:var(--mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.pill{font-family:var(--mono);font-size:10.5px;padding:2px 8px;border-radius:999px;background:var(--butter);border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.pill.r{background:var(--blush)}.pill.s{background:var(--sky)}
.pnote{margin-top:16px;font-size:14px;color:var(--ink-2)}
.art{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.art div{border-radius:10px;padding:18px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;border:1.5px solid var(--ink)}
.art .a1{background:#e0662c;color:#fff}.art .a2{background:var(--ink);color:var(--cream)}
.art b{font:800 20px/1.1 var(--sans)}
.art small{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.ctx-more{margin-top:18px;font-size:14.5px;color:var(--ink-2)}

/* ================= FIRMS ================= */
.firms-sec{background:var(--paper)}
.firms{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px}
@media (max-width:960px){.firms{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.firms{grid-template-columns:1fr}}
.firm{background:var(--white);border:var(--bd);border-radius:16px;box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.firm .shot{aspect-ratio:16/9.5;border-bottom:2px solid var(--ink);background:var(--muted)}
.firm .shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.firm .in{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.firm h4{font-size:17px}
.ftags{display:flex;flex-wrap:wrap;gap:5px}
.ftags span{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:999px;padding:2px 8px}
.ftags span.s{background:var(--butter)}.ftags span.g{background:var(--sky)}.ftags span.a{background:var(--blush)}
.firm .sauce{font-size:14px;color:var(--ink-2)}
.firm .sauce b{color:var(--red);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:2px}
.firm.next{background:var(--butter)}
.firm.next .shot{display:grid;place-items:center;background:var(--cream);border-bottom-style:dashed;padding:14px;text-align:center}
.firm.next .shot b{font-family:var(--anton);font-weight:400;font-size:26px;line-height:1.05;color:var(--red)}
.more-firms{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;border-top:2px solid var(--ink);padding-top:18px}
.more-firms .t{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,24px);flex:1 1 360px;line-height:1.3}
.more-firms .links{display:flex;gap:22px;flex-wrap:wrap;font-size:14.5px}

/* ================= WORK ================= */
.work{background:var(--cream)}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:14px;margin-top:44px}
.tile{position:relative;border:var(--bd);border-radius:14px;overflow:hidden;background:var(--ink);box-shadow:var(--sh-s);text-decoration:none;color:var(--cream)}
.tile img,.tile video{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tile:hover img,.tile:hover video{transform:scale(1.04)}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(transparent,rgba(20,16,12,.85));font-size:13px;line-height:1.3}
.tile .cap b{display:block;font-size:14.5px}
.tile .kind{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--butter);color:var(--ink);border:1.5px solid var(--ink);border-radius:5px;padding:2px 7px}
.tile .kind.v{background:var(--red);color:var(--cream)}
.t-a{grid-column:span 6;grid-row:span 3}
.t-b{grid-column:span 3;grid-row:span 3}
.t-c{grid-column:span 3;grid-row:span 3}
.t-d{grid-column:span 4;grid-row:span 2}
.t-e{grid-column:span 4;grid-row:span 2}
.t-f{grid-column:span 4;grid-row:span 2}
.t-g{grid-column:span 3;grid-row:span 3}
.t-h{grid-column:span 5;grid-row:span 3}
.t-i{grid-column:span 4;grid-row:span 3}
@media (max-width:900px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.mosaic .tile{grid-column:span 1;grid-row:span 2}.mosaic .t-a,.mosaic .t-h{grid-column:span 2}}
@media (max-width:480px){.mosaic{grid-template-columns:1fr}.mosaic .tile,.mosaic .t-a,.mosaic .t-h{grid-column:span 1}}
.allwork{margin-top:34px;background:var(--ink);color:var(--cream);border:var(--bd);border-radius:18px;box-shadow:6px 6px 0 var(--red);padding:26px clamp(20px,3vw,34px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;text-decoration:none}
@media (max-width:760px){.allwork{grid-template-columns:1fr}}
.allwork h3{font-family:var(--anton);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.05}
.allwork h3 em{font-style:normal;color:var(--butter)}
.allwork p{color:#d9cfc1;font-size:15px;margin-top:8px;max-width:62ch}
.allwork .counts{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--butter);text-transform:uppercase}

/* ================= CUSTOM ================= */
.custom{background:var(--paper);border-top:2px solid var(--ink)}
.custom .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:920px){.custom .grid{grid-template-columns:1fr}}
.kinds{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.kinds div{border:1.5px solid var(--ink);border-radius:10px;padding:11px 14px;background:var(--white);font-size:14.5px}
.kinds b{display:block;font-size:15px}
.kinds span{color:var(--ink-2)}
.sell{margin-top:18px;font-size:14.5px;color:var(--ink-2)}
.sell b{color:var(--ink)}
.builds{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:480px){.builds{grid-template-columns:1fr}}
.build{background:var(--white);border:var(--bd);border-radius:14px;box-shadow:var(--sh-s);overflow:hidden}
.build .im{aspect-ratio:4/3;border-bottom:2px solid var(--ink);background:var(--muted)}
.build .im img{width:100%;height:100%;object-fit:cover;object-position:top}
.build .t{padding:10px 12px 12px}
.build .k{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.build h4{font-size:15.5px;margin-top:2px}
.build p{font-size:13.5px;color:var(--ink-2)}
.bindex{background:#1c1a17;color:#f4efe6;padding:14px;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.bindex .tt{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#b7ab9c}
.bindex .n{font:800 38px/1 var(--sans);color:#f8c84b;margin-top:4px}
.bindex .g{font-size:11px;color:#8fd19e;margin-top:2px}
.bindex .m{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}
.bindex .m div{background:#2c2925;border-radius:4px;padding:4px 3px;text-align:center}
.bindex .m b{display:block;font-size:12px}
.bindex .m small{font-size:8px;color:#b7ab9c;display:block;line-height:1.1}

/* ================= MONEY ================= */
.money{background:var(--sky);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.side{background:var(--white);border:var(--bd);border-radius:16px;box-shadow:var(--sh);padding:22px 24px}
.side .who{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.side .who i{font-style:normal;background:var(--ink);color:var(--butter);border-radius:6px;padding:3px 8px}
.side h3{font-family:var(--anton);font-weight:400;font-size:clamp(26px,2.8vw,34px);line-height:1.05;margin:12px 0 10px}
.side p{font-size:15px;color:var(--ink-2)}
.side .opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.side .opts span{font-size:13px;font-weight:600;border:1.5px solid var(--ink);border-radius:999px;padding:3px 10px;background:var(--cream)}
.side.us{background:var(--butter)}
.bill{margin-top:14px;display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:13px}
.bill div{display:flex;justify-content:space-between;border-bottom:1.5px dashed var(--ink);padding-bottom:5px}
.bill div.t{border-bottom:0;border-top:2px solid var(--ink);padding-top:6px;font-weight:700}
.wont{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
.wont .l{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-right:6px}
.wont s{background:var(--white);border:1.5px solid var(--ink);border-radius:999px;padding:3px 10px;color:var(--ink-2);text-decoration-color:var(--red);text-decoration-thickness:2px}
.steps4{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;counter-reset:s}
@media (max-width:860px){.steps4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps4{grid-template-columns:1fr}}
.steps4 li{counter-increment:s;background:var(--white);border:1.5px solid var(--ink);border-radius:12px;padding:14px;font-size:14px;color:var(--ink-2)}
.steps4 li::before{content:counter(s);font-family:var(--anton);font-size:28px;color:var(--red);display:block;line-height:1;margin-bottom:6px}
.steps4 b{display:block;color:var(--ink);font-size:15px}

/* ================= REFRAIN + CLOSE ================= */
.yoursband{background:var(--butter);border-bottom:2px solid var(--ink)}
.yoursband .wrap{padding-block:clamp(48px,6vw,72px);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px 56px;align-items:center}
@media (max-width:860px){.yoursband .wrap{grid-template-columns:1fr}}
.yoursband h2{font-family:var(--anton);font-weight:400;font-size:clamp(52px,7vw,92px);line-height:.95}
.yoursband h2 span{color:var(--red)}
.refrain{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
@media (max-width:860px){.refrain{grid-template-columns:1fr 1fr}}
.refrain div{background:var(--white);border:1.5px solid var(--ink);border-radius:10px;padding:12px;font-size:13.5px;box-shadow:var(--sh-s)}
.refrain b{display:block;font-family:var(--anton);font-weight:400;font-size:18px;margin-bottom:4px}
.close{background:var(--red);color:var(--cream)}
.close .wrap{padding-block:clamp(56px,7vw,88px);display:grid;grid-template-columns:1.1fr .9fr;gap:28px 48px;align-items:center}
@media (max-width:860px){.close .wrap{grid-template-columns:1fr}}
.close h2{font-family:var(--anton);font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1}
.close h2 span{color:var(--butter)}
.close p{font-size:18px;color:#fbeede;margin-top:14px;max-width:40ch}
.close .ctas{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
footer.site{background:var(--ink);color:#cfc5b8;font-size:14px}
footer.site .wrap{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px;padding-block:48px}
@media (max-width:860px){footer.site .wrap{grid-template-columns:1fr 1fr}}
footer.site h5{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8f8478;font-weight:400}
footer.site a{display:block;text-decoration:none;padding:3px 0}
footer.site a:hover{color:var(--cream)}
footer.site .fine{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:12.5px;color:#8f8478}

/* ================= DEEP DIVE ================= */
.dd{background:var(--paper);border-top:8px solid var(--ink)}
.dd .wrap{padding-block:clamp(64px,8vw,104px)}
.dd .tagline{display:inline-block;background:var(--ink);color:var(--butter);font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:4px;margin-bottom:18px}
.dd h3{font-family:var(--anton);font-weight:400;font-size:clamp(26px,3vw,34px);margin:60px 0 8px}
.dd .p{font-size:16px;color:var(--ink-2);max-width:72ch}
.changes{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:800px){.changes{grid-template-columns:1fr}}
.chg{border:1.5px solid var(--ink);border-radius:12px;padding:15px 17px;background:var(--cream)}
.chg .you{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-2)}
.chg .did{margin-top:8px;font-size:14.5px}
.chg .did::before{content:"Done · ";font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.map{margin-top:22px;border:1.5px solid var(--ink);border-radius:14px;overflow-x:auto;background:var(--cream)}
.map table{border-collapse:collapse;width:100%;min-width:760px;font-size:13.5px}
.map th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:400;padding:12px 14px;border-bottom:1.5px solid var(--ink)}
.map td{padding:9px 14px;border-bottom:1px solid var(--hair);vertical-align:top}
.map tr.grp td{background:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:8px 14px}
.map td:nth-child(2){white-space:nowrap}
.dest{font-family:var(--mono);font-size:10.5px;padding:2px 8px;border-radius:999px;white-space:nowrap;display:inline-block;border:1px solid var(--ink)}
.dest.h{background:var(--butter)}.dest.m{background:var(--sky)}.dest.o{background:var(--blush)}.dest.x{background:var(--ink);color:var(--cream)}
.legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--ink-2);margin-top:12px}
.legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px;border:1px solid var(--ink)}
.gaps{margin-top:22px;display:flex;flex-direction:column;gap:12px;max-width:920px}
.gap{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:15px 17px;border:1.5px solid var(--ink);border-radius:12px;background:var(--cream)}
.gap .id{font-family:var(--anton);font-size:22px;color:var(--red)}
.gap b{display:block;font-size:15.5px}
.gap p{font-size:14.5px;color:var(--ink-2);margin-top:3px}

/* production: shared site header is fixed (var(--gs-head)) */
.scrim{z-index:150!important}.drawer{z-index:151!important}
#gf-site-footer .gs-footer-invite{display:none!important}


/* ---- 21 Oct 2026 refresh: films, brand teams, four layers, the ChatGPT question, one offer ---- */
.wrap{padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right,0px))}
.hero .doors{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.hero .doors a{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:2px solid rgba(251,243,228,.55);border-radius:12px;color:var(--cream);text-decoration:none;min-width:150px}
.hero .doors a:hover{border-color:var(--butter);background:rgba(0,0,0,.12)}
.hero .doors b{font-family:var(--anton);font-weight:400;font-size:21px;letter-spacing:.01em;text-transform:uppercase;color:var(--butter)}
.hero .doors span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#fbeede}
.films{background:var(--paper);border-bottom:1px solid var(--hair)}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.fcard{background:var(--white);border:var(--bd);border-radius:14px;box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.fpic{position:relative;display:block;aspect-ratio:16/9;border-bottom:var(--bd);background:var(--ink)}
.fpic img{width:100%;height:100%;object-fit:cover;display:block}
.fplay{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:var(--red);border:2px solid var(--cream);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.fplay::after{content:"";position:absolute;left:24px;top:18px;border-left:20px solid var(--cream);border-top:12px solid transparent;border-bottom:12px solid transparent}
.fpic:hover .fplay{transform:scale(1.06)}
.fdur{position:absolute;right:10px;bottom:10px;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--cream);background:rgba(32,28,24,.7);padding:4px 9px;border-radius:999px}
.fbody{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.faud{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.fbody h3{font-family:var(--anton);font-weight:400;font-size:36px;line-height:1}
.fbody p{color:var(--ink-2);font-size:15.5px;line-height:1.5}
.flinks{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:10px}
.flinks .btn{padding:10px 16px;font-size:14px}
.fdeck{font-size:14px;color:var(--ink);font-weight:600}
.fnote{margin-top:24px;font-size:15px;color:var(--ink-2);max-width:72ch}
.fnote b{color:var(--ink)}
.offer-brand{margin-top:26px;padding:16px 20px;background:var(--white);border:var(--bd);border-radius:12px;font-size:16px;color:var(--ink-2);max-width:62ch}
.offer-brand b{color:var(--ink)} .offer-brand a{color:var(--red);font-weight:700}
.brandteams{background:var(--sand)}
.bt-pages{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;margin-top:38px}
.bt-page{background:var(--white);border:var(--bd);border-radius:6px;box-shadow:var(--sh);padding:22px 24px 18px;min-width:0}
.bt-before{transform:rotate(-1deg);background:#fbfaf6}
.bt-after{transform:rotate(.6deg)}
.bt-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:6px}
.bt-hd span{font-family:var(--anton);font-size:24px;text-transform:uppercase}
.bt-hd small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.bt-page ul{list-style:none;margin:0;padding:0}
.bt-page li{display:grid;grid-template-columns:96px minmax(0,1fr) 22px;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--hair);font-size:15px}
.bt-page li b{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3)}
.bt-page li.x span{color:var(--ink-2)} .bt-page li.x::after{content:"✕";color:var(--red);font-weight:700;text-align:right}
.bt-page li.ok span{color:var(--ink);font-weight:600} .bt-page li.ok::after{content:"✓";color:#1d6b4f;font-weight:800;text-align:right}
.bt-arrow{font-family:var(--anton);font-size:46px;color:var(--red)}
.bt-proof{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px 40px;align-items:center;margin-top:44px}
.bt-proof figure{margin:0;border:var(--bd);border-radius:14px;overflow:hidden;box-shadow:var(--sh);background:var(--white)}
.bt-proof img{display:block;width:100%;height:auto}
.bt-proof figcaption{font-size:13px;color:var(--ink-3);padding:10px 14px;border-top:1px solid var(--hair)}
.bt-copy h3{font-family:var(--anton);font-weight:400;font-size:34px;line-height:1.02}
.bt-copy p{color:var(--ink-2);font-size:16.5px;margin:12px 0 20px;max-width:46ch}
.layers{background:var(--paper)}
.ly-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px 44px;align-items:start;margin-top:38px}
.ly-stack{display:flex;flex-direction:column;gap:10px}
.lyr{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;background:var(--white);border:var(--bd);border-radius:12px;padding:14px 18px}
.lyr .n{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--red)}
.lyr b{display:block;font-family:var(--anton);font-weight:400;font-size:24px;letter-spacing:.01em;text-transform:uppercase;line-height:1.05}
.lyr .t span{display:block;color:var(--ink-2);font-size:14.5px;margin-top:3px}
.lyr.plus{background:var(--red);color:var(--cream);box-shadow:var(--sh)}
.lyr.plus .n{color:var(--butter);font-size:20px} .lyr.plus .t span{color:#fbeede}
.ly-gets{background:var(--muted);border:var(--bd);border-radius:16px;padding:22px 24px}
.ly-gets .tt{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.ly-gets ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ly-gets li{font-size:15.5px;color:var(--ink-2);padding-left:24px;position:relative}
.ly-gets li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}
.ly-gets li b{color:var(--ink)}
.ly-more{display:inline-block;margin-top:16px;font-weight:700;color:var(--red)}
.why .h2 em{display:block;margin-top:6px}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.why-grid article{background:var(--white);border:var(--bd);border-radius:14px;padding:20px 22px;min-width:0}
.why-grid article:last-child{box-shadow:var(--sh);border-color:var(--red)}
.why-grid .n{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--red)}
.why-grid h3{font-family:var(--anton);font-weight:400;font-size:26px;line-height:1.05;margin:6px 0 8px}
.why-grid p{color:var(--ink-2);font-size:15.5px}
.why-grid .marks{display:flex;gap:8px;margin-top:12px}
.why-grid .marks i{font-style:normal;font-size:12.5px;font-weight:600;padding:4px 10px;border:1.5px solid var(--ink);border-radius:999px}
.close-films{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;border-top:1px solid rgba(251,243,228,.3);padding-top:18px;font-size:15px}
.close-films span{color:#fbeede} .close-films a{color:var(--butter);font-weight:700}
@media (max-width:900px){.fgrid,.why-grid{grid-template-columns:1fr}.bt-pages{grid-template-columns:1fr}.bt-arrow{transform:rotate(90deg);justify-self:center}.bt-proof,.ly-grid{grid-template-columns:1fr}}
@media (max-width:520px){.bt-page li{grid-template-columns:78px minmax(0,1fr) 18px;font-size:14px}.hero .doors a{min-width:0;flex:1 1 140px}}


.hero .grid>div{min-width:0}
@media (max-width:520px){.hero .newacc{display:flex;flex-wrap:wrap;row-gap:4px}.hero .inrow{flex-wrap:wrap}.hero .inrow input{min-width:0;flex:1 1 160px}}
.offer-strip{margin-top:18px;display:inline-block;background:var(--butter);border:var(--bd);border-radius:10px;padding:10px 16px;font-size:16px;box-shadow:var(--sh-s)}
.fresh{margin-top:40px}
.fresh-hd{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.fresh-k{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.fresh-n{font-size:14px;color:var(--ink-3)}
.fresh-earlier{margin-top:34px}
.fresh-earlier + .mosaic{margin-top:14px}
.fgal{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:14px;margin-top:14px}
.g-a{grid-column:span 6;grid-row:span 3}.g-b,.g-c{grid-column:span 3;grid-row:span 3}
.g-d{grid-column:span 5;grid-row:span 3}.g-e{grid-column:span 3;grid-row:span 3}.g-f{grid-column:span 4;grid-row:span 3}
.g-g{grid-column:span 4;grid-row:span 3}.g-h{grid-column:span 8;grid-row:span 3}
@media (max-width:900px){.fgal{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.fgal .tile{grid-column:span 1;grid-row:span 2}.fgal .g-a,.fgal .g-d,.fgal .g-h{grid-column:span 2}}
@media (max-width:480px){.fgal{grid-template-columns:1fr}.fgal .tile,.fgal .g-a,.fgal .g-d,.fgal .g-h{grid-column:span 1}}