/* Formateca Email — marketing site. House style: Tercile (Archivo, ink on cream, signal colours), turned up. */
:root{
  --ink:#0b0b0b; --paper:#f2f1ec; --card:#faf9f5; --sub:#4f4e49; --line:#c9c7bf;
  --green:#007a33; --red:#e30613; --blue:#0038d0; --yellow:#f5c400;
  --f:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --pad:clamp(16px,4vw,48px);
  --nav:60px;
  --hbg:#f5c400; --hfg:#0b0b0b;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 12px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;word-spacing:.08em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;font-weight:700}
.skip:focus{top:12px}
.wrap{max-width:1360px;margin:0 auto;padding-inline:var(--pad)}
.lab{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.3}
.lab b{font-weight:900;margin-right:.6em}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 24px;border:2px solid currentColor;background:transparent;
  font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background-color .4s,color .4s}
.btn:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 currentColor}
.btn:active{transform:none;box-shadow:none}
.btn-sm{min-height:40px;padding:0 16px;font-size:12.5px}
.btn-solid{background:var(--hfg);color:var(--hbg);border-color:var(--hfg)}
.btn-solid:hover{box-shadow:4px 4px 0 var(--hfg)}
.btn-line{color:var(--hfg)}
.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-ink:hover{box-shadow:4px 4px 0 var(--ink)}
.btn-line-ink{color:var(--ink)}
.btn-cream{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-cream:hover{box-shadow:4px 4px 0 var(--paper)}
.btn-solid-ink{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.btn-solid-ink:hover{box-shadow:5px 5px 0 var(--ink)}
.sq-btn{width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border:2px solid currentColor;background:transparent;cursor:pointer;font-size:18px;font-weight:800;line-height:1;transition:background-color .15s,color .15s}
@media (prefers-reduced-motion:reduce){.btn,.btn:hover{transition:none;transform:none}}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:var(--paper);border-top:5px solid var(--ink);border-bottom:1px solid var(--ink)}
.nav-in{max-width:1360px;margin:0 auto;padding:0 var(--pad);height:calc(var(--nav) - 6px);display:flex;align-items:center;gap:24px}
.mark{display:flex;align-items:center;gap:9px;font-weight:900;font-size:19px;letter-spacing:-.02em;text-decoration:none;font-stretch:112%}
.mark i{width:12px;height:12px;background:var(--green);transition:background-color .5s}
.mark span{font-weight:500;font-stretch:100%;color:var(--sub);font-size:15px;letter-spacing:0}
.nav-links{display:flex;gap:4px}
.nav-links a{display:block;padding:8px 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid transparent}
.nav-links a:hover{border-bottom-color:var(--ink)}
.nav-act{margin-left:auto;display:flex;align-items:center;gap:10px}
.motion-tg{display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 6px}
.motion-ico{width:14px;height:14px;position:relative;display:inline-block}
.motion-ico::before,.motion-ico::after{content:"";position:absolute;top:1px;bottom:1px;width:4px;background:currentColor}
.motion-ico::before{left:2px}.motion-ico::after{right:2px}
.motion-tg[aria-pressed=true] .motion-ico::before{left:2px;width:0;height:0;top:0;background:none;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
.motion-tg[aria-pressed=true] .motion-ico::after{display:none}
@media (max-width:1080px){.nav-links{display:none}}
@media (max-width:520px){.motion-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mark span{display:none}.nav-in{gap:10px}}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--hbg);color:var(--hfg);transition:background-color .7s cubic-bezier(.2,.8,.2,1),color .7s;overflow:hidden;border-bottom:1px solid var(--ink)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
.hero-in{position:relative;max-width:1360px;margin:0 auto;padding:clamp(40px,6vw,88px) var(--pad) clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:min(820px,calc(100svh - var(--nav)))}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:clamp(18px,2.4vw,30px)}
.eyebrow .sq{width:12px;height:12px;background:currentColor}
.hero h1{font-size:clamp(54px,7.6vw,128px);line-height:.86;letter-spacing:-.04em;word-spacing:.12em;font-weight:900;font-stretch:76%}
.hero h1 span{display:block}
.hero h1 .l2{display:inline-block;margin-top:.08em;padding:.02em .1em .06em;margin-left:-.1em;background:var(--hfg);color:var(--hbg);font-style:italic;transition:background-color .7s,color .7s}
.lede{margin-top:clamp(20px,2.4vw,32px);font-size:clamp(17px,1.45vw,20px);line-height:1.45;max-width:34em}
.lede b{font-weight:800}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.proof{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:26px;font-size:13.5px;font-weight:700}
.proof li{display:flex;align-items:center;gap:8px}
.proof li::before{content:"";width:8px;height:8px;background:currentColor}
.hero-note{position:relative;max-width:1360px;margin:0 auto;padding:0 var(--pad) 18px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:right}

.deck-wrap{display:grid;justify-items:center;gap:18px;min-width:0}
.deck{position:relative;width:100%;height:610px;perspective:1600px}
.dcard{position:absolute;left:50%;top:50%;width:310px;height:560px;margin:-280px 0 0 -155px;background:#fff;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);overflow:hidden;cursor:pointer;
  transform:var(--tf);transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .5s,box-shadow .75s;will-change:transform}
.dcard[data-slot="0"]{cursor:default}
.dcard[data-slot="4"],.dcard[data-slot="5"]{opacity:0;pointer-events:none}
.dcard.toss{transition:transform .38s cubic-bezier(.5,0,.75,0)}
.dcard .inbox{border:0}
.dcard:not([data-slot="0"]):hover{box-shadow:16px 16px 0 var(--ink)}
.deck-ctl{display:flex;align-items:center;gap:14px;width:min(100%,420px)}
.deck-now{flex:1;text-align:center;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.3}
.deck-now span{display:block;font-weight:600;letter-spacing:.04em;text-transform:none;font-size:13px}
.deck-ctl .sq-btn:hover{background:var(--hfg);color:var(--hbg)}
@media (max-width:960px){
  .hero-in{grid-template-columns:1fr;min-height:0}
  .deck{height:560px}
}
@media (max-width:520px){
  .deck{height:470px}
  .dcard{width:264px;height:440px;margin:-220px 0 0 -132px;box-shadow:8px 8px 0 var(--ink)}
  .hero-note{text-align:left}
  .cta-row .btn{flex:1 1 100%}
}

/* ---------- inbox chrome (shared) ---------- */
.inbox{background:#fff;border:2px solid var(--ink);min-width:0;color:#111}
.subj{padding:8px 11px;border-bottom:1px solid #d9d8d2;font-size:11.5px;line-height:1.35;display:grid;gap:1px;background:#fff;color:#111;font-family:var(--f);text-align:left}
.subj b{font-weight:800}
.subj span{color:#5d5d5d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail{overflow:hidden;position:relative;font-size:12px;line-height:1.45}

/* ---------- marquee ---------- */
.marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-bottom:1px solid var(--ink);padding:16px 0}
.marquee-track{display:flex;width:max-content;animation:mq 90s linear infinite}
.marquee-track span{font-size:clamp(28px,3.4vw,46px);font-weight:900;font-stretch:118%;letter-spacing:-.02em;white-space:nowrap;padding-right:.6em;line-height:1}
.marquee-track span i{font-style:normal;color:var(--yellow);font-stretch:100%;font-weight:600;font-size:.5em;vertical-align:.55em;margin-right:.3em}
@keyframes mq{to{transform:translateX(-50%)}}
.is-paused .marquee-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* ---------- steps ---------- */
.steps{border-bottom:1px solid var(--ink)}
.steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.steps-list li{padding:clamp(24px,3vw,40px) clamp(16px,2vw,28px) clamp(28px,3vw,44px);border-left:1px solid var(--line)}
.steps-list li:first-child{border-left:0;padding-left:0}
.step-n{display:block;font-size:56px;font-weight:900;font-stretch:70%;line-height:.9;letter-spacing:-.04em;margin-bottom:14px}
.steps-list li:nth-child(1) .step-n{color:var(--red)}
.steps-list li:nth-child(2) .step-n{color:var(--blue)}
.steps-list li:nth-child(3) .step-n{color:var(--green)}
.steps-list h3{font-size:24px;letter-spacing:-.02em;margin-bottom:8px}
.steps-list p{color:var(--sub);font-size:16px;max-width:30em}
@media (max-width:820px){.steps-list{grid-template-columns:1fr}.steps-list li{border-left:0;border-top:1px solid var(--line);padding-left:0}.steps-list li:first-child{border-top:0}}

/* ---------- section heads ---------- */
.sec-head{display:grid;gap:14px;padding:clamp(56px,8vw,112px) 0 clamp(28px,3.5vw,44px);max-width:900px}
.sec-head h2{font-size:clamp(40px,5.6vw,88px);line-height:.9;letter-spacing:-.045em;font-weight:900;font-stretch:80%}
.sec-sub{font-size:clamp(16px,1.3vw,19px);max-width:40em;line-height:1.5}
.sec-sub b{font-weight:800}

/* ---------- gallery ---------- */
.gallery{padding-bottom:clamp(56px,7vw,96px);border-bottom:1px solid var(--ink)}
.gallery .sec-sub{color:var(--sub)}
.filters{position:sticky;top:var(--nav);z-index:20;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.filters-in{display:flex;align-items:center;gap:16px;padding-block:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;padding:2px}
@media (max-width:760px){.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 85%,transparent)}.count{display:none}}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1.5px solid var(--ink);background:transparent;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}
.chip sup{font-size:10px;font-weight:600;margin-left:4px;vertical-align:4px;opacity:.85}
.chip:hover{background:#e3e1d8}
.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.count{flex:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.count b{font-size:18px;font-weight:900}
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,292px),1fr));gap:28px 22px;padding-top:28px}
.g-card{position:relative;display:grid;gap:10px;align-content:start;min-width:0}
.g-card[hidden]{display:none}
.g-top{display:flex;align-items:baseline;gap:10px;border-top:3px solid var(--ink);padding-top:8px}
.g-id{font-size:26px;font-weight:900;font-stretch:72%;letter-spacing:-.03em;line-height:1}
.g-name{font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.15;flex:1}
.g-world{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);text-align:right}
.g-shot{position:relative;height:430px;overflow:hidden;border:2px solid var(--ink);background:var(--shot,#fff);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1)}
.g-shot .inbox{border:0}
.g-shot::after{content:"Open preview →";position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.g-card:hover .g-shot,.g-card:focus-within .g-shot{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink)}
.g-card:hover .g-shot::after,.g-hit:focus-visible~.g-shot::after{transform:none}
.g-hit{position:absolute;inset:0;z-index:2;width:100%;border:0;background:transparent;cursor:pointer;padding:0}
.g-hit:focus-visible{outline-offset:6px}
a.g-hit{display:block}
.g-shot-pic img{display:block;width:100%;height:auto}
.g-shot-pic::after{content:"Open whole email →"}
.g-foot{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px}
.g-motion{font-size:12.5px;color:var(--sub);line-height:1.35;flex:1;min-width:0}
@media (prefers-reduced-motion:reduce){.g-shot,.g-shot::after{transition:none}}

.pals{display:flex;gap:6px;flex-wrap:wrap}
.pal{display:flex;border:1.5px solid transparent;padding:2px;cursor:pointer;background:transparent;outline-offset:2px}
.pal:hover{border-color:var(--line)}
.pal[aria-pressed=true]{border-color:currentColor}
.pal i{display:block;width:9px;height:20px}
.pal.big i{width:16px;height:30px}

/* ---------- customizer ---------- */
.cz{background:var(--ink);color:var(--paper);padding-bottom:clamp(56px,8vw,112px)}
.cz .lab{color:#d6d4cc}
.cz .sec-sub{color:#d6d4cc}
.cz-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.cz-stage{position:sticky;top:calc(var(--nav) + 16px)}
.client{border:2px solid var(--paper);background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(242,241,236,.06) 23px 24px),#1b1b1a}
.client-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:2px solid var(--paper);font-size:13px}
.client-name{flex:none;background:var(--paper);color:var(--ink);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;padding:4px 8px;transition:background-color .3s}
.client[data-view=mac] .client-name{background:var(--yellow)}
.client[data-view=win] .client-name{background:#7ab8ff}
.client-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d6d4cc}
.client-body{padding:clamp(14px,2.4vw,32px);max-height:calc(100svh - var(--nav) - 110px);overflow:auto;scrollbar-color:#555 transparent}
.client-body .inbox{max-width:430px;margin:0 auto;border-color:var(--paper)}
.cz-panel{display:grid;gap:26px}
.ctl{display:grid;gap:10px}
.ctl-row{display:flex;justify-content:space-between;align-items:center}
.pick{display:flex;gap:8px}
.pick select{flex:1;min-width:0;height:44px;border:2px solid var(--paper);background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f2f1ec' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--paper);font:inherit;font-weight:700;font-size:16px;padding:0 36px 0 12px;appearance:none;cursor:pointer}
.cz-meta{font-size:14px;color:#d6d4cc}
.seg{display:flex;flex-wrap:wrap;border:2px solid var(--paper);width:fit-content;max-width:100%}
.seg button{border:0;background:transparent;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;min-height:44px}
.seg button+button{border-left:2px solid var(--paper)}
.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.seg button:not([aria-pressed=true]):hover{background:#2a2a28}
.seg-ink{border-color:var(--ink)}
.seg-ink button+button{border-left-color:var(--ink)}
.seg-ink button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.seg-ink button:not([aria-pressed=true]):hover{background:#e3e1d8}
.cz-hint{font-size:14.5px;line-height:1.45;border-left:4px solid var(--yellow);padding-left:12px;min-height:3em}
.cz-hint b{color:var(--yellow)}
.cz .sq-btn:hover{background:var(--paper);color:var(--ink)}
.cz .pal:hover{border-color:#666}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:1px solid #444}
.role{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #444;font-size:14px;cursor:pointer;min-width:0}
.role>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ff8a8f;margin-left:6px}
.rv{display:flex;align-items:center;gap:8px;flex:none}
.rv code{font-family:var(--f);font-size:12px;font-weight:600;width:58px;color:#d6d4cc}
input[type=color]{width:36px;height:28px;border:2px solid var(--paper);padding:0;background:none;cursor:pointer;flex:none}
input[type=color]::-webkit-color-swatch-wrapper{padding:0}
input[type=color]::-webkit-color-swatch{border:0}
input[type=color]:disabled{opacity:.35;cursor:not-allowed}
.txt-btn{border:0;background:transparent;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 0}
.cz-small{font-size:14px;color:#d6d4cc}
.mrow{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #444;padding:9px 0;font-size:14px}
.mrow small{color:#bdbbb3;font-size:12.5px}
.gifbtn{border:0;background:var(--yellow);color:var(--ink);padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;flex:none}
.gifbtn:hover{background:#fff}
.gifout img{border:2px solid var(--paper);margin-top:4px;image-rendering:auto}
.gifout p{font-size:12.5px;color:#d6d4cc;margin:6px 0 4px}
.gifout .good{color:#7ee2a2}.gifout .warn{color:#ff8a8f}
@media (max-width:960px){.cz-grid{grid-template-columns:1fr}.cz-stage{position:relative;top:0}.client-body{max-height:none}}
@media (max-width:520px){.roles{grid-template-columns:1fr}.seg button{padding:10px 12px;font-size:13.5px}}

/* ---------- every email ---------- */
.every{background:var(--green);color:#fff;padding-bottom:clamp(56px,8vw,112px)}
.every .lab{color:#fff}
.every-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(24px,5vw,72px);align-items:start}
.every-head{display:grid;gap:14px;padding-top:clamp(56px,8vw,112px)}
.big-n{font-size:clamp(150px,22vw,330px);font-weight:900;font-stretch:66%;line-height:.78;letter-spacing:-.06em;color:var(--yellow);margin:6px 0 4px}
.every-head h2{font-size:clamp(36px,4.4vw,64px);line-height:.92;letter-spacing:-.04em;font-weight:900;font-stretch:80%}
.every-list{columns:2 260px;column-gap:clamp(20px,3vw,40px);padding-top:clamp(56px,8vw,112px)}
.nl{break-inside:avoid;margin-bottom:26px;border-top:3px solid #fff;padding-top:8px}
.nl h3{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:6px}
.nl h3 span{font-stretch:75%;font-weight:900;font-size:16px;letter-spacing:0}
.nl li{font-size:16px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.28);display:flex;justify-content:space-between;align-items:center;gap:8px}
.nl li em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--yellow);color:var(--ink);padding:3px 7px}
.nl li.live{font-weight:800}
@media (max-width:900px){.every-grid{grid-template-columns:1fr}.every-list{padding-top:0}}

/* ---------- campaigns ---------- */
.camp{background:var(--blue);color:var(--paper);padding-bottom:clamp(56px,8vw,112px)}
.camp .lab{color:var(--paper)}
.camp-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,420px) minmax(0,.8fr);gap:clamp(20px,4vw,56px);align-items:start}
.camp-tabs{display:grid;border-top:2px solid var(--paper)}
.camp-tabs button{display:flex;align-items:baseline;gap:14px;text-align:left;border:0;border-bottom:2px solid var(--paper);background:transparent;padding:12px 0;cursor:pointer;
  font-size:clamp(30px,3.4vw,52px);font-weight:900;font-stretch:80%;letter-spacing:-.035em;line-height:1;transition:padding .25s cubic-bezier(.2,.8,.2,1),color .2s}
.camp-tabs button span{font-size:13px;font-weight:700;letter-spacing:.08em;font-stretch:100%;width:22px}
.camp-tabs button:hover{padding-left:10px}
.camp-tabs button[aria-selected=true]{color:var(--yellow);padding-left:16px}
.camp-stage .inbox{box-shadow:14px 14px 0 var(--ink);border-color:var(--ink)}
@media (max-width:520px){.camp-stage .inbox{box-shadow:8px 8px 0 var(--ink);margin-right:8px}}
.camp-design{margin-top:22px;font-size:14px}
.camp-design b{font-weight:800}
.camp-out{display:grid;gap:16px;align-content:start}
.exports{display:grid;border-top:2px solid var(--paper)}
.exports li{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid rgba(242,241,236,.4)}
.exports b{font-size:26px;font-weight:900;font-stretch:90%;letter-spacing:-.02em;line-height:1}
.exports span{font-size:15px}
.camp-out .btn{justify-self:start;margin-top:6px}
@media (max-width:1100px){.camp-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px)}.camp-out{grid-column:1/-1}.exports{grid-template-columns:repeat(3,1fr);gap:0 20px}}
@media (max-width:760px){.camp-grid{grid-template-columns:1fr}.camp-tabs{grid-template-columns:repeat(5,auto);overflow-x:auto;border-bottom:2px solid var(--paper)}
  .camp-tabs button{font-size:24px;border-bottom:0;padding:12px 14px 12px 0;white-space:nowrap}.camp-tabs button:hover,.camp-tabs button[aria-selected=true]{padding-left:0}.camp-tabs button span{display:none}
  .exports{grid-template-columns:1fr}.camp-stage{max-width:420px}}

/* ---------- trust ---------- */
.trust{padding-bottom:clamp(48px,6vw,80px);border-bottom:1px solid var(--ink)}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--ink)}
.trust-grid li{padding:22px clamp(14px,1.6vw,24px) 8px;border-left:1px solid var(--line);display:grid;gap:10px;align-content:start}
.trust-grid li:first-child{border-left:0;padding-left:0}
.t-mark{width:44px;height:44px;background:var(--c)}
.trust-grid h3{font-size:21px;line-height:1.1;letter-spacing:-.02em}
.trust-grid p{font-size:15.5px;color:var(--sub)}
@media (max-width:1000px){.trust-grid{grid-template-columns:1fr 1fr}.trust-grid li:nth-child(3){border-left:0;padding-left:0}.trust-grid li:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:600px){.trust-grid{grid-template-columns:1fr}.trust-grid li{border-left:0;padding-left:0}.trust-grid li+li{border-top:1px solid var(--line)}}

/* ---------- pricing ---------- */
.pricing{padding-bottom:clamp(56px,8vw,112px);border-bottom:1px solid var(--ink)}
.founding{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;background:var(--yellow);border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ink);padding:clamp(22px,3.4vw,48px);margin-bottom:clamp(28px,4vw,48px)}
.f-num{font-size:clamp(120px,20vw,300px);font-weight:900;font-stretch:62%;letter-spacing:-.02em;line-height:.76;color:var(--red);-webkit-text-stroke:2px var(--ink)}
.f-copy{display:grid;gap:14px;justify-items:start}
.f-copy h3{font-size:clamp(34px,4vw,60px);font-weight:900;font-stretch:85%;letter-spacing:-.04em;line-height:.92}
.f-lede{font-size:clamp(18px,1.6vw,22px);max-width:30em}
.f-lede b{font-weight:900;background:var(--ink);color:var(--yellow);padding:0 .25em}
.ticks{display:grid;gap:8px}
.ticks li{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:16px;line-height:1.4}
.ticks li::before{content:"";width:12px;height:12px;margin-top:.35em;background:currentColor;clip-path:polygon(0 52%,16% 36%,40% 60%,84% 12%,100% 28%,40% 92%)}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.plan{border:2px solid var(--ink);padding:clamp(20px,2.6vw,34px);display:grid;gap:16px;align-content:start;background:var(--card)}
.plan h3{font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.price{display:flex;align-items:baseline;gap:8px}
.price b{font-size:clamp(64px,7vw,104px);font-weight:900;font-stretch:72%;letter-spacing:-.05em;line-height:.85}
.price span{font-size:18px;font-weight:700}
.plan .btn{justify-self:start;margin-top:4px}
.plan-pro{background:var(--ink);color:var(--paper)}
.plan-pro .btn-ink{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.plan-pro .btn-ink:hover{box-shadow:4px 4px 0 var(--paper)}
.price-note{margin-top:18px;font-size:14px;color:var(--sub)}
@media (max-width:760px){.founding{grid-template-columns:1fr;box-shadow:8px 8px 0 var(--ink)}.plans{grid-template-columns:1fr}}

/* ---------- faq ---------- */
.faq{padding-bottom:clamp(56px,8vw,112px)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,64px);align-items:start}
.faq-list{border-top:3px solid var(--ink);margin-top:clamp(56px,8vw,112px)}
.faq details{border-bottom:1px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-size:clamp(19px,1.7vw,24px);font-weight:800;letter-spacing:-.015em;line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:18px;height:18px;background:linear-gradient(currentColor,currentColor) center/100% 3px no-repeat,linear-gradient(currentColor,currentColor) center/3px 100% no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;max-width:42em;font-size:17px;color:var(--sub)}
.faq details p a{color:var(--ink);font-weight:700}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-list{margin-top:0}}

/* ---------- last call ---------- */
.last{background:var(--red);color:#fff;padding:clamp(56px,8vw,112px) 0;overflow:hidden}
.last .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:center}
.last-copy{display:grid;gap:30px;justify-items:start}
.last-cards{position:relative;height:420px}
.last-cards .inbox{position:absolute;top:0;left:50%;width:250px;height:400px;overflow:hidden;box-shadow:10px 10px 0 var(--ink)}
.last-cards .inbox:nth-child(1){transform:translateX(-120%) rotate(-7deg) translateY(18px)}
.last-cards .inbox:nth-child(2){transform:translateX(-50%) rotate(1deg);z-index:2}
.last-cards .inbox:nth-child(3){transform:translateX(20%) rotate(8deg) translateY(24px)}
@media (max-width:900px){.last .wrap{grid-template-columns:1fr}.last-cards{height:330px;margin-top:10px}.last-cards .inbox{width:190px;height:300px}}
.last h2{font-size:clamp(40px,6vw,96px);line-height:.9;letter-spacing:-.045em;font-weight:900;font-stretch:78%;max-width:13em}
.last .btn-solid-ink:hover{box-shadow:5px 5px 0 var(--ink)}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:var(--paper);padding:clamp(40px,6vw,72px) 0 28px;overflow:hidden}
.foot-mark{font-size:clamp(52px,13.2vw,212px);font-weight:900;font-stretch:125%;letter-spacing:-.05em;line-height:.8;margin:0 0 clamp(28px,4vw,48px) -.04em;white-space:nowrap}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;border-top:1px solid #444;padding-top:18px;font-size:14px}
.foot-row ul{display:flex;flex-wrap:wrap;gap:8px 24px}
.foot-row a{text-decoration-thickness:1px;text-underline-offset:3px}
.foot-row a:hover{color:var(--yellow)}

/* ---------- dialog ---------- */
.dlg{padding:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink);width:min(1000px,calc(100vw - 24px));max-height:calc(100svh - 24px);box-shadow:16px 16px 0 var(--ink)}
.dlg::backdrop{background:rgba(11,11,11,.72)}
.dlg-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-height:calc(100svh - 28px)}
.dlg-stage{overflow:auto;padding:clamp(16px,3vw,36px);background:var(--shot,#fff);border-right:2px solid var(--ink)}
.dlg-stage .inbox{max-width:400px;margin:0 auto;box-shadow:10px 10px 0 var(--ink)}
.dlg-info{overflow:auto;padding:clamp(18px,3vw,36px);display:grid;gap:18px;align-content:start}
.dlg-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dlg-info h2{font-size:clamp(34px,4vw,56px);font-weight:900;font-stretch:80%;letter-spacing:-.04em;line-height:.92}
.dlg-info h2 span{color:var(--red)}
.dlg-suits{font-size:17px;color:var(--sub)}
.dlg-motion{font-size:15px;border-left:4px solid var(--red);padding-left:12px}
.dlg-motion .lab{display:block;margin-bottom:4px}
.dlg-act{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ink);padding-top:18px}
.dlg-nav{display:flex;gap:8px}
.sq-ink:hover{background:var(--ink);color:var(--paper)}
#dlg-close:hover{background:var(--ink);color:var(--paper)}
@media (max-width:760px){.dlg-in{grid-template-columns:1fr;overflow:auto}.dlg-stage{border-right:0;border-bottom:2px solid var(--ink);overflow:visible}.dlg-info{overflow:visible}.dlg{box-shadow:none}}