*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--primary:#1C1C20;--on-primary:#FFFFFF;--bg:#FFFFFF;--surface:#F6F6F7;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.12);--text:#0E0E11;--muted:#6B6B72}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:14px;line-height:1.6}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text)}.nav-logo-icon{width:28px;height:28px;background:var(--primary);border-radius:5px;display:grid;place-items:center;flex-shrink:0}.nav-logo-icon svg{color:#fff}.nav-logo-name{font-size:13.5px;font-weight:600;letter-spacing:-.2px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:8px}.btn-ghost{padding:7px 16px;border:1px solid var(--border);border-radius:4px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:#0003}.btn-primary{padding:7px 16px;border-radius:4px;font-size:13px;font-weight:600;color:var(--on-primary);text-decoration:none;background:var(--primary);border:1px solid var(--primary);transition:opacity .15s,transform .15s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.nav-toggle{display:none;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text);cursor:pointer}.nav-signin{display:none}.hero{max-width:1120px;margin:0 auto;padding:140px 3vw 68px;text-align:center}.hero-lead{display:flex;flex-direction:column;align-items:center;gap:44px}h1{font-family:var(--display);font-size:clamp(38px,5.4vw,74px);font-weight:600;line-height:1.04;letter-spacing:-.03em;color:var(--text)}.hero-right{max-width:520px;margin:0 auto}.hero-sub{font-size:15px;color:var(--muted);line-height:1.65;margin-bottom:40px}.hero-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-hero{padding:11px 26px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s}.btn-hero-primary{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary)}.btn-hero-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-hero-outline{background:transparent;color:var(--muted);border:1px solid var(--border-strong)}.btn-hero-outline:hover{color:var(--text);border-color:#0003;transform:translateY(-1px)}.hero-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:60px;padding-top:32px;border-top:1px solid var(--border);text-align:center}.figure-num{font-family:var(--display);font-size:clamp(21px,2.2vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--text)}.figure-pos{color:#16a34a}.figure-label{font-family:DM Mono,monospace;font-size:12px;color:var(--muted);margin-top:3px}.showcase{max-width:1120px;margin:0 auto;padding:40px 3vw 52px}.showcase-frame{position:relative;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;box-shadow:0 30px 80px -40px #0000004d;background:#fff}.showcase-shot{display:block;width:100%;height:auto}.showcase-embed{display:block;width:100%;border:0;position:absolute;inset:0;height:100%;opacity:0;transition:opacity .3s ease}.showcase-frame.is-live .showcase-embed{opacity:1}.showcase-frame.is-live .showcase-shot{visibility:hidden}@media(prefers-reduced-motion:reduce){.showcase-embed{transition:none}}.showcase-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:22px}.showcase-cap{font-size:13px;color:var(--muted)}.platform-list{display:flex;gap:6px;flex-wrap:wrap}.platform-tag{padding:4px 10px;border:1px solid var(--border-strong);border-radius:3px;font-size:11.5px;color:var(--muted);background:var(--surface)}.features{padding:88px 5vw;max-width:1100px;margin:0 auto}.section-header{margin-bottom:48px}.section-title{font-family:var(--display);font-size:clamp(28px,3.5vw,44px);font-weight:600;letter-spacing:-.022em;line-height:1.08;margin-bottom:12px}.section-sub{font-size:14.5px;color:var(--muted);max-width:440px;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:6px;overflow:hidden}.feature-card{padding:28px 26px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);transition:background .2s}.feature-card:hover{background:var(--surface)}.feature-card:nth-child(3n){border-right:none}.feature-card:nth-last-child(-n+3){border-bottom:none}.feature-icon{width:34px;height:34px;border:1px solid var(--border-strong);border-radius:4px;display:grid;place-items:center;color:var(--muted);margin-bottom:14px;transition:color .2s,border-color .2s}.feature-card:hover .feature-icon{color:var(--primary);border-color:var(--primary)}.feature-title{font-size:13.5px;font-weight:600;margin-bottom:6px;color:var(--text)}.feature-desc{font-size:13px;color:var(--muted);line-height:1.6}.how{padding:80px 5vw;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.how-inner{max-width:960px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.step{padding:24px 22px;border-right:1px solid var(--border);background:var(--bg)}.step:last-child{border-right:none}.step-num{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.08em;margin-bottom:12px}.step-title{font-size:13.5px;font-weight:600;margin-bottom:7px}.step-desc{font-size:12.5px;color:var(--muted);line-height:1.6}.cta-section{padding:104px 5vw 96px;text-align:center}.cta-title{font-family:var(--display);font-size:clamp(32px,4.5vw,54px);font-weight:600;letter-spacing:-.024em;line-height:1.06;margin-bottom:14px}.cta-sub{font-size:14.5px;color:var(--muted);max-width:360px;margin:0 auto 28px;line-height:1.65}.faq{padding:72px 5vw;max-width:760px;margin:0 auto}.faq .section-header{margin-bottom:28px}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 2px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text);list-style:none}.faq-q::-webkit-details-marker{display:none}.faq-q svg{flex-shrink:0;color:var(--muted);transition:transform .25s ease}.faq-item[open] .faq-q svg{transform:rotate(180deg)}.faq-a{padding:0 2px 22px;font-size:14px;color:var(--muted);line-height:1.7;max-width:660px}footer{border-top:1px solid var(--border);padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-left{font-size:12.5px;color:var(--muted)}.footer-right{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:20px}.footer-links a{font-size:12.5px;color:var(--muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-social{display:flex;align-items:center;gap:14px}.footer-social a{display:inline-flex;color:var(--muted);transition:color .15s,transform .15s}.footer-social a:hover{color:var(--text);transform:translateY(-1px)}.footer-social svg{display:block}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reveal-in-lift{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.js .reveal{opacity:0}.js .reveal.is-visible{animation:reveal-in .55s ease both}.js .reveal-lift.is-visible{animation-name:reveal-in-lift}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1}.js .reveal.is-visible{animation:none}.btn-primary:hover,.btn-hero-primary:hover,.btn-hero-outline:hover{transform:none}.nav-links{transition:none}}@media(max-width:900px){.hero{padding:120px 5vw 48px}.hero-lead{gap:28px}.hero-figures{grid-template-columns:repeat(2,1fr);gap:32px 24px;margin-top:56px}.features{padding:72px 5vw}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(3n){border-right:1px solid var(--border)}.feature-card:nth-child(2n){border-right:none}.feature-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.feature-card:last-child{grid-column:1 / -1;border-right:none;border-bottom:none}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:none}.step:nth-child(1),.step:nth-child(2){border-bottom:1px solid var(--border)}.cta-section{padding:88px 5vw 80px}}@media(max-width:640px){.nav-toggle{display:inline-flex}.nav-cta .btn-ghost{display:none}.nav-signin{display:block}.nav-links{display:block;position:fixed;top:56px;left:0;right:0;padding:6px 5vw 14px;background:var(--bg);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.nav-links{max-height:calc(100vh - 56px);overflow-y:auto}.nav-links a{display:block;padding:11px 0;font-size:14.5px;border-bottom:1px solid var(--border)}.nav-links a:last-child{border-bottom:none}body.nav-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:none}h1 br{display:none}.features-grid{grid-template-columns:1fr}.feature-card{border-right:none}.feature-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.feature-card:last-child{border-bottom:none}.steps{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}}