:root{--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-hand: "Caveat", cursive;--bg: #e8e0d4;--bg-raised: #efe8dd;--bg-inset: #ddd5c8;--bg-card: #ece5da;--text: #2c2418;--text-secondary: #6b5d4d;--text-muted: #a89880;--accent: #f59e0b;--accent-hover: #d97706;--accent-glow: #f59e0b40;--visa-amber: #f59e0b;--visa-amber-light: #fef3c7;--visa-coral: #fb7185;--visa-coral-light: #ffe4e6;--visa-indigo: #818cf8;--visa-indigo-light: #e0e7ff;--visa-emerald: #34d399;--visa-emerald-light: #d1fae5;--visa-sky: #38bdf8;--border: #d5cdc0;--border-strong: #b8ad9c;--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--radius-full: 9999px;--neu-raised: 6px 6px 14px #c5bdb0, -6px -6px 14px #ffffff;--neu-raised-sm: 3px 3px 8px #c5bdb0, -3px -3px 8px #ffffff;--neu-raised-lg: 10px 10px 24px #bfb7aa, -10px -10px 24px #ffffff;--neu-inset: inset 3px 3px 8px #c5bdb0, inset -3px -3px 8px #ffffff;--neu-inset-deep: inset 5px 5px 12px #b8b0a3, inset -5px -5px 12px #ffffff;--neu-flat: 0 0 0 transparent;--header-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .25s}ul,ol{list-style:none}img,svg,video{display:block}button,input,select,textarea{font:inherit;color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.wrap-sm{max-width:760px;margin:0 auto;padding:0 16px}@media(min-width:640px){.wrap,.wrap-sm{padding:0 24px}}@media(min-width:1024px){.wrap,.wrap-sm{padding:0 32px}}.section{padding:60px 0;position:relative}@media(min-width:640px){.section{padding:80px 0}}@media(min-width:1024px){.section{padding:120px 0}}.section-center{text-align:center;display:flex;flex-direction:column;align-items:center}.section-title{font-size:clamp(1.75rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}@media(min-width:640px){.section-title{margin-bottom:24px}}.section-desc{color:var(--text-secondary);max-width:540px;margin-bottom:32px;font-size:1rem;line-height:1.6}@media(min-width:640px){.section-desc{margin-bottom:48px;font-size:1.15rem}}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:24px;width:100%}@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr);gap:28px}}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:32px}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr);gap:28px}.grid-2{gap:40px}}.nav{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--bg);box-shadow:0 2px 12px #c5bdb060;display:flex;align-items:center}.nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:0 16px}@media(min-width:640px){.nav-inner{padding:0 24px}}@media(min-width:1024px){.nav-inner{padding:0 48px}}.nav-logo{font-family:var(--font-sans);font-size:1.5rem;font-weight:900;color:var(--text);letter-spacing:-.03em;display:flex;align-items:center;gap:10px}@media(min-width:640px){.nav-logo{font-size:1.7rem}}.nav-links{display:none;align-items:center;gap:6px}@media(min-width:1024px){.nav-links{display:flex;gap:4px}}.nav-links a{color:var(--text-secondary);text-transform:lowercase;font-size:.88rem;font-weight:600;min-height:auto;padding:6px 14px;border-radius:var(--radius-sm);transition:all .25s}.nav-links a:hover{color:var(--text);background:var(--bg-inset);box-shadow:var(--neu-inset)}.nav-links a.active{color:var(--text);background:var(--bg-card);box-shadow:var(--neu-raised-sm);font-weight:800}.nav-cta{background:var(--accent)!important;color:var(--text)!important;border-radius:var(--radius-full)!important;padding:8px 18px!important;font-size:.85rem!important;font-weight:800!important;display:inline-flex;align-items:center;gap:6px;transition:all .25s;border:none;cursor:pointer;box-shadow:3px 3px 8px #c5bdb0,-2px -2px 6px #fff}.nav-cta:hover{background:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:4px 4px 12px #c5bdb0,-3px -3px 8px #fff}@media(min-width:640px){.nav-cta{padding:8px 22px!important;font-size:.9rem!important}}.nav-mobile{display:flex;cursor:pointer;background:none;border:none;padding:8px;align-items:center;justify-content:center}@media(min-width:1024px){.nav-mobile{display:none!important}}.nav-mobile-menu{position:fixed;top:var(--header-h);bottom:0;left:0;right:0;z-index:99;background:var(--bg);display:flex;flex-direction:column;padding:24px;overflow-y:auto}.nav-mobile-menu a{color:var(--text);text-transform:lowercase;border-bottom:1px solid var(--border);padding:16px 0;font-size:1.4rem;font-weight:700}@media(min-width:1024px){.nav-mobile-menu{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .25s;line-height:1;text-decoration:none;min-height:44px;box-shadow:var(--neu-raised)}.btn:hover{box-shadow:var(--neu-raised-lg);transform:translateY(-2px)}.btn:active{box-shadow:var(--neu-inset);transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--text)}.btn-ghost{background:var(--bg-card);color:var(--text)}.card{background:var(--bg-card);border:none;border-radius:var(--radius);padding:28px;box-shadow:var(--neu-raised);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}@media(min-width:640px){.card{padding:32px}}@media(hover:hover){.card:hover{box-shadow:var(--neu-raised-lg);transform:translateY(-4px)}}@media(hover:none){.card:hover{box-shadow:var(--neu-raised);transform:none}}.card-inset{background:var(--bg-inset);border:none;border-radius:var(--radius);padding:24px;box-shadow:var(--neu-inset)}.stamp-card{background:var(--bg-card);border:none;border-radius:var(--radius);padding:24px;box-shadow:var(--neu-raised);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.stamp-card:hover{box-shadow:var(--neu-raised-lg);transform:translateY(-3px)}.stamp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius) var(--radius) 0 0}.stamp-amber:before{background:var(--visa-amber)}.stamp-coral:before{background:var(--visa-coral)}.stamp-indigo:before{background:var(--visa-indigo)}.stamp-emerald:before{background:var(--visa-emerald)}.stamp-sky:before{background:var(--visa-sky)}.code-block{font-family:var(--font-mono);background:var(--bg-inset);border:none;border-radius:var(--radius-sm);box-shadow:var(--neu-inset);padding:16px;font-size:.8rem;line-height:1.7;overflow-x:auto;color:var(--text)}@media(min-width:640px){.code-block{padding:24px;font-size:.85rem}}.kw{color:#6366f1;font-weight:700}.str{color:#16a34a}.cmt{color:var(--text-muted);font-style:italic}.hand-drawn{font-family:var(--font-hand);color:var(--text);font-size:1.2rem;display:inline-block}@media(min-width:640px){.hand-drawn{font-size:1.4rem}}.hero-prop{transition:opacity .4s}@media(max-width:767px){.hero-prop{opacity:0!important;pointer-events:none!important}}.footer{background:var(--bg);padding:48px 0 24px}@media(min-width:640px){.footer{padding:64px 0 32px}}@media(min-width:1024px){.footer{padding:80px 0 40px}}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px}}.footer-col h4{letter-spacing:.06em;color:var(--text);margin-bottom:16px;font-size:.82rem;font-weight:800;text-transform:uppercase}.footer-col ul{padding:0}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);display:flex;flex-direction:column;gap:16px;margin-top:40px;padding-top:24px;font-size:.85rem}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;margin-top:64px;padding-top:40px}}.hide-mobile{display:none!important}@media(min-width:768px){.hide-mobile{display:initial!important}}button,a,[role=button]{min-height:44px}nav a,.nav-links a{min-height:auto}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--float-rotate, 0deg))}50%{transform:translateY(-14px) rotate(var(--float-rotate, 0deg))}}@keyframes scan-line{0%{top:0}to{top:calc(100% - 2px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes eye-scan{0%{transform:translate(-3px)}50%{transform:translate(3px)}to{transform:translate(-3px)}}