/* ═══════════════════════════════════════
   BULKLAB V4 — FULL DESIGN SYSTEM
   ═══════════════════════════════════════ */
:root {
  --bg: #07070A; --bg2: #0C0C10; --bg3: #111116;
  --glass: rgba(255,255,255,.03); --glass2: rgba(255,255,255,.05); --glass3: rgba(255,255,255,.08);
  --border: rgba(255,255,255,.06); --border2: rgba(255,255,255,.1); --border3: rgba(255,255,255,.15);
  --text: #EAEAED; --text2: #9898A3; --text3: #5E5E68; --text4: #35353C;
  --gold: #D4A847; --gold2: #E8C06A; --gold-bg: rgba(212,168,71,.07); --gold-border: rgba(212,168,71,.18);
  --green: #34D06B; --green-bg: rgba(52,208,107,.07); --green-border: rgba(52,208,107,.18);
  --red: #E5484D; --red-bg: rgba(229,72,77,.07); --red-border: rgba(229,72,77,.18);
  --r: 12px; --r-sm: 8px; --r-lg: 16px; --r-xl: 20px;
}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}

/* GRAIN */
.grain{position:fixed;inset:0;opacity:.018;pointer-events:none;z-index:9999;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* AMBIENT ORBS */
.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}
.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(212,168,71,.06),transparent 70%);top:-200px;left:30%;animation:orbFloat 20s ease-in-out infinite}
.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,71,.04),transparent 70%);top:60%;right:-100px;animation:orbFloat 25s ease-in-out infinite reverse}
.orb-3{width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,71,.03),transparent 70%);bottom:-200px;left:-100px;animation:orbFloat 22s ease-in-out infinite 5s}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,10px)}}

/* PARTICLES */
.particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:0}

/* HELPERS */
.gold{color:var(--gold)}.green{color:var(--green)}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 36px;height:56px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(7,7,10,.85);border-bottom:1px solid var(--border)}
.logo{text-decoration:none;display:flex;align-items:center}.logo-img{height:22px;width:auto}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:.82rem;color:var(--text3);text-decoration:none;font-weight:500;transition:color .2s;position:relative}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--gold);transition:width .3s}.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{background:var(--gold)!important;color:var(--bg)!important;padding:7px 18px!important;border-radius:var(--r-sm)!important;font-weight:600!important;font-size:.78rem!important;overflow:hidden;position:relative!important}
.nav-cta::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-cta:hover::before{left:150%}
.nav-cta::after{display:none!important}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text)}

/* ── HERO ── */
.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:130px 24px 80px;max-width:800px;margin:0 auto}
.hero-pill{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.15em;color:var(--gold);border:1px solid var(--gold-border);padding:6px 18px;border-radius:100px;background:var(--gold-bg);text-transform:uppercase;margin-bottom:36px}
.hero-title{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:28px}
.hero-title span{display:block}
.hero-gold{color:var(--gold);display:inline-block}
.hero-sub{font-size:1.02rem;line-height:1.85;color:var(--text2);max-width:500px;margin-bottom:40px}
.hero-sub strong{color:var(--text);font-weight:600}

/* HERO ANIMATIONS */
.anim-hero{opacity:0;animation:heroSlide .7s ease forwards;animation-delay:var(--d)}
.anim-hero-pop{opacity:0;animation:heroPop .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}
@keyframes heroSlide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroPop{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* ── WAITLIST ── */
.waitlist-box{width:100%;max-width:460px}
.wl-form{display:flex;width:100%;overflow:hidden;border-radius:var(--r);border:1px solid var(--border2);background:var(--glass2);backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s}
.wl-form:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-bg),0 0 24px rgba(212,168,71,.05)}
.wl-form input{flex:1;padding:14px 18px;background:none;border:none;outline:none;font-family:'DM Sans',sans-serif;font-size:.9rem;color:var(--text)}
.wl-form input::placeholder{color:var(--text4)}
.wl-form button{padding:14px 26px;background:var(--gold);border:none;color:var(--bg);font-family:'DM Sans',sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s;white-space:nowrap;position:relative;overflow:hidden}
.wl-form button::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.wl-form button:hover::before{left:150%}
.wl-form button:hover{background:var(--gold2)}.wl-form button:disabled{opacity:.4;cursor:not-allowed}
.wl-ok{display:none;padding:14px;border:1px solid var(--green-border);border-radius:var(--r);background:var(--green-bg);color:var(--green);font-size:.88rem;font-weight:500;text-align:center}.wl-ok.show{display:block}.wl-form.hide{display:none}
.wl-err{display:none;font-size:.8rem;color:var(--red);text-align:center;margin-top:8px}.wl-err.show{display:block}
.wl-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-family:'Space Mono',monospace;font-size:.72rem;color:var(--text3)}
.wl-count{color:var(--text);font-weight:700}
.wl-live{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(52,208,107,.4)}50%{box-shadow:0 0 0 5px rgba(52,208,107,0);opacity:.5}}
.wl-note{font-size:.68rem;color:var(--text4);text-align:center;margin-top:8px}

/* ── STATS ── */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:840px;margin:0 auto;padding:60px 24px;background:var(--border);position:relative;z-index:1}
.stat-item{padding:30px 16px;text-align:center;background:var(--bg)}
.stat-num{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:4px}
.stat-label{font-size:.68rem;color:var(--text3);line-height:1.4}

/* ── CONTENT SECTIONS ── */
.content-section{max-width:840px;margin:0 auto;padding:90px 24px;position:relative;z-index:1}
.content-section.centered{text-align:center}
.content-section.centered p{margin-left:auto;margin-right:auto}
.section-tag{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.12em;color:var(--gold);margin-bottom:12px;text-transform:uppercase}
.content-section h2,.page-hero h1{font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:18px}
.content-section p{font-size:.95rem;line-height:1.85;color:var(--text2);max-width:560px}
.content-section p+p{margin-top:12px}
.content-section p strong{color:var(--text);font-weight:600}

/* ── COMPARE ── */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:32px;background:var(--border);border-radius:var(--r-lg);overflow:hidden}
.compare-card{padding:28px 24px;background:var(--bg)}.compare-card.good{background:var(--bg2)}
.compare-header{font-size:.9rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.red{background:var(--red)}.dot.green{background:var(--green)}
.compare-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.compare-card li{font-size:.84rem;color:var(--text2);padding-left:18px;position:relative;line-height:1.5}
.bad li::before{content:'\2715';position:absolute;left:0;top:2px;color:var(--red);font-size:.65rem}
.good li::before{content:'\2713';position:absolute;left:0;top:2px;color:var(--green);font-size:.65rem}

/* ── STEPS ── */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:var(--border);border-radius:var(--r-lg);overflow:hidden}
.step{padding:32px 24px;background:var(--bg)}
.step-num{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--gold);margin-bottom:14px}
.step h3{font-size:1rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.step p{font-size:.82rem;color:var(--text2);line-height:1.6}

/* ── FEATURE SHOWCASE (2-per-row) ── */
.feature-showcase{max-width:960px;margin:0 auto;padding:0 24px 60px;position:relative;z-index:1}
.feat-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.feat-card{background:var(--glass);border:1px solid var(--border2);border-radius:var(--r-xl);padding:32px 28px;display:flex;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s}
.feat-card:hover{border-color:var(--border3);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
.feat-card-text{margin-bottom:24px}
.feat-card-text .section-tag{margin-bottom:8px}
.feat-card-text h3{font-size:1.15rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}
.feat-card-text p{font-size:.85rem;line-height:1.7;color:var(--text2)}

/* ── iPHONE MOCKUP ── */
.feat-card-phone{display:flex;justify-content:center}
.iphone{width:200px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--border2);border-radius:28px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04) inset;transition:transform .3s}
.iphone:hover{transform:perspective(800px) rotateY(-3deg) rotateX(2deg)}
.iphone-notch{width:70px;height:5px;background:rgba(255,255,255,.06);border-radius:3px;margin:6px auto 8px}
.iphone-screen{background:var(--bg);border-radius:22px;padding:16px 12px;min-height:260px;border:1px solid var(--border)}

/* Mock internals */
.mock-rings{display:flex;gap:10px;justify-content:center;margin-bottom:12px}
.ring-w{text-align:center}.ring-w span{font-size:.48rem;color:var(--text3);display:block;margin-top:3px}
.ring{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--text4) 0% 100%)}
.ring.cal.filled{background:conic-gradient(var(--gold) 0% 72%,var(--text4) 72% 100%)}
.ring.pro.filled{background:conic-gradient(#3B82F6 0% 85%,var(--text4) 85% 100%)}
.ring.trn.filled{background:conic-gradient(var(--green) 0% 100%,var(--text4) 100%)}
.ring-i{width:34px;height:34px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:.52rem;font-weight:700}
.mock-rem{display:flex;justify-content:space-between;padding:7px 8px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-sm);font-size:.6rem;color:var(--text2);margin-bottom:6px}
.mock-rem .g{font-family:'Space Mono',monospace;color:var(--green);font-weight:700}
.mock-bar{height:3px;background:var(--text4);border-radius:2px;margin-bottom:8px;overflow:hidden}.mock-fill{height:100%;background:var(--gold);border-radius:2px;width:0;transition:width 1.2s ease}
.mock-streak{display:flex;gap:2px;justify-content:center}
.sd{width:12px;height:12px;border-radius:2px;font-size:.38rem;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace}
.sd.h{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}
.sd.m{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}
.sd.t{background:var(--gold);color:var(--bg);font-weight:700}

.sh-row{display:flex;justify-content:space-between;padding:6px 8px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-sm);font-size:.6rem;color:var(--text2);margin-bottom:4px}
.sh-row span:last-child{font-family:'Space Mono',monospace;color:var(--text);font-weight:700}
.sh-result{border:1px solid var(--green-border);border-radius:var(--r-sm);padding:10px;margin-top:4px;background:var(--green-bg)}
.sh-title{font-size:.58rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.sh-items{font-size:.56rem;color:var(--text2);line-height:1.7}.sh-total{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid var(--green-border);font-size:.6rem;font-weight:700}.sh-total span:last-child{color:var(--green)}

.mock-meals{display:flex;flex-direction:column;gap:0}
.ml-row{display:flex;justify-content:space-between;padding:6px 8px;background:var(--glass);border:1px solid var(--border);font-size:.56rem;color:var(--text2)}.ml-row span:last-child{font-family:'Space Mono',monospace;color:var(--text);font-weight:700}
.ml-total{display:flex;justify-content:space-between;padding:8px;border:1px solid var(--gold-border);background:var(--gold-bg);border-radius:0 0 var(--r-sm) var(--r-sm);font-size:.6rem;font-weight:700}.ml-total span:last-child{color:var(--gold)}

.mock-notifs{display:flex;flex-direction:column;gap:4px}
.notif{display:flex;gap:6px;padding:7px 8px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-sm);align-items:flex-start}
.notif.hl{border-color:var(--gold-border);background:var(--gold-bg)}
.notif-i{font-size:.7rem}.notif-c{flex:1;font-size:.52rem;line-height:1.5;color:var(--text2)}.notif-c strong{color:var(--text);display:block;font-size:.56rem;margin-bottom:1px}
.notif-t{font-family:'Space Mono',monospace;font-size:.42rem;color:var(--text4);white-space:nowrap}

.mock-chat{display:flex;flex-direction:column;gap:4px}
.ch-msg{padding:7px 9px;font-size:.54rem;line-height:1.5;border-radius:var(--r-sm);max-width:88%}
.ch-msg.user{background:var(--glass3);color:var(--text);align-self:flex-end}
.ch-msg.bot{background:var(--glass);color:var(--text2);align-self:flex-start;border:1px solid var(--border)}.ch-msg b{color:var(--text)}

.mock-trends{padding:2px 0}
.trend-bars{display:flex;align-items:flex-end;gap:2px;height:60px;margin-bottom:10px}
.tb{flex:1;border-radius:2px 2px 0 0;transition:height 1s ease}.tb.up{background:linear-gradient(to top,var(--gold),var(--gold2))}.tb.dn{background:var(--red)}.tb.fl{background:var(--text3)}
.trend-stats{display:flex;gap:1px}.ts{flex:1;background:var(--glass);border:1px solid var(--border);padding:6px 4px;text-align:center;border-radius:var(--r-sm)}
.ts-v{display:block;font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700}.ts-l{display:block;font-size:.42rem;color:var(--text3);margin-top:1px}

/* ── QUOTES ── */
.quotes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:28px}
.quote-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);padding:20px 18px;font-size:.84rem;font-style:italic;color:var(--text2);line-height:1.6;display:flex;flex-direction:column;justify-content:space-between}
.quote-card span{display:block;font-style:normal;font-family:'Space Mono',monospace;font-size:.55rem;color:var(--text4);margin-top:12px;text-transform:uppercase;letter-spacing:.06em}

/* ── 7 THINGS ── */
.seven-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-top:28px;background:var(--border);border-radius:var(--r-lg);overflow:hidden}
.seven-card{background:var(--bg);padding:24px 18px;text-align:center}
.seven-card span{font-size:1.4rem;display:block;margin-bottom:10px}
.seven-card p{font-size:.78rem;color:var(--text2);line-height:1.5}

/* ── BUTTONS ── */
.big-btn{display:inline-block;padding:12px 28px;background:var(--gold);color:var(--bg);font-weight:700;font-size:.85rem;text-decoration:none;border-radius:var(--r-sm);transition:background .2s;border:none;cursor:pointer;position:relative;overflow:hidden}
.big-btn::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.big-btn:hover::before{left:150%}.big-btn:hover{background:var(--gold2)}
.big-btn.outline{background:none;border:1px solid var(--gold-border);color:var(--gold)}.big-btn.outline:hover{background:var(--gold-bg)}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}

/* ── FOUNDER ── */
.founder-card{background:var(--glass);border:1px solid var(--border2);border-radius:var(--r-xl);padding:44px 40px;position:relative}
.founder-mark{position:absolute;top:-16px;left:24px;font-size:7rem;font-weight:800;color:rgba(255,255,255,.04);line-height:1;pointer-events:none}
.founder-card .section-tag,.founder-card blockquote,.founder-name,.founder-role{position:relative;z-index:1}
.founder-card blockquote{font-size:.95rem;line-height:1.9;color:var(--text2);margin-bottom:20px;max-width:600px}
.founder-card blockquote strong{color:var(--text);font-weight:600}
.founder-name{font-size:.95rem;font-weight:700}.founder-role{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--text3);margin-top:3px}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:var(--border);border-radius:var(--r-lg);overflow:hidden}
.blog-card{padding:24px 20px;text-decoration:none;color:inherit;background:var(--bg);transition:background .2s;display:flex;flex-direction:column}
.blog-card:hover{background:var(--bg2)}
.blog-icon{font-size:1.3rem;margin-bottom:12px}.blog-cat{font-family:'Space Mono',monospace;font-size:.5rem;color:var(--text3);letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}
.blog-card h4{font-size:.88rem;font-weight:700;margin-bottom:5px;line-height:1.2;letter-spacing:-.01em}
.blog-card p{font-size:.76rem;color:var(--text3);line-height:1.5}

/* ── PAGE HERO ── */
.page-hero{max-width:840px;margin:0 auto;padding:120px 24px 40px;text-align:center;position:relative;z-index:1}
.page-hero p{font-size:.95rem;color:var(--text2);max-width:460px;margin:0 auto}

/* ── BLOG LIST ── */
.blog-list{max-width:660px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:1}
.blog-list-card{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:opacity .2s}.blog-list-card:hover{opacity:.7}
.bl-icon{font-size:1.6rem;flex-shrink:0}.bl-cat{font-family:'Space Mono',monospace;font-size:.5rem;color:var(--gold);letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}
.bl-body h3{font-size:1.15rem;font-weight:700;margin-bottom:4px;line-height:1.15;letter-spacing:-.01em}.bl-body p{font-size:.85rem;color:var(--text2)}
.bl-meta{font-family:'Space Mono',monospace;font-size:.55rem;color:var(--text4);margin-top:6px}

/* ── BLOG POST ── */
.blog-post{max-width:620px;margin:0 auto;padding:110px 24px 80px;position:relative;z-index:1}
.post-header{margin-bottom:36px}
.back-link{font-size:.8rem;color:var(--text3);text-decoration:none;display:inline-block;margin-bottom:18px}.back-link:hover{color:var(--text)}
.post-header h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:10px}
.post-subtitle{font-size:1rem;color:var(--text2);line-height:1.7}
.post-meta{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--text4);margin-top:12px}
.post-body{line-height:1.9;color:var(--text2)}.post-body h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:32px 0 12px;letter-spacing:-.01em}
.post-body p{margin-bottom:14px}.post-body strong{color:var(--text);font-weight:600}
.post-body ol,.post-body ul{margin:12px 0;padding-left:18px}.post-body li{margin-bottom:6px}
.post-body a{color:var(--gold);text-decoration:none}.post-body a:hover{text-decoration:underline}
.post-cta{text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.post-cta p{color:var(--text3);margin-bottom:8px}

/* ── PINNED FEATURES ── */
.pinned-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.pinned-icon{font-size:1.4rem}
.pinned-title{font-size:1rem;font-weight:700;margin-bottom:2px}
.pinned-sub{font-size:.78rem;color:var(--text3)}
.pinned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:var(--r);overflow:hidden}
.pinned-card{background:var(--bg);padding:16px 14px;display:flex;gap:10px;align-items:flex-start;border-left:2px solid var(--gold-border)}
.pinned-card-icon{font-size:1rem;flex-shrink:0;margin-top:2px}
.pinned-card-body h4{font-size:.78rem;font-weight:700;margin-bottom:3px;letter-spacing:-.01em}
.pinned-card-body p{font-size:.68rem;color:var(--text3);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.heart-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:none;border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text3);cursor:pointer;font-family:'Space Mono',monospace;font-size:.65rem;transition:all .2s;margin-left:auto;flex-shrink:0}
.heart-btn:hover{border-color:var(--red-border);color:var(--red)}
.heart-btn.hearted{border-color:var(--red-border);color:var(--red);background:var(--red-bg)}
.heart-btn.hearted svg{fill:var(--red)}
.heart-count{font-weight:700}

/* ── VOTABLE FEATURES ── */
.filter-bar{display:flex;flex-wrap:wrap;gap:5px}
.filter-btn{font-size:.68rem;padding:5px 12px;background:none;border:1px solid var(--border);border-radius:100px;color:var(--text3);cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif;font-weight:500}
.filter-btn:hover,.filter-btn.active{color:var(--text);border-color:var(--border3);background:var(--glass2)}
.features-grid{max-width:960px;margin:0 auto;padding:8px 24px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:var(--r-lg);overflow:hidden;position:relative;z-index:1}
.vote-card{padding:24px 20px;background:var(--bg);position:relative;display:flex;flex-direction:column;transition:background .2s}.vote-card:hover{background:var(--bg2)}
.vote-card.top-feature{background:var(--bg2)}
.vote-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.vote-icon{font-size:1.1rem}.vote-cat{font-size:.55rem;color:var(--text4);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.vote-card h3{font-size:.85rem;font-weight:700;margin-bottom:5px;line-height:1.2;letter-spacing:-.01em}
.vote-card p{font-size:.74rem;color:var(--text3);line-height:1.5;flex:1;margin-bottom:14px}
.top-badge{position:absolute;top:0;right:0;background:var(--gold);color:var(--bg);padding:3px 10px;font-size:.6rem;font-weight:700;border-radius:0 0 0 var(--r-sm)}
.vote-actions{display:flex;gap:6px}
.vote-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:none;border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text3);cursor:pointer;transition:all .15s;font-family:'Space Mono',monospace;font-size:.68rem}
.vote-btn:hover{border-color:var(--border3);color:var(--text)}
.vote-btn.like.voted{border-color:var(--green-border);color:var(--green);background:var(--green-bg)}
.vote-btn.dislike.voted{border-color:var(--red-border);color:var(--red);background:var(--red-bg)}
.vote-num{font-weight:700}

/* ── SUGGEST ── */
.suggest-box{max-width:460px;margin:0 auto;text-align:left}
.suggest-title{font-size:1.05rem;font-weight:700;margin-bottom:3px}
.suggest-desc{font-size:.82rem;color:var(--text3);margin-bottom:14px}
.suggest-box textarea{width:100%;padding:12px;background:var(--glass);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text);font-family:'DM Sans',sans-serif;font-size:.88rem;resize:vertical;outline:none;transition:border-color .2s}
.suggest-box textarea:focus{border-color:var(--gold)}.suggest-box textarea::placeholder{color:var(--text4)}
.suggest-row{display:flex;gap:1px;margin-top:5px;overflow:hidden;border-radius:var(--r-sm)}
.suggest-row input{flex:1;padding:11px 12px;background:var(--glass);border:1px solid var(--border2);border-radius:var(--r-sm) 0 0 var(--r-sm);color:var(--text);font-family:'DM Sans',sans-serif;font-size:.82rem;outline:none}
.suggest-row input::placeholder{color:var(--text4)}
.suggest-row button{padding:11px 22px;background:var(--gold);border:none;color:var(--bg);font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;border-radius:0 var(--r-sm) var(--r-sm) 0;transition:background .2s}
.suggest-row button:hover{background:var(--gold2)}
.suggest-ok{display:none;padding:12px;border:1px solid var(--green-border);border-radius:var(--r-sm);background:var(--green-bg);color:var(--green);text-align:center;font-size:.85rem;font-weight:500;margin-top:8px}.suggest-ok.show{display:block}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:var(--r-lg);overflow:hidden}
.contact-card{padding:24px 20px;background:var(--bg)}.contact-card h4{font-size:.8rem;font-weight:700;margin-bottom:8px}
.contact-link{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--gold);text-decoration:none}.contact-link:hover{color:var(--gold2)}

/* ── BOTTOM CTA ── */
.bottom-cta{max-width:520px;margin:0 auto;padding:70px 24px 100px;text-align:center;position:relative;z-index:1}
.bottom-cta h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}
.bottom-cta p{font-size:.95rem;color:var(--text2);margin-bottom:28px;line-height:1.8}.bottom-cta .waitlist-box{margin:0 auto}

/* ── FOOTER ── */
footer{border-top:1px solid var(--border);position:relative;z-index:1}
.footer-inner{max-width:840px;margin:0 auto;padding:44px 24px 28px}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:36px;flex-wrap:wrap}
.footer-brand .logo{display:inline-block;margin-bottom:6px}.footer-brand p{font-size:.74rem;color:var(--text4);max-width:200px;line-height:1.5}
.footer-brand .logo-img{height:18px}
.footer-cols{display:flex;gap:44px}
.footer-col h4{font-size:.68rem;font-weight:700;color:var(--text2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.footer-col a{display:block;font-size:.76rem;color:var(--text4);text-decoration:none;margin-bottom:6px;transition:color .2s}.footer-col a:hover{color:var(--text)}
.footer-bottom{border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer-bottom p{font-size:.6rem;color:var(--text4)}.footer-bottom a{color:var(--text3);text-decoration:none}.footer-bottom a:hover{color:var(--text)}

/* ── ANIMATIONS ── */
.anim{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.anim.visible{opacity:1;transform:translateY(0)}
.anim-stagger{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.anim-stagger.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav{padding:0 16px}.nav-links{display:none;position:fixed;top:56px;left:0;right:0;background:var(--bg);flex-direction:column;padding:18px;gap:14px;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-toggle{display:flex}
  .hero{padding:100px 16px 60px}.hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}
  .stats-strip,.steps-grid{grid-template-columns:repeat(2,1fr)}
  .compare-grid,.feat-pair{grid-template-columns:1fr}
  .features-grid,.blog-grid,.contact-grid,.pinned-grid{grid-template-columns:1fr}
  .content-section{padding:60px 16px}
  .wl-form{flex-direction:column;border-radius:var(--r-sm)}.wl-form button{padding:12px}
  .suggest-row{flex-direction:column}.suggest-row input,.suggest-row button{border-radius:var(--r-sm)}
  .founder-card{padding:28px 20px}.footer-top{flex-direction:column}.footer-cols{gap:24px}.footer-bottom{flex-direction:column;text-align:center}
  .iphone{width:180px}
  .quotes-grid{grid-template-columns:1fr}
  .seven-grid{grid-template-columns:repeat(2,1fr)}
}