@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Architects+Daughter&family=Caveat:wght@400;700&display=swap";:root{--bg: #ffffff;--bg-2: #f0f0f0;--paper: #ffffff;--ink: #000000;--ink-soft: #1a1a1a;--muted: #4a4a4a;--accent: #000000;--accent-2: #ffffff;--border: #000000}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Architects Daughter,Comic Sans MS,cursive;font-size:20px}body{background-color:var(--bg);background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:18px 18px,32px 32px;background-position:0 0,9px 9px}h1,h2,h3,h4{font-family:Permanent Marker,Comic Sans MS,cursive;letter-spacing:.02em;color:var(--ink);margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.08)}a{color:var(--accent);text-decoration:none;border-bottom:2px dashed transparent}a:hover{border-bottom-color:var(--accent)}button{font-family:inherit}::selection{background:var(--accent-2);color:#000}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--bg);border-radius:0}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.target-cursor-corner{position:absolute;left:50%;top:50%;width:14px;height:14px;border:3px solid var(--ink);border-radius:40% 60% 55% 45%/50% 45% 55% 50%}.corner-tl{transform:translate(-160%,-160%)}.corner-tr{transform:translate(60%,-160%)}.corner-br{transform:translate(60%,60%)}.corner-bl{transform:translate(-160%,60%)}.app{position:relative;min-height:100vh;overflow-x:hidden}.content{position:relative;z-index:2}.sketch{border:3px solid var(--ink);border-radius:18px 6px 22px 8px/8px 20px 6px 18px;background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:3px dashed var(--ink);background:var(--bg);position:sticky;top:0;z-index:10}.nav .brand{display:flex;align-items:center;gap:14px;font-family:Permanent Marker,cursive;font-size:24px;color:var(--ink);border:none}.nav .brand:hover{border:none}.nav .brand img{width:52px;height:52px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.25));transform:rotate(-6deg)}.nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}.nav ul a{font-family:Permanent Marker,cursive;font-size:16px;color:var(--ink);border-bottom:2px dashed transparent}.nav ul a:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn,.cta{font-family:Permanent Marker,cursive;font-size:16px;border:3px solid var(--ink);cursor:pointer;text-decoration:none;display:inline-block;border-radius:14px 4px 18px 6px/6px 16px 4px 14px;transition:transform .1s ease,box-shadow .1s ease}.cta{color:#000;background:var(--accent-2);padding:10px 16px;box-shadow:4px 4px 0 var(--ink)}.cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);border-bottom-color:var(--ink)}.cta:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{gap:6px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);cursor:pointer;text-decoration:none;font-family:Permanent Marker,cursive;font-size:14px;padding:0 14px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px 4px 18px 6px/6px 16px 4px 14px;box-shadow:3px 3px 0 var(--ink)}.icon-btn:hover{background:var(--accent-2);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);border-bottom-color:var(--ink)}.icon-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.icon-btn.icon-only{width:42px;padding:0}.icon-btn.copy-ca{min-width:120px}.icon-btn.copied{background:var(--accent);color:#fff}.icon-btn.disabled{opacity:.6}@media(max-width:780px){.nav-actions>.icon-btn.icon-only{display:none}}.hero{position:relative;padding:70px 28px 40px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.hero h1{font-size:clamp(38px,7vw,78px);line-height:1;margin-bottom:22px;transform:rotate(-2deg)}.hero h1 .scribble{color:var(--accent);display:inline-block;transform:rotate(2deg)}.hero p{font-family:Caveat,cursive;font-size:26px;max-width:560px;color:var(--ink-soft);margin:0 0 24px;line-height:1.3}.hero p b{color:var(--accent);font-weight:700}.hero .actions{display:flex;gap:14px;flex-wrap:wrap}.btn{padding:14px 22px;font-size:18px}.btn-primary{background:var(--accent);color:#fff;box-shadow:5px 5px 0 var(--ink)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);border-bottom-color:var(--ink)}.btn-ghost{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.btn-ghost:hover{background:var(--accent-2);border-bottom-color:var(--ink)}.hero .logo-wrap{display:flex;justify-content:center;align-items:center;padding:24px}.hero .logo-wrap img{width:min(420px,100%);height:auto;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.18));animation:wobble 5s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}.marquee{width:100vw;margin-left:calc(50% - 50vw);margin-top:30px;overflow:hidden;border-top:3px dashed var(--ink);border-bottom:3px dashed var(--ink);background:var(--accent-2);padding:16px 0;font-family:Permanent Marker,cursive;font-size:22px}.marquee-track{display:inline-block;white-space:nowrap;animation:marquee 60s linear infinite;will-change:transform}.marquee-track span{color:var(--ink);margin-right:28px}.marquee-track span:after{content:"•";color:var(--accent);margin-left:28px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{max-width:1120px;margin:0 auto;padding:60px 28px}section h2{font-size:clamp(28px,4vw,44px);margin-bottom:8px;transform:rotate(-1deg);display:inline-block}section .sub{font-family:Caveat,cursive;font-size:24px;color:var(--ink-soft);margin-bottom:28px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.card{background:var(--paper);border:3px solid var(--ink);border-radius:18px 6px 22px 8px/8px 20px 6px 18px;box-shadow:6px 6px 0 var(--ink);padding:22px;position:relative;transition:transform .15s ease}.card:nth-child(2){transform:rotate(1deg)}.card:nth-child(3){transform:rotate(-1.5deg)}.card:hover{transform:translate(-2px,-2px) rotate(0)}.card h3{font-size:22px;margin-bottom:12px;color:var(--accent)}.card p{font-family:Caveat,cursive;font-size:22px;color:var(--ink-soft);line-height:1.35}.card .step-num{position:absolute;top:-18px;left:-10px;width:44px;height:44px;background:var(--accent);color:#fff;border:3px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Permanent Marker,cursive;font-size:22px;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}.fee-callout{max-width:1120px;margin:0 auto;padding:0 28px}.fee-callout-inner{background:var(--accent);color:#fff;border:3px solid var(--ink);border-radius:22px 8px 18px 6px/6px 18px 8px 22px;box-shadow:8px 8px 0 var(--ink);padding:32px 28px;text-align:center;transform:rotate(-1deg)}.fee-callout-inner h2{color:#fff;font-size:clamp(28px,4.5vw,48px);text-shadow:3px 3px 0 rgba(0,0,0,.25)}.fee-callout-inner .big{font-family:Permanent Marker,cursive;font-size:clamp(60px,12vw,140px);line-height:1;margin:12px 0;color:var(--accent-2);text-shadow:4px 4px 0 var(--ink)}.fee-callout-inner p{font-family:Caveat,cursive;font-size:26px;margin:0}.footer{padding:40px 28px 60px;border-top:3px dashed var(--ink);text-align:center;color:var(--ink-soft);font-family:Caveat,cursive;font-size:22px;margin-top:40px}.footer a{color:var(--accent)}@media(max-width:780px){.hero{grid-template-columns:1fr;padding:40px 18px 20px}.hero .logo-wrap{order:-1}.nav ul{display:none}section{padding:40px 18px}}
