:root,[data-theme=dark]{--f-display:"Unbounded","Onest",system-ui,sans-serif;--f-body:"Onest",system-ui,sans-serif;--f-logo:"Dela Gothic One","Unbounded",sans-serif;--bg:#0b0b0b;--ink:#f7f4ea;--mute:rgba(247,244,234,.68);--faint:rgba(247,244,234,.42);--line:rgba(255,255,255,.13);--line2:rgba(255,214,10,.4);--glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.1);--glass-hi:rgba(255,255,255,.11);--acc:#ffd60a;--acc2:#ffe45c;--on-acc:#141000;--err:#ff5d52;--stick:#000;--shadow:rgba(0,0,0,.85);color-scheme:dark}[data-theme=light]{--bg:#f3f0e6;--ink:#121212;--mute:rgba(18,18,18,.66);--faint:rgba(18,18,18,.42);--line:rgba(0,0,0,.13);--line2:rgba(0,0,0,.4);--glass:rgba(255,255,255,.6);--glass2:rgba(255,255,255,.86);--glass-hi:rgba(255,255,255,.86);--acc:#ffcc00;--acc2:#ffd93a;--on-acc:#121000;--err:#c2271a;--stick:#121212;--shadow:rgba(60,45,0,.35);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative;overflow-x:hidden}a{color:inherit}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.02em;margin:0}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--line) 1.2px,transparent 1.4px);background-size:22px 22px;-webkit-mask:linear-gradient(135deg,#000 0,transparent 55%);mask:linear-gradient(135deg,#000 0,transparent 55%)}body:after{content:"";position:fixed;right:-90px;top:-90px;width:300px;height:300px;z-index:0;pointer-events:none;background:conic-gradient(from 90deg,var(--acc) 0 25%,transparent 25% 50%,var(--acc) 50% 75%,transparent 75%);background-size:60px 60px;opacity:.07;transform:rotate(12deg)}.wrap{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.gl{background:linear-gradient(140deg,var(--glass-hi),var(--glass) 50%,var(--glass));border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);box-shadow:inset 0 1.5px #ffffff47,0 24px 48px -28px var(--shadow)}[data-theme=light] .gl{box-shadow:inset 0 1.5px #fff,0 18px 40px -26px var(--shadow)}.top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:16px clamp(16px,4vw,32px);max-width:1040px;margin:0 auto}.top .sp{flex:1}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--acc);color:var(--on-acc);font:400 18px/1 var(--f-logo);border:2px solid var(--stick);box-shadow:3px 3px 0 var(--stick);transform:rotate(-4deg);text-decoration:none}.sw{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:99px;background:var(--glass2);border:1px solid var(--line)}.sw a,.sw button{display:grid;place-items:center;min-width:32px;height:28px;padding:0 10px;border-radius:99px;border:0;background:none;font:600 12px var(--f-body);color:var(--mute);cursor:pointer;text-decoration:none}.sw .on{background:var(--acc);color:var(--on-acc)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:14px;font:700 15px var(--f-body);text-decoration:none;cursor:pointer;background:var(--acc);color:var(--on-acc);border:2px solid var(--stick);box-shadow:3px 3px 0 var(--stick),0 0 0 1px #ffffff1f;transition:transform .08s,box-shadow .08s,background .15s}.btn:hover{background:var(--acc2)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--stick)}.btn svg{width:20px;height:20px}.btn.ghost{background:var(--glass2);color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 1px #fff3}.logo{--lw:360px;position:relative;display:inline-grid;place-items:center;width:var(--lw);height:calc(var(--lw) * .6);user-select:none}.logo .burst{position:absolute;inset:-14% -6%;width:112%;height:128%;overflow:visible}.logo .b1{fill:var(--stick);transform:translate(3px,4px);transform-origin:50% 50%}.logo .b2{fill:var(--acc);stroke:var(--stick);stroke-width:2.2;stroke-linejoin:round;transform-origin:50% 50%}.logo .old{position:absolute;left:3%;top:-2%;font:400 calc(var(--lw) * .17)/1 var(--f-logo);color:var(--ink);opacity:.9;transform:rotate(-8deg);white-space:nowrap;z-index:1}.logo .old u{position:absolute;left:-6%;right:-6%;top:54%;height:calc(var(--lw) * .028);background:var(--err);border-radius:4px;box-shadow:2px 2px 0 var(--stick);transform:scaleX(0);transform-origin:left;animation:lg-strike .35s ease-out .8s forwards}.logo .new{position:relative;z-index:2;font:400 calc(var(--lw) * .27)/1 var(--f-logo);color:#fff;-webkit-text-stroke:calc(var(--lw) * .018) var(--stick);paint-order:stroke fill;text-shadow:calc(var(--lw) * .018) calc(var(--lw) * .02) 0 var(--stick);transform:rotate(-5deg) translateY(16%);letter-spacing:-.01em;white-space:nowrap;animation:lg-new .55s cubic-bezier(.2,1.7,.4,1) 1.3s both}.logo .burst{animation:lg-burst .6s cubic-bezier(.2,1.5,.4,1) 1.35s both}.logo .old{animation:lg-old 1.2s ease-out both}@keyframes lg-old{0%{opacity:0;transform:rotate(-8deg) scale(.6)}30%{opacity:1;transform:rotate(-8deg) scale(1.05)}to{opacity:.9;transform:rotate(-8deg) scale(1)}}@keyframes lg-strike{to{transform:scaleX(1)}}@keyframes lg-burst{0%{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes lg-new{0%{opacity:0;transform:rotate(8deg) translateY(16%) scale(2.6)}60%{opacity:1}to{opacity:1;transform:rotate(-5deg) translateY(16%) scale(1)}}@media(prefers-reduced-motion:reduce){.logo *{animation:none!important}.logo .old u{transform:scaleX(1)}}.hero{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:10px 0 34px}.hero h1{font-size:clamp(24px,4.6vw,42px);line-height:1.12;max-width:20ch}.hero h1 em,h2 em{font-style:normal;background:var(--acc);color:var(--on-acc);padding:0 .22em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero p{margin:0;max-width:58ch;color:var(--mute);font-size:clamp(15px,1.9vw,18px)}.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}section{position:relative;z-index:1;padding:34px 0}section>.wrap>h2{font-size:clamp(22px,3.2vw,30px);line-height:1.15;margin-bottom:22px;text-align:center}.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.feat{padding:20px;text-align:left}.feat i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--acc);color:var(--on-acc);border:2px solid var(--stick);box-shadow:3px 3px 0 var(--stick);font:400 20px var(--f-logo);font-style:normal;margin-bottom:14px;transform:rotate(-4deg)}.feat h3{font-size:16px;margin-bottom:6px}.feat p{margin:0;color:var(--mute);font-size:14px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;counter-reset:s;padding:0;margin:0;list-style:none}.steps li{counter-increment:s;padding:20px;border-radius:20px}.steps li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--acc);color:var(--on-acc);border:2px solid var(--stick);box-shadow:2px 2px 0 var(--stick);font:400 17px var(--f-logo);margin-bottom:12px}.steps b{display:block;font:600 16px var(--f-display);margin-bottom:6px;letter-spacing:-.01em}.steps span{color:var(--mute);font-size:14px}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq details{padding:0;border-radius:16px;overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:16px 18px;font:600 15px var(--f-display);letter-spacing:-.01em;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 20px var(--f-logo);color:var(--acc)}.faq details[open] summary:after{content:"−"}.faq p{margin:0;padding:0 18px 16px;color:var(--mute);font-size:14.5px}.band{text-align:center;padding:30px 20px;border-radius:26px;background:var(--acc);color:var(--on-acc);border:2px solid var(--stick);box-shadow:5px 5px 0 var(--stick)}.band h2{font-size:clamp(20px,3vw,28px);margin-bottom:14px;color:var(--on-acc)}.band .btn{background:#0b0b0b;color:#fff;box-shadow:3px 3px #00000059}footer{position:relative;z-index:1;padding:30px clamp(16px,4vw,32px) 40px;text-align:center;color:var(--faint);font-size:13px}footer a{color:var(--mute)}@media(max-width:760px){.logo{--lw:min(320px,84vw)}}.legal{max-width:760px;padding-top:10px;padding-bottom:40px}.legal h1{font-size:clamp(26px,4vw,38px);margin-bottom:22px}.legal h2{font-size:20px;margin:28px 0 10px}.legal p{color:var(--mute);margin:0 0 12px}
