@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #fbfbfd;--bg-band: #f5f5f7;--bg-card: #ffffff;--text: #1a1a1c;--text-2: #6e6e73;--text-3: #8e8e93;--hairline: rgba(0, 0, 0, .08);--hairline-2: rgba(0, 0, 0, .14);--link: #1c6bdb;--link-hover: #3d84e6;--accent: oklch(.62 .16 30);--pill-bg: #1a1a1c;--pill-fg: #ffffff;--shadow-card: 0 1px 0 rgba(0, 0, 0, .04), 0 30px 60px -30px rgba(0, 0, 0, .18);--shadow-lift: 0 1px 0 rgba(0, 0, 0, .04), 0 40px 80px -32px rgba(0, 0, 0, .3);--nav-bg: rgba(251, 251, 253, .72);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--font-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.32, .72, 0, 1)}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0b;--bg-band: #131316;--bg-card: #161618;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #6e6e73;--hairline: rgba(255, 255, 255, .08);--hairline-2: rgba(255, 255, 255, .16);--link: #4d99ff;--link-hover: #7ab4ff;--pill-bg: #f5f5f7;--pill-fg: #0a0a0b;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 30px 60px -30px rgba(0, 0, 0, .7);--shadow-lift: 0 1px 0 rgba(255, 255, 255, .04), 0 40px 80px -32px rgba(0, 0, 0, .9);--nav-bg: rgba(10, 10, 11, .72)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:6px}[data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--reveal-delay, 0ms);will-change:transform,opacity}[data-reveal][data-revealed]{opacity:1;transform:none}.hero [data-reveal]{transition-duration:.6s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}[data-reveal]{opacity:1!important;transform:none!important}}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hairline)}.nav-inner{max-width:1024px;margin:0 auto;height:44px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.nav-brand{display:inline-flex;align-items:center;gap:7px;font-weight:600;letter-spacing:-.01em;font-size:15px}.nav-brand span{color:var(--text-3);font-weight:400}.nav-mark{flex:0 0 auto;fill:currentColor}.nav-links{display:flex;gap:24px;list-style:none;padding:0;margin:0}.nav-links a{color:var(--text);opacity:.78;transition:opacity .2s var(--ease-soft)}.nav-links a:hover{opacity:1}@media(max-width:640px){.nav-links{gap:16px}}.hero{text-align:center;padding:48px 22px 80px;background:var(--bg);overflow:hidden}.hero-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 22px}.hero-brand{font-size:clamp(96px,18vw,220px);font-weight:700;letter-spacing:-.055em;line-height:.88;margin:0 0 28px}.hero-sub{font-family:var(--font-jp);font-size:clamp(14px,1.5vw,16px);font-weight:400;color:var(--text-2);letter-spacing:.02em;margin:0 auto 64px;max-width:460px;line-height:1.85}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1280px;margin:0 auto;padding:0 22px}.hero-tile{position:relative;display:block;border-radius:22px;overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-card);aspect-ratio:16 / 10;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}.hero-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.hero-tile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none}.hero-tile-meta{position:absolute;inset:auto 0 0;padding:18px 22px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.78) 100%);color:#fff;display:flex;align-items:center;gap:12px;text-align:left}.hero-tile-icon{flex:0 0 auto;width:40px;height:40px;border-radius:9px;background:#fff;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff2e,0 1px 2px #00000040}.hero-tile-icon img{width:100%;height:100%;object-fit:contain;display:block}.hero-tile-meta-text{min-width:0;display:flex;flex-direction:column;gap:2px}.hero-tile-name{font-size:clamp(18px,2vw,24px);font-weight:600;letter-spacing:-.018em;color:#fff;margin:0;line-height:1.15}.hero-tile-kind{font-family:var(--font-jp);font-size:12px;color:#ffffffd9;margin:0;letter-spacing:.02em}.hero-tile-tag{position:absolute;top:18px;left:22px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#00000080;backdrop-filter:blur(8px);padding:4px 10px;border-radius:980px}@media(max-width:640px){.hero{padding-top:40px;padding-bottom:56px}.hero-grid{grid-template-columns:1fr;gap:16px}.hero-sub{margin-bottom:44px}}.frame{position:relative;width:100%;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#e8e8ec,#d8d8dc);box-shadow:var(--shadow-card)}@media(prefers-color-scheme:dark){.frame{background:linear-gradient(180deg,#1d1d20,#131316)}}.frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--pill-bg);color:var(--pill-fg);font-size:15px;font-weight:500;padding:11px 22px;border-radius:980px;transition:transform .25s var(--ease-soft),opacity .2s;letter-spacing:-.005em}.pill:hover{opacity:.86}.pill:active{transform:scale(.98)}.pill-soon{background:var(--bg-band);color:var(--text-3);border:1px solid var(--hairline);cursor:default}.pill-soon:hover{opacity:1}.pill-soon:active{transform:none}.learn{color:var(--link);font-size:16px;font-weight:400;letter-spacing:-.003em;display:inline-flex;align-items:baseline;gap:3px;transition:color .15s}.learn:hover{color:var(--link-hover)}.learn .chev{display:inline-block;transition:transform .3s var(--ease-out)}.learn:hover .chev{transform:translate(3px)}.product{padding:120px 22px;position:relative}.product.band{background:var(--bg-band)}.product--ext{background:var(--text)}.product--ext .product-name,.product--ext .product-kind{color:var(--bg)}.product--ext .product-desc{color:var(--bg);opacity:.72}.product-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product[data-flip=true] .product-art{order:-1}.product-tag{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--accent);margin:0 0 14px;text-transform:uppercase}.product-platform{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--bg);color:var(--text);padding:5px 11px;border-radius:980px;margin:0 0 16px}.product-name{font-size:clamp(48px,6.4vw,92px);font-weight:700;letter-spacing:-.04em;line-height:.96;margin:0 0 12px}.product-kind{font-family:var(--font-jp);font-size:clamp(17px,1.8vw,22px);font-weight:500;color:var(--text);margin:0 0 22px}.product-desc{font-family:var(--font-jp);font-size:15px;color:var(--text-2);letter-spacing:.01em;line-height:1.85;margin:0 0 30px;max-width:440px}.product-cta{display:flex;gap:24px;flex-wrap:wrap}.product-art .frame{aspect-ratio:5 / 4;border-radius:22px}@media(max-width:880px){.product{padding:80px 22px}.product-inner{grid-template-columns:1fr;gap:36px;text-align:center}.product[data-flip=true] .product-art{order:0}.product-desc{margin:0 auto 28px}.product-cta{justify-content:center}}.compare{background:var(--bg);padding:120px 22px;border-top:1px solid var(--hairline)}.compare-head{text-align:center;max-width:720px;margin:0 auto 64px}.compare-label{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 14px}.compare-title{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin:0}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:1180px;margin:0 auto}.compare-col{display:flex;flex-direction:column;text-align:center;gap:10px}.compare-col .frame{aspect-ratio:4 / 5;border-radius:14px;margin-bottom:8px}.compare-name{font-size:19px;font-weight:600;letter-spacing:-.012em;margin:0}.compare-kind{font-family:var(--font-jp);font-size:13px;color:var(--text-2);margin:0}.compare-row{display:flex;justify-content:space-between;border-top:1px solid var(--hairline);padding:8px 0;font-size:12px}.compare-row:last-of-type{border-bottom:1px solid var(--hairline)}.compare-row .k{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.02em;text-transform:uppercase;font-size:10.5px}.compare-row .v{color:var(--text);font-weight:500}.compare-mono{font-family:var(--font-mono);font-size:11px}.compare-cta{margin-top:12px}.compare-soon{font-size:14px;color:var(--text-3);cursor:default}@media(max-width:520px){.compare-grid{grid-template-columns:1fr}.compare-col{max-width:320px;margin:0 auto}}.foot{background:var(--bg-band);color:var(--text-2);font-size:12px;line-height:1.55;padding:32px 0 28px;border-top:1px solid var(--hairline)}.foot a{color:var(--text-2)}.foot a:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.foot-soon{position:relative;color:var(--text-3);cursor:default}.foot-soon:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 7px);z-index:1;white-space:nowrap;background:var(--text);color:var(--bg);font-size:10.5px;letter-spacing:.02em;padding:4px 8px;border-radius:6px;opacity:0;transform:translateY(4px);transition:opacity .16s var(--ease-soft),transform .16s var(--ease-soft);pointer-events:none}.foot-soon:hover:after{opacity:1;transform:translateY(0)}.foot-inner{max-width:1024px;margin:0 auto;padding:0 22px}.foot-notes{border-bottom:1px solid var(--hairline);padding-bottom:18px;margin-bottom:18px}.foot-notes p{margin:0 0 6px;font-size:11.5px;color:var(--text-3)}.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-bottom:22px;border-bottom:1px solid var(--hairline);margin-bottom:18px}.foot-cols h4{font-size:12px;font-weight:600;color:var(--text);margin:0 0 10px}.foot-cols ul{list-style:none;padding:0;margin:0}.foot-cols li{margin:0 0 7px}.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11.5px;color:var(--text-3)}.foot-bottom-links{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:720px){.foot-cols{grid-template-columns:repeat(2,1fr);gap:22px}}.no-chrome [data-chrome-only]{display:none!important}
