:root{--bg:#0b0e17;--panel:#121725;--line:#252c40;--text:#f5f7fb;--muted:#98a2b8;--violet:#7c63ff;--cyan:#52d9ff;--amber:#ffcb6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1100px,calc(100% - 40px));margin-inline:auto}.hero{min-height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#273071 0,transparent 28%),linear-gradient(135deg,#0d1120,#10152a 55%,#0b0e17)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;position:relative;z-index:2}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--cyan));width:34px;height:34px;border-radius:10px;margin-right:10px}.nav-link{color:#cbd2e1;text-decoration:none;font-size:14px}.hero-content{position:relative;z-index:1;padding-top:110px}.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow span{display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,7vw,82px);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:22px 0 26px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #9aa5d0}.lead{max-width:630px;color:#aeb7cc;font-size:20px}.button{display:inline-flex;gap:28px;align-items:center;background:#f5f7fb;color:#111728;padding:15px 22px;border-radius:10px;text-decoration:none;font-weight:800;margin-top:20px}.button span{color:var(--violet)}.glow{position:absolute;border-radius:999px;filter:blur(80px);opacity:.22}.glow-one{width:320px;height:320px;background:var(--violet);right:-90px;top:120px}.glow-two{width:220px;height:220px;background:var(--cyan);left:20%;bottom:-170px}.notice{margin-top:-44px;position:relative;z-index:3;background:#171c29;border:1px solid #2c3449;border-radius:16px;padding:24px 28px;display:flex;gap:18px;box-shadow:0 18px 60px #0007}.notice-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#18130a;background:var(--amber);border-radius:50%;font-weight:900}.notice p{margin:3px 0 0;color:var(--muted)}.steps{padding:125px 0}.section-head{text-align:center;margin-bottom:90px}.section-head h2,.done h2{font-size:clamp(34px,5vw,56px);line-height:1.1;letter-spacing:-.04em}.phase{display:flex;align-items:center;gap:18px;margin:60px 0 40px;padding-bottom:18px;border-bottom:1px solid var(--line)}.phase>span{font-size:13px;color:var(--cyan);font-weight:800}.phase strong,.phase small{display:block}.phase strong{font-size:19px}.phase small{color:var(--muted)}.phase.second{margin-top:120px}.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:clamp(40px,8vw,110px);align-items:center;padding:45px 0 95px}.step.reverse{grid-template-columns:minmax(280px,430px) minmax(0,1fr)}.step.reverse .copy{grid-column:2}.step.reverse figure{grid-column:1;grid-row:1}.step-no{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.copy h3{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:13px 0 20px}.copy p{font-size:18px;color:var(--muted);max-width:520px}.copy b{color:#e4e8f4}.tip{border-left:2px solid var(--cyan);padding:8px 0 8px 18px;color:#c6cede;font-size:14px;margin-top:28px}figure{margin:0;position:relative}figure:before{content:"";position:absolute;inset:-14px;background:linear-gradient(135deg,#8066ff55,#52d9ff22);border-radius:28px;filter:blur(10px)}figure img{position:relative;display:block;width:100%;max-height:690px;object-fit:contain;border-radius:18px;background:#07080d;box-shadow:0 28px 70px #0009}figcaption{position:relative;color:#788399;font-size:12px;text-align:center;margin-top:18px}.done{background:linear-gradient(135deg,#171c33,#15132d);border-block:1px solid #343958}.done-inner{min-height:420px;display:grid;grid-template-columns:180px 1fr;gap:60px;align-items:center}.check{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;font-size:72px;color:#0d1220;background:linear-gradient(135deg,var(--cyan),#75ffbf);box-shadow:0 0 70px #52d9ff38}.done p:last-child{color:var(--muted);max-width:620px}footer{height:120px;display:flex;justify-content:space-between;align-items:center;color:#667087;font-size:13px}footer span{color:#fff;font-weight:800;letter-spacing:.12em}@media(max-width:760px){.hero{min-height:630px}.hero-content{padding-top:80px}.nav{height:72px}.lead{font-size:17px}.notice{margin-top:-28px;padding:20px}.steps{padding:90px 0}.section-head{margin-bottom:60px}.step,.step.reverse{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:30px 0 80px}.step.reverse .copy,.step.reverse figure{order:initial}.step figure{width:min(100%,380px);margin:auto}.phase.second{margin-top:70px}.done-inner{grid-template-columns:1fr;padding-block:70px;gap:35px}.check{width:110px;height:110px;font-size:50px}footer{height:auto;padding-block:40px;display:block}footer p{margin:8px 0 0}}