.hero{border-bottom:1px solid var(--border);padding:clamp(7rem,14vh,9rem) clamp(1rem,3vw,2rem) 5rem;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 100%)}.hero:after{content:"";background:radial-gradient(circle, var(--glow), transparent 65%);pointer-events:none;width:42rem;height:42rem;position:absolute;top:-8rem;right:-10rem}.hero-grid{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}#title{text-transform:uppercase;font-size:clamp(2.5rem,5.6vw,4.5rem)}#title i{background:linear-gradient(180deg, #4ade80, var(--accent-strong));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:500}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.mock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow), 0 30px 80px var(--glow);overflow:hidden}.mock-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.mock-head{align-items:center;gap:.85rem;display:flex}.mock-avatar{background:linear-gradient(135deg, #4ade80, var(--accent-strong));color:#fff;width:3rem;height:3rem;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.mock-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.mock-ca{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.mock-change{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);border-radius:999px;margin-left:auto;padding:.3rem .65rem;font-size:.85rem}.mock-chart{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 100% 25%, var(--bg);padding:.75rem .75rem .25rem}.mock-chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:url(#chartFill)}.chart-dot{fill:var(--accent)}.chart-pulse{fill:var(--accent);opacity:0}.mock-actions{grid-template-columns:2fr 1fr 1fr;gap:.5rem;display:grid}.mock-actions span{border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;color:var(--text-secondary);padding:.6rem;font-size:.85rem;font-weight:600}.mock-actions span:first-child{background:var(--accent);border-color:var(--accent);color:#fff}.js .chart-line{stroke-dasharray:1;stroke-dashoffset:1px}.js .chart-area,.js .chart-dot{opacity:0}.js .mock.in .chart-line{animation:draw 1.8s var(--ease) .3s forwards}.js .mock.in .chart-area{animation:1s 1.2s forwards fade}.js .mock.in .chart-dot{animation:.4s 1.9s forwards fade}.js .mock.in .chart-pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out 2.1s infinite pulse}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}@keyframes pulse{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.section{padding:clamp(4.5rem,9vw,7rem) clamp(1rem,3vw,2rem)}.features{grid-template-columns:repeat(6,1fr);gap:1.25rem;display:grid}.features .info-card{grid-column:span 2}.features .info-card:nth-child(n+4){grid-column:span 3}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:border-color .3s ease, transform .3s var(--ease), box-shadow .3s ease;flex-direction:column;display:flex;overflow:hidden}.info-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));transform:translateY(-3px)}.info-card img{aspect-ratio:16/10;object-fit:cover;background:var(--surface-strong);filter:saturate(.92);width:100%;max-height:16rem;transition:filter .3s}.info-card:hover img{filter:saturate(1.05)}.info{flex-direction:column;gap:.5rem;padding:1.4rem 1.5rem 1.6rem;display:flex}.info h2{text-transform:uppercase;font-size:1.3rem}.info .text{color:var(--text-secondary);font-size:1rem}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.step{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:1.75rem;position:relative}.step:before{counter-increment:step;content:"0" counter(step);background:var(--accent-soft);width:2.5rem;height:2.5rem;color:var(--accent);font-family:var(--font-mono);border-radius:.75rem;place-items:center;margin-bottom:1.25rem;font-size:.9rem;display:inline-grid}.step h3{margin-bottom:.5rem;font-size:1.25rem}.step p{color:var(--text-secondary)}#memes{background:var(--band)}#memes .section-head h2{color:var(--bg)}.memes{grid-template-columns:repeat(4,1fr);align-items:start;gap:1rem;display:grid}.meme{border-radius:var(--radius-md);width:100%;transition:transform .3s var(--ease);box-shadow:0 10px 24px #0003}.meme:hover{transform:translateY(-3px)rotate(-.5deg)}.cta{border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(ellipse at 50% 0%, var(--glow), transparent 70%), var(--surface);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:clamp(2.5rem,6vw,4rem) 1.5rem;display:flex;position:relative;overflow:hidden}.cta h2{text-transform:uppercase;font-size:clamp(1.9rem,4vw,2.75rem)}.cta p{color:var(--text-secondary);max-width:32rem}footer{background:var(--footer);color:var(--text-on-dark);padding:3.5rem clamp(1rem,3vw,2rem) 2rem}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.75rem;display:flex}.disclaimer{max-width:36rem;color:var(--text-on-dark-muted);font-size:.875rem}.links{gap:.75rem;display:flex}.links a{border:1px solid #b3b3b340;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:border-color .2s,background .2s;display:inline-flex}.links a:hover{background:#22c55e1f;border-color:#22c55e}.links svg{width:1.2rem;height:1.2rem;fill:var(--text-on-dark)}.copyright{color:var(--text-on-dark-muted);letter-spacing:.08em;font-size:.8rem}.js .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--d,0s);transform:translateY(16px)}.js .reveal.in{opacity:1;transform:none}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;align-items:center}.mock{width:100%;max-width:34rem;margin:0 auto}.nav-links{display:none}.features{grid-template-columns:1fr 1fr}.features .info-card,.features .info-card:nth-child(n+4){grid-column:span 1}.features .info-card:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr}.memes{grid-template-columns:1fr 1fr}}@media (max-width:600px){.features,.memes{grid-template-columns:1fr}.nav-actions .btn{padding:.5rem .9rem;font-size:.85rem}.hero-ctas{width:100%}.hero-ctas .btn{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transition:none;transform:none}.js .chart-line{stroke-dashoffset:0}.js .chart-area,.js .chart-dot{opacity:1}.js .mock.in .chart-line,.js .mock.in .chart-area,.js .mock.in .chart-dot,.js .mock.in .chart-pulse{animation:none}}