:root{
  --bg:#05070b;--bg2:#090d14;--panel:rgba(15,22,34,.72);--panel2:rgba(9,14,22,.86);
  --line:rgba(130,230,255,.18);--cyan:#62efff;--blue:#6b7cff;--text:#f5f8ff;--muted:#9aa8bc;
  --pink:#ff879e;--gold:#ffd66b;--radius:28px;--shadow:0 24px 90px rgba(0,0,0,.45)
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:
radial-gradient(circle at 15% 10%,rgba(67,119,255,.16),transparent 28%),
radial-gradient(circle at 85% 18%,rgba(63,238,255,.10),transparent 30%),
linear-gradient(180deg,#05070b,#07101a 55%,#05070b);
color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:40;background:rgba(5,7,11,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em}.brand img{width:42px;height:42px;border-radius:14px}
.navlinks{display:flex;gap:24px;color:var(--muted);font-size:14px}.navlinks a:hover{color:var(--cyan)}
.hero{min-height:82vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:90px 0 70px}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(98,239,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(98,239,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent)}
.orbit{position:absolute;width:720px;height:720px;border:1px solid rgba(98,239,255,.11);border-radius:50%;animation:spin 24s linear infinite}
.orbit:before,.orbit:after{content:"";position:absolute;inset:90px;border:1px solid rgba(107,124,255,.13);border-radius:50%}.orbit:after{inset:180px}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-inner{position:relative;text-align:center;max-width:900px}.eyebrow{color:var(--cyan);letter-spacing:.28em;font-size:12px;font-weight:800}
h1{font-size:clamp(54px,10vw,118px);margin:.12em 0 .08em;line-height:.95;letter-spacing:.06em}.hero p{max-width:660px;margin:26px auto;color:var(--muted);font-size:clamp(16px,2.2vw,20px)}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 22px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031019;border:none;box-shadow:0 0 36px rgba(98,239,255,.22)}
.section{padding:92px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-title h2{font-size:clamp(34px,5vw,58px);margin:0}.section-title p{max-width:520px;color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,30,46,.82),rgba(8,12,20,.9));border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);overflow:hidden}
.card:after{content:"";position:absolute;inset:auto -90px -120px auto;width:270px;height:270px;background:radial-gradient(circle,rgba(98,239,255,.15),transparent 66%);pointer-events:none}
.app-head{display:flex;gap:18px;align-items:center}.app-icon{width:86px;height:86px;border-radius:24px;object-fit:cover;box-shadow:0 14px 30px rgba(0,0,0,.35)}.status{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.08em}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor}
.card h3{font-size:28px;margin:8px 0 2px}.card p{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip{padding:7px 11px;border-radius:999px;background:rgba(98,239,255,.07);border:1px solid rgba(98,239,255,.12);font-size:12px;color:#c7f9ff}
.link-arrow{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-weight:800;margin-top:8px}
.database{border:1px solid var(--line);border-radius:32px;overflow:hidden;background:rgba(3,8,14,.62)}.db-head{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);color:#8eb4c6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.db-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;padding:18px 22px;border-bottom:1px solid rgba(98,239,255,.07)}.db-row:last-child{border-bottom:none}.db-row span:nth-child(2),.db-row span:nth-child(3){color:var(--muted)}
.support-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.support-box{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.support-box b{display:block;margin-bottom:8px}
.footer{padding:36px 0 54px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.page-hero{padding:92px 0 46px}.page-hero .eyebrow{text-align:left}.page-hero h1{font-size:clamp(44px,8vw,82px)}.content{max-width:860px}.content h2{margin-top:46px;font-size:28px}.content h3{margin-top:30px}.content p,.content li{color:#c2ccda}.content .notice{border-left:3px solid var(--cyan);background:rgba(98,239,255,.05);padding:16px 18px;border-radius:0 12px 12px 0}
.app-feature{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;margin:28px 0}.app-feature .app-icon{width:140px;height:140px;border-radius:34px}
.muted{color:var(--muted)}
@media(max-width:760px){
 .navlinks{display:none}.hero{min-height:74vh}.cards,.support-grid{grid-template-columns:1fr}.db-row{grid-template-columns:1fr;gap:4px}.section{padding:64px 0}.section-title{display:block}.section-title p{margin-top:10px}.app-feature{grid-template-columns:88px 1fr}.app-feature .app-icon{width:88px;height:88px;border-radius:24px}
}