:root{--brand:#7c3aed;--brand-hover:#6d28d9;--brand-label:#7c3aed;--brand-soft:#f3edff;--bg:#fff;--bg-soft:#f7f7f8;--bg-muted:#f1f1f3;--text:#171717;--text-secondary:#666;--text-muted:#8a8a8a;--border:#e5e5e7;--border-strong:#d8d8dc;--header-bg:#ffffffd6;--header-nav:#55555b;--hero-bg:#fcfbff;--hero-grid:#7c3aed0b;--hero-description:#5f5f65;--hero-glow:#7c3aed1d;--button-secondary-bg:#ffffffb8;--button-secondary-hover:#f5f0ff;--screen-bg:#fafafa;--screen-top:#f4f4f5;--screen-panel:#fff;--screen-card:#f7f7f8;--screen-line:#e8e8eb;--screen-shadow:0 22px 62px #22222212, 0 12px 36px #7c3aed0c, 0 0 0 8px #ffffffb0;--card-bg:#fff;--card-hover:#faf8ff;--card-shadow:0 1px 2px #00000008, 0 8px 24px #00000008;--use-bg:#f8f6fc;--footer-bg:#f4f4f5;--toggle-border:#e5e5e799;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html[data-theme=dark]{--brand-soft:#291d3d;--brand-label:#b395f5;--bg:#0d0d0f;--bg-soft:#141416;--bg-muted:#1b1b1f;--text:#f5f5f5;--text-secondary:#b8b8bd;--text-muted:#86868b;--border:#2a2a2f;--border-strong:#38383f;--header-bg:#0d0d0fd6;--header-nav:#c5c5ca;--hero-bg:#111113;--hero-grid:#ffffff0a;--hero-description:#b8b8bd;--hero-glow:#7c3aed30;--button-secondary-bg:#1b1b1f;--button-secondary-hover:#292139;--screen-bg:#18181b;--screen-top:#1b1b1f;--screen-panel:#202024;--screen-card:#25252b;--screen-line:#34343a;--screen-shadow:0 24px 68px #00000060, 0 0 0 8px #ffffff08;--card-bg:#1b1b1f;--card-hover:#25202e;--card-shadow:0 1px 2px #00000016;--use-bg:#19151f;--footer-bg:#111113;--toggle-border:#38383f99;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,summary{font:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:4px}::selection{color:#181018;background:#ddd0ff}.container{width:min(1200px,100% - 80px);margin-inline:auto}.skip-link{z-index:100;background:var(--brand);color:#fff;padding:12px 18px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{background:var(--header-bg);height:76px;color:var(--text);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:20;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.brand-icon{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.brand-icon img{object-fit:contain;width:31px;height:29px}.desktop-nav{color:var(--header-nav);align-items:center;gap:32px;font-size:13px;display:flex}.desktop-nav>a:hover,.footer-links a:hover,.text-link:hover,.desktop-nav a[aria-current=page]{color:var(--brand-label)}.theme-toggle{width:40px;height:40px;color:var(--text-secondary);background:var(--bg-soft);border:1px solid var(--toggle-border);cursor:pointer;border-radius:10px;flex:none;place-items:center;padding:0;transition:color .18s,border-color .18s,background-color .18s;display:grid}.theme-toggle:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun-icon,html[data-theme=dark] .theme-toggle .moon-icon{display:none}html[data-theme=dark] .theme-toggle .sun-icon{display:block}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid var(--border-strong);border-radius:7px;padding:9px 12px;font-size:14px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{color:var(--brand);margin-left:10px}.mobile-menu nav{background:var(--bg);border:1px solid var(--border);border-radius:10px;min-width:220px;padding:10px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 16px 30px #0002}.mobile-menu nav a{border-radius:6px;padding:12px}.mobile-menu nav a:hover{background:var(--brand-soft);color:var(--brand)}.hero{background:var(--hero-bg);color:var(--text);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(var(--hero-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px);pointer-events:none;background-size:80px 80px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 10%,#000 100%)}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:52px;min-height:660px;padding-block:96px 120px;display:grid;position:relative}.eyebrow,.section-kicker{letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:700}.eyebrow{color:var(--brand-label);align-items:center;gap:10px;margin:0 0 30px;display:flex}.status-dot{background:var(--brand);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #7c3aed25}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.075em;margin:0 0 28px;font-size:clamp(72px,8vw,122px);font-weight:720;line-height:.94}.hero-subtitle{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(23px,2.35vw,32px);font-weight:600;line-height:1.4}.hero-description{color:var(--hero-description);max-width:540px;margin-bottom:34px;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:13px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:12px 21px;font-size:14px;font-weight:650;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}.button-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.button-secondary{color:var(--text);border:1px solid var(--border-strong);background:var(--button-secondary-bg)}.button-secondary:hover{border-color:var(--brand);background:var(--button-secondary-hover)}.hero-footnote{color:var(--text-muted);margin:19px 0 0;font-size:12px}.hero-visual{min-width:0;padding:18px 0 0;position:relative}.visual-glow{background:var(--hero-glow);filter:blur(78px);pointer-events:none;width:68%;height:68%;position:absolute;top:11%;left:19%}.screen-frame{border:1px solid var(--border-strong);background:var(--screen-bg);box-shadow:var(--screen-shadow);border-radius:20px;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-5deg)rotateX(2deg)}.screen-top{border-bottom:1px solid var(--border);background:var(--screen-top);height:43px;color:var(--text-muted);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;display:flex}.screen-content{min-height:300px;display:flex}.screen-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:24px;width:56px;padding:25px 17px;display:flex}.screen-sidebar span{border:1px solid var(--border-strong);background:var(--screen-line);border-radius:5px;width:20px;height:20px}.screen-sidebar span.active{border-color:var(--brand);background:var(--brand-soft)}.screen-main{background:var(--screen-panel);flex:1;min-width:0;padding:36px 30px}.screen-label{letter-spacing:.12em;color:var(--brand-label);margin-bottom:12px;font-size:11px}.screen-main strong{letter-spacing:-.03em;margin-bottom:27px;font-size:clamp(17px,2vw,25px);font-weight:600;display:block}.screen-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:30px;display:grid}.screen-cards span{border:1px solid var(--border);background:var(--screen-card);height:81px;color:var(--text-secondary);border-radius:9px;align-items:end;padding:12px;font-size:11px;display:flex}.screen-cards span:first-child{background:var(--brand-soft);border-color:#7c3aed55}.screen-line{background:var(--screen-line);border-radius:9px;width:82%;height:9px;margin-bottom:10px}.screen-line.short{width:61%}.visual-caption{text-align:right;color:var(--text-muted);letter-spacing:.04em;margin-top:25px;font-size:11px;display:block;position:relative}.section{padding-block:112px}.section-kicker{color:var(--brand-label);margin-bottom:24px}.section h2{letter-spacing:-.045em;text-wrap:balance;margin-bottom:0;font-size:clamp(32px,3.8vw,51px);line-height:1.22}.intro-grid,.notes-grid{grid-template-columns:1fr 1fr;gap:90px;display:grid}.intro-copy{padding-top:43px}.intro-copy p,.notes-grid p,.use-grid p{color:var(--text-secondary);font-size:16px;line-height:1.95}.intro-copy p{margin-bottom:20px}.text-link{color:var(--brand);border-bottom:1px solid #7c3aed66;gap:25px;margin-top:13px;padding-bottom:8px;font-size:14px;font-weight:650;display:inline-flex}.features{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-heading{justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px;display:flex}.section-heading>p{max-width:280px;color:var(--text-secondary);margin:0 0 7px;font-size:14px;line-height:1.8}.feature-grid{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--card-bg);min-height:240px;box-shadow:var(--card-shadow);flex-direction:column;padding:29px 30px 27px;transition:background-color .18s,box-shadow .18s;display:flex;position:relative}.feature-card:hover{background:var(--card-hover);box-shadow:inset 0 0 0 1px #7c3aed33, var(--card-shadow)}.feature-number{letter-spacing:.1em;color:var(--brand-label);font-size:12px;font-weight:700}.feature-mark{background:var(--brand-soft);border:1px solid #7c3aed55;border-radius:50%;width:8px;height:8px;position:absolute;top:33px;right:30px}.feature-card h3{letter-spacing:-.04em;margin:35px 0 10px;font-size:21px}.feature-card p{color:var(--text-secondary);margin-bottom:14px;font-size:14px;line-height:1.75}.feature-card small{color:var(--text-muted);margin-top:auto;font-size:11px}.scenes{background:var(--bg)}.scenes h2{margin-bottom:34px}.scene-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.scene-card{border:1px solid var(--border);background:linear-gradient(160deg, var(--card-bg), var(--bg-soft));border-radius:10px;padding:29px 30px}.scene-card>span{color:var(--brand-label);letter-spacing:.075em;font-size:11px;font-weight:700}.scene-card h3{letter-spacing:-.035em;margin:36px 0 10px;font-size:20px}.scene-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.75}.use{background:var(--use-bg);color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.use-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.use-grid p{color:var(--text-secondary);max-width:430px;margin:22px 0 28px}.use-pill{border:1px solid var(--border-strong);min-height:38px;color:var(--text-secondary);background:var(--button-secondary-bg);border-radius:7px;align-items:center;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.step-list{border-top:1px solid var(--border-strong);margin:0;padding:0;list-style:none}.step-list li{border-bottom:1px solid var(--border-strong);grid-template-columns:55px 1fr;gap:24px;padding:25px 0;display:grid}.step-list li>span{color:var(--brand-label);margin-top:5px;font-size:12px}.step-list h3{margin:0 0 5px;font-size:18px}.step-list p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.notes{background:var(--bg)}.notes-grid>div:last-child{padding-top:40px}.notes-grid .note-muted{color:var(--text-muted);border-left:2px solid var(--brand);margin-top:20px;padding-left:15px;font-size:13px}.faq{background:var(--bg-soft);border-top:1px solid var(--border)}.faq-grid{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.faq-list{border-top:1px solid var(--border-strong)}.faq-item{border-bottom:1px solid var(--border-strong);padding:22px 0}.faq-item h3{margin:0 0 8px;font-size:16px}.faq-item p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.75}.site-footer{background:var(--footer-bg);color:var(--text);border-top:1px solid var(--border)}.footer-inner{grid-template-columns:1.3fr .7fr 1fr;align-items:start;gap:35px;padding-block:50px;display:grid}.footer-brand{font-size:19px;font-weight:700}.site-footer p{color:var(--text-muted);margin:13px 0 0;font-size:12px;line-height:1.6}.footer-links{color:var(--text-secondary);gap:11px;font-size:12px;display:grid}.icp{color:var(--text-secondary);white-space:nowrap;justify-self:end;font-size:12px}.icp:hover{color:var(--brand);text-decoration:underline}.not-found{min-height:65vh;padding-block:130px}.not-found h1{letter-spacing:-.06em;margin-bottom:20px;font-size:clamp(48px,7vw,76px)}.not-found p:not(.section-kicker){color:var(--text-secondary);max-width:460px;margin-bottom:28px;line-height:1.8}@media (width<=1050px){.desktop-nav{gap:18px}.hero-inner{gap:36px}.intro-grid,.notes-grid,.use-grid{gap:55px}.footer-inner{grid-template-columns:1fr 1fr}.icp{grid-column:1/-1;justify-self:start}}@media (width<=850px){.desktop-nav{display:none}.mobile-menu{display:block}.hero-inner{grid-template-columns:1fr;gap:65px;padding-block:85px 90px}.hero-visual{width:min(580px,100%);margin-inline:auto}.intro-grid,.notes-grid,.use-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.intro-copy,.notes-grid>div:last-child{padding-top:0}.section{padding-block:85px}.feature-grid{grid-template-columns:repeat(2,1fr)}.scene-grid{grid-template-columns:1fr}.scene-card h3{margin-top:20px}.section-heading{flex-direction:column;align-items:start;gap:15px}.section-heading>p{max-width:570px}}@media (width<=600px){.container{width:calc(100% - 36px)}.site-header{height:68px}.brand{font-size:18px}.hero-inner{gap:55px;padding-block:70px 75px}.hero h1{font-size:70px}.hero-subtitle{font-size:23px}.hero-description{font-size:14px}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.button{gap:8px;padding:11px;font-size:12px}.screen-frame{border-radius:14px;transform:none}.screen-content{min-height:240px}.screen-sidebar{width:40px;padding:25px 11px}.screen-sidebar span{width:17px;height:17px}.screen-main{padding:29px 18px}.screen-cards{gap:5px}.screen-cards span{height:68px;padding:6px;font-size:9px}.visual-caption{text-align:left}.section{padding-block:64px}.section h2{font-size:34px;line-height:1.24}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:200px}.feature-card h3{margin-top:28px}.feature-card p{min-height:0}.step-list li{gap:10px}.footer-inner{grid-template-columns:1fr;gap:28px;padding-block:42px}.icp{grid-column:auto}}@media (width<=390px){.hero h1{font-size:66px}.hero-actions{grid-template-columns:1fr}.screen-main strong{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}