:root{--bg:#0e0e10;--card:#1c1c1f;--line:rgba(255,255,255,.09);--text:#f5f5f2;--muted:#a1a1a8;--accent:#ffd60a;--amber:#e8590c;
--sans:"Onest",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Apple SD Gothic Neo","Noto Sans JP","Noto Sans KR",system-ui,sans-serif;
--display:"Bricolage Grotesque","Onest",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Apple SD Gothic Neo",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 18px/1.6 var(--sans);overflow-x:hidden}
a{color:var(--accent);text-underline-offset:3px}img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:#000;padding:8px 14px;border-radius:10px;z-index:10}.skip:focus{left:16px}
.wrap{width:min(1120px,100% - 40px);margin:0 auto}
.top{position:sticky;top:0;z-index:5;background:rgba(14,14,16,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 20px/1 var(--display);letter-spacing:-.01em}
.brand img{border-radius:9px}
.top nav{margin-left:auto;display:flex;gap:22px}.top nav a{color:var(--muted);text-decoration:none;font-size:16px}.top nav a:hover{color:var(--text)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#000;font-weight:650;text-decoration:none;border-radius:999px;padding:10px 18px;font-size:15px;white-space:nowrap}
span.pill{background:transparent;color:var(--accent);border:1.5px solid rgba(255,214,10,.5)}
.pill.big{padding:16px 26px;font-size:17px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:72px 0 88px}
h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.06;margin:0 0 18px}
h1{font-size:clamp(40px,6vw,68px);font-weight:800}h2{font-size:clamp(30px,4vw,46px);font-weight:750}h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
:lang(ja) h1,:lang(ko) h1,:lang(ja) h2,:lang(ko) h2{letter-spacing:0;line-height:1.25;word-break:keep-all}
.lead{font-size:20px;color:var(--muted);max-width:36em}
.hero h1 em{font-style:normal;color:var(--accent)}
.actions{display:flex;gap:22px;align-items:center;margin:30px 0 26px;flex-wrap:wrap}.actions>a:not(.pill){color:var(--text)}
.facts{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--muted);font-size:16px}
.facts li,.points li{display:flex;gap:10px;align-items:center}.facts svg,.points svg{width:20px;height:20px;color:var(--accent);flex:none}
.stagewrap{display:flex;flex-direction:column;align-items:center;gap:18px}
.phone{position:relative;width:min(330px,82vw);aspect-ratio:9/19.5;border-radius:48px;background:#000;padding:12px;box-shadow:0 0 0 1px #2a2a2e,0 40px 90px -30px rgba(255,214,10,.25),0 30px 60px rgba(0,0,0,.6)}
.screen{position:relative;width:100%;height:100%;border-radius:37px;overflow:hidden;background:#111}
.screen img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:drift 24s ease-in-out infinite alternate}
@keyframes drift{to{transform:scale(1.12) translateY(-2%)}}
.cap{position:absolute;left:8%;right:8%;display:flex;justify-content:center;text-align:center;pointer-events:none;transition:opacity .18s}
.cap span{display:inline;padding:.12em .42em;border-radius:.22em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cap-subtitle .cap{bottom:9%}.cap-subtitle .cap span{background:rgba(0,0,0,.62);color:#fff;font:600 17px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.cap-reel .cap{top:45%}.cap-reel .cap span{color:#fff;font:900 31px/1.15 ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;paint-order:stroke fill;-webkit-text-stroke:7px #000;text-shadow:0 3px 10px rgba(0,0,0,.5)}
.cap-classic .cap{bottom:9%}.cap-classic .cap span{color:#ffde1a;font:700 19px/1.35 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;paint-order:stroke fill;-webkit-text-stroke:4px #000;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.chooser{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}
.chooser button{appearance:none;border:0;background:transparent;color:var(--muted);font:600 15px/1 var(--sans);padding:10px 16px;border-radius:999px;cursor:pointer}
.chooser button[aria-pressed=true]{background:var(--accent);color:#000}.chooser button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.band{padding:88px 0;border-top:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#000;font:800 18px/1 var(--display);margin-bottom:18px}
.step p{color:var(--muted);margin:0;font-size:17px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sample{position:relative;margin:0;aspect-ratio:9/14;border-radius:18px;overflow:hidden;background:#222}
.sample img{width:100%;height:100%;object-fit:cover}.sample .cap{left:6%;right:6%}
.sample.cap-subtitle .cap span{font-size:12px}.sample.cap-reel .cap span{font-size:20px;-webkit-text-stroke:5px #000}.sample.cap-classic .cap span{font-size:13px;-webkit-text-stroke:3px #000}
.sample figcaption{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px}
.screens-row{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 18px;margin-top:30px}
.screens-row figure{margin:0;flex:0 0 min(250px,70vw);scroll-snap-align:start}
.frame{border-radius:34px;overflow:hidden;border:1px solid var(--line);background:#000}
.screens-row figcaption{color:var(--muted);font-size:15px;margin-top:12px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:88px 0}
.duo section{border-radius:28px;padding:40px;border:1px solid var(--line)}
.duo .private{background:linear-gradient(160deg,#1f2a1d,#141914)}.duo .engine{background:linear-gradient(160deg,#1b2033,#121420)}
.duo p{color:#cfcfd2;margin:0}
.why{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:44px;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;margin-bottom:96px}
.why p{color:#cfcfd2}.icons{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;justify-items:center}
.icons figure{margin:0;text-align:center;color:var(--muted);font-size:14px}.icons img{width:96px;height:96px;border-radius:22px;margin:0 auto 8px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.article{max-width:720px;padding:64px 0 96px}.article h1{font-size:clamp(34px,5vw,50px)}.article h2{font-size:24px;margin-top:36px}.article p{color:#d6d6d9}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:600;font-size:18px}.faq p{margin:10px 0 0;color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:40px 0 56px;color:var(--muted)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center}.foot small{font-size:15px}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}.foot nav a{color:var(--muted);text-decoration:none}.foot nav a:hover,.foot nav a[aria-current]{color:var(--text)}
.foot .lang{margin-left:auto}
@media (max-width:900px){.hero,.split,.duo,.why{grid-template-columns:1fr}.hero{padding:44px 0 64px;gap:44px}.steps{grid-template-columns:1fr}.top nav{display:none}.top .pill{margin-left:auto}.foot .lang{margin-left:0}.why{padding:30px}.duo section{padding:30px}}
@media (max-width:420px){body{font-size:17px}.top .pill{padding:8px 12px;font-size:13px}.chooser button{padding:9px 12px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.screen img{animation:none}.cap{transition:none}}