:root{--bg-canvas:#fffdf7;--bg-canvas-subtle:#f5efe0;--bg-card:#fff;--bg-ticket:#fff9e6;--ink:#18181b;--ink-secondary:#3f3f46;--ink-muted:#71717a;--border-width:3px;--border-neo:var(--border-width) solid var(--ink);--border-neo-thick:4px solid var(--ink);--shadow-neo-xs:2px 2px 0px var(--ink);--shadow-neo-sm:4px 4px 0px var(--ink);--shadow-neo:6px 6px 0px var(--ink);--shadow-neo-lg:8px 8px 0px var(--ink);--shadow-neo-xl:12px 12px 0px var(--ink);--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--color-yellow:#ffe600;--color-coral:#ff6b4a;--color-green:#22c55e;--color-cyan:#38bdf8;--color-purple:#a855f7;--color-pink:#f472b6;--color-blue:#3b82f6;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--ink);background-image:radial-gradient(var(--ink) 1px, transparent 1px);background-position:0 0;background-size:28px 28px;line-height:1.5;overflow-x:hidden}.bg-dots{background-image:radial-gradient(#18181b26 1.5px,#0000 1.5px);background-size:16px 16px}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.03em;font-weight:900;line-height:1.15}h1{font-size:clamp(2.4rem,5vw,4.2rem)}h2{font-size:clamp(1.9rem,3.8vw,3rem)}h3{font-size:clamp(1.3rem,2.4vw,1.8rem)}p{color:var(--ink-secondary);font-weight:600}.btn{font-family:var(--font-sans);border:var(--border-neo);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-flex}.btn:active{box-shadow:1px 1px 0px var(--ink)!important;transform:translate(3px,3px)!important}.btn-primary{background-color:var(--color-yellow);color:var(--ink);box-shadow:var(--shadow-neo)}.btn-primary:hover{box-shadow:var(--shadow-neo-lg);background-color:#fed700;transform:translate(-2px,-2px)}.btn-coral{background-color:var(--color-coral);color:#fff;box-shadow:var(--shadow-neo)}.btn-coral:hover{box-shadow:var(--shadow-neo-lg);background-color:#fa5834;transform:translate(-2px,-2px)}.btn-green{background-color:var(--color-green);color:#fff;box-shadow:var(--shadow-neo)}.btn-green:hover{box-shadow:var(--shadow-neo-lg);transform:translate(-2px,-2px)}.btn-cyan{background-color:var(--color-cyan);color:var(--ink);box-shadow:var(--shadow-neo)}.btn-secondary{color:var(--ink);box-shadow:var(--shadow-neo);background-color:#fff}.btn-secondary:hover{box-shadow:var(--shadow-neo-lg);background-color:#f4f0e6;transform:translate(-2px,-2px)}.btn-lg{border-radius:var(--radius-md);padding:18px 32px;font-size:1.15rem}.btn-sm{box-shadow:var(--shadow-neo-xs);padding:8px 16px;font-size:.85rem}.neo-card{background-color:var(--bg-card);border:var(--border-neo);border-radius:var(--radius-md);box-shadow:var(--shadow-neo);padding:24px;transition:transform .2s,box-shadow .2s;position:relative}.neo-card:hover{box-shadow:var(--shadow-neo-lg);transform:translate(-3px,-3px)}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-neo-xs);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.badge-yellow{background-color:var(--color-yellow);color:var(--ink)}.badge-coral{background-color:var(--color-coral);color:#fff}.badge-green{color:#14532d;background-color:#bbf7d0}.badge-cyan{color:#0369a1;background-color:#bae6fd}.badge-purple{color:#581c87;background-color:#ddd6fe}.badge-white{color:var(--ink);background-color:#fff}.ticker-wrap{background-color:var(--color-yellow);border-top:var(--border-neo);border-bottom:var(--border-neo);width:100%;padding:12px 0;overflow:hidden;box-shadow:0 4px #0000000d}.ticker-content{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink);gap:48px;font-size:.95rem;font-weight:900;animation:30s linear infinite ticker;display:inline-flex}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.phone-mockup{box-shadow:var(--shadow-neo-xl);background:#18181b;border:4px solid #18181b;border-radius:44px;width:100%;max-width:340px;padding:12px;display:inline-block;position:relative;overflow:hidden}.phone-screen{background:#000;border:2px solid #27272a;border-radius:32px;position:relative;overflow:hidden}.phone-screen img{width:100%;height:auto;display:block}.phone-notch{z-index:10;background:#18181b;border-radius:14px;width:110px;height:24px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.ticket-card{background:var(--bg-ticket);border:var(--border-neo);border-radius:var(--radius-md);box-shadow:var(--shadow-neo-lg);padding:32px;position:relative;overflow:hidden}.ticket-card:before,.ticket-card:after{content:"";background-color:var(--bg-canvas);border:var(--border-neo);border-radius:50%;width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%)}.ticket-card:before{left:-18px}.ticket-card:after{right:-18px}.stamp{border:3px dashed var(--color-green);color:#15803d;font-family:var(--font-mono);text-transform:uppercase;border-radius:8px;padding:6px 16px;font-size:.9rem;font-weight:900;display:inline-block;transform:rotate(-3deg)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#18181bb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border:var(--border-neo-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-neo-xl);background:#fff;width:100%;max-width:500px;padding:32px;position:relative}.speed-dial{border:var(--border-neo);width:120px;height:120px;box-shadow:var(--shadow-neo-sm);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}@media (width<=768px){.phone-mockup{max-width:280px}.ticker-content{gap:24px;font-size:.82rem}}