:root{--accent: #2ec4b6;--accent-dim: #1f9d92;--radius: 14px;--radius-lg: 20px;--nav-height: 64px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;--transition: .35s cubic-bezier(.22, 1, .36, 1)}html:not([data-theme]){color-scheme:dark}html:not([data-theme]),[data-theme=dark]{--bg-deep: #0c1222;--bg-mid: #121a2e;--bg-surface: #1a2438;--bg-elevated: #243044;--accent-glow: rgba(46, 196, 182, .35);--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--border: rgba(148, 163, 184, .15);--nav-bg: rgba(12, 18, 34, .72);--hover-bg: rgba(255, 255, 255, .06);--hover-bg-strong: rgba(255, 255, 255, .1);--accent-subtle: rgba(46, 196, 182, .1);--accent-border: rgba(46, 196, 182, .25);--accent-highlight: rgba(46, 196, 182, .15);--accent-highlight-strong: rgba(46, 196, 182, .25);--accent-card-border: rgba(46, 196, 182, .35);--accent-faint: rgba(46, 196, 182, .2);--section-alt-bg: rgba(255, 255, 255, .02);--btn-primary-fg: #0c1222;--btn-primary-hover: #3dd4c6;--shadow-window: 0 24px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);--grid-line: rgba(46, 196, 182, .03);--glow-teal: rgba(46, 196, 182, .12);--glow-navy: rgba(59, 130, 246, .08);--mock-chrome-bg: rgba(0, 0, 0, .25);--mock-sidebar-bg: rgba(0, 0, 0, .2);--mock-search-bg: rgba(0, 0, 0, .2);--mock-preview-bg: rgba(0, 0, 0, .15);--mock-output-bg: rgba(0, 0, 0, .35);--mock-item-bg: rgba(255, 255, 255, .06);--mock-icon-bg: rgba(255, 255, 255, .1);--mock-preview-gradient: linear-gradient(135deg, rgba(46, 196, 182, .15), rgba(59, 130, 246, .1));--bento-label-bg: rgba(12, 18, 34, .85);--download-border: rgba(46, 196, 182, .25);--download-shadow: 0 0 60px rgba(46, 196, 182, .08);--workflow-line-end: rgba(46, 196, 182, .2);--video-play-bg: rgba(46, 196, 182, .2);--workflow-dot-active-bg: rgba(46, 196, 182, .2);--hero-bg-overlay: linear-gradient( 105deg, rgba(12, 18, 34, .88) 0%, rgba(12, 18, 34, .55) 42%, rgba(12, 18, 34, .35) 100% )}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light;--bg-deep: #f4f7fb;--bg-mid: #eef2f7;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--accent-glow: rgba(26, 158, 146, .28);--text: #0f172a;--text-muted: #475569;--text-dim: #64748b;--border: rgba(15, 23, 42, .1);--nav-bg: rgba(255, 255, 255, .82);--hover-bg: rgba(15, 23, 42, .05);--hover-bg-strong: rgba(15, 23, 42, .08);--accent-subtle: rgba(26, 158, 146, .1);--accent-border: rgba(26, 158, 146, .28);--accent-highlight: rgba(26, 158, 146, .12);--accent-highlight-strong: rgba(26, 158, 146, .18);--accent-card-border: rgba(26, 158, 146, .35);--accent-faint: rgba(26, 158, 146, .15);--section-alt-bg: rgba(15, 23, 42, .03);--btn-primary-fg: #ffffff;--btn-primary-hover: #22b5a8;--shadow-window: 0 20px 60px rgba(15, 23, 42, .12), 0 0 0 1px rgba(15, 23, 42, .06);--grid-line: rgba(26, 158, 146, .07);--glow-teal: rgba(46, 196, 182, .18);--glow-navy: rgba(59, 130, 246, .1);--mock-chrome-bg: rgba(15, 23, 42, .06);--mock-sidebar-bg: rgba(15, 23, 42, .04);--mock-search-bg: rgba(15, 23, 42, .05);--mock-preview-bg: rgba(15, 23, 42, .03);--mock-output-bg: rgba(15, 23, 42, .06);--mock-item-bg: rgba(15, 23, 42, .05);--mock-icon-bg: rgba(15, 23, 42, .08);--mock-preview-gradient: linear-gradient(135deg, rgba(46, 196, 182, .12), rgba(59, 130, 246, .08));--bento-label-bg: rgba(255, 255, 255, .92);--download-border: rgba(26, 158, 146, .3);--download-shadow: 0 8px 40px rgba(26, 158, 146, .12);--workflow-line-end: rgba(26, 158, 146, .25);--video-play-bg: rgba(26, 158, 146, .12);--workflow-dot-active-bg: rgba(26, 158, 146, .15);--hero-bg-overlay: linear-gradient( 105deg, rgba(244, 247, 251, .92) 0%, rgba(244, 247, 251, .72) 42%, rgba(244, 247, 251, .45) 100% );--accent: #1a9e92;--accent-dim: #15847a}html:not([data-theme]){--accent: #2ec4b6;--accent-dim: #1f9d92}[data-theme=dark]{--accent: #2ec4b6;--accent-dim: #1f9d92}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1120px,100% - 48px);margin-inline:auto}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 20%,transparent 70%)}.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.bg-glow--teal{top:-200px;right:-100px;background:var(--glow-teal)}.bg-glow--navy{bottom:-300px;left:-200px;background:var(--glow-navy)}.site-nav,.story-card,.feature-block,.trust-item,.video-card,.download-box,.mock-window,.bento__item{transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),color var(--transition)}.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;display:flex;align-items:center;padding-inline:24px;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition)}.site-nav__inner{width:min(1120px,100%);margin-inline:auto;display:flex;align-items:center;gap:32px}.site-nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--text);text-decoration:none}.site-nav__brand:hover{text-decoration:none}.site-nav__brand img{width:32px;height:32px;border-radius:8px}.site-nav__links{display:flex;gap:8px;flex:1}.site-nav__links a{color:var(--text-muted);font-size:.9rem;padding:6px 12px;border-radius:8px;text-decoration:none;transition:color var(--transition),background var(--transition)}.site-nav__links a:hover,.site-nav__links a.is-active{color:var(--text);background:var(--hover-bg);text-decoration:none}.site-nav__actions{display:flex;align-items:center;gap:12px}.lang-toggle,.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;padding:6px 10px;border-radius:8px;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition);line-height:1}.theme-toggle{font-size:1rem;padding:5px 9px}.lang-toggle:hover,.theme-toggle:hover{border-color:var(--accent);color:var(--text);background:var(--hover-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:500;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow var(--transition),background var(--transition)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--primary{background:var(--accent);color:var(--btn-primary-fg);box-shadow:0 4px 24px var(--accent-glow)}.btn--primary:hover{background:var(--btn-primary-hover)}.btn--ghost{background:var(--hover-bg);color:var(--text);border:1px solid var(--border)}.btn--ghost:hover{background:var(--hover-bg-strong)}.btn--sm{padding:8px 16px;font-size:.85rem}.hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--nav-height) + 64px) 0 80px;min-height:90vh;display:flex;align-items:center}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease}.hero__bg--loaded{opacity:1}.hero__bg--loaded:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-bg-overlay)}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:20px;font-size:.8rem;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:999px}.hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.hero__subtitle{font-size:1.15rem;color:var(--text-muted);margin:0 0 32px;max-width:480px}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero__meta{font-size:.85rem;color:var(--text-dim)}.hero__meta span{margin-right:16px}.mock-window{position:relative;border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-window);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:transform .6s cubic-bezier(.22,1,.36,1)}.mock-window:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.mock-window__chrome{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--mock-chrome-bg);border-bottom:1px solid var(--border)}.mock-window__dots{display:flex;gap:6px}.mock-window__dots span{width:10px;height:10px;border-radius:50%}.mock-window__dots span:nth-child(1){background:#ff5f57}.mock-window__dots span:nth-child(2){background:#febc2e}.mock-window__dots span:nth-child(3){background:#28c840}.mock-window__title{flex:1;text-align:center;font-size:.75rem;color:var(--text-muted)}.mock-window__body{display:grid;grid-template-columns:72px 1fr 140px;min-height:320px}.mock-sidebar{background:var(--mock-sidebar-bg);padding:12px 8px;display:flex;flex-direction:column;gap:8px}.mock-sidebar__item{height:28px;border-radius:6px;background:var(--mock-item-bg)}.mock-sidebar__item--active{background:var(--accent-highlight-strong)}.mock-list{padding:12px;border-right:1px solid var(--border)}.mock-search{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:var(--mock-search-bg);border-radius:8px;font-size:.75rem;color:var(--text-muted)}.mock-search__input{flex:1;color:var(--accent);font-family:ui-monospace,monospace}.mock-search__cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.mock-rows{display:flex;flex-direction:column;gap:6px}.mock-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:.7rem;color:var(--text-muted);transition:opacity .3s,background .3s}.mock-row--hidden{opacity:.25;pointer-events:none}.mock-row--highlight{background:var(--accent-highlight);color:var(--text)}.mock-row__icon{width:16px;height:16px;border-radius:3px;background:var(--mock-icon-bg);flex-shrink:0}.mock-preview{padding:12px;background:var(--mock-preview-bg);display:flex;flex-direction:column;gap:8px}.mock-preview__bar{height:24px;border-radius:6px;background:var(--hover-bg)}.mock-preview__content{flex:1;border-radius:8px;background:var(--mock-preview-gradient);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-dim);min-height:120px}.mock-output{grid-column:1 / -1;padding:8px 12px;background:var(--mock-output-bg);border-top:1px solid var(--border);font-family:ui-monospace,monospace;font-size:.65rem;color:var(--accent)}.mock-layer-label{position:absolute;font-size:.7rem;padding:4px 10px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);opacity:0;animation:label-in .6s ease forwards}.mock-layer-label--preview{top:45%;right:8%;animation-delay:.8s}.mock-layer-label--snippets{bottom:28%;right:6%;animation-delay:1.2s}.mock-layer-label--output{bottom:8%;left:20%;animation-delay:1.6s}@keyframes label-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section{padding:80px 0}.section--alt{background:var(--section-alt-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__header{text-align:center;margin-bottom:48px}.section__eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px}.section__title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.section__desc{color:var(--text-muted);max-width:560px;margin:0 auto}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--transition),transform var(--transition)}.story-card:hover{border-color:var(--accent-card-border);transform:translateY(-4px)}.story-card__num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:12px}.story-card__pain{font-size:.85rem;color:var(--text-dim);margin-bottom:8px}.story-card__title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.story-card__text{font-size:.9rem;color:var(--text-muted);margin:0}.features-layout{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start}.features-nav{position:sticky;top:calc(var(--nav-height) + 24px);display:flex;flex-direction:column;gap:4px}.features-nav a{display:block;padding:10px 14px;font-size:.9rem;color:var(--text-muted);border-radius:8px;text-decoration:none;transition:background var(--transition),color var(--transition)}.features-nav a:hover,.features-nav a.is-active{color:var(--text);background:var(--hover-bg);text-decoration:none}.feature-block{padding:32px;margin-bottom:24px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);scroll-margin-top:calc(var(--nav-height) + 24px)}.feature-block:last-child{margin-bottom:0}.feature-block__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.feature-block__title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:0 0 8px}.feature-block__tagline{color:var(--accent);font-size:.95rem;margin:0}.feature-block__list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}.feature-block__list li{font-size:.9rem;color:var(--text-muted);padding-left:20px;position:relative}.feature-block__list li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.feature-shot{border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;position:relative}.feature-shot img{width:100%;height:100%;object-fit:cover}.feature-shot__placeholder{text-align:center;padding:24px;color:var(--text-dim);font-size:.85rem}.feature-shot__placeholder svg{width:48px;height:48px;margin:0 auto 12px;opacity:.4}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.bento__item{border-radius:var(--radius);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);position:relative;transition:transform var(--transition),border-color var(--transition)}.bento__item:hover{transform:scale(1.02);border-color:var(--accent-faint)}.bento__item--lg{grid-column:span 7;aspect-ratio:16 / 10}.bento__item--md{grid-column:span 5;aspect-ratio:4 / 3}.bento__item--sm{grid-column:span 4;aspect-ratio:16 / 10}.bento__label{position:absolute;bottom:12px;left:12px;padding:6px 12px;font-size:.75rem;background:var(--bento-label-bg);border-radius:8px;border:1px solid var(--border)}.bento__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.85rem;background:linear-gradient(145deg,var(--bg-elevated),var(--bg-surface))}.workflow{display:flex;gap:0;position:relative;padding-top:24px}.workflow:before{content:"";position:absolute;top:36px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--accent),var(--workflow-line-end))}.workflow__step{flex:1;text-align:center;padding:0 12px;opacity:.45;transition:opacity var(--transition)}.workflow__step.is-active{opacity:1}.workflow__dot{width:24px;height:24px;margin:0 auto 16px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;transition:border-color var(--transition),background var(--transition)}.workflow__step.is-active .workflow__dot{border-color:var(--accent);background:var(--workflow-dot-active-bg);color:var(--accent)}.workflow__title{font-size:.9rem;font-weight:600;margin:0 0 4px}.workflow__desc{font-size:.8rem;color:var(--text-muted);margin:0}.workflow__key{display:inline-block;margin-top:8px;font-size:.7rem;font-family:ui-monospace,monospace;padding:2px 8px;border-radius:4px;background:var(--hover-bg);color:var(--text-dim)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-item{text-align:center;padding:28px 20px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border)}.trust-item__icon{font-size:1.75rem;margin-bottom:12px}.trust-item__title{font-weight:600;margin:0 0 6px;font-size:.95rem}.trust-item__text{font-size:.8rem;color:var(--text-muted);margin:0}.video-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.video-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border)}.video-card__media{aspect-ratio:16 / 9;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;position:relative}.video-card__media video{width:100%;height:100%;object-fit:cover}.video-card__placeholder{text-align:center;color:var(--text-dim);padding:32px}.video-card__play{width:64px;height:64px;border-radius:50%;background:var(--video-play-bg);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--accent);font-size:1.5rem}.video-card__body{padding:20px}.video-card__title{font-weight:600;margin:0 0 6px}.video-card__desc{font-size:.85rem;color:var(--text-muted);margin:0}.download-section{text-align:center;padding:100px 0}.download-box{max-width:520px;margin:32px auto 0;padding:40px;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--bg-surface),var(--bg-mid));border:1px solid var(--download-border);box-shadow:var(--download-shadow)}.download-box__version{font-size:.85rem;color:var(--text-muted);margin-bottom:20px}.download-box__note{margin-top:16px;font-size:.8rem;color:var(--text-dim)}.site-footer{padding:40px 0;border-top:1px solid var(--border);text-align:center;font-size:.85rem;color:var(--text-dim)}.site-footer a{color:var(--text-muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:960px){.hero__grid{grid-template-columns:1fr;gap:40px}.mock-window{transform:none}.story-grid,.features-layout{grid-template-columns:1fr}.features-nav{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:24px}.bento__item--lg,.bento__item--md,.bento__item--sm{grid-column:span 12}.trust-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.workflow{flex-direction:column;gap:24px}.workflow:before{display:none}.site-nav__links{display:none}}@media(max-width:560px){.mock-window__body{grid-template-columns:48px 1fr}.mock-preview{display:none}.trust-grid{grid-template-columns:1fr}}