.landing{background:var(--paper);color:var(--ink);overflow-x:hidden}.landing a{color:inherit;text-decoration:none}.landing button{cursor:pointer;background:0 0;border:none;font-family:inherit}.landing .section{padding:110px 32px;position:relative}.landing-container{max-width:1240px;margin:0 auto}@media (max-width:720px){.landing .section{padding:70px 18px}}.landing-nav{z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed;top:16px;left:0;right:0}.nav-inner{pointer-events:auto;background:var(--ink);color:var(--paper);box-shadow:0 8px 30px #0000002e, 0 2px 0 var(--pink);border-radius:999px;align-items:center;gap:24px;padding:10px 14px 10px 22px;display:flex}.nav-logo{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.02em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.nav-logo-dot{background:var(--pink);border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite pulse-pop;box-shadow:0 0 0 3px #ff1b6b40}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{opacity:.78;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:500;transition:all .15s}.nav-links a:hover{opacity:1;background:#ffffff0f}.nav-cta{background:var(--pink);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform .15s;display:inline-block;color:var(--paper)!important}.nav-cta:hover{transform:rotate(-2deg)scale(1.04)}@media (max-width:720px){.nav-links{display:none}}.landing .btn{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.01em;border:2px solid var(--ink);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:15.5px;font-weight:600;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:inline-flex}.landing .btn-primary{background:var(--pink);color:var(--paper);box-shadow:4px 4px 0 var(--ink)}.landing .btn-primary:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1deg)}.landing .btn-ghost{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.landing .btn-ghost:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)rotate(1deg)}.landing .btn-arrow{transition:transform .2s}.landing .btn:hover .btn-arrow{transform:translate(3px)}.hero{background:radial-gradient(ellipse at 20% 10%, #ffd6002e, transparent 50%), radial-gradient(ellipse at 80% 90%, #6e1fff26, transparent 50%), var(--paper);min-height:100vh;padding:140px 32px 80px;position:relative;overflow:hidden}.hero-grid-bg{opacity:.04;pointer-events:none;background-image:linear-gradient(#1a1a22 1px,#0000 1px),linear-gradient(90deg,#1a1a22 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:5;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1240px;margin:0 auto;display:grid;position:relative}@media (max-width:980px){.hero-content{grid-template-columns:1fr;gap:40px}}.hero-eyebrow{background:var(--ink);color:var(--paper);font-family:var(--font-jb), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 14px;font-size:11.5px;display:inline-flex}.hero-eyebrow-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse-pop}.hero h1{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.035em;text-wrap:balance;margin-bottom:28px;font-size:clamp(48px,8vw,104px);font-weight:700;line-height:.92}.hero h1 .em{background:var(--yellow);box-shadow:4px 4px 0 var(--ink);border-radius:8px;margin:0 4px;padding:0 .12em;display:inline-block;transform:rotate(-1.5deg)}.hero h1 .em-pink{background:var(--pink);color:var(--paper)}.hero-sub{color:#2a2a35;text-wrap:pretty;max-width:540px;margin-bottom:36px;font-size:clamp(17px,1.6vw,20px);line-height:1.4}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-trust{font-family:var(--font-jb), ui-monospace, monospace;color:#555;align-items:center;gap:14px;margin-top:36px;font-size:12px;display:flex}.hero-trust-line{background:#aaa;width:30px;height:1px}.hero-setup-note{font-family:var(--font-jb), ui-monospace, monospace;color:#555;margin-top:18px;font-size:12px;display:inline-block;text-decoration:underline!important}.hero-collage{aspect-ratio:1;width:100%;max-height:560px;position:relative}.hero-collage .sticker{position:absolute}@media (max-width:980px){.hero-collage{aspect-ratio:auto;width:100%;max-width:560px;height:380px;max-height:380px;margin:0 auto}.hero-collage .sticker{width:92px!important;height:92px!important;font-size:14px!important}}@media (max-width:560px){.hero-collage{height:320px}.hero-collage .sticker{width:78px!important;height:78px!important;font-size:12px!important}}.stats-section{background:var(--paper);padding:120px 32px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}@media (max-width:880px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--paper-2);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:24px;padding:36px 30px;transition:transform .2s;position:relative}.stat-card:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)rotate(-.5deg)}.stat-card:first-child{background:#fff8d1}.stat-card:nth-child(2){background:#ffe5ee}.stat-card:nth-child(3){background:#e5ffe5}.stat-num{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(56px,7vw,96px);font-weight:700;line-height:.9}.stat-label{color:#2a2a35;font-size:16px;font-weight:500;line-height:1.4}.stat-source{font-family:var(--font-jb), ui-monospace, monospace;color:#555;letter-spacing:.04em;margin-top:28px;font-size:11.5px}.section-header{max-width:880px}.section-header h2{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(40px,5.5vw,72px);font-weight:700;line-height:.95}.section-header p{color:#2a2a35;text-wrap:pretty;max-width:640px;font-size:18px;line-height:1.5}.how-section{background:var(--night);color:var(--paper);position:relative;overflow:hidden}.how-section .eyebrow{color:var(--green)}.how-section h2{color:var(--paper)}.how-section .section-header p{color:#b5b5c2}.steps{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:70px;display:grid;position:relative}@media (max-width:1100px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps{grid-template-columns:1fr}}.step{background:#15151c;border:2px solid #2a2a35;border-radius:22px;padding:24px 22px 28px;transition:transform .25s,border-color .25s,background .25s;position:relative}.step:hover{border-color:var(--pink);background:#1c1c26;transform:translateY(-6px)rotate(-.8deg)}.step-num{font-family:var(--font-space), system-ui, sans-serif;background:var(--paper);width:30px;height:30px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:14px;font-weight:700;display:inline-flex}.step:first-child .step-num{background:var(--pink);color:var(--paper)}.step:nth-child(2) .step-num{background:var(--yellow)}.step:nth-child(3) .step-num{background:var(--green)}.step:nth-child(4) .step-num{background:var(--purple);color:var(--paper)}.step:nth-child(5) .step-num{background:var(--paper)}.step-icon{aspect-ratio:1;background:#0a0a0f;border:2px solid #2a2a35;border-radius:14px;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.step h3{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:700}.step p{color:#9a9aab;font-size:14px;line-height:1.5}.trend-section{background:var(--paper-2)}.trend-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;display:grid}@media (max-width:900px){.trend-grid{grid-template-columns:1fr}}.trend-panel{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:24px;padding:30px}.panel-head{border-bottom:2px dashed var(--ink);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.panel-head h3{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.02em;font-size:22px;font-weight:700}.live-dot{font-family:var(--font-jb), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;display:inline-flex}.live-dot:before{content:"";background:var(--pink);border-radius:50%;width:8px;height:8px;animation:1.3s infinite pulse-pop}.trend-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.trend-list li{font-family:var(--font-jb), ui-monospace, monospace;border-bottom:1px solid #eee;align-items:center;gap:14px;padding:10px 4px;font-size:13.5px;display:flex}.trend-list li:last-child{border-bottom:none}.trend-rank{width:26px;color:var(--pink);font-weight:700}.trend-term{flex:1;font-weight:500}.trend-delta{color:#006e3b;background:#e5ffe5;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.trend-delta.hot{color:#b3004a;background:#ffe5ee}.chip-cloud{flex-wrap:wrap;gap:8px;display:flex}.landing .chip{background:var(--paper-2);border:2px solid var(--ink);font-family:var(--font-space), system-ui, sans-serif;cursor:default;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.landing .chip:hover{background:var(--yellow);transform:rotate(-2deg)scale(1.05)}.chip-dot{background:var(--pink);border-radius:50%;width:8px;height:8px}.landing .chip:nth-child(3n) .chip-dot{background:var(--purple)}.landing .chip:nth-child(3n+1) .chip-dot{background:var(--green)}.landing .chip:nth-child(3n+2) .chip-dot{background:var(--yellow);border:1px solid var(--ink)}.trend-caption{font-family:var(--font-space), system-ui, sans-serif;text-wrap:balance;max-width:720px;margin-top:32px;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.4}.case-section{background:var(--paper);padding:130px 32px}.case-title{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:14px 0;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:.98}.case-sub{font-family:var(--font-jb), ui-monospace, monospace;color:#555;background:var(--paper-2);border:1px solid #ddd;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px;font-size:13px;display:inline-flex}.case-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:50px 0 70px;display:grid}@media (max-width:800px){.case-stats{grid-template-columns:1fr}}.case-stat{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:22px;padding:32px 28px;position:relative}.case-stat:first-child{background:var(--pink);color:var(--paper)}.case-stat:nth-child(2){background:var(--yellow)}.case-stat:nth-child(3){background:var(--green)}.case-stat-num{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(48px,6vw,80px);font-weight:700;line-height:.9}.case-stat-label{font-size:15px;font-weight:500;line-height:1.4}.case-narrative{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px;display:grid}@media (max-width:800px){.case-narrative{grid-template-columns:1fr}}.case-block{background:var(--paper-2);border:1px solid #e0ddd2;border-radius:18px;padding:28px 30px}.case-block.quote{background:var(--ink);color:var(--paper);border:none;grid-column:span 2;padding:40px 44px}@media (max-width:800px){.case-block.quote{grid-column:span 1}}.case-block-label{font-family:var(--font-jb), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin-bottom:14px;font-size:11.5px;font-weight:600}.case-block.quote .case-block-label{color:var(--green)}.case-block p{font-size:17px;line-height:1.55}.case-block.quote p{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.01em;font-size:clamp(22px,2.4vw,30px);font-style:italic;line-height:1.3}.case-attrib{font-family:var(--font-jb), ui-monospace, monospace;color:#b5b5c2;letter-spacing:.08em;text-transform:uppercase;margin-top:22px;font-size:12px}.case-gallery{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px;display:grid}@media (max-width:980px){.case-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.case-gallery{grid-template-columns:repeat(2,1fr)}}.gallery-tile{aspect-ratio:1;transition:transform .22s;position:relative}.gallery-tile:hover{z-index:5;transform:rotate(-3deg)scale(1.06)}.gallery-tile:hover .tile-tags{opacity:1;transform:translateY(0)}.tile-tags{background:var(--ink);color:var(--paper);font-family:var(--font-jb), ui-monospace, monospace;opacity:0;pointer-events:none;border-radius:8px;padding:6px 8px;font-size:10px;line-height:1.4;transition:opacity .18s,transform .18s;position:absolute;bottom:6px;left:6px;right:6px;transform:translateY(8px)}.cta-section{background:var(--pink);color:var(--paper);border-top:2px solid var(--ink);padding:130px 32px 70px;position:relative;overflow:hidden}.cta-bg-text{font-family:var(--font-space), system-ui, sans-serif;color:#ffffff14;white-space:nowrap;pointer-events:none;letter-spacing:-.05em;font-size:25vw;font-weight:700;line-height:.8;position:absolute;bottom:-3vw;left:-2vw}.cta-card{z-index:2;text-align:center;max-width:880px;margin:0 auto;position:relative}.cta-card h2{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.035em;text-wrap:balance;margin-bottom:18px;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:.95}.cta-card h2 .ul{background:var(--paper);color:var(--ink);border-radius:6px;padding:0 .1em;display:inline-block;transform:rotate(-1.5deg)}.cta-sub{opacity:.9;margin-bottom:36px;font-size:18px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-fine{font-family:var(--font-jb), ui-monospace, monospace;color:#ffffffb3;letter-spacing:.04em;margin-top:18px;font-size:12px}.cta-fine a{color:var(--paper);text-decoration:underline}.footer{background:var(--ink);color:var(--paper);padding:50px 32px 40px;position:relative}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;max-width:1240px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-space), system-ui, sans-serif;letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.footer-links{gap:26px;display:flex}.footer-links a{font-family:var(--font-jb), ui-monospace, monospace;color:#888;letter-spacing:.06em;text-transform:uppercase;font-size:12px;transition:color .15s}.footer-links a:hover{color:var(--paper)}.footer-mascot{font-family:var(--font-space), system-ui, sans-serif;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;animation:2.4s ease-in-out infinite float;position:absolute;top:-40px;right:40px;transform:rotate(-6deg)}.footer-legal{text-align:center;font-family:var(--font-jb), ui-monospace, monospace;color:#555;letter-spacing:.08em;margin-top:40px;font-size:11px}
