:root{--ink: #12141a;--ink-mid: rgba(18, 20, 26, .6);--ink-faint: rgba(18, 20, 26, .42);--paper: #faf9f7;--soft: #f0eeea;--black: #06070b;--on-black: #f7f6f3;--on-black-dim: rgba(247, 246, 243, .46);--brand: #2f6bff;--brand-deep: #1b46c4;--maru: #ff4d5e;--navy: #17307a;--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--pad: clamp(22px, 6vw, 92px)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--black);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");background-size:300px 300px}.rv{opacity:0;transform:translateY(26px);filter:blur(7px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}.rv-in{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none;transition:none}html{scroll-behavior:auto}}.eyebrow{margin:0 0 clamp(14px,1.6vw,26px);font-size:clamp(11px,1.05vw,14px);font-weight:500;letter-spacing:.26em;color:var(--on-black-dim)}.eyebrow.dark{color:var(--ink-faint)}h1,h2{margin:0;font-weight:600;letter-spacing:-.03em;line-height:1.16}h1{font-size:clamp(31px,5.2vw,70px)}h2{font-size:clamp(27px,4.2vw,58px)}.line{display:block;white-space:nowrap}.lead{margin:clamp(22px,2.6vw,34px) 0 0;font-size:clamp(15px,1.55vw,21px);font-weight:400;line-height:1.85;color:var(--on-black-dim);max-width:30em}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--pad);background:#06070bb8;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(247,246,243,.07)}.nav nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}.nav nav a{font-size:14px;font-weight:500;color:#f7f6f39e;transition:color .3s var(--ease)}.nav nav a:hover{color:var(--on-black)}@media(max-width:620px){.nav nav a:not(.cta){display:none}}.cta{display:inline-flex;align-items:center;gap:9px;padding:.85em 1.7em;border-radius:999px;font-size:clamp(13px,1.35vw,16px);font-weight:700;letter-spacing:-.01em;background:linear-gradient(168deg,#2b5bd8,#17389c);color:#fff!important;box-shadow:0 3px 10px #17389c52,0 16px 34px #17389c42;transition:transform .35s var(--ease),box-shadow .35s var(--ease);white-space:nowrap}.cta:hover{transform:translateY(-2px);box-shadow:0 5px 14px #17389c5c,0 22px 46px #17389c4d}.cta-soon{background:#f7f6f314;border:1px solid rgba(247,246,243,.2);color:var(--on-black)!important;box-shadow:none;cursor:default}.cta-soon:hover{transform:none;box-shadow:none}.hero-cta{display:flex;align-items:center;gap:18px;margin-top:clamp(30px,3.4vw,46px);flex-wrap:wrap}.hero-cta.center{justify-content:center}.note{font-size:13px;color:var(--on-black-dim)}.hero{position:relative;overflow:hidden;background:radial-gradient(90% 55% at 72% 104%,rgba(150,120,190,.12) 0%,transparent 70%),linear-gradient(168deg,rgba(120,150,225,.1) 0%,transparent 52%),var(--black);color:var(--on-black);padding:clamp(60px,9vw,130px) var(--pad) clamp(70px,10vw,150px)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(130% 96% at 50% 44%,transparent 46%,rgba(0,0,0,.34) 100%)}.hero-inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,5vw,80px);align-items:center}.hero h1{color:var(--on-black)}.hero-art{perspective:2200px;perspective-origin:30% 45%}.tilt{transform:rotateY(-11deg) rotateX(3.2deg);transform-origin:left center;width:128%;filter:drop-shadow(0 40px 70px rgba(0,0,0,.55))}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-art{perspective:none;margin-top:8px}.tilt{transform:none;width:100%;filter:none}}main{background:var(--paper)}.feature{position:relative;max-width:1240px;margin:0 auto;padding:clamp(64px,9vw,150px) var(--pad);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,5vw,84px);align-items:center}.feature.flip>.rv:first-of-type{order:2}.feature h2{color:var(--ink)}.feature .body{margin:clamp(20px,2.2vw,30px) 0 0;font-size:clamp(14px,1.45vw,19px);line-height:1.9;color:var(--ink-mid);max-width:26em}.feature-card{min-width:0}.feature-index{position:absolute;top:clamp(38px,5vw,82px);right:var(--pad);font-size:clamp(11px,1vw,13px);font-weight:600;letter-spacing:.2em;color:#12141a29}.feature+.feature{border-top:1px solid rgba(18,20,26,.07)}@media(max-width:900px){.feature{grid-template-columns:1fr}.feature.flip>.rv:first-of-type{order:0}}.cloze{display:inline-block;padding:0 .45em;border-radius:5px;background:#0d152621;color:transparent;font-weight:700;cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease)}.cloze:hover,.cloze:focus-visible{background:transparent;color:#0e7c6b;outline:none}.specs{background:var(--soft);padding:clamp(64px,9vw,140px) var(--pad);border-top:1px solid rgba(18,20,26,.07)}.specs-title{max-width:1240px;margin:0 auto clamp(38px,4.6vw,70px);color:var(--ink)}.specs-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(22px,2.6vw,40px)}.spec h3{margin:0 0 10px;font-size:clamp(15px,1.5vw,19px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.spec p{margin:0;font-size:clamp(13px,1.3vw,16px);line-height:1.85;color:var(--ink-mid)}.film{position:relative;overflow:hidden;background:var(--black);color:var(--on-black);padding:clamp(64px,9vw,140px) var(--pad);text-align:center}.film h2{color:var(--on-black)}.film-frame{margin:clamp(38px,4.6vw,68px) auto 0;width:min(100%,400px)}.film-frame video{width:100%;border-radius:clamp(16px,2vw,26px);background:#06070b;box-shadow:0 3px 10px #00000080,0 34px 80px #0009}.outro{position:relative;overflow:hidden;background:var(--black);color:var(--on-black);padding:clamp(80px,12vw,190px) var(--pad);text-align:center;border-top:1px solid rgba(247,246,243,.07)}.outro .tagline{margin:clamp(26px,3vw,42px) 0 0;font-size:clamp(14px,1.5vw,19px);font-weight:500;letter-spacing:.22em;color:var(--on-black-dim)}footer{background:var(--black);border-top:1px solid rgba(247,246,243,.07)}.foot-inner{max-width:1240px;margin:0 auto;padding:clamp(30px,4vw,54px) var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-inner nav{display:flex;gap:clamp(14px,2vw,28px);flex-wrap:wrap}.foot-inner nav a{font-size:13px;color:#f7f6f385;transition:color .3s var(--ease)}.foot-inner nav a:hover{color:var(--on-black)}.copy{margin:0;font-size:12px;color:#f7f6f357}.usecases{background:var(--paper);padding:clamp(64px,9vw,140px) var(--pad);border-top:1px solid rgba(18,20,26,.07)}.uc-title{max-width:1240px;margin:0 auto clamp(38px,4.6vw,68px);color:var(--ink)}.uc-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,268px),1fr));gap:clamp(18px,2.2vw,30px)}.uc{height:100%;padding:clamp(24px,2.6vw,34px);border-radius:20px;background:#fff;border:1px solid rgba(18,20,26,.07);box-shadow:0 1px 3px #12141a0a,0 14px 32px #12141a0d}.uc-when{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--brand-deep);padding:5px 12px;border-radius:999px;background:#eef3ff}.uc h3{margin:16px 0 14px;font-size:clamp(17px,1.8vw,22px);font-weight:700;letter-spacing:-.025em;line-height:1.45;color:var(--ink)}.uc ol{margin:0;padding-left:1.3em}.uc li{font-size:clamp(13px,1.3vw,15.5px);line-height:1.8;color:var(--ink-mid);margin-bottom:7px}.uc li::marker{color:var(--brand-deep);font-weight:700}