:root{color-scheme:light dark;--bg: #0b0d12;--bg-elev: #12151d;--ink: #eef1f7;--ink-sub: #a4adbb;--ink-mute: #707887;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--panel: rgba(255, 255, 255, .04);--panel-strong: rgba(255, 255, 255, .06);--brand: #ff6a3d;--brand-2: #ffb067;--brand-ink: #1a0e08;--accent: #7aa9ff;--accent-2: #b48bff;--ring: rgba(255, 106, 61, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 30px 60px rgba(0, 0, 0, .45);--radius: 14px;--radius-lg: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Hiragino Sans,BIZ UDPGothic,Yu Gothic,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;line-height:1.55;overflow-x:hidden}body.zoom-open{overflow:hidden}.bg-aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}.bg-aurora:before,.bg-aurora:after{content:"";position:absolute;width:900px;height:900px;border-radius:50%;filter:blur(120px);opacity:.55;animation:aurora 22s ease-in-out infinite}.bg-aurora:before{top:-240px;left:-180px;background:radial-gradient(circle,#ff6a3d 0%,transparent 70%)}.bg-aurora:after{top:10%;right:-260px;background:radial-gradient(circle,#7aa9ff 0%,transparent 70%);animation-delay:-11s}@keyframes aurora{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,60px,0) scale(1.08)}}.site-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);background:#0b0d1299;border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.02em;font-size:1.05rem}.nav-logo{width:26px;height:26px;border-radius:7px;object-fit:cover}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:var(--ink-sub);text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s ease}.nav-links a:hover{color:var(--ink)}.page{max-width:1180px;margin:0 auto;padding:0 24px 80px}.hero{padding:80px 0 40px}.hero-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-sub);font-size:.82rem;font-weight:500;margin:0 0 22px;font-variant-numeric:tabular-nums}.pill-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80b3}h1{margin:0 0 20px;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.05;letter-spacing:-.025em;font-weight:800}.gradient-text{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 50%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0;max-width:52ch;color:var(--ink-sub);font-size:1.05rem;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-sub{margin:18px 0 0;color:var(--ink-mute);font-size:.88rem;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:12px;padding:12px 20px;color:var(--ink);text-decoration:none;background:var(--panel-strong);font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff38;background:#ffffff14}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand) 0%,#ff8855 100%);color:var(--brand-ink);box-shadow:0 10px 28px #ff6a3d59,inset 0 1px #ffffff40}.btn.primary:hover{box-shadow:0 14px 34px #ff6a3d73,inset 0 1px #ffffff4d;transform:translateY(-2px)}.btn.ghost{background:transparent}.btn.small{padding:8px 14px;font-size:.85rem}.hero-visual{position:relative;perspective:1800px}.shot-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff05}.shot-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%)}.shot-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#00000040;border-bottom:1px solid var(--line)}.dot{width:11px;height:11px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.shot-button{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;text-align:left}.shot-button img{display:block;width:100%;height:auto}.shot-mini{position:absolute;bottom:-40px;left:-40px;width:46%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);background:var(--bg-elev)}.shot-mini img{display:block;width:100%;height:auto}.floating{animation:floaty 9s ease-in-out infinite}.floating-slow{animation:floaty 13s ease-in-out infinite;animation-delay:-4s}@keyframes floaty{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.platforms-strip{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:26px 0;margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-mute);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.platforms-list{display:flex;gap:10px;flex-wrap:wrap}.platform-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink-sub);text-transform:none;letter-spacing:0;font-size:.88rem;font-weight:500}.section{padding:80px 0 20px}.section-head{margin:0 0 40px}.section-head h2{margin:8px 0 0;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.15;letter-spacing:-.02em;font-weight:800;color:var(--ink)}.kicker{margin:0;color:var(--brand-2);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:var(--shadow-sm);transition:border-color .2s ease,transform .2s ease}.card h3{margin:0 0 6px;font-size:1.15rem;letter-spacing:-.01em}.card p{margin:0;color:var(--ink-sub);line-height:1.7}.feature-big{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;min-width:0;padding:40px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(800px 300px at 0% 0%,rgba(255,106,61,.09),transparent 60%),linear-gradient(180deg,#ffffff0a,#ffffff05);margin-bottom:28px}.feature-big h3{margin:0 0 14px;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.015em;font-weight:700}.feature-big p{margin:0 0 22px;color:var(--ink-sub);line-height:1.7}.feature-big-shot img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);transition:opacity .25s ease,transform .4s ease}.feature-big-text,.feature-big-shot{min-width:0}.feature-big-text>.kicker{margin-bottom:8px}.feature-big-text .ai-caption{margin:14px 0 8px;color:var(--ink-sub);font-size:.95rem;line-height:1.6}.feature-big-shot .shot-button:hover img{transform:translateY(-4px)}.toggle-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.toggle-set{display:inline-flex;flex-wrap:wrap;padding:4px;background:#00000040;border:1px solid var(--line);border-radius:999px;gap:2px}.toggle-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;background:transparent;color:var(--ink-sub);font-size:.85rem;font-weight:600;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease}.toggle-pill:hover{color:var(--ink)}.toggle-pill.is-active{background:linear-gradient(135deg,#ff6a3d40,#ffb06733);color:var(--ink);box-shadow:inset 0 0 0 1px #ffffff26}.glass-preview-link-row{margin-top:12px;font-size:.9rem}.glass-preview-link{color:var(--ink-sub);text-decoration:none;border-bottom:1px dashed var(--line-strong);padding-bottom:1px;transition:color .16s ease,border-color .16s ease}.glass-preview-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.features-cta{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.features-cta-text{max-width:640px;color:var(--ink-sub);font-size:.95rem;line-height:1.7;margin:0}.features-cta-link{display:inline-block;padding:10px 20px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-size:.95rem;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.features-cta-link:hover{background-color:var(--panel-strong);border-color:var(--ink);transform:translateY(-1px)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-card{display:flex;flex-direction:column;gap:12px}.feature-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ff6a3d2e,#7aa9ff1f);color:var(--brand-2);border:1px solid var(--line-strong)}.feature-shot{margin-top:10px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-elev)}.feature-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;transition:transform .5s ease}.feature-shot:hover img{transform:scale(1.02)}.install-grid{display:grid;grid-template-columns:1fr;gap:16px}.install-card{display:flex;flex-direction:column;gap:14px;min-width:0}.install-head{display:flex;align-items:center;gap:10px;color:var(--ink)}.install-head h3{margin:0;font-size:1.1rem}.install-steps{margin:0;padding-left:20px;color:var(--ink-sub);line-height:1.7}.install-steps li{margin:8px 0}.install-steps li::marker{color:var(--brand-2);font-weight:700}.install-steps a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(122,169,255,.35);transition:border-bottom-color .15s ease}.install-steps a:hover{border-bottom-color:var(--accent)}.install-steps code,.card code{background:#ffffff14;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;color:var(--ink)}.note{margin:0;padding:12px 14px;background:#ffb06712;border-left:2px solid var(--brand-2);border-radius:6px;color:var(--ink-sub);font-size:.88rem;line-height:1.65}.cmd-block{display:flex;align-items:center;gap:10px;background:#12151d;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;overflow-x:auto}.card .cmd-block code,.cmd-block code{background:transparent;border:0;padding:0;font-size:.82rem;color:#e6e9f2;white-space:nowrap;flex:1}.cmd-copy{flex-shrink:0;padding:5px 12px;font-size:.78rem;font-weight:600;border:1px solid var(--line-strong);border-radius:6px;background:#ffffff0f;color:var(--ink);cursor:pointer;transition:background .15s ease}.cmd-copy:hover{background:#ffffff1f}.install-warning{margin:0}.install-warning>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--ink);background:#ffb0671f;border:1px solid rgba(255,176,103,.4);border-radius:8px;list-style:none;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.install-warning>summary::-webkit-details-marker{display:none}.install-warning>summary:after{content:"▼";display:inline-block;margin-left:auto;font-size:.85rem;color:var(--brand-2);transition:transform .2s ease}.install-warning[open]>summary:after{transform:rotate(180deg)}.install-warning>summary:hover{background:#ffb06738;border-color:#ffb067a6;box-shadow:0 2px 8px #ffb06726}.install-warning>summary:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.install-warning[open]>summary{margin-bottom:10px}.install-warning>.note{margin-bottom:10px}.install-warning-hint{font-size:.75rem;font-weight:400;color:var(--ink-sub);opacity:.85}.download-card{padding:0;overflow:hidden}.download-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:24px;padding:24px 28px;align-items:center;border-bottom:1px solid var(--line);background:#ffffff05}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;font-size:.92rem;color:var(--ink)}.muted{color:var(--ink-mute);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.strong{font-weight:700}.asset-list{margin:0;padding:0;list-style:none}.asset-list li{display:grid;grid-template-columns:220px 1fr auto;gap:16px;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line)}.asset-list li:last-child{border-bottom:0}.asset-list li:hover{background:#ffffff05}.asset-label{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}.asset-list strong{color:var(--ink-sub);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-list a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(122,169,255,.3)}.asset-list a:hover{border-bottom-color:var(--accent)}.asset-list em{font-style:normal;font-weight:600;color:var(--ink-sub);font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.support-card{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.support-card h3{margin:0 0 6px;font-size:1.3rem;color:var(--ink)}.support-card .lead a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(122,169,255,.35);transition:border-bottom-color .15s ease}.support-card .lead a:hover{border-bottom-color:var(--accent)}.bmc-link{display:inline-block;transition:transform .15s ease}.bmc-link:hover{transform:translateY(-2px)}.bmc-link img{display:block;width:min(240px,100%);height:auto}.hero-bmc{margin-top:18px}.hero-bmc img{width:200px}.site-footer{margin-top:80px;padding:40px 0 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--ink-mute)}.footer-left{display:flex;align-items:center;gap:14px}.footer-left p{margin:0}.footer-left .strong{color:var(--ink);font-weight:700}.footer-left .small{font-size:.82rem}.footer-logo{width:34px;height:34px;border-radius:9px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--ink-sub);text-decoration:none;font-size:.9rem;transition:color .15s ease}.footer-links a:hover{color:var(--ink)}.image-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05070ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;cursor:zoom-out;animation:zoom-overlay-in .2s ease}.image-zoom-content{max-width:min(94vw,1600px);max-height:90vh;border-radius:10px;box-shadow:0 30px 80px #0009;cursor:default;animation:zoom-image-in .2s ease}@keyframes zoom-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-image-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:960px){.hero{padding:56px 0 40px}.hero-inner{grid-template-columns:1fr;gap:40px}.shot-mini{left:0;bottom:-28px;width:42%}.feature-big{grid-template-columns:1fr;gap:28px;padding:28px}.feature-grid,.install-grid{grid-template-columns:1fr}.download-meta{grid-template-columns:1fr 1fr;padding:20px}.asset-list li{grid-template-columns:1fr;gap:4px;padding:16px 20px}.nav-links{gap:14px}.nav-links a{font-size:.85rem}.site-footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.nav-links a:not(:last-child){display:none}h1{font-size:clamp(2rem,9vw,2.8rem)}.section{padding:64px 0 0}.feature-big,.card{padding:22px}}:root[data-theme=light]{--bg: #f6f5f1;--bg-elev: #ffffff;--ink: #0c1218;--ink-sub: #4a5763;--ink-mute: #788390;--line: rgba(15, 25, 35, .09);--line-strong: rgba(15, 25, 35, .16);--panel: rgba(255, 255, 255, .7);--panel-strong: rgba(255, 255, 255, .9);--brand-ink: #fffcf7}:root[data-theme=light] .bg-aurora:before{opacity:.4}:root[data-theme=light] .bg-aurora:after{opacity:.35}:root[data-theme=light] .site-nav{background:#f6f5f1bf}:root[data-theme=light] .card{background:linear-gradient(180deg,#ffffffe6,#ffffffb3)}:root[data-theme=light] .feature-big{background:radial-gradient(800px 300px at 0% 0%,rgba(255,106,61,.08),transparent 60%),linear-gradient(180deg,#ffffffe6,#ffffffb3)}:root[data-theme=light] .toggle-set{background:#0f19230a}:root[data-theme=light] .install-steps code,:root[data-theme=light] .card code{background:#0f19230f;color:var(--ink)}:root[data-theme=light] .cmd-block{background:#12151d;border-color:transparent}:root[data-theme=light] .card .cmd-block code,:root[data-theme=light] .cmd-block code{background:transparent;color:#e6e9f2;border:0}:root[data-theme=light] .cmd-copy{background:#ffffff1a;color:#e6e9f2;border-color:#fff3}:root[data-theme=light] .download-meta{background:#0f192305}:root[data-theme=light] .asset-list li:hover{background:#0f192305}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel-strong);color:var(--ink-sub);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.theme-toggle:hover{color:var(--ink);border-color:#ffffff38;transform:translateY(-1px)}:root[data-theme=light] .theme-toggle:hover{border-color:#0f192347}.shot-mini.shot-button{display:block;padding:0;text-align:left;cursor:zoom-in}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.tilt{perspective:1100px;transform-style:preserve-3d}.shot-button.tilt img,.shot-button.tilt:hover img{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateZ(0);transition:transform .22s cubic-bezier(.2,.7,.2,1);will-change:transform}.shot-button.tilt.is-tilting img{transition:transform 80ms linear}@media(prefers-reduced-motion:reduce){.shot-button.tilt img,.shot-button.tilt:hover img{transform:none}}
