:root{font-family:Segoe UI,Arial,sans-serif;color:#eff6ff;background:#09121f;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#67f0d0}a:focus-visible,button:focus-visible{outline:3px solid #67f0d0;outline-offset:5px}.skip{position:absolute;top:-100px;left:10px}.skip:focus{top:10px;background:#67f0d0;color:#09121f;padding:12px;z-index:5}.banner{background:#16302f;color:#9bf9e0;padding:9px 5%;font-size:13px}.wrap{max-width:1200px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.brand{font-size:24px;font-weight:750;letter-spacing:-1px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.5px;color:#afbdcf}nav{display:flex;gap:26px;font-size:14px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:60px 0 75px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#67f0d0}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0}h2{font-size:32px;line-height:1.2;letter-spacing:-1px}p{color:#afbdcf}.lead{font-size:19px;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 14px}button{font:inherit;font-weight:600;min-height:48px;padding:10px 22px;border-radius:9px;border:1px solid #34465e;background:#67f0d0;color:#0b2224}button:disabled{opacity:.65;cursor:not-allowed}.quiet{background:transparent;color:#d1dbe7}.note{font-size:13px}.visual{position:relative;background:radial-gradient(ellipse at 50% 50%,#28443e 0%,#182738 55%,#111c2b 75%);border:1px solid #34465e;border-radius:24px;min-height:370px;padding:20px;box-shadow:0 30px 80px #0005}.window{display:flex;justify-content:space-between;font-size:12px;color:#b5c4d6;border-bottom:1px solid #34465e;padding:3px 0 12px}.avatar{width:100%;height:260px;object-fit:contain}.meter{display:flex;justify-content:center;align-items:center;gap:6px;height:25px}.meter i{width:5px;border-radius:4px;background:#67f0d0;height:10px}.meter i:nth-child(3n){height:24px}.meter i:nth-child(2n){height:17px}.caption{text-align:center;font-size:12px;color:#adbed1}.pill{display:inline-block;background:#16312e;color:#89f1d7;border-radius:30px;padding:5px 12px;font-size:12px}.section{padding:40px 0 60px;border-top:1px solid #25354b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#111e30;border:1px solid #293b53;border-radius:16px;padding:24px}.card h3{font-size:21px;margin:12px 0 4px}.card img{width:100%;height:190px;object-fit:contain;background:#19283a;border-radius:10px}.card p{font-size:15px}.steps{counter-reset:step}.steps .card:before{counter-increment:step;content:'0' counter(step);font-size:13px;color:#67f0d0}.callout{background:#172639;border-radius:16px;padding:30px;display:flex;justify-content:space-between;gap:25px;align-items:center}.callout h2{margin-top:0}footer{border-top:1px solid #25354b;padding:25px 0;font-size:12px;color:#a5b4c8;display:flex;gap:20px;justify-content:space-between}.muted{color:#b3c1d4}.studio{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mock{border:1px dashed #4b6079;padding:24px;border-radius:12px}.mock label{display:block;color:#bfd0e4;margin:12px 0}.mock input,.mock textarea{width:100%;background:#0b1829;color:#b4c5d8;border:1px solid #34465e;padding:12px;border-radius:8px;font:inherit}.mock textarea{height:100px}.anchors{position:relative}.anchors:after{content:'';position:absolute;left:36%;top:41%;width:28%;height:13%;border:2px dashed #67f0d0}main:focus{outline:none}@media(max-width:720px){.wrap{padding:0 22px}header{align-items:flex-start;flex-direction:column;gap:18px}nav{gap:20px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:32px 0 42px;gap:25px}h1{letter-spacing:-1.4px}.visual{min-height:320px}.avatar{height:220px}.grid,.studio{grid-template-columns:1fr}.callout{flex-direction:column;align-items:flex-start}footer{flex-direction:column;gap:5px}.section{padding:30px 0 40px}}