@font-face { font-family: 'Bison'; src: url('assets/Bison.ttf'); font-weight: 400 800; font-display: swap; }
:root { --mint:#17e098; --mint-dark:#0fb87a; --coal:#0a0f0d; --ink:#0F4245; --teal:#1D6669; --teal-dark:#125053; --paper:#f4f4f2; --navy:#12130f; --text2:#5d6763; --border:rgba(50,40,28,.12); --border-light:rgba(255,255,255,.1); --text-light:#f0ede6; --bison:'Bison',Impact,'Arial Black',sans-serif; --body:'Inter Tight',-apple-system,sans-serif; --mono:'Geist Mono',ui-monospace,monospace; --out2:cubic-bezier(.16,1,.3,1); }
*{margin:0;box-sizing:border-box} html{scroll-behavior:smooth}
body{font-family:var(--body);color:#16211d;background:var(--coal);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 1.4rem}
h1,h2,.bison{font-family:var(--bison);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:.92}
h2{font-size:clamp(2rem,5vw,3.2rem)}
.sec{padding:4.5rem 0}
.sec.paper{background:var(--paper);color:#16211d}
.sec.dark{background:var(--coal);color:var(--text-light)}
.sec.navy{background:#0c1715;color:var(--text-light)}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,244,242,.6);margin-bottom:1.1rem}
.kicker .chip{background:var(--mint);color:#06251a;padding:.14em .5em;border-radius:3px;font-weight:500}
.paper .kicker{color:var(--text2)}
.center{text-align:center}
/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem}
.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo img{height:22px;display:block}
.lchip{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;background:var(--mint);color:#06251a;padding:.2rem .45rem;border-radius:3px;font-weight:600}
.nav-btn{background:#fff;color:#111;border-radius:99px;padding:.55rem 1.2rem;font-weight:700;font-size:.85rem;text-decoration:none}
/* hero */
.hero{position:relative;overflow:hidden;padding:7.5rem 1.4rem 4.5rem;background:radial-gradient(1100px 520px at 78% 8%,rgba(23,224,152,.13),transparent 60%),linear-gradient(168deg,#050807 0%,#0a1512 48%,#0c3a3d 100%);color:var(--text-light)}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 72%,#0a0f0d 100%);pointer-events:none}
.hero-grid{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.hero h1{font-size:clamp(3rem,7.2vw,6.2rem);color:#fff;margin:.2rem 0 1rem}.hero h1 em{font-style:normal;color:var(--mint)}
.sub{font-size:1.15rem;color:rgba(240,237,230,.85);max-width:520px;margin-bottom:1.5rem}.sub b{color:#fff;font-weight:600}
.cform{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:100px;padding:.35rem .35rem .35rem 1.05rem;max-width:100%;box-shadow:0 2px 18px rgba(0,0,0,.25);transition:box-shadow .18s ease}
.cform:focus-within{box-shadow:0 0 0 3px rgba(23,224,152,.55),0 2px 18px rgba(0,0,0,.25)}
.cform .at{font-family:var(--mono);color:#777;font-size:.95rem}.cform input{border:0;outline:0;font:inherit;font-size:1rem;min-width:0;width:230px;color:#111;background:transparent;padding:.55rem .2rem}
.cta{background:var(--mint);color:#052;border:0;border-radius:99px;padding:.85rem 1.5rem;font-weight:800;font-size:1rem;cursor:pointer;font-family:var(--body);white-space:nowrap}.cta:hover{background:var(--mint-dark)}
.ferr{font-family:var(--mono);font-size:.78rem;color:#ff9b7a;margin:.5rem 0 0;display:none}
.works{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,244,242,.55)}
.works i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.62rem;letter-spacing:0;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.45)}
.works i.on{background:var(--mint);color:#06251a;border-color:var(--mint);font-weight:600}
.fine{margin-top:.8rem;font-size:.9rem;color:rgba(240,237,230,.7)}.fine b{color:#fff;font-weight:600}
/* steps after submit */
.steps{list-style:none;padding:0;margin:.6rem 0 0;font-family:var(--mono);font-size:.82rem}.steps li{padding:.3rem 0 .3rem 1.4rem;position:relative;color:rgba(240,237,230,.6)}
.steps li::before{content:'';position:absolute;left:0;top:.62rem;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}
.steps li.done{color:#fff}.steps li.done::before{background:var(--mint);border-color:var(--mint)}.steps li.now{color:var(--mint)}.steps li.now::before{border-color:var(--mint)}
.paper .steps li{color:var(--text2)}.paper .steps li.done{color:#16211d}
/* phone */
.phone{width:300px;height:620px;margin:0 auto;border-radius:40px;background:#0d1211;padding:9px;box-shadow:0 0 0 1.5px #2b3531,0 30px 60px -20px rgba(0,0,0,.8);position:relative}
.lock{position:relative;height:100%;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#0f3b3a 0%,#0c1b1e 55%,#0a0f0d 100%);color:#fff}
.lock .time{font-size:2.9rem;font-weight:500;text-align:center;margin-top:3.6rem;letter-spacing:-.02em;font-family:-apple-system,'Inter Tight',sans-serif}
.lock .date{text-align:center;font-size:.82rem;opacity:.8;margin-top:-.2rem}
.stack{position:absolute;left:10px;right:10px;top:150px;display:grid;gap:7px}
.ntf{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:start;background:rgba(245,245,245,.95);color:#111;border-radius:14px;padding:8px 9px;font-family:-apple-system,'Inter Tight',sans-serif;opacity:0;transform:translateY(8px);animation:ntfIn .6s var(--out2) forwards}
.ntf .ic{width:28px;height:28px;border-radius:7px;background:#0a0a0a;overflow:hidden}.ntf .ic img{width:28px;height:28px;display:block}
.ntf .t{font-size:11.5px;font-weight:600}.ntf .m{font-size:11.5px;line-height:1.3;color:#333}.ntf .m b{font-weight:700}
.ntf .w{font-family:var(--mono);font-size:9.5px;color:#777}
.ntf.dim{background:rgba(215,215,215,.92)}.ntf.paid{background:#0f3b3a;color:#fff}.ntf.paid .m{color:#fff}.ntf.paid .m b{color:var(--mint)}
.ntf:nth-child(1){animation-delay:.3s}.ntf:nth-child(2){animation-delay:.85s}.ntf:nth-child(3){animation-delay:1.4s}.ntf:nth-child(4){animation-delay:1.95s}.ntf:nth-child(5){animation-delay:2.5s}.ntf:nth-child(6){animation-delay:3.05s}.ntf:nth-child(7){animation-delay:3.6s}
@keyframes ntfIn{to{opacity:1;transform:none}}
.punch{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--mint);text-align:center;margin-top:1rem;opacity:0;animation:ntfIn .7s var(--out2) 4.3s forwards}
@media (prefers-reduced-motion:reduce){.ntf,.punch{animation:none;opacity:1;transform:none}}
/* tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.pcard{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2.3rem 1.9rem;position:relative;text-align:left;display:flex;flex-direction:column}
.pcard.pop{border-color:var(--mint);box-shadow:0 8px 40px rgba(23,224,152,.12)}
.badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--mint),var(--teal));color:#fff;padding:.3rem 1rem;border-radius:100px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pcard .nm{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.2rem;letter-spacing:.02em}
.pcard .amt{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin:.3rem 0 .2rem}.pcard .amt span{font-size:.9rem;font-weight:500;color:var(--text2)}
.pcard .lede{font-style:italic;color:var(--teal);font-size:.95rem;margin-bottom:1rem}
.pcard ul{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;gap:.5rem;font-size:.95rem}.pcard li{padding-left:1.4rem;position:relative}.pcard li::before{content:'✓';position:absolute;left:0;color:var(--mint);font-weight:800}
.pcard a{margin-top:auto;text-align:center;border-radius:99px;padding:.8rem 1rem;font-weight:800;text-decoration:none;border:1.5px solid var(--navy);color:var(--navy)}.pcard.pop a{background:var(--navy);color:#fff}
.anchor{max-width:720px;margin:2rem auto 0;font-size:1.08rem;text-align:center}.anchor b{font-weight:700}.anchor .mint{color:var(--teal);font-weight:700}
.napkin{max-width:560px;margin:2rem auto 0;background:#fffdf5;border:1px solid var(--border);border-radius:16px;padding:1.3rem 1.5rem 1.1rem;transform:rotate(-.5deg);position:relative}
.napkin::before{content:'';position:absolute;width:64px;height:64px;border-radius:50%;border:6px solid rgba(120,80,30,.12);top:-16px;right:20px}
.napkin h4,.napkin .line{font-family:'Caveat',cursive;color:#1b2a5a}.napkin h4{font-size:1.8rem;font-weight:600}.napkin .line{font-size:1.6rem;line-height:1.2}
.napkin .ctrl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem;font-family:var(--mono);font-size:.74rem;color:#1b2a5a}.napkin input[type=range]{width:100%;accent-color:#1b2a5a}
.napkin .small{font-family:var(--mono);font-size:.7rem;color:rgba(27,42,90,.7);margin-top:.5rem}
/* terms band */
.band{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.vow .h{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.25rem;line-height:1.05;color:#fff}.vow .h b{display:block;color:var(--mint);font-weight:700}
.vow .m{font-family:var(--mono);font-size:.8rem;line-height:1.5;color:rgba(240,237,230,.72);margin-top:.6rem}.vow .m b{color:#fff;font-weight:500}
.vow .rest{display:none;font-family:var(--mono);font-size:.78rem;line-height:1.5;color:rgba(240,237,230,.62);margin-top:.5rem}.vow.open .rest{display:block}
.vow button{margin-top:.6rem;background:none;border:1px solid rgba(23,224,152,.5);color:var(--mint);border-radius:99px;padding:.25rem .7rem;font-family:var(--mono);font-size:.7rem;cursor:pointer}
.vow.open button::after{content:' ▴'}.vow button::after{content:' ▾'}
/* thread */
.thread-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.thread-grid h2 em{font-style:normal;color:var(--mint)}
.tphone{width:300px;margin:0 auto;border-radius:36px;background:#0d1211;padding:9px;box-shadow:0 0 0 1.5px #2b3531,0 30px 60px -20px rgba(0,0,0,.8)}
.tscreen{background:#fff;border-radius:28px;padding:1rem .8rem 1.2rem;color:#111;font-family:-apple-system,'Inter Tight',sans-serif;min-height:430px}
.thead{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#555;border-bottom:1px solid #eee;padding-bottom:.6rem;margin-bottom:.8rem}.thead img{width:22px;height:22px;border-radius:6px}
.bub{max-width:88%;border-radius:16px;padding:.55rem .7rem;font-size:.8rem;line-height:1.35;margin:.4rem 0}
.bub.u{background:#dff7ec;margin-left:auto}.bub.them{background:#efefef}
.booked{font-family:var(--mono);font-size:.68rem;color:var(--teal);margin-top:.8rem}
.tcap{font-size:1.05rem;color:rgba(240,237,230,.8);max-width:460px;margin-top:1rem}
/* how */
.checkrow{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;justify-content:center;margin-top:1.3rem}.checkrow span{font-size:.92rem;color:rgba(255,255,255,.85)}.checkrow b{color:var(--mint)}.checkrow i{font-style:normal;font-family:var(--mono);font-size:.7rem;color:rgba(255,255,255,.45);margin-right:.35rem}
.log{max-width:860px;margin:1.6rem auto 0;background:#0d1211;border:1px solid var(--border-light);border-radius:14px;padding:1.1rem 1.2rem;font-family:var(--mono);font-size:.78rem;color:#d9dbd8}
.log .lh{display:flex;justify-content:space-between;color:rgba(255,255,255,.45);margin-bottom:.6rem}
.log .ln{display:grid;grid-template-columns:7rem 1fr;gap:.6rem;padding:.12rem 0}.log .ln .t{color:rgba(255,255,255,.45)}
.log .ln.good .x{color:var(--mint)}.log .ln.bad .x{color:#ff9b7a}.log .ln.warn .x{color:#ffd37a}
.log .cur{display:inline-block;width:.5rem;height:.9rem;background:var(--mint);vertical-align:middle;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.example{font-family:var(--mono);font-size:.72rem;color:rgba(255,255,255,.45);text-align:center;margin-top:.8rem}
/* rail */
.railwrap{margin:1.6rem -1.4rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.rail{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.2rem calc(50% - 150px) 1.4rem;scrollbar-width:none;position:relative}.rail::-webkit-scrollbar{display:none}
.kcard{flex:0 0 300px;scroll-snap-align:center;background:#0d1211;border:1px solid var(--border-light);border-radius:20px;padding:1rem 1rem 1.1rem;color:#fff}
.kcard .who{display:flex;align-items:center;gap:.5rem;font-size:.82rem;margin-bottom:.7rem}.kcard .av{width:26px;height:26px;border-radius:50%;background:#243330;display:grid;place-items:center;font-family:var(--mono);font-size:.7rem;color:var(--mint)}
.kcard .who span{margin-left:auto;font-family:var(--mono);font-size:.68rem;color:rgba(255,255,255,.45)}
.kcard .in{background:#1b2422;border-radius:12px;padding:.55rem .7rem;font-size:.82rem;line-height:1.35}.kcard .in b{font-family:var(--mono);color:var(--mint)}
.kcard .out{background:var(--mint);color:#06251a;border-radius:12px;padding:.45rem .7rem;font-size:.8rem;margin:.5rem 0 .5rem auto;width:fit-content;max-width:90%}
.kcard .cap{display:grid;grid-template-columns:52px 1fr;gap:.6rem;align-items:start;font-size:.8rem;line-height:1.35;color:rgba(255,255,255,.85)}.kcard .cap img{width:52px;height:52px;border-radius:8px;object-fit:cover}
.kcard .cap .strike{text-decoration:line-through;color:#ff9b7a}.kcard .cap .ink{color:var(--mint);font-weight:600}.kcard .cap .pen{font-family:'Caveat',cursive;color:#ff9b7a;font-size:1rem;margin-left:.3rem}
.kcard .keep{margin-top:.8rem;background:#132c2a;border-radius:10px;padding:.5rem .7rem;display:flex;justify-content:space-between;font-size:.8rem}.kcard .keep b{font-family:var(--mono);color:var(--mint)}
.money{max-width:720px;margin:2rem auto 0;background:#0d1211;border:1px solid var(--border-light);border-radius:16px;padding:1.3rem 1.5rem;font-size:1.02rem;line-height:1.55}.money .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.5rem}.money b{color:var(--mint);font-weight:600}
.deals-note{font-family:var(--mono);font-size:.72rem;color:rgba(255,255,255,.45);text-align:center;margin-top:.6rem}
/* paper reading */
.read{max-width:720px;margin:0 auto}
.read h2{margin-bottom:1rem}.read h2 em{font-style:normal;color:var(--teal)}
.read p{font-size:1.05rem;line-height:1.6;margin-bottom:1rem}
.why h3{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.5rem;margin:1.6rem 0 .5rem}.why h3 em{font-style:normal;color:var(--teal)}
.why p b{font-weight:600}
.why .niche{margin-top:1.2rem;padding:.9rem 1rem;background:rgba(23,224,152,.12);border-left:3px solid var(--mint);border-radius:0 8px 8px 0}
.dlwrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
dl dt{font-weight:700;font-size:1.05rem;padding-top:.9rem;border-top:1px solid var(--border)}dl dd{margin:.2rem 0 .9rem;color:#3a443f}
.letter{max-width:640px;margin:1.6rem auto 0;background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.3rem 1.5rem;font-size:.95rem;line-height:1.55}
.letter .ps-top{font-family:var(--mono);font-size:.7rem;color:var(--text2);border-bottom:1px solid #e6e8ea;padding-bottom:.5rem;margin-bottom:.8rem}
.letter p{margin:0 0 .6rem}.letter .ps-foot{font-size:.74rem;color:var(--text2);border-top:1px dashed #e6e8ea;padding-top:.5rem;margin-top:.5rem}
/* faq */
.faq-sec{padding:4rem 0;background:#fff;color:#16211d}.faq{max-width:680px;margin:1.6rem auto 0}.faq details{border-bottom:1px solid #eee;padding:.85rem 0}.faq summary{font-weight:600;cursor:pointer;color:var(--navy);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';float:right;color:var(--text2)}.faq details[open] summary::after{content:'–'}.faq p{margin-top:.6rem;color:#3a443f}
/* final */
.final-cta{padding:4.5rem 0 5rem;background:radial-gradient(700px 380px at 50% 100%,rgba(23,224,152,.12),transparent 65%),#0c1211;color:#fff;text-align:center}
.final-cta h2{font-size:clamp(2.2rem,6vw,4rem)}.final-cta h2 em{font-style:normal;color:var(--mint)}
.final-cta .sub{margin:1rem auto 1.4rem}
.footer{background:var(--coal);color:rgba(240,237,230,.55);font-family:var(--mono);font-size:.74rem;padding:1.4rem 1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:6rem}.phone{width:270px;height:560px;margin-top:2rem}.stack{top:135px}.tiers{grid-template-columns:1fr}.band{grid-template-columns:1fr 1fr}.thread-grid{grid-template-columns:1fr}.dlwrap{grid-template-columns:1fr;gap:1.2rem}}
@media (max-width:600px){.hero{padding:5.5rem 1.1rem 3.5rem}.hero h1{font-size:3rem}.cform{display:flex;width:100%;padding:.3rem .3rem .3rem .9rem}.cform input{width:auto;flex:1}.cta{padding:.75rem 1rem}.band{grid-template-columns:1fr;gap:1.3rem}.sec{padding:3.2rem 0}.log .ln{grid-template-columns:5.6rem 1fr}.log{font-size:.7rem}.phone{width:250px;height:520px}.stack{top:120px;left:8px;right:8px}.ntf .t,.ntf .m{font-size:10.5px}.rail{padding:1.2rem calc(50% - 140px) 1.4rem}.kcard{flex-basis:280px}.nav{padding:.9rem 1.1rem}.napkin .ctrl{grid-template-columns:1fr}}

/* mobile fix + imagery (Scott: "broken on mobile") */
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;opacity:.28;z-index:0;pointer-events:none}
.hero>.hero-grid{position:relative;z-index:2}
.final-cta{position:relative;overflow:hidden}
.cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%;opacity:.16;z-index:0;pointer-events:none;filter:saturate(.6)}
.final-cta>*:not(.cta-bg){position:relative;z-index:1}
@media (max-width:700px){.hero-bg,.cta-bg{display:none}}
@media (max-width:600px){
  .hero{padding:5rem 1rem 2.6rem}
  .hero-grid{gap:1.6rem}
  .hero h1{font-size:2.9rem}
  /* lock screen: full width, natural height, nothing clipped, nothing under the clock */
  .phone{width:100%;max-width:340px;height:auto;padding:8px;margin:0 auto}
  .lock{height:auto;padding-bottom:14px}
  .lock .time{margin-top:1.4rem;font-size:2.4rem}
  .lock .date{margin-bottom:.4rem}
  .stack{position:static;padding:12px 10px 0;left:auto;right:auto;top:auto}
  .ntf{padding:9px 10px}.ntf .t,.ntf .m{font-size:12.5px}.ntf .w{font-size:10px}
  .punch{font-size:1.5rem;margin:1rem 1rem 0}
  /* pricing stacked, Scout first (DOM order), 16px gutters */
  .sec{padding:3rem 0}.wrap,.inner{padding-left:1rem;padding-right:1rem}
  .tiers{grid-template-columns:1fr;gap:1rem}
  /* terms band as a vertical list */
  .band{grid-template-columns:1fr;gap:1.1rem}
  /* thread phone centered at 300px */
  .thread-grid{grid-template-columns:1fr;gap:1.4rem}.tphone{width:300px;max-width:100%}
  /* log readable, scrolls inside its own box only */
  .log{font-size:.8rem;overflow-x:auto;padding:.9rem .9rem}
  .log .ln{grid-template-columns:6.2rem minmax(26rem,1fr)}
  /* rail: native horizontal scroll with snap, cards one at a time */
  .railwrap{margin:1.4rem -1rem 0}.rail{padding:1rem calc(50% - 150px) 1.2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .kcard{flex:0 0 300px}
  .napkin .ctrl{grid-template-columns:1fr}
}
@media (min-width:601px){.phone{height:680px}.stack{top:140px}.lock .time{margin-top:3rem}}
@media (max-width:600px){
  .cform{flex-wrap:nowrap;overflow:hidden}.cform input{flex:1 1 0;min-width:0}.cta{flex:0 0 auto;padding:.7rem .9rem;font-size:.92rem}
  .log .ln{grid-template-columns:6rem max-content;gap:.6rem}.log .ln .x,.log .ln .t{white-space:nowrap}.log{overflow-x:auto}
}

/* ===== launch additions ===== */
@font-face{font-family:'Caveat';src:url('assets/Caveat.ttf');font-display:swap}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:960px;margin:1.6rem auto 0;text-align:left}
.steps3 .s{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.2rem 1.2rem 1.1rem}
.steps3 .n{font-family:var(--mono);font-size:.72rem;color:var(--text2)}
.steps3 .h{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.35rem;line-height:1;margin:.35rem 0 .4rem}
.steps3 .h b{color:var(--teal);font-weight:700}
.steps3 p{font-size:.95rem;color:#3a443f;line-height:1.45}
.more-link{display:inline-block;margin-top:1.2rem;font-family:var(--mono);font-size:.78rem;color:var(--teal);text-decoration:none;border-bottom:1px solid var(--mint)}
.dark .more-link,.navy .more-link{color:var(--mint)}
.pr-subhead{margin:.5rem 0 0;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#4a4f4c}
.plus10{max-width:720px;margin:1rem auto 0;font-size:1.05rem;text-align:center}.plus10 b{font-family:var(--mono);color:var(--teal)}
/* painted door */
.door{background:radial-gradient(800px 400px at 20% 0%,rgba(23,224,152,.14),transparent 60%),#0c1715;color:var(--text-light)}
.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.door h2 em{font-style:normal;color:var(--mint)}
.door p.lead2{font-size:1.05rem;color:rgba(240,237,230,.82);margin-top:1rem;max-width:480px}
.ladder{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.rung{display:grid;grid-template-columns:44px 1fr;gap:.9rem;align-items:center;background:#0d1211;border:1px solid var(--border-light);border-radius:16px;padding:1rem 1.1rem}
.rung .dot{width:44px;height:44px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.3);display:grid;place-items:center;font-family:var(--mono);font-size:.8rem;color:rgba(255,255,255,.6)}
.rung.got{border-color:var(--mint)}.rung.got .dot{background:var(--mint);border:0;color:#06251a;font-weight:700}
.rung .t{font-weight:700;font-size:1rem}.rung .t b{color:var(--mint)}
.rung .d{font-size:.86rem;color:rgba(240,237,230,.7);margin-top:.15rem}
.door .honest{font-family:var(--mono);font-size:.72rem;color:rgba(240,237,230,.5);margin-top:1rem;line-height:1.5}
/* you're in panel */
.youre-in{background:rgba(13,18,17,.92);border:1px solid rgba(23,224,152,.45);border-radius:20px;padding:1.2rem 1.2rem 1.1rem;max-width:520px;color:var(--text-light);text-align:left}
.youre-in h3{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.7rem;line-height:1}.youre-in h3 em{font-style:normal;color:var(--mint)}
.youre-in .refrow{display:flex;gap:.4rem;margin:.9rem 0 .4rem;flex-wrap:wrap}
.youre-in .refurl{flex:1 1 200px;min-width:0;font-family:var(--mono);font-size:.78rem;background:#050807;border:1px solid var(--border-light);border-radius:10px;padding:.6rem .7rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.youre-in button.sm{background:var(--mint);color:#052;border:0;border-radius:99px;padding:.55rem .9rem;font-weight:800;font-family:var(--body);cursor:pointer}
.youre-in button.sm.ghost{background:none;color:var(--mint);border:1px solid rgba(23,224,152,.5)}
.youre-in .mini{margin-top:.8rem}.youre-in .mini .rung{padding:.65rem .8rem;grid-template-columns:34px 1fr;border-radius:12px}.youre-in .mini .dot{width:34px;height:34px;font-size:.72rem}
.youre-in .prog{font-family:var(--mono);font-size:.74rem;color:rgba(240,237,230,.65);margin:.6rem 0 .2rem}
.invited{display:none;font-family:var(--mono);font-size:.74rem;color:var(--mint);margin-bottom:.8rem}
/* footer with sub-pages */
.sitefoot{background:var(--coal);color:rgba(240,237,230,.6);padding:3rem 1.4rem 2rem;font-size:.9rem}
.sitefoot .cols{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem}
.sitefoot h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,237,230,.45);margin-bottom:.8rem;font-weight:500}
.sitefoot a{display:block;color:#fff;text-decoration:none;padding:.22rem 0}.sitefoot a:hover{color:var(--mint)}
.sitefoot .brand img{height:22px}.sitefoot .brand p{margin-top:.8rem;max-width:280px;line-height:1.5}
.sitefoot .legal{max-width:1180px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid var(--border-light);font-family:var(--mono);font-size:.7rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
/* sub-page shell */
.subhero{padding:7rem 1.4rem 3rem;background:linear-gradient(168deg,#050807 0%,#0a1512 60%,#0c3a3d 100%);color:var(--text-light)}
.subhero .wrap{padding:0}.subhero h1{font-size:clamp(2.6rem,6vw,4.4rem);color:#fff}.subhero h1 em{font-style:normal;color:var(--mint)}
.subhero p{font-size:1.1rem;color:rgba(240,237,230,.8);max-width:620px;margin-top:1rem}
.crumbs{font-family:var(--mono);font-size:.72rem;color:rgba(240,237,230,.5);margin-bottom:1rem}.crumbs a{color:var(--mint);text-decoration:none}
.rates table{width:100%;border-collapse:collapse;font-size:.98rem;margin-top:1rem}.rates td{padding:.7rem .4rem .7rem 0;border-top:1px solid var(--border);vertical-align:baseline}.rates td:first-child{font-weight:600;width:36%}.rates td:nth-child(2){color:#3a443f}.rates td:last-child{text-align:right;font-family:var(--mono);white-space:nowrap}
.notes3{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.4rem}
.langtabs{display:flex;gap:.4rem;margin-top:1.2rem}.langtabs button{font-family:var(--mono);font-size:.72rem;border:1px solid var(--border);background:#fff;border-radius:99px;padding:.3rem .8rem;cursor:pointer}.langtabs button.on{background:var(--navy);color:#fff}
.legalbody h3{font-weight:700;font-size:1.1rem;margin:1.4rem 0 .4rem}
@media (max-width:900px){.steps3{grid-template-columns:1fr}.door-grid{grid-template-columns:1fr}.sitefoot .cols{grid-template-columns:1fr 1fr}.notes3{grid-template-columns:1fr}}
@media (max-width:600px){.sitefoot .cols{grid-template-columns:1fr 1fr;gap:1.4rem}.sitefoot .brand{grid-column:1/-1}.subhero{padding:5.5rem 1rem 2.4rem}.rates td:nth-child(2){display:none}.youre-in{padding:1rem}.youre-in h3{font-size:1.45rem}}

/* ── edits 2: /chat-style top bar, nav in flow, "For" marquee, platform switch ── */
.annc{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;background:#050807;border-bottom:1px solid rgba(23,224,152,.25);padding:.5rem 1rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,244,242,.65)}
.annc .chip{background:var(--mint);color:#06251a;padding:.1em .5em;border-radius:3px;font-weight:500}
.anncnote{color:rgba(244,244,242,.4)}
@media(max-width:640px){.anncnote{display:none}}
.nav{position:relative;background:#050807}
.hero{padding-top:3.2rem}
.subhero{padding-top:3rem}
.for-marq{display:flex;align-items:center;gap:1.1rem;background:#050807;border-top:1px solid rgba(23,224,152,.14);border-bottom:1px solid rgba(23,224,152,.14);padding:.8rem 0 .8rem 1.4rem;overflow:hidden;position:relative;max-width:100vw}
.for-lbl{flex:0 0 auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);padding-right:1.1rem;border-right:1px solid rgba(244,244,242,.16)}
.for-track{flex:1 1 auto;min-width:0;display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.for-list{list-style:none;margin:0;padding:0;display:flex;flex:0 0 auto;align-items:center;animation:formarq 120s linear infinite;will-change:transform}
.for-list li{white-space:nowrap;font-family:var(--body);font-weight:600;font-size:.92rem;letter-spacing:.01em;color:rgba(244,244,242,.82);padding:0 1.15rem;position:relative}
.for-list li::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--mint);opacity:.7;transform:translateY(-50%)}
.for-marq:hover .for-list{animation-play-state:paused}
@keyframes formarq{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:720px){.for-marq{padding-left:1rem;gap:.8rem}.for-list li{font-size:.84rem;padding:0 .95rem}.for-list{animation-duration:88s}}
@media(prefers-reduced-motion:reduce){.for-list{animation:none}.for-list[aria-hidden]{display:none}.for-track{flex-wrap:wrap;mask-image:none;-webkit-mask-image:none}.for-list{flex-wrap:wrap;row-gap:.3rem}}
.pillwrap{max-width:100%}
.plat{display:inline-flex;gap:.25rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:.22rem;margin-bottom:.6rem;max-width:100%;flex-wrap:wrap}
.plat button{border:0;background:none;color:rgba(244,244,242,.75);font-family:var(--body);font-weight:600;font-size:.82rem;padding:.38rem .8rem;border-radius:99px;cursor:pointer}
.plat button.on{background:#fff;color:#111}
.plat button:disabled{cursor:default;color:rgba(244,244,242,.35)}
.plat button i{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;margin-left:.2rem}
.final-cta .pillwrap{display:flex;flex-direction:column;align-items:center}

/* v3: countdown, growing how-it-works list, Bison line, start over */
.annc .tick{font-family:var(--mono);color:rgba(244,244,242,.75)}
.annc .tick b{color:var(--mint);font-weight:500}
.howlist{list-style:none;margin:1.6rem auto 0;padding:0;max-width:640px;text-align:left;display:grid;grid-template-columns:1fr;gap:.2rem 2.4rem}
.howlist.two{max-width:960px;grid-template-columns:1fr 1fr}
.howlist li{display:grid;grid-template-columns:3rem 1fr;align-items:baseline;padding:1rem 0;border-top:1px solid var(--border)}
.howlist .hn{font-family:var(--mono);font-size:.8rem;color:var(--teal)}
.howlist .ht{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.45rem;line-height:1.05}
.howlist p{font-size:.98rem;color:#3a443f;margin:.25rem 0 0;line-height:1.45}
@media (max-width:760px){.howlist.two{grid-template-columns:1fr}}
.punch{font-family:var(--bison);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;line-height:1.1}
@media (max-width:600px){.punch{font-size:1.05rem}}
.startover{margin:.6rem 0 0;font-size:.8rem}
.startover a{color:inherit;opacity:.65}

/* v4 imagery: homepage-style hero slides and example rows */
.hero-bg{display:none}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 42%;filter:grayscale(1) contrast(1.1) brightness(.93);z-index:0;transform:scale(1.04)}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 42%;filter:grayscale(1) contrast(1.1) brightness(.93);opacity:0;z-index:1;will-change:transform,opacity;transform:scale(1.04);animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
.hero-slide:nth-of-type(2){animation-name:repKenB;animation-delay:0s}
.hero-slide:nth-of-type(3){animation-name:repKenA;animation-delay:8s}
.hero-slide:nth-of-type(4){animation-name:repKenB;animation-delay:16s}
@keyframes repKenA{0%{opacity:0;transform:scale(1.04) translate(0,0)}5%{opacity:1}33%{opacity:1}38%{opacity:0}100%{opacity:0;transform:scale(1.13) translate(-1%,-.7%)}}
@keyframes repKenB{0%{opacity:0;transform:scale(1.13) translate(1%,.7%)}5%{opacity:1}33%{opacity:1}38%{opacity:0}100%{opacity:0;transform:scale(1.04) translate(0,0)}}
.hero-shade{position:absolute;inset:0;z-index:2;background:
  linear-gradient(100deg,rgba(10,10,10,.90) 0%,rgba(10,10,10,.62) 45%,rgba(10,10,10,.18) 100%),
  linear-gradient(0deg,#0a0f0d 0%,rgba(10,10,10,.80) 9%,rgba(10,10,10,.55) 19%,rgba(10,10,10,.30) 32%,rgba(10,10,10,.08) 50%,transparent 70%)}
.hero-grain{position:absolute;inset:0;z-index:3;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='.5'/></svg>")}
.hero{background:#0a0a0a}
.hero::after{z-index:3}
@media (prefers-reduced-motion:reduce){.hero-slide{animation:none!important;opacity:0!important}}
@media (max-width:900px){
  .hero-media{bottom:auto;height:min(640px,78vh)}
  .hero-fallback,.hero-slide{object-position:70% 40%;filter:grayscale(1) contrast(1.1) brightness(.62)}
  .hero-shade{background:linear-gradient(180deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,.66) 55%,#0a0f0d 100%)}
}

.ex-sec{background:#0a0a0a}
.ex-eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mint);margin-bottom:1rem}
.ex-sec-title{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:.95;letter-spacing:.01em;color:#f4f4f2;margin:0}
.ex-sec-title em{font-style:normal;color:var(--mint)}
.ex-sec-sub{color:rgba(244,244,242,.62);margin-top:1rem;font-size:1.02rem;max-width:58ch;line-height:1.5}
.ex-rows{margin-top:clamp(2.2rem,5vw,3.2rem);display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.ex-row{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(10px,1.4vw,16px);align-items:stretch}
.ex-creator{display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:1.2rem 1.3rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.02)}
.ex-cr-top{display:flex;align-items:center;gap:.7rem}
.ex-av{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.ex-av img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05)}
.ex-cr-top b{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.35rem;line-height:.95;color:#f4f4f2;display:block}
.ex-cr-top span{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,244,242,.45);margin-top:.25rem}
.ex-cr-note{font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;color:rgba(244,244,242,.6);line-height:1.45;margin:0}
.ex-post{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;display:flex;justify-content:center;background:rgba(255,255,255,.02)}
.ex-phone{width:100%;max-width:230px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 5px #161616,0 18px 40px rgba(0,0,0,.45);color:#111}
.ex-ph-top{display:flex;align-items:center;gap:.45rem;padding:.5rem .65rem;font-size:.68rem;font-weight:600}
.ex-ph-top i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#17e098,#0f4245);flex:none}
.ex-ph-top span{margin-left:auto;font-weight:400;font-size:.6rem;color:#6b6b6b}
.ex-phone img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ex-cap{font-size:.7rem;line-height:1.35;padding:.55rem .65rem .7rem;margin:0;color:#222}
.ex-biz{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);padding:1.2rem 1.4rem;display:flex;flex-direction:column;justify-content:center;gap:.55rem}
.ex-biz-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ex-biz-name{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1;color:#f4f4f2}
.ex-rev{font-family:var(--mono);color:var(--mint);white-space:nowrap}
.ex-rev b{font-family:var(--bison);font-size:1.6rem;letter-spacing:.02em;font-weight:700}
.ex-biz-concept{color:rgba(244,244,242,.66);font-size:.95rem;line-height:1.5;margin:0}
.ex-biz-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}
.ex-chip{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);border:1px solid rgba(23,224,152,.35);border-radius:999px;padding:.32rem .62rem}
.ex-disc{font-family:var(--mono);font-size:.68rem;font-style:italic;color:rgba(244,244,242,.42);margin-top:clamp(1.8rem,4vw,2.6rem);letter-spacing:.02em}
@media (max-width:820px){
  .ex-row{grid-template-columns:1fr;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
  .ex-row:last-child{border-bottom:0}
  .ex-phone{max-width:260px}
}

/* ===== Rep flow diagram (hero) + lock screen in How it works ===== */
.repflow{display:block;width:100%;height:auto;overflow:visible}
.repflow .rf-fl{fill:none;stroke:#f4f4f2;stroke-opacity:.16;stroke-width:1.3}
.repflow .rf-in{stroke-opacity:.22}
.repflow .rf-dot{fill:#17e098}
.repflow .rf-cp{fill:none;stroke:rgba(23,224,152,.14);stroke-width:1.4;stroke-dasharray:3 5}
.repflow .rf-cg{fill:none;stroke:#17e098;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.repflow .rf-cash text{font-size:15px}
.repflow .rf-em{font-size:21px}.repflow .rf-sm{font-size:17px}
.repflow .rf-lb{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;fill:rgba(244,244,242,.7)}
.repflow .rf-tile{fill:rgba(255,255,255,.06);stroke:#f4f4f2;stroke-opacity:.18;stroke-width:1}
.repflow .rf-paid rect{fill:rgba(23,224,152,.14);stroke:rgba(23,224,152,.6)}
.repflow .rf-paid text{font-family:var(--mono);font-size:12px;fill:#17e098}
.repflow-card{background:linear-gradient(180deg,rgba(10,15,13,.72),rgba(10,15,13,.55));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px 20px 14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero-flow{display:flex;justify-content:center}
.hero-flow .repflow-card{width:100%;max-width:500px}

/* How it works: steps left, the lock screen right (the notifications illustrate the steps) */
.how-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3.5rem;align-items:center;max-width:1000px;margin:0 auto;text-align:left}
.how-split .howlist{margin-top:1.2rem}
.how-split .more-link{display:inline-block;margin-top:1.2rem}
.how-phone .punch{color:#0f4245;opacity:1;animation:none}
.how-phone .ntf{animation-play-state:paused}
.how-phone.inview .ntf{animation-play-state:running}

@media (max-width:900px){
  .how-split{grid-template-columns:1fr;gap:2.2rem}
  .how-phone{display:flex;flex-direction:column;align-items:center}
}
@media (max-width:700px){
  .hero-grid{gap:1.1rem}
  .hero-flow .repflow-card{max-width:none;padding:14px 10px 6px;border-radius:18px;background:rgba(10,15,13,.55)}
  .how-phone .phone{margin-top:0}
}

/* ===== edits 31–42 ===== */
/* 0. countdown bar: short label on phones so it fits one line */
.ao-short{display:none}
@media (max-width:700px){
  .ao-long{display:none}.ao-short{display:inline}
  .annc{flex-wrap:nowrap;gap:.55rem;letter-spacing:.06em;font-size:.64rem;padding:.5rem .6rem;white-space:nowrap}
}

/* 40. mobile hero: the diagram replaces the kicker and the big headline */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:700px){
  .hero-grid{display:flex;flex-direction:column;align-items:stretch}
  .hero-copy{display:contents}
  .hero-flow{order:-1}
  .hero-kicker{display:block;order:-2;margin:0 0 .4rem}
  .hero-h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hero .sub{margin:0;font-size:1.12rem;line-height:1.4}
  .hero{padding-top:1.4rem}
}

/* 32–34. examples: the creator plus a realistic Instagram post */
.ex-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ex-creator{justify-content:center}
.ex-read{margin:0;display:flex;flex-direction:column;gap:.35rem}
.ex-read-lb{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.ex-read i{font-family:var(--sans);font-style:italic;font-size:1rem;line-height:1.45;color:rgba(244,244,242,.66)}
.ex-post{padding:22px 14px}
.igphone{width:100%;max-width:270px;background:#fff;color:#0c0c0c;border-radius:34px;overflow:hidden;
  box-shadow:0 0 0 7px #121212,0 0 0 8px #2a2a2a,0 24px 50px -12px rgba(0,0,0,.7);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Inter Tight",sans-serif;-webkit-font-smoothing:antialiased}
.ig-status{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 4px;font-size:12px;font-weight:600;position:relative}
.ig-isl{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:74px;height:20px;border-radius:12px;background:#0c0c0c}
.ig-bat{width:22px;height:10px;border-radius:3px;border:1.4px solid #0c0c0c;position:relative}
.ig-bat::after{content:"";position:absolute;inset:1.4px 4px 1.4px 1.4px;background:#0c0c0c;border-radius:1px}
.ig-head{display:flex;align-items:center;gap:8px;padding:8px 10px}
.ig-av{width:30px;height:30px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f5c518,#e1306c,#833ab4);flex:none}
.ig-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;box-sizing:border-box;filter:none}
.ig-who{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.ig-who b{font-size:12.5px;font-weight:600}
.ig-who span{font-size:11px;color:#5c5c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-who span b{font-size:11px;font-weight:600;color:#0c0c0c}
.ig-head>svg{width:18px;height:18px;margin-left:auto;fill:#0c0c0c;flex:none}
.ig-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ig-acts{display:flex;align-items:center;justify-content:space-between;padding:9px 11px 4px}
.ig-acts span{display:flex;gap:13px}
.ig-acts svg{width:23px;height:23px;fill:none;stroke:#0c0c0c;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.ig-acts span svg:first-child{fill:#ff3040;stroke:#ff3040}
.ig-likes{margin:2px 12px 0;font-size:12.5px;font-weight:600}
.ig-cap{margin:3px 12px 0;font-size:12.5px;line-height:1.35;color:#0c0c0c}
.ig-cap b{font-weight:600}
.ig-time{margin:5px 12px 14px;font-size:10.5px;color:#8e8e8e;text-transform:none}
@media (max-width:820px){.ex-row{grid-template-columns:1fr}.igphone{max-width:300px}}

/* 37b. compare */
.compare-link{margin:.35rem 0 0;font-size:.9rem}
.compare-link a{color:var(--teal);text-decoration:none;border-bottom:1px solid currentColor}
.cmp-wrap{overflow-x:auto;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff}
.cmp{width:100%;border-collapse:collapse;font-size:.95rem;color:#121212}
.cmp td.nar{min-width:220px;color:#2a2d2b;line-height:1.45}
.cmp th,.cmp td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.07);vertical-align:top}
.cmp thead th{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b;font-weight:500}
.cmp tbody th{font-weight:600}
.cmp tbody th a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2)}
.cmp tr.cmp-us{background:rgba(23,224,152,.12)}
.cmp tr.cmp-us th{color:#0f4245}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp-foot{font-family:var(--mono);font-size:.68rem;color:#6b6b6b;margin-top:1rem}
@media (max-width:700px){
  .cmp-wrap{border:0;background:none;overflow:visible}
  .cmp thead{display:none}
  .cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto}
  .cmp tr{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;margin-bottom:.8rem;padding:.4rem 0}
  .cmp tr.cmp-us{border-color:rgba(23,224,152,.6)}
  .cmp tbody th{font-size:1.05rem;border-bottom:1px solid rgba(0,0,0,.07)}
  .cmp td{border-bottom:0;padding:.45rem 1rem;display:flex;justify-content:space-between;gap:1rem}
  .cmp td::before{content:attr(data-l);font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;flex:none;max-width:45%}
}

/* 38. napkin on the main page */
#pricing .napkin{margin:2rem auto 0;max-width:560px;text-align:left}
/* 35. the week now has seven notifications: let the How it works phone grow to fit them */
.how-phone .phone{height:auto}
.how-phone .lock{height:auto;padding-bottom:22px}
.how-phone .stack{position:static;padding:14px 10px 0;left:auto;right:auto;top:auto}

.repflow .rf-cash text.rf-amt{font-family:var(--mono);font-size:10px;fill:#17e098}

/* 45. kicker on one line on phones */
@media (max-width:700px){.hero-kicker{font-size:10.6px;letter-spacing:.06em;white-space:nowrap}}
@media (max-width:370px){.hero-kicker{font-size:10.5px;letter-spacing:.02em}}

/* 47. sub-line: regular weight, bold only the payoff */
.hero .sub{font-weight:400}
.hero .sub b{font-weight:700;color:#fff}

/* 48. compact example cards */
.exc-row{margin-top:clamp(1.6rem,4vw,2.4rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.exc{border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.02);display:flex;flex-direction:column}
.exc-post{background:#fff;color:#0c0c0c;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Inter Tight",sans-serif}
.exc-ig{display:flex;align-items:center;gap:8px;padding:8px 10px}
.exc-igav{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #d62976}
.exc-igav img{width:100%;height:100%;object-fit:cover;display:block}
.exc-igwho{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.exc-igwho>b{font-size:12.5px;font-weight:600}
.exc-igwho>span{font-size:11px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exc-igwho>span b{font-weight:600;color:#0c0c0c}
.exc-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.exc-cap{margin:0;padding:7px 10px 9px;font-size:12px;line-height:1.35;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exc-cap b{font-weight:600}
.exc-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px}
.exc-who{margin:0;display:flex;align-items:center;gap:8px;color:#f4f4f2}
.exc-av{width:28px;height:28px;border-radius:50%;overflow:hidden;flex:none}
.exc-av img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05)}
.exc-who b{font-family:var(--bison);font-weight:700;text-transform:uppercase;font-size:1.08rem;line-height:1}
.exc-fol{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,244,242,.5)}
.exc-read{margin:0;font-size:.86rem;line-height:1.35;color:rgba(244,244,242,.66)}
.exc-read span{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin-right:.25rem}
.exc-read i{font-style:italic}
.exc-out{margin:2px 0 0;font-family:var(--mono);font-size:.74rem;color:var(--mint);border-top:1px solid rgba(255,255,255,.08);padding-top:9px}
@media (max-width:820px){
  .exc-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:0;margin-right:0;padding:0 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .exc-row::-webkit-scrollbar{display:none}
  .exc{flex:0 0 78%;scroll-snap-align:center}
}

/* 51. a paper napkin */
.napkin.paper-napkin{position:relative;max-width:540px;margin:2.2rem auto 0;padding:1.6rem 1.7rem 1.3rem;border:0;border-radius:3px;transform:rotate(-1.2deg);
  background-color:#fbf9f2;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(150,140,115,.16) 1px,transparent 1.4px),
    linear-gradient(rgba(120,110,90,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,110,90,.05) 1px,transparent 1px),
    linear-gradient(135deg,rgba(255,255,255,.7),rgba(235,229,214,.6));
  background-size:9px 9px,18px 18px,18px 18px,100% 100%;
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 14px 28px -10px rgba(0,0,0,.28),inset 0 0 22px rgba(160,150,125,.18);
  -webkit-mask:radial-gradient(circle 4px at 50% 0,transparent 98%,#000) top/12px 51% repeat-x,radial-gradient(circle 4px at 50% 100%,transparent 98%,#000) bottom/12px 51% repeat-x;
  mask:radial-gradient(circle 4px at 50% 0,transparent 98%,#000) top/12px 51% repeat-x,radial-gradient(circle 4px at 50% 100%,transparent 98%,#000) bottom/12px 51% repeat-x}
.napkin.paper-napkin::before{display:none}
.nap-fold{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(120,110,90,.18) 8%,rgba(255,255,255,.8) 50%,rgba(120,110,90,.18) 92%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.6);pointer-events:none}
.nap-ring{position:absolute;width:86px;height:86px;right:18px;top:-6px;border-radius:50%;border:5px solid rgba(140,95,45,.13);box-shadow:inset 0 0 0 2px rgba(140,95,45,.06);transform:rotate(14deg) scale(1,.93);pointer-events:none}
.paper-napkin h4,.paper-napkin .line{font-family:'Reenie Beanie','Caveat',cursive;color:#1b2a5a;position:relative}
.paper-napkin h4{font-size:2rem;font-weight:400;margin:0 0 .2rem}
.paper-napkin .line{font-size:1.75rem;line-height:1.15}
.paper-napkin .ctrl{font-family:'Reenie Beanie','Caveat',cursive;font-size:1.25rem;color:#1b2a5a;position:relative}
.paper-napkin input[type=range]{accent-color:#1b2a5a;background:transparent;width:100%}
.paper-napkin .small{font-family:'Reenie Beanie','Caveat',cursive;font-size:1.15rem;color:rgba(27,42,90,.72);position:relative}
@media (max-width:600px){.napkin.paper-napkin{padding:1.4rem 1.2rem 1.1rem;transform:rotate(-.8deg)}.paper-napkin .line{font-size:1.5rem}}

/* 55. desktop: the countdown sits in the nav between the logo and the CTA; phones keep the top bar */
.nav-count{display:none}
@media (min-width:701px){
  .annc{display:none}
  .nav-count{display:flex;align-items:center;gap:.8rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,244,242,.65);white-space:nowrap}
  .nav-count .chip{background:var(--mint);color:#06251a;padding:.1em .5em;border-radius:3px;font-weight:500}
  .nav-count .tick{color:rgba(244,244,242,.75)}.nav-count .tick b{color:var(--mint);font-weight:500}
}
@media (min-width:701px) and (max-width:900px){.nav-count>span:first-child{display:none}}

/* 54. phones: the sub-line takes the kicker's place above the diagram */
@media (max-width:700px){
  .hero-kicker{display:none!important}
  .hero .sub{order:-2;margin:0 0 .7rem}
}

/* 57. the lock screen waits until it scrolls into view; reduced motion shows it all */
@media (prefers-reduced-motion: reduce){.how-phone .ntf{opacity:1;transform:none;animation:none}}

/* 60. full captions on the example posts */
.exc-cap{white-space:normal;overflow:visible;text-overflow:clip}

/* 62. message glyphs on the Rep -> business lines */
.repflow .rf-msg{font-size:13px}
/* 63. napkin math in black sharpie */
.paper-napkin h4,.paper-napkin .line,.paper-napkin .ctrl,.paper-napkin .small,.napkin h4,.napkin .line{font-family:'Permanent Marker','Caveat',cursive!important;color:#141414!important;letter-spacing:.01em}
.paper-napkin h4{font-size:1.45rem;font-weight:400}.paper-napkin .line{font-size:1.15rem;line-height:1.45}
.paper-napkin .ctrl{font-size:.92rem}.paper-napkin .small{font-size:.82rem;color:rgba(20,20,20,.62)!important}
.paper-napkin .line b,.paper-napkin .line span{color:#141414}
.paper-napkin input[type=range],.napkin input[type=range]{accent-color:#141414}
/* 65. withloma.com footer block */
.site-foot{border-bottom:1px solid rgba(244,244,242,.1);margin:0 0 2.2rem;padding-bottom:2rem}
.sf-contact{text-align:center;margin-bottom:clamp(1.6rem,3.4vw,2.4rem);font-family:var(--mono);font-size:.8rem;letter-spacing:.02em;color:rgba(244,244,242,.55)}
.sf-contact a{color:#f4f4f2}
.sf-backed{text-align:center}
.sf-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mint)}
.sf-sub{color:rgba(244,244,242,.55);font-size:.92rem;line-height:1.5;margin:.6rem auto 0;max-width:62ch}
.sf-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem 2rem;margin-top:clamp(1.4rem,3vw,2rem);font-family:var(--mono);font-size:.74rem}
.sf-bottom a{color:rgba(244,244,242,.7);text-decoration:none}.sf-bottom a:first-child{justify-self:start}.sf-bottom a:last-child{justify-self:end}
.sf-sibling{display:inline-flex;align-items:center;gap:.55em}.sf-sibling svg{width:.7em;height:.7em}
.sf-name{color:#f4f4f2;font-weight:600}
@media(max-width:640px){.sf-bottom{grid-template-columns:auto auto;justify-content:center;gap:.9rem 1.6rem}.sf-sibling{grid-column:1/-1;order:-1;justify-self:center}.sf-bottom a:first-child,.sf-bottom a:last-child{justify-self:center}}

/* /chat-style wordmark: "loma" image + the product word in Cabin, mint */
.logo{gap:0}
.logo .lchip{font-family:'Cabin',sans-serif;font-size:29.4px;font-weight:700;letter-spacing:.02em;line-height:1;color:var(--mint);
  -webkit-text-stroke:1.6px var(--mint);margin-left:.26rem;background:none;padding:0;border-radius:0;text-transform:none}
.logo img{height:26px}
@media (max-width:600px){.logo img{height:22px}.logo .lchip{font-size:24.9px;-webkit-text-stroke:1.3px var(--mint)}}
/* homepage-style hero headline: one line per row, the key word in mint */
.hero h1.display{line-height:.88;letter-spacing:.004em;text-shadow:0 2px 40px rgba(0,0,0,.4)}
.hero h1 .hrow{display:block}
.hero h1 .cash{color:var(--mint);position:relative;display:inline-block;vertical-align:baseline}
/* Oct 8: no scan shimmer on the headline word (Scott) */

/* Phone-only copy written by the Loma CMS: <span class="cms-desk">desktop</span><span class="cms-phone">phone</span> */
.cms-phone{display:none}
@media (max-width:600px){.cms-desk{display:none}.cms-phone{display:inline}}
/* Desktop (901px+): the lock-screen phone sits in the hero and the flow diagram in How it works (rep.js moves them). */
@media (min-width:901px){
  .hero-flow .phone{height:620px;margin:0 auto;transform:scale(.94);transform-origin:50% 50%}
  .hero-flow .stack{top:140px}
  .how-phone .repflow-card{width:100%;max-width:500px;margin:0 auto 1rem;background:linear-gradient(180deg,#0f1a17,#0a0f0d);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 30px 60px -30px rgba(10,15,13,.55)}
}
/* invite panel: waitlist line, share link, email-a-friend form, sent list */
.youre-in .wl{font-size:.92rem;color:rgba(240,237,230,.82);margin:.45rem 0 .2rem;line-height:1.45}
.youre-in .eta b{color:#fff}
.invform select{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:0 .6rem;font:inherit;font-size:.85rem;flex:none}
.youre-in .invlbl{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,237,230,.55);margin:1rem 0 .1rem}
.youre-in .invform .invrow{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.youre-in .invform input{flex:1 1 150px;min-width:0;background:#050807;border:1px solid var(--border-light);border-radius:10px;padding:.6rem .7rem;color:#fff;font:inherit;font-size:.88rem}
.youre-in .invform input:focus{outline:2px solid var(--mint);outline-offset:1px}
.youre-in .invmsg{font-size:.82rem;margin:.45rem 0 0;min-height:1.1em;color:rgba(240,237,230,.75)}
.youre-in .invmsg.ok{color:var(--mint)}.youre-in .invmsg.bad{color:#ff9b7a}
.youre-in .invsent{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.25rem;font-family:var(--mono);font-size:.72rem;color:rgba(240,237,230,.6)}
.youre-in .invsent li.counted{color:var(--mint)}
.youre-in.invite-mode{max-width:none}
.door .youre-in .honest{margin-top:.8rem}
.youre-in .honest{font-family:var(--mono);font-size:.7rem;line-height:1.5;color:rgba(240,237,230,.5);margin-top:.8rem}

/* Logo lockup baseline: the white "loma" letters end 11/215 of the way up from the bottom of loma-wordmark.png
   (row 204 of 215). The image sits on the text baseline lowered by that amount, so "booking" shares the exact
   baseline in every browser; "booking" then rises by half its outline (the stroke extends that far below the glyph). */
.logo{display:inline-block;white-space:nowrap;line-height:1}
.logo img{display:inline-block;vertical-align:baseline;height:26px;margin-bottom:calc(26px * -11 / 215)}
.logo .lchip{display:inline-block;vertical-align:baseline;transform:translateY(-0.8px)}
@media (max-width:600px){.logo img{height:22px;margin-bottom:calc(22px * -11 / 215)}.logo .lchip{transform:translateY(-0.65px)}}

/* phones: the traveling cash emoji read as blinking in the corner; the arcs and +$ badges still show the payment */
@media (max-width:600px){.repflow .rf-cash{display:none}}

/* paid plans in the invite panel and on pricing cards */
.youre-in .paybtns{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.youre-in .paymsg,.pcard .paymsg{font-size:.82rem;margin:.45rem 0 0;color:rgba(240,237,230,.75)}
.pcard .paymsg{color:var(--text2)}
.youre-in .paymsg.ok{color:var(--mint)}.youre-in .paymsg.bad{color:#ff9b7a}
.youre-in .paid-ok{color:var(--mint);font-weight:700;margin:.9rem 0 0}

/* desktop flow animation (taller, more steps): only inside the How it works slot on desktop */
.repflow.rf-desk{display:none}
@media (min-width:901px){
  .how-phone .repflow.rf-mob{display:none}
  .how-phone .repflow.rf-desk{display:block}
  .how-phone .repflow-card{max-width:520px}
}
.repflow .rf-chk{font-family:var(--mono);font-size:11px;fill:#17e098}
.repflow .rf-bnc{font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;fill:#ffb27a}
.repflow .rf-hit{fill:none;stroke:#17e098;stroke-width:1.4}
.repflow .rf-tot{font-family:var(--mono);font-size:11px;letter-spacing:.06em;fill:#17e098}

/* space under the closing heading now that the line beneath it is gone */
.final-cta h2 + .pillwrap{margin-top:1.5rem}

/* compare grid (Oct 8): options as columns, criteria as rows, Loma highlighted */
.cmp2-wrap{overflow-x:auto;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff;-webkit-overflow-scrolling:touch}
.cmp2{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;color:#121212;min-width:760px}
.cmp2 th,.cmp2 td{padding:.95rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.07)}
.cmp2 thead th{background:#fff;font-weight:700;font-size:1rem;vertical-align:bottom}
.cmp2 tbody th{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#5b605d;font-weight:500;width:17%}
.cmp2 tbody th,.cmp2 thead th:first-child{position:sticky;left:0;background:#fff;z-index:2}
.cmp2 .us{background:#e3f8ef;font-weight:600;color:#0f4245}
.cmp2 thead th.us{background:#0f4245;color:#fff;border-radius:14px 14px 0 0;font-size:1.05rem}
.cmp2 .cmp-badge{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#17e098;margin-bottom:.35rem;font-weight:500}
.cmp2 .ic{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;font-size:.7rem;margin-right:.45rem;vertical-align:-.15rem;font-weight:700}
.cmp2 .ic.y{background:#17e098;color:#0a0f0d}
.cmp2 .ic.n{background:rgba(0,0,0,.08);color:#8a8f8c}
.cmp2 td.us .ic.y{background:#0f4245;color:#17e098}
.cmp2 tr.cta-row td,.cmp2 tr.cta-row th{border-bottom:0}
.cmp2 tr.cta-row td.us{border-radius:0 0 14px 14px}
.cmp2 .cta{display:inline-block;text-decoration:none;font-size:.9rem;padding:.6rem 1rem}
.cmp2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:700px){.cmp2{font-size:.88rem;min-width:640px}.cmp2 th,.cmp2 td{padding:.75rem .7rem}.cmp2 tbody th{width:auto;min-width:96px}}

.cmp2-foot{margin:.9rem 0 0;font-size:.85rem;color:#5b605d;max-width:60ch}

/* repeat signups: pointed to the paid plans */
.repeat-link{color:var(--mint);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}
.ferr .repeat-link{color:inherit}

/* the invite offer reads as a headline, not a caption */
.youre-in .prog{font-family:var(--sans);font-size:.98rem;letter-spacing:0;text-transform:none;color:rgba(240,237,230,.82);line-height:1.4}
.youre-in .prog b{display:block;font-family:var(--display);text-transform:uppercase;font-weight:700;font-size:1.45rem;line-height:1.05;color:#fff;letter-spacing:.01em;margin-bottom:.25rem}

/* pricing cards: handle first, then checkout (Oct 9) */
.payfine{font-size:.8rem;color:rgba(240,237,230,.6);margin:.5rem 0 0}
.paper .payfine,.payfine.center{color:#5b605d;text-align:center;margin:1rem 0 0}
.plannote{margin:1.1rem auto .8rem;max-width:560px;font-size:.92rem;color:#fff;background:rgba(23,224,152,.12);border:1px solid rgba(23,224,152,.45);border-radius:12px;padding:.6rem .9rem;text-align:center}
.finishplan{margin:.2rem 0 1rem;padding:1rem 1.1rem;border:1px solid rgba(23,224,152,.6);border-radius:14px;background:rgba(23,224,152,.1)}
.finishplan .t{font-family:var(--display);text-transform:uppercase;font-weight:700;font-size:1.35rem;line-height:1.05;color:#fff}
.finishplan p{margin:.35rem 0 .7rem;color:rgba(240,237,230,.85);font-size:.95rem}
.typofix{color:inherit;text-decoration:underline;font-weight:600;cursor:pointer}

/* Oct 12: gifts, DM, team-up link, friend's gift view */
.youre-in .rung.each .dot{font-size:.62rem;border-style:solid;border-color:rgba(23,224,152,.5);color:var(--mint)}
.youre-in .gift{margin-top:.2rem}
.youre-in .giftlead{font-size:.86rem;color:rgba(240,237,230,.75);margin:.25rem 0 .4rem;line-height:1.45}
.youre-in .giftsugg{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin:.2rem 0 .1rem;font-size:.8rem;color:rgba(240,237,230,.6)}
.youre-in .chip{background:#050807;border:1px solid rgba(23,224,152,.45);color:var(--mint);border-radius:99px;padding:.3rem .65rem;font-family:var(--mono);font-size:.74rem;cursor:pointer}
.youre-in .gift .invrow{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.youre-in .gift input{flex:1 1 150px;min-width:0;background:#050807;border:1px solid var(--border-light);border-radius:10px;padding:.6rem .7rem;color:#fff;font:inherit;font-size:.88rem}
.youre-in .giftlist{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.4rem;font-family:var(--mono);font-size:.74rem;color:rgba(240,237,230,.7)}
.youre-in .giftlist li{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.youre-in .giftlist li.ready,.youre-in .giftlist li.claimed{color:var(--mint)}
.youre-in .giftlist button.sm{padding:.35rem .7rem;font-size:.74rem}
.youre-in .dmtext{font-size:.86rem;line-height:1.5;background:#050807;border:1px solid var(--border-light);border-radius:10px;padding:.6rem .7rem;color:#fff;margin:.45rem 0 0;overflow-wrap:anywhere}
.youre-in .teamup{margin:.9rem 0 0;font-size:.84rem}.youre-in .teamup a{color:var(--mint)}
.giftview{max-width:620px}
.giftview .gtlist{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.7rem}
.giftview .gt{background:#050807;border:1px solid var(--border-light);border-radius:12px;padding:.75rem .85rem}
.giftview .gtn{font-family:var(--mono);font-size:.7rem;color:rgba(240,237,230,.55)}
.giftview .gtname{font-weight:800;font-size:1.02rem;margin:.15rem 0}
.giftview .gtwhy{font-size:.88rem;color:rgba(240,237,230,.82);line-height:1.45}
.giftview .gtmeta{font-family:var(--mono);font-size:.74rem;color:var(--mint);margin-top:.3rem;overflow-wrap:anywhere}
.giftview details{margin-top:.4rem}.giftview summary{cursor:pointer;font-size:.82rem;color:rgba(240,237,230,.7)}
.giftview .gtpitch{font-size:.86rem;line-height:1.5;margin:.4rem 0 0;color:#fff}
.giftview .giftclaim{margin-top:.9rem}