:root{--bg: #000;--surface: #10141d;--surface-raised: #161c28;--line: #222a3a;--text: #f4f7fc;--text-muted: #94a2ba;--accent: #46c8f5;--accent-ink: #04222e;--danger: #ff6b6b;--ok: #4ade80;--radius: 28px;--radius-small: 16px;--pill: 999px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,48px);background:#000000d1;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.15rem;letter-spacing:.01em}.brand:hover{text-decoration:none}.brand-mark{display:block;width:34px;height:34px}#nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.language-switch{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--pill)}.language-switch .button{border:0;min-width:38px;padding:0 10px}.language-switch .button[aria-pressed=true]{background:var(--surface-raised);color:var(--accent)}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,48px) 64px}.hero{position:relative;overflow:hidden;border-radius:var(--radius);padding:clamp(28px,6vw,72px);background:radial-gradient(900px 400px at 85% -10%,rgb(70 200 245 / 22%),transparent 60%),radial-gradient(700px 360px at -10% 110%,rgb(42 108 245 / 20%),transparent 60%),var(--surface);border:1px solid var(--line)}.hero h1{margin:0 0 12px;font-size:clamp(2rem,5.2vw,3.6rem);line-height:1.08;letter-spacing:-.02em}.hero p{margin:0 0 28px;max-width:46ch;color:var(--text-muted);font-size:clamp(1rem,1.6vw,1.2rem)}.hero-copy{position:relative;z-index:1;max-width:560px}.hero-art{position:absolute;right:clamp(16px,5vw,64px);bottom:clamp(18px,4vw,52px);width:min(36%,330px);aspect-ratio:1.3}.art-screen,.art-phone{position:absolute;border:1px solid rgb(70 200 245 / 60%);background:#0a1524;box-shadow:0 18px 42px #00000057}.art-screen{inset:0 0 15%;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding:13%;border-radius:12px}.art-screen:after{content:"";position:absolute;left:40%;right:40%;bottom:-10%;height:10%;background:var(--accent);border-radius:0 0 8px 8px}.art-screen i{display:block;border-radius:7px;background:linear-gradient(145deg,#46c8f5d9,#2a6cf5)}.art-screen i:nth-child(2){opacity:.68;transform:translateY(18%)}.art-screen i:nth-child(3){opacity:.42;transform:translateY(36%)}.art-phone{right:-3%;bottom:0;width:30%;height:70%;display:grid;gap:8%;padding:16% 14%;border-radius:14px;transform:rotate(8deg)}.art-phone:before{content:"";position:absolute;width:26%;height:3px;top:7%;left:37%;border-radius:var(--pill);background:var(--text-muted)}.art-phone b{display:block;border-radius:50%;background:#46c8f552}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface-raised);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease}.button:hover{background:#1d2534;text-decoration:none}.button:active{transform:scale(.98)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover{background:#6fd6f8}.button.ghost{background:transparent}.button.danger{color:var(--danger)}.button[disabled]{opacity:.5;cursor:progress}.nav-link{min-height:38px;padding:0 16px;font-size:.95rem}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px)}.card h2,.card h3{margin:0 0 8px}.card p{margin:0;color:var(--text-muted)}.feature-icon{position:relative;width:34px;height:34px;margin-bottom:12px;border:1px solid rgb(70 200 245 / 55%);border-radius:11px;background:#46c8f51f}.feature-icon:before,.feature-icon:after{content:"";position:absolute;background:var(--accent)}.icon-1:before{width:10px;height:10px;top:7px;left:11px;border-radius:50%}.icon-1:after{width:16px;height:7px;bottom:6px;left:8px;border-radius:9px 9px 4px 4px}.icon-2:before{width:15px;height:15px;top:8px;left:8px;border:2px solid var(--accent);border-left-color:transparent;background:transparent;border-radius:50%}.icon-2:after{width:7px;height:2px;top:7px;right:6px;transform:rotate(40deg)}.icon-3:before{width:13px;height:18px;top:7px;left:9px;border:2px solid var(--accent);border-radius:3px;background:transparent}.icon-3:after{width:3px;height:3px;bottom:9px;left:15px;border-radius:50%}.icon-4:before{width:14px;height:17px;top:7px;left:9px;border-radius:8px 8px 4px 4px;clip-path:polygon(50% 0,100% 42%,74% 42%,74% 100%,26% 100%,26% 42%,0 42%)}.steps{counter-reset:step}.steps .card:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:#46c8f529;color:var(--accent);font-weight:700}.section-title{margin:48px 0 0;font-size:clamp(1.3rem,2.4vw,1.8rem)}.panel{max-width:520px;margin:0 auto}.panel.wide{max-width:860px}.panel h1{margin:0 0 6px;font-size:clamp(1.6rem,3.6vw,2.2rem)}.lead{margin:0 0 24px;color:var(--text-muted)}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:600;font-size:.95rem}input,select{width:100%;min-height:48px;padding:0 16px;border-radius:var(--radius-small);border:1px solid var(--line);background:var(--surface-raised);color:var(--text);font:inherit}input:focus{border-color:var(--accent);outline:none}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--text-muted)}.check input{width:20px;min-height:20px;margin-top:3px;accent-color:var(--accent)}.hint{margin:0;color:var(--text-muted);font-size:.9rem}.message{margin:0;padding:12px 16px;border-radius:var(--radius-small);background:var(--surface-raised)}.message.error{color:var(--danger);border:1px solid rgb(255 107 107 / 35%)}.message.ok{color:var(--ok);border:1px solid rgb(74 222 128 / 35%)}.switch{margin-top:16px;color:var(--text-muted);text-align:center}.code{display:block;margin:16px 0;padding:18px;border-radius:var(--radius-small);background:var(--surface-raised);border:1px dashed var(--accent);font:700 clamp(1.05rem,3.4vw,1.5rem) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-align:center;color:var(--accent);word-break:break-all}.tabs{display:flex;gap:8px;margin:8px 0 20px;flex-wrap:wrap}.tabs .button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.list{display:grid;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-small)}.row strong{display:block}.row span{color:var(--text-muted);font-size:.9rem}.row .actions{gap:8px}.empty{padding:28px;text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.foot{padding:28px clamp(16px,4vw,48px);border-top:1px solid var(--line);color:var(--text-muted);font-size:.9rem;text-align:center}.foot p{margin:4px 0}.prose{max-width:720px;margin:0 auto}.prose h1{font-size:clamp(1.6rem,3.6vw,2.2rem)}.prose p,.prose li{color:var(--text-muted)}.legal h2{margin:32px 0 8px;font-size:1.2rem}.legal ul{padding-left:22px}.faq-list{display:grid;gap:10px;margin-top:20px}.faq-item{padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface)}.faq-item summary{cursor:pointer;color:var(--text);font-weight:600}.faq-item p{margin:10px 0 0;color:var(--text-muted)}.faq-more{margin:18px 0 0}@media(max-width:860px){.hero-art{position:relative;right:auto;bottom:auto;width:min(100%,260px);margin:28px 0 0 auto}}@media(max-width:560px){.top{padding:12px 16px}.brand{font-size:1rem}.nav-link{min-height:34px;padding:0 12px;font-size:.85rem}.row{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.button{transition:none}}
