:root{color-scheme:dark;--bg:#101023;--ink:#f7f5ff;--muted:#a7a6c4;--pink:#fb659e;--purple:#8a77ff;--cyan:#70f2e5;--line:rgba(224,218,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--ink);font:15px/1.6 'Segoe UI',Inter,Arial,sans-serif;position:relative}a{text-decoration:none;color:inherit}::selection{background:#fb659e;color:#111022}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 29%,rgba(99,65,188,.24),transparent 43%),linear-gradient(155deg,#111027,#15132f 60%,#111122)}
.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(90px);opacity:.38;border-radius:50%}.ambient-one{width:360px;height:360px;background:#9346b2;right:-80px;top:80px}.ambient-two{width:220px;height:220px;background:#205fb6;left:-100px;bottom:20px}.starfield{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.19;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
.layout{max-width:1240px;margin:auto;padding:0 34px}.topbar{min-height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand-icon{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#9a6bff);border-radius:12px;color:#fff;font-size:25px;font-weight:900;position:relative;box-shadow:0 8px 28px #f45c9628}.brand-icon span{font-size:11px;position:absolute;right:4px;top:2px}.brand-name{font-size:19px;line-height:1;letter-spacing:.5px;font-weight:900}.brand-name>span{color:var(--pink)}.brand-name small{display:block;font-size:9px;letter-spacing:3.5px;font-weight:800;color:#a3a2c3;margin-top:7px}.header-status{font-size:10px;letter-spacing:2px;color:#a9abc5;font-weight:800}.pulse{display:inline-block;width:8px;height:8px;background:#54ddbe;box-shadow:0 0 0 5px #54ddbe16,0 0 18px #54ddbe7f;border-radius:50%;margin-right:11px}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;min-height:555px;gap:35px;padding:47px 0 32px}.copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:13px;color:#f39abc;font-size:11px;font-weight:800;letter-spacing:2.6px}.eyebrow .line{height:2px;width:24px;background:var(--pink)}.eyebrow .jp{color:#8580b7;letter-spacing:2px;font-weight:500;margin-left:3px}h1{font-size:clamp(44px,4.7vw,70px);line-height:1.1;letter-spacing:-2.8px;margin:24px 0;max-width:660px;font-weight:850}h1>span{background:linear-gradient(100deg,#ff82b6,#ae91ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.period{color:var(--cyan)}.lede{max-width:530px;color:#b2afca;font-size:15px;line-height:1.85;margin:0 0 33px}.domain-card{display:flex;align-items:center;gap:16px;border:1px solid #8f76d25a;border-radius:15px;padding:17px 19px;background:linear-gradient(100deg,#221d41d9,#241e3c8a);box-shadow:0 16px 45px #0505142e;max-width:490px}.domain-icon{font-size:30px;line-height:1;color:var(--cyan)}.domain-text{min-width:0}.domain-text span{display:block;color:#918bad;font-weight:850;font-size:9px;letter-spacing:2.1px}.domain-text strong{display:block;font-size:clamp(14px,1.7vw,19px);font-weight:750;overflow-wrap:anywhere}.domain-check{margin-left:auto;flex:none;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#67e9cd;background:#67e9cd20;font-weight:800}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.main-button{padding:14px 19px;border-radius:11px;background:linear-gradient(100deg,#f85b95,#a879ef);font-weight:750;color:white;box-shadow:0 9px 30px #fc68a333;transition:transform .2s,box-shadow .2s}.main-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #fc68a355}.main-button span{margin-left:13px}.footnote{font-size:11px;color:#777493;letter-spacing:.4px}
.visual{height:475px;position:relative;min-width:0;isolation:isolate}.moon{position:absolute;width:315px;height:315px;border-radius:50%;left:50%;top:43%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#ff95ac,#f36ba0 49%,#ad6bd6);box-shadow:0 0 85px #d065bd55,0 0 150px #8b6bff24}.moon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(to bottom,transparent 0 16px,#2b2249 17px 22px);clip-path:polygon(0 59%,100% 59%,100% 100%,0 100%);opacity:.76}.orbit{position:absolute;border:1px solid #ac93ff34;border-radius:50%;left:50%;top:43%;transform:translate(-50%,-50%)}.orbit-outer{width:420px;height:420px}.orbit-inner{width:365px;height:365px;border-style:dashed;transform:translate(-50%,-50%) rotate(-20deg)}.torii{position:absolute;width:255px;height:260px;left:50%;top:48%;transform:translate(-50%,-36%);filter:drop-shadow(5px 10px 8px #120b285e)}.torii-top{position:absolute;top:10px;left:-18px;width:291px;height:30px;background:#272039;clip-path:polygon(0 0,9% 22%,91% 22%,100% 0,94% 82%,6% 82%)}.torii-cap{position:absolute;top:46px;left:5px;width:245px;height:17px;background:#2a213c;transform:skew(-4deg)}.torii-cross{position:absolute;top:103px;left:26px;width:205px;height:20px;background:#362346}.torii-pillar{position:absolute;top:43px;width:26px;height:198px;background:linear-gradient(90deg,#382443,#211d37);box-shadow:inset 4px 0 0 #704465}.torii-left{left:29px;transform:skew(2deg)}.torii-right{right:29px;transform:skew(-2deg)}.ground{position:absolute;left:4%;right:4%;bottom:53px;height:58px;background:linear-gradient(to bottom,#251e45d9,transparent);clip-path:polygon(0 48%,25% 32%,43% 50%,63% 28%,100% 45%,100% 100%,0 100%)}.visual-jp{position:absolute;top:45px;right:13px;writing-mode:vertical-rl;letter-spacing:9px;font-size:13px;color:#d7c5e6}.card-float{position:absolute;background:#191831eb;backdrop-filter:blur(8px);border:1px solid #7b6a9d72;box-shadow:0 18px 40px #0706124a;border-radius:10px;color:#c7c4e1;font-size:10px;font-weight:800;letter-spacing:1px}.card-top{top:78px;left:0;padding:13px 16px}.card-top b{color:#6deed1;margin-left:15px}.terminal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f987af;margin-right:7px}.card-bottom{bottom:50px;right:4px;display:flex;align-items:center;gap:12px;padding:12px 17px}.card-bottom b{font-size:29px;color:#f78baa}.card-bottom small{color:#8580aa;font-size:8px;letter-spacing:1.2px}
.features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature{display:flex;gap:15px;align-items:start}.feature-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #8e78cb70;background:#5140773b;color:#e19bee;border-radius:12px;font-size:24px}.feature strong{font-size:13px}.feature p{margin:4px 0 0;color:#9290b1;font-size:12px;line-height:1.6}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;color:#74718f;font-size:10px;letter-spacing:1.2px;font-weight:700}.footer b{color:var(--pink)}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:0;padding-top:60px}.visual{height:360px;margin-top:20px}.moon{width:245px;height:245px}.orbit-outer{width:335px;height:335px}.orbit-inner{width:290px;height:290px}.torii{transform:translate(-50%,-36%) scale(.77)}.card-top{left:12%}.card-bottom{right:10%;bottom:28px}.features{gap:14px}.footer{font-size:9px}}@media(max-width:620px){.layout{padding:0 20px}.topbar{min-height:83px}.brand-name{font-size:16px}.brand-icon{width:38px;height:38px}.header-status{font-size:8px;letter-spacing:.5px}.hero{padding-top:45px}.eyebrow{font-size:9px;letter-spacing:1.2px}h1{font-size:clamp(40px,9vw,55px);letter-spacing:-1.8px}.lede{font-size:14px}.visual{height:300px}.moon{width:205px;height:205px}.orbit-outer{width:290px;height:290px}.orbit-inner{width:250px;height:250px}.torii{transform:translate(-50%,-36%) scale(.64)}.visual-jp{right:0}.card-top{left:0;top:40px}.card-bottom{right:0;bottom:19px}.features{grid-template-columns:1fr;padding:24px 0}.footer{flex-direction:column;align-items:start;gap:7px}}
@media(prefers-reduced-motion:no-preference){.moon{animation:float 6s ease-in-out infinite}.card-top{animation:float 5s ease-in-out infinite reverse}@keyframes float{50%{translate:0 -9px}}}
