@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-600.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-700.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-800.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-800.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}:root{--font-display:"Be Vietnam Pro", "Be Vietnam Pro Fallback";--font-body:"Inter", "Inter Fallback";--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg-base:#f8f9fc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--border-subtle:#e8edf5;--border-default:#cdd5e0;--border-strong:#97a3b6;--blue-50:#f1f6fe;--blue-100:#e3edfd;--blue-200:#c6dafc;--blue-300:#8ab4f8;--blue-500:#4285f4;--blue-600:#1b72e8;--blue-700:#1a5fc4;--blue-800:#17458f;--indigo-100:#e7ebfe;--indigo-200:#d3dafd;--indigo-500:#6c7ff2;--indigo-600:#5566e0;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--violet-100:#f1e9f8;--violet-500:#9b72cb;--violet-600:#7e57b5;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-accent:#1b72e8;--text-on-accent:#fff;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 6px #0f172a0d;--shadow-lg:0 8px 24px #0f172a1a, 0 4px 8px #0f172a0f;--shadow-focus:0 0 0 3px #4285f440;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:9999px;--border-hair:1px solid var(--border-subtle);--text-sm:14px;--text-xs:13px;--gutter:24px;--gutter-sm:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body), system-ui, sans-serif;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--font-body), system-ui, sans-serif}.container{max-width:1120px;margin:0 auto}.page{display:none}.page.active{display:block}.legal-page{background:var(--bg-base)}.legal-container{max-width:820px;padding:0 24px}.legal-hero{padding:56px 0 32px}.legal-hero h1{font-family:var(--font-display), system-ui, sans-serif;margin-bottom:10px;font-size:36px;font-weight:800;line-height:1.12}.legal-effective{color:var(--text-tertiary);font-size:13px}.legal-tldr{background:var(--green-100);border-radius:var(--r-xl);color:#14532d;border:1px solid #bbf7d0;margin:28px 0 8px;padding:20px 24px;font-size:14.5px}.legal-tldr b{font-family:var(--font-display), system-ui, sans-serif;color:#14532d;margin-bottom:6px;font-size:15px;display:block}.legal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin:24px 0 48px;padding:40px 44px}.legal-card h2{font-family:var(--font-display), system-ui, sans-serif;margin:34px 0 12px;font-size:21px;font-weight:700;line-height:1.3}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--text-secondary);margin-bottom:14px}.legal-card ul{color:var(--text-secondary);margin:0 0 14px 22px}.legal-card li{margin-bottom:8px}.legal-card strong{color:var(--text-primary)}.legal-card a{color:var(--blue-600);text-underline-offset:2px;text-decoration:underline}.legal-card code{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);font-family:var(--font-mono), monospace;padding:1px 6px;font-size:13px}.legal-table-wrap{margin:16px 0 20px;overflow-x:auto}.legal-card table{border-collapse:collapse;width:100%;min-width:680px;font-size:13.5px}.legal-card th,.legal-card td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top;color:var(--text-secondary);padding:10px 12px}.legal-card th{color:var(--text-primary);background:var(--bg-elevated);font-weight:600}.nav{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:100;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:0;height:60px;display:flex}.nav-brand{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;margin-right:28px;display:flex}.logo-mark{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.logo-mark .lm-rule{stroke:var(--border-strong)}.logo-spark{position:absolute;top:-5px;right:-6px;overflow:visible}.logo-spark path{stroke:#fff;stroke-width:2.4px;stroke-linejoin:round;paint-order:stroke}:root[data-theme=dark] .logo-spark{filter:drop-shadow(0 0 4px #6c7ff2cc)}:root[data-theme=dark] .logo-spark path{stroke:#fffffff2}.nav-brand:hover .logo-spark{animation:1.6s ease-in-out infinite sparkTwinkle}.nav-brand-name{font-family:var(--font-display), system-ui, sans-serif;color:var(--text-primary);font-size:16px;font-weight:700}.nav-links{flex:1;align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;padding:6px 11px;font-size:14px;font-weight:500;transition:all .1s}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.active{color:var(--blue-600)}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-cta-desktop{display:inline-flex}.mobile-menu-toggle{border-radius:var(--r-md);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:4px;padding:0;display:none}.mobile-menu-toggle:hover{background:var(--bg-elevated)}.mobile-menu{z-index:99;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.mobile-menu.open{pointer-events:auto;opacity:1;visibility:visible}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a59;position:absolute;inset:0}.mobile-menu-panel{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);padding:16px 24px 24px;transition:transform .2s;position:absolute;top:60px;left:0;right:0;transform:translateY(-12px)}.mobile-menu.open .mobile-menu-panel{transform:translateY(0)}.mobile-menu-links{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.mobile-menu-link{border-radius:var(--r-md);color:var(--text-secondary);padding:12px 14px;font-size:16px;font-weight:500;transition:all .12s;display:block}.mobile-menu-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.mobile-menu-link.active{color:var(--blue-600);background:var(--blue-50)}.install-btn{cursor:pointer;color:#1a1a1a;font-size:14px;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;background:#edead5;border:1px solid #00000017;border-radius:100px;align-items:center;gap:10px;padding:10px 20px;line-height:1;transition:all .12s;display:inline-flex}.install-btn:hover{box-shadow:var(--shadow-sm);background:#e5e1ce;border-color:#00000026}.install-btn.sm{gap:7px;height:34px;padding:0 13px;font-size:13px}.install-btn-text{flex-direction:column;align-items:flex-start;line-height:1.3;display:flex}.install-sub{color:#999;margin-top:2px;font-size:11px;font-weight:400}.install-btn-cta{color:var(--blue-700);background:#fffffff2;border-color:#fff3}.install-btn-cta:hover{box-shadow:var(--shadow-md);background:#fff;border-color:#ffffff80}.chrome-logo{background:conic-gradient(#ea4335 0deg 120deg,#34a853 120deg 240deg,#fbbc05 240deg 360deg);border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.chrome-logo:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.chrome-logo:after{content:"";background:#4285f4;border-radius:50%;position:absolute;inset:7.5px}.install-btn.sm .chrome-logo,.chrome-logo.sm{width:16px;height:16px}.install-btn.sm .chrome-logo:before,.chrome-logo.sm:before{inset:4px}.install-btn.sm .chrome-logo:after,.chrome-logo.sm:after{inset:6px}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;font-weight:500;font-family:var(--font-body), system-ui, sans-serif;border:1px solid #0000;align-items:center;gap:8px;transition:all .1s;display:inline-flex}.btn-primary{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.btn-primary:hover{background:var(--blue-700);border-color:var(--blue-700)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-lg{height:48px;padding:0 24px;font-size:15px}.btn-md{height:40px;padding:0 20px;font-size:14px}.btn-sm{height:32px;padding:0 14px;font-size:13px}.badge{border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-blue{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-200)}.badge-indigo{background:var(--indigo-100);color:var(--indigo-600);border-color:var(--indigo-200)}.badge-amber{background:var(--amber-100);color:var(--amber-600);border-color:#fde68a}.badge-violet{background:var(--violet-100);color:var(--violet-600);border-color:#ddd6fe}.badge-green{background:var(--green-100);color:var(--green-600);border-color:#bbf7d0}.badge-gray{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.badge-pill{border-radius:var(--r-full);padding:4px 14px;font-size:13px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:24px;transition:border-color .1s,box-shadow .1s}.icon-blue{background:var(--blue-50);border:1px solid var(--blue-200)}.icon-indigo{background:var(--indigo-100);border:1px solid var(--indigo-200)}.icon-amber{background:var(--amber-100);border:1px solid #fde68a}.icon-violet{background:var(--violet-100);border:1px solid #ddd6fe}.icon-green{background:var(--green-100);border:1px solid #bbf7d0}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}hr{border:none;border-top:1px solid var(--border-subtle)}.input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);width:100%;height:40px;color:var(--text-primary);outline:none;padding:0 14px;font-size:14px;transition:border-color .1s,box-shadow .1s}.input:focus{border-color:var(--blue-500);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--text-tertiary)}.textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;font-size:14px;font-family:var(--font-body), system-ui, sans-serif;outline:none;padding:12px 14px;line-height:1.65;transition:border-color .1s,box-shadow .1s}.textarea:focus{border-color:var(--blue-500);box-shadow:var(--shadow-focus)}label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.section-overline{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px;font-size:12px;font-weight:600}.section-title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}.section-desc{color:var(--text-secondary);max-width:580px;font-size:17px;line-height:1.65}.py-24{padding:96px 0}.py-16{padding:64px 0}.compare-table{border-collapse:separate;border-spacing:0;width:100%}.compare-table th{letter-spacing:.05em;text-transform:uppercase;text-align:left;color:var(--text-tertiary);border-bottom:2px solid var(--text-primary);background:0 0;padding:14px 20px;font-size:12px;font-weight:600}.compare-table th.ours{background:var(--bg-surface);color:var(--text-primary);text-align:center;border:1px solid var(--border-default);border-bottom:var(--border-hair);white-space:nowrap;border-radius:12px 12px 0 0}.compare-table td{font-size:var(--text-sm);border-bottom:var(--border-hair);color:var(--text-secondary);padding:13px 20px}.compare-table tr:last-child td{border-bottom:none}.compare-table td.ours{text-align:center;background:var(--bg-surface);border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);font-weight:600}.compare-table tr:last-child td.ours{border-bottom:1px solid var(--border-default);border-radius:0 0 12px 12px}.compare-table td.center{text-align:center}.cmark{color:var(--green-500);font-size:16px;font-weight:700}.xmark{color:var(--border-strong);font-size:14px}.compare-table tbody tr:hover td{background:var(--bg-elevated)}.compare-table tbody tr:hover td.ours{background:#4285f40d}.feat-more-head{max-width:68ch;margin-bottom:24px}.feat-list{border-top:var(--border-hair);max-width:68ch;margin:0;padding:0;list-style:none}.feat-list li{border-bottom:var(--border-hair);padding:14px 0}.feat-list-title{color:var(--text-primary);font-size:15px;font-weight:600;display:block}.feat-list-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;line-height:1.65;display:block}.cta-band{background:var(--blue-600);border-radius:var(--r-2xl);text-align:center;padding:64px}.cta-band h2{font-family:var(--font-display), system-ui, sans-serif;color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:700}.cta-band p{color:#fffc;max-width:480px;margin:0 auto 32px;font-size:17px}.check{background:var(--green-100);width:18px;height:18px;color:var(--green-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.check-indigo{background:var(--indigo-100);color:var(--indigo-600)}.pricing-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:20px;display:grid}.pricing-card{background:var(--bg-surface);border:var(--border-hair);border-radius:var(--r-xl);padding:32px;position:relative}.pricing-card.featured{border-color:var(--blue-300);border-width:2px;box-shadow:0 0 0 4px #4285f414}.price-toggle{background:var(--bg-elevated);border-radius:var(--r-full);gap:2px;margin-bottom:24px;padding:4px;display:flex}.pt-btn{border-radius:var(--r-full);height:30px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;font-weight:500;transition:all .1s;display:flex}.pt-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.pricing-features{flex-direction:column;gap:10px;margin:24px 0;list-style:none;display:flex}.pricing-features li{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:10px;display:flex}.cl-item{border-bottom:1px solid var(--border-subtle);grid-template-columns:120px 1fr;gap:24px;padding:32px 0;display:grid}.cl-version{font-family:var(--font-mono), monospace;color:var(--blue-600);margin-bottom:4px;font-size:13px;font-weight:500}.cl-date{color:var(--text-tertiary);font-size:12px}.cl-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.cl-list{flex-direction:column;gap:8px;list-style:none;display:flex}.cl-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;display:flex}.cl-list li:before{content:"→";color:var(--blue-500);flex-shrink:0;margin-top:1px}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tutorial-card{background:var(--bg-surface);border:var(--border-hair);border-radius:var(--r-lg);transition:box-shadow .12s,border-color .12s;overflow:hidden}.tutorial-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.tutorial-thumb{aspect-ratio:16/9;background:var(--bg-elevated);position:relative;overflow:hidden}.tutorial-thumb iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.tutorial-ph{background:linear-gradient(135deg, var(--blue-50), var(--indigo-100));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tutorial-play{background:var(--blue-600);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 8px 20px #1b72e859}.tutorial-body{padding:16px 18px}.tutorial-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--blue-600);margin-bottom:8px;font-size:11px;font-weight:600}.tutorial-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4}.tutorial-meta{color:var(--text-tertiary);align-items:center;gap:10px;font-size:12px;display:flex}.tutorial-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.55}.vmodal-backdrop{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.15s vmodal-in;display:flex;position:fixed;inset:0}@keyframes vmodal-in{0%{opacity:0}to{opacity:1}}.vmodal-inner{width:100%;max-width:900px;position:relative}.vmodal-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s;display:flex;position:absolute;top:-40px;right:0}.vmodal-close:hover{background:#ffffff38}.vmodal-frame{background:#000;border-radius:12px;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}.vmodal-frame iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.recipe-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:10px 12px}.recipe-card.active-card{background:var(--blue-50);border-color:var(--blue-200)}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-q{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:16px;font-weight:500;display:flex}.faq-q:hover{color:var(--blue-600)}.faq-icon{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:transform .2s;display:flex}.faq-a{color:var(--text-secondary);padding-bottom:20px;font-size:15px;line-height:1.7;display:none}.faq-item.open .faq-a{display:block}.faq-item.open .faq-icon{color:var(--blue-600);transform:rotate(45deg)}.blog-card{appearance:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);color:inherit;cursor:pointer;flex-direction:column;align-items:stretch;height:100%;transition:box-shadow .1s,border-color .1s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.blog-thumb{width:100%;inline-size:100%;height:148px;flex:none;justify-content:center;align-self:stretch;align-items:center;block-size:148px;font-size:32px;display:flex}.blog-thumb-emoji{line-height:1}.blog-thumb-svg{fill:none;width:40px;height:40px;stroke:color-mix(in srgb, var(--text-primary) 78%, white);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.blog-card-compact .blog-thumb{height:100px;block-size:100px}.blog-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.blog-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--blue-600);margin-bottom:8px;font-size:11px;font-weight:600}.blog-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.4}.blog-excerpt{color:var(--text-secondary);flex:1;font-size:13px;line-height:1.6}.blog-meta{color:var(--text-tertiary);align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.article-header{margin-bottom:40px}.article-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--blue-600);margin-bottom:14px;font-size:12px;font-weight:600}.article-title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.18}.article-meta{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:32px;font-size:13px;display:flex}.article-body{color:var(--text-secondary);font-size:16px;line-height:1.8}.article-body h2{font-family:var(--font-display), system-ui, sans-serif;color:var(--text-primary);letter-spacing:-.015em;margin:40px 0 14px;font-size:22px;font-weight:700}.article-body h3{font-family:var(--font-display), system-ui, sans-serif;color:var(--text-primary);margin:28px 0 10px;font-size:17px;font-weight:600}.article-body p{margin-bottom:18px}.article-body ul,.article-body ol{margin-bottom:18px;padding-left:22px}.article-body li{margin-bottom:8px}.article-body strong{color:var(--text-primary);font-weight:600}.article-body .callout{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--r-lg);color:var(--blue-700);margin:24px 0;padding:18px 20px;font-size:14px}.article-body .callout-amber{background:var(--amber-100);color:var(--amber-600);border-color:#fde68a}.article-body .tip-box{background:var(--bg-elevated);border-radius:var(--r-lg);margin:24px 0;padding:18px 20px;font-size:14px}.article-body .step-num{background:var(--blue-600);color:#fff;vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:10px;font-size:12px;font-weight:700;display:inline-flex}.footer{background:var(--text-primary);color:#ffffff80}.footer-inner{padding:64px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-name{font-family:var(--font-display), system-ui, sans-serif;color:#fff;align-items:center;gap:10px;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}.footer-logo{background:var(--blue-600);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.footer-brand-desc{max-width:240px;font-size:14px;line-height:1.65}.footer-col-title{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-bottom:16px;font-size:12px;font-weight:600}.footer-link{color:#ffffff8c;cursor:pointer;margin-bottom:10px;font-size:14px;transition:color .1s;display:block}.footer-link:hover{color:#fff}.footer-bottom{color:#ffffff4d;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.page-hero{background:var(--bg-surface);border-bottom:var(--border-hair);padding:48px 0}.page-hero h1{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-primary);margin:16px 0;font-size:44px;font-weight:800}.page-hero p{color:var(--text-secondary);max-width:540px;font-size:18px;line-height:1.7}.roadmap-tabs{border-bottom:1px solid var(--border-subtle);margin-bottom:36px;display:flex}.rt-tab{color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .1s}.rt-tab:hover{color:var(--text-primary)}.rt-tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600)}.roadmap-filter{flex-wrap:wrap;gap:8px;display:flex}.rf-btn{border-radius:var(--r-full);border:1px solid var(--border-default);background:var(--bg-surface);height:30px;color:var(--text-secondary);cursor:pointer;padding:0 14px;font-size:12px;font-weight:500;transition:all .1s}.rf-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.rf-btn:hover:not(.active){border-color:var(--border-strong);color:var(--text-primary)}.rm-item{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:16px;padding:20px 0;display:flex}.vote-btn{border:1.5px solid var(--border-default);border-radius:var(--r-lg);cursor:pointer;background:var(--bg-surface);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:50px;padding:7px 10px;transition:all .1s;display:flex}.vote-btn:hover{border-color:var(--blue-300);background:var(--blue-50)}.vote-btn.voted{border-color:var(--blue-500);background:var(--blue-50)}.vote-arrow{color:var(--text-tertiary);font-size:11px;line-height:1}.vote-btn.voted .vote-arrow{color:var(--blue-500)}.vote-count{color:var(--text-primary);font-size:13px;font-weight:700;font-family:var(--font-display), system-ui, sans-serif}.vote-btn.voted .vote-count{color:var(--blue-600)}.rm-content{flex:1;min-width:0}.rm-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.rm-desc{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.6}.rm-shipped-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:14px 0;display:flex}.rm-shipped-icon{border-radius:var(--r-md);background:var(--green-100);border:1px solid #bbf7d0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}@media (max-width:900px){.nav-links,.nav-cta-desktop{display:none}.mobile-menu-toggle{display:flex}.mobile-stack{grid-template-columns:1fr!important;gap:16px!important}.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cl-item{grid-template-columns:1fr}.py-24{padding:64px 0}.py-16{padding:48px 0}.pricing-grid{grid-template-columns:1fr}.tutorial-grid{grid-template-columns:1fr 1fr}.section-title{font-size:26px}.page-hero{padding:36px 0}.page-hero h1{font-size:clamp(30px,6vw,40px)}.page-hero p{font-size:16px}.cta-band{padding:40px 24px}.cta-band h2{font-size:clamp(24px,5vw,30px)}.compare-table-wrap{border-radius:var(--r-xl);border:var(--border-hair);box-shadow:var(--shadow-sm);overflow:hidden}.compare-table{min-width:unset;width:100%;box-shadow:none;border:none;border-radius:0}.compare-table th,.compare-table td{padding:10px 12px;font-size:12px}#blog-cards-container,#related-posts-container{grid-template-columns:1fr 1fr}.roadmap-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.rt-tab{flex-shrink:0}.rm-shipped-item{flex-wrap:wrap;gap:10px}.rm-shipped-item .badge{margin-left:0}}:root{--grad-brand:linear-gradient(115deg, #4285f4 0%, #6c7ff2 34%, #9b72cb 70%, #d96570 100%);--grad-brand-soft:linear-gradient(120deg, #f1f6fe 0%, #f0eefc 52%, #fbf1f2 100%);--grad-deck:linear-gradient(135deg, #0b1220 0%, #1e293b 55%, #3b2c6b 100%);--ring:0 0 0 1px #6c7ff224;--shadow-glow:0 18px 50px -12px #5566e073;--shadow-soft:0 10px 40px -12px #0f172a2e;--hero-aurora-1:#4285f438;--hero-aurora-2:#9b72cb33;--hero-aurora-3:#d9657024}body{background:var(--bg-base)}.gradient-text{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.section-tag{border-radius:var(--r-full);letter-spacing:.04em;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);box-shadow:var(--shadow-sm);align-items:center;gap:7px;margin-bottom:18px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-flex}.badge-new{background:var(--grad-brand);color:#fff;letter-spacing:.05em;border:none;font-weight:700;box-shadow:0 4px 14px -3px #6c7ff299}.nav{-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffc7;transition:box-shadow .2s,border-color .2s}.nav.scrolled{box-shadow:0 6px 24px -14px #0f172a4d}.logo-mark{box-shadow:var(--shadow-sm)}.nav-link{transition:all .15s}.nav-link.active{background:var(--blue-50);color:var(--blue-700)}.btn-primary{background:var(--grad-brand);border-color:#0000;box-shadow:0 8px 22px -10px #5566e0b3}.btn-primary:hover{background:var(--grad-brand);filter:brightness(1.06);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.install-btn{transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.install-btn:hover{transform:translateY(-1px)}.hero-h1{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:22px;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.14;position:relative}.hero-h1 .gradient-text{background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:inherit;isolation:isolate;position:relative}.hero-h1 .gradient-text:after{content:"";z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 14\" preserveAspectRatio=\"none\"><defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"%234285f4\"/><stop offset=\".55\" stop-color=\"%239b72cb\"/><stop offset=\"1\" stop-color=\"%23d96570\"/></linearGradient></defs><path d=\"M4 9 C 45 3, 85 13, 125 7 S 175 4, 196 9\" fill=\"none\" stroke=\"url(%23g)\" stroke-width=\"5\" stroke-linecap=\"round\"/></svg>") 50%/100% 100% no-repeat;height:.18em;position:absolute;bottom:-.08em;left:1%;right:1%}.hero-h1:after{content:"✦";color:#9b72cb;pointer-events:none;font-size:.42em;line-height:1;animation:3.2s ease-in-out infinite sparkTwinkle;position:absolute;top:-.55em;right:12%}@keyframes sparkTwinkle{0%,to{opacity:.3;transform:scale(.8)rotate(-10deg)}50%{opacity:.95;transform:scale(1.05)rotate(10deg)}}.card,.tutorial-card,.blog-card{transition:transform .18s,box-shadow .18s,border-color .18s}.blog-card:hover,.tutorial-card:hover{transform:translateY(-4px)}.kbd{min-width:24px;height:24px;font-family:var(--font-mono), monospace;color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.deck-stage{aspect-ratio:16/10;background:#05070d;border:1px solid #ffffff1f;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 70px -20px #000000b3}.deck-slide{background:linear-gradient(135deg,#111827,#1e2a4a);border-radius:12px;flex-direction:column;justify-content:center;gap:12px;padding:0 30px;display:flex;position:absolute;inset:10% 12%;box-shadow:0 24px 60px -18px #000c}.deck-slide .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#818cf8;font-size:11px;font-weight:700}.deck-slide h4{font-family:var(--font-display), system-ui, sans-serif;color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.15}.deck-slide .row{gap:8px;margin-top:4px;display:flex}.deck-slide .row i{background:#ffffff29;border-radius:4px;flex:1;height:7px}.deck-slide .row i.a{background:linear-gradient(90deg,#6c7ff2,#9b72cb)}.deck-chev{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.deck-chev.l{left:14px}.deck-chev.r{right:14px}.deck-hud{background:linear-gradient(#0000,#0000008c);align-items:center;gap:12px;padding:12px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.deck-hud .count{color:#ffffffb3;font-size:12px;font-family:var(--font-mono), monospace}.deck-hud .track{background:#ffffff24;border-radius:3px;flex:1;height:4px;overflow:hidden}.deck-hud .track b{background:linear-gradient(90deg,#6c7ff2,#9b72cb);width:42%;height:100%;display:block}@media (max-width:900px){.deck-stage{aspect-ratio:16/12}.deck-slide{padding:0 20px;inset:8%}.deck-slide h4{font-size:18px}.deck-chev{width:28px;height:28px}.deck-chev.l{left:8px}.deck-chev.r{right:8px}}.blog-fig{margin:30px 0}.blog-fig figcaption{color:var(--text-tertiary);text-align:center;margin-top:11px;font-size:13px;line-height:1.5}.pdv-stage{aspect-ratio:16/9;background:#05070d;border:1px solid #ffffff1f;border-radius:16px;padding:7% 9% 9%;position:relative;overflow:hidden;box-shadow:0 26px 60px -22px #000000b3}.pdv-ctrls{z-index:2;gap:9px;display:flex;position:absolute;top:14px;right:16px}.pdv-ctrls span{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.pdv-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:5% 9%;display:flex;box-shadow:0 22px 50px -18px #000000b3}.pdv-card h4{font-family:var(--font-display), system-ui, sans-serif;color:#0f2a4a;letter-spacing:-.01em;margin:0;font-size:clamp(15px,2.5vw,23px);font-weight:800;line-height:1.18}.pdv-card p{color:#64748b;margin:0;font-size:clamp(11px,1.5vw,14px)}.pdv-hud{background:linear-gradient(#0000,#0000008c);align-items:center;gap:12px;padding:12px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.pdv-hud .c{color:#ffffffc7;font-size:12px;font-family:var(--font-mono), monospace}.pdv-hud .t{background:#ffffff29;border-radius:3px;flex:1;height:4px;overflow:hidden}.pdv-hud .t b{background:linear-gradient(90deg,#6c7ff2,#9b72cb);height:100%;display:block}.nb-ed{box-shadow:var(--shadow-md);background:#0e1525;border:1px solid #ffffff1a;border-radius:14px;overflow:hidden}.nb-ed-bar{color:#ffffffbf;background:#0b1220;border-bottom:1px solid #ffffff14;align-items:center;gap:9px;padding:11px 14px;font-size:12px;font-weight:600;display:flex}.nb-ed-bar .pro{letter-spacing:.08em;color:#a5b4fc;border:1px solid #a5b4fc66;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.nb-ed-body{background:#111a2e;grid-template-columns:1fr 84px;gap:12px;padding:14px;display:grid}.nb-ed-slide{background:#fff;border-radius:9px;flex-direction:column;gap:14px;min-height:150px;padding:18px 20px;display:flex}.nb-ed-slide .h{font-family:var(--font-display), system-ui, sans-serif;color:#15315a;font-size:18px;font-weight:800}.nb-ed-flow{flex-wrap:wrap;gap:8px;display:flex}.nb-ed-flow i{background:#f5f7ff;border:1.5px solid #d3dafd;border-radius:7px;flex:1;min-width:68px;height:46px}.nb-ed-rail{flex-direction:column;gap:8px;display:flex}.nb-ed-rail i{opacity:.8;background:#fff;border-radius:6px;height:40px}.nb-ed-rail i.on{opacity:1;outline:2px solid #6c7ff2}.nb-ed-foot{background:#0b1220;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.nb-ed-tog{color:#fff;align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:flex}.nb-ed-sw{background:var(--grad-brand);border-radius:99px;flex-shrink:0;width:34px;height:19px;position:relative}.nb-ed-sw:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:2px;right:2px}.nb-ed-present{color:#fff;background:#1f2937;border:1px solid #ffffff29;border-radius:99px;align-items:center;gap:9px;padding:8px 15px;font-size:12.5px;font-weight:600;display:flex}.nb-ed-present .pk{font-family:var(--font-mono), monospace;background:#ffffff29;border-radius:5px;padding:1px 7px;font-size:11px}.bfig{margin:28px 0}.bfig figcaption{color:var(--text-tertiary);text-align:center;margin-top:11px;font-size:13px;line-height:1.5}.bfig-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.bfig-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#fff;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600}.bfig-wave{align-items:flex-end;gap:3px;height:34px;display:flex}.bfig-wave i{background:var(--violet-500);border-radius:2px;width:4px}@media (max-width:640px){.container{padding:0 16px}.mobile-menu-panel{padding:12px 16px 20px}.footer-inner{padding:25px 20px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:24px 16px}.footer-grid>div:first-child{grid-column:1/-1}.footer-brand-desc{max-width:100%}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.tutorial-grid,#blog-cards-container,#related-posts-container{grid-template-columns:1fr}.hero-h1{font-size:clamp(30px,8vw,42px)}.section-title{font-size:24px}.cta-band{border-radius:var(--r-xl);padding:32px 20px}.cta-band h2{font-size:24px}.pricing-card{padding:24px}.pricing-card.featured{border-width:2px}.price-toggle{flex-wrap:wrap}.pt-btn{flex:auto;min-width:80px}.card{padding:18px}.page-hero h1{font-size:28px}.page-hero p{font-size:15px}.roadmap-filter{gap:6px}.rf-btn{height:28px;padding:0 10px;font-size:11px}.rm-item{flex-direction:column;gap:12px}.vote-btn{flex-direction:row;align-self:flex-start;width:auto}.install-btn{white-space:normal;text-align:center}.install-btn-text{align-items:center}.nb-ed-body{grid-template-columns:1fr}.nb-ed-rail{flex-direction:row;overflow-x:auto}.nb-ed-rail i{flex:0 0 60px;height:40px}.nb-ed-foot{flex-wrap:wrap;gap:10px}.py-24{padding:48px 0}.py-16{padding:36px 0}}.section-bg-elevated-md{background:var(--bg-elevated);padding:80px 0}.features-sections-wrap{flex-direction:column;gap:80px;display:flex}@media (max-width:900px){.section-bg-elevated-md{padding:56px 0}.features-sections-wrap{gap:56px}}@media (max-width:640px){.section-bg-elevated-md{padding:40px 0}.features-sections-wrap{gap:40px}.legal-container{padding:0 20px}.legal-hero{padding:40px 0 24px}.legal-hero h1{font-size:28px}.legal-card{padding:28px 20px}}.nav-chrome-mobile{background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .12s;display:none}.nav-chrome-mobile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:900px){.nav-chrome-mobile{display:flex}.mobile-menu-toggle{border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-sm);margin-left:6px}.mobile-menu-toggle:hover{border-color:var(--border-strong)}}@media (min-width:901px) and (max-width:1024px){.nav-links,.nav-cta-desktop{display:none}.mobile-menu-toggle,.nav-chrome-mobile{display:flex}.mobile-menu-toggle{border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-sm);margin-left:6px}.mobile-menu-toggle:hover{border-color:var(--border-strong)}}:root[data-theme=dark]{--bg-base:#0b1120;--bg-surface:#111827;--bg-elevated:#1b2436;--border-subtle:#1f2a3d;--border-default:#334155;--border-strong:#55647c;--blue-50:#10233f;--blue-100:#163257;--blue-200:#1a4a8f;--blue-300:#1b72e8;--blue-500:#4285f4;--blue-600:#8ab4f8;--blue-700:#aecbfa;--blue-800:#c6dafc;--indigo-100:#241f52;--indigo-200:#322a73;--indigo-500:#9aa5f7;--indigo-600:#b7befa;--amber-100:#451a03;--amber-500:#f59e0b;--amber-600:#fbbf24;--violet-100:#2a1a3e;--violet-500:#c6a6e8;--violet-600:#dcc6f2;--green-100:#052e1a;--green-500:#22c55e;--green-600:#4ade80;--text-primary:#f1f5f9;--text-secondary:#b6c2d4;--text-tertiary:#7c8aa3;--text-accent:#8ab4f8;--text-on-accent:#0b1220;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 6px #00000059;--shadow-lg:0 8px 24px #0000008c, 0 4px 8px #0006;--shadow-focus:0 0 0 3px #60a5fa59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme] body,:root[data-theme] .nav,:root[data-theme] .footer,:root[data-theme] .mobile-menu-panel{transition:background-color .22s,color .22s,border-color .22s}:root[data-theme=dark] .nav{border-bottom-color:var(--border-subtle);background:#111827c7}:root[data-theme=dark] .footer{background:#070b16}:root[data-theme=dark] .footer-logo{background:var(--blue-500)}:root[data-theme=dark] .badge-blue{color:#c6dafc}:root[data-theme=dark] .badge-violet{color:#ddd6fe}:root[data-theme=dark] .badge-green{color:#bbf7d0}:root[data-theme=dark] .badge-amber{color:#fde68a}:root[data-theme=dark] .badge-indigo{color:#d3dafd}:root[data-theme=dark] .nb-ed-slide,:root[data-theme=dark] .pdv-card{background:#e9edf5}:root[data-theme=dark] .legal-tldr,:root[data-theme=dark] .legal-tldr b{color:#bbf7d0;border-color:#14532d}.pref-controls{align-items:center;gap:6px;display:flex}.pref-btn{border:1px solid var(--border-default);background:var(--bg-surface);height:34px;color:var(--text-secondary);border-radius:var(--r-md);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.pref-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated)}.theme-toggle{width:34px;padding:0}.theme-toggle svg{width:17px;height:17px}.lang-switch{position:relative}.lang-caret{opacity:.6;width:12px;height:12px}.lang-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);min-width:190px;box-shadow:var(--shadow-lg);z-index:200;padding:6px;animation:.14s lang-menu-in;position:absolute;top:calc(100% + 8px);right:0}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;color:var(--text-secondary);border-radius:var(--r-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .1s,color .1s;display:flex}.lang-option:hover{background:var(--bg-elevated);color:var(--text-primary)}.lang-option.active{color:var(--blue-600);font-weight:600}.lang-option .lang-native{font-weight:500}.lang-option .lang-en{color:var(--text-tertiary);margin-left:auto;font-size:12px}.lang-check{color:var(--blue-600);margin-left:auto}@media (max-width:900px){.pref-controls.desktop-only{display:none}.mobile-pref-row{border-top:1px solid var(--border-subtle);gap:10px;margin-top:16px;padding-top:16px;display:flex}.mobile-pref-row .pref-controls{width:100%}.mobile-pref-row .pref-btn{height:42px}.mobile-pref-row .theme-toggle{flex:0 0 42px;width:42px}.mobile-pref-row .lang-switch{flex:1;min-width:0}.mobile-pref-row .lang-switch .pref-btn{width:100%}.mobile-pref-row .lang-menu{-webkit-overflow-scrolling:touch;width:min(280px,100vw - 40px);max-height:min(320px,100vh - 220px);inset:auto 0 calc(100% + 8px) auto;overflow-y:auto}}@media (min-width:901px){.mobile-pref-row{display:none}}.lang-suggest{color:var(--text-secondary);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:8px 20px;font-size:13px;display:flex}.lang-suggest-go{font:inherit;color:var(--text-accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.lang-suggest-x{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:18px;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-photo{--hero-ink:#0c1120;background:var(--hero-ink);color:#f1f5f9;grid-template-columns:minmax(0,52fr) minmax(0,48fr);min-height:min(720px,100vh - 64px);display:grid;position:relative;overflow:hidden}.hero-photo-media{z-index:0;position:absolute;inset:0}.hero-photo-media img{object-fit:cover;object-position:30% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-photo-media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c112000 38%,#0c112073 55%,#0c1120d1 68%,#0c1120eb 100%),linear-gradient(#0c112040 0%,#0c112000 30%);position:absolute;inset:0}.hero-photo-copy{z-index:1;grid-column:2;justify-content:flex-end;align-items:center;padding:72px 0;display:flex;position:relative}.hero-photo-inner{width:100%;max-width:640px;padding:0 clamp(20px,3vw,48px) 0 clamp(16px,2vw,32px)}.hero-photo .hero-photo-tag{color:#c7d2e3;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c112073;border-color:#ffffff24;margin-bottom:22px}.hero-photo .hero-h1{color:#fff;text-shadow:0 2px 24px #0c112099;font-size:clamp(34px,3.9vw,52px)}.hero-photo .hero-h1:after{color:#c6a6e8}.hero-photo-desc{color:#c3cddd;text-shadow:0 1px 12px #0c1120b3;max-width:62ch;margin:0 0 28px;font-size:17px;line-height:1.7}.hero-photo-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.hero-photo .install-btn{color:#0f172a;background:#fff;border-color:#ffffffe6;border-radius:8px}.hero-photo .install-btn:hover{background:#eef2ff}.hero-photo-watch{color:#c7d2e3;font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;-webkit-text-decoration:underline #c7d2e366;text-decoration:underline #c7d2e366;display:inline-flex}.hero-photo-watch:hover{color:#fff}.hero-photo-note{color:#8a97b0;margin:0;font-size:13px}#page-home .hero-photo+.py-24{padding-top:56px}@media (max-width:900px){.hero-photo{grid-template-columns:1fr;min-height:0}.hero-photo-media{aspect-ratio:4/3;position:relative;inset:auto}.hero-photo-media img{object-position:40% 50%}.hero-photo-media:after{background:linear-gradient(180deg, #0c112000 55%, var(--hero-ink) 100%)}.hero-photo-copy{grid-column:1;padding:8px 0 48px}.hero-photo-inner{max-width:none;padding:0 20px}.hero-photo .hero-h1{text-shadow:none;font-size:clamp(30px,8vw,40px)}.hero-photo-desc{text-shadow:none}}.demos{border-bottom:var(--border-hair);padding:72px 0 24px}.demos-head{max-width:820px;margin-bottom:40px}.demos-head h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-primary);margin:16px 0 0;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.18}.demo-row{border-top:var(--border-hair);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,4vw,64px);padding:40px 0;display:grid}.demo-row.is-flipped .demo-media{order:2}.demo-media,.demo-copy{min-width:0}.demo-row.is-wide{grid-template-columns:1fr;gap:20px}.demo-row.is-wide .demo-media{order:2}.demo-row.is-wide .demo-copy{max-width:68ch}.demo-copy h3{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;color:var(--text-primary);margin:10px 0 14px;font-size:22px;font-weight:600;line-height:1.25}.demo-copy ul{border-left:2px solid #0000;border-image:linear-gradient(#4285f4,#9b72cb) 1;margin:0;padding:0 0 0 18px;list-style:none}.demo-copy li{color:var(--text-secondary);padding:4px 0;font-size:15px;line-height:1.6}.demo-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent);background:var(--blue-100);border-radius:var(--r-sm);padding:3px 7px;font-size:11px;font-weight:600;display:inline-block}.demo-caption{font-size:var(--text-xs);color:var(--text-tertiary);margin:10px 0 0}.demo-voice{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);font-family:var(--font-body), system-ui, sans-serif;padding:14px 16px 12px}.demo-voice-bar{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.demo-voice-lang,.demo-voice-mic{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:999px;padding:3px 10px;font-size:12px}.demo-voice-mic{color:var(--text-accent);border-color:var(--blue-300);background:var(--blue-50);align-items:center;gap:6px;display:inline-flex}.demo-voice-mic-dot{background:#d14343;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite demoPulse}@keyframes demoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.demo-voice-box p{color:var(--text-primary);min-height:3.2em;margin:0;font-size:17px;line-height:1.6}.demo-voice-interim{color:var(--text-tertiary)}.demo-voice-caret{background:var(--text-accent);vertical-align:-.2em;width:2px;height:1.1em;margin-left:2px;animation:1s steps(2,end) infinite demoBlink;display:inline-block}@keyframes demoBlink{to{opacity:0}}.demo-voice-hint{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.demo-voice-hint kbd{font-family:var(--font-mono), ui-monospace, monospace;border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);background:var(--bg-elevated);border-bottom-width:2px;padding:1px 6px;font-size:11px}.demo-deck{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-deck figure{min-width:0;margin:0;container-type:inline-size}.demo-deck figcaption{font-size:var(--text-xs);color:var(--text-tertiary);flex-direction:column;margin-top:8px;display:flex}.demo-deck figcaption strong{color:var(--text-primary);font-weight:600}.demo-slide{aspect-ratio:16/9;color:#f1f5f9;box-sizing:border-box;border:1px solid var(--border-default);background:#0f172a;border-radius:6px;padding:6cqw 8cqw;position:relative;overflow:hidden}.demo-slide-art{aspect-ratio:1;opacity:.8;background:radial-gradient(circle at 30% 30%,#6c7ff2,#3b2c6b 60%,#0000 72%);border-radius:50%;width:48%;position:absolute;bottom:-10%;right:-6%}.demo-slide-kicker{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;color:#9aa5f7;font-size:3.4cqw;position:relative}.demo-slide-title{font-family:var(--font-display), system-ui, sans-serif;max-width:74%;margin:3cqw 0;font-size:6.2cqw;font-weight:700;line-height:1.15;position:relative}.demo-slide-bullets{color:#c3cddd;max-width:70%;margin:0;padding-left:1.1em;font-size:3.5cqw;line-height:1.45;list-style:outside;position:relative}.demo-slide:not(.is-editable):after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff06 0 6px,#0000 6px 12px);position:absolute;inset:0}.demo-slide.is-editable .demo-slide-title,.demo-slide.is-editable .demo-slide-bullets{outline-offset:4px;outline:1px dashed #8ab4f8e6}.demo-slide.is-editable mark{color:inherit;background:#4285f48c;border-radius:2px}.demo-slide-handle{background:#fff;border:1px solid #4285f4;width:6px;height:6px;position:absolute;top:13.08cqw;left:8cqw;transform:translate(-50%,-50%)}@media (max-width:900px){.demos{padding:48px 0 8px}.demo-row{grid-template-columns:1fr;gap:20px;padding:28px 0}.demo-row.is-flipped .demo-media{order:0}.demo-deck{grid-template-columns:1fr}}.demo-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-xs);overflow:hidden}.demo-panel-head{border-bottom:var(--border-hair);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.demo-panel-title{color:var(--text-primary);font-weight:600}.demo-panel-meta{color:var(--text-tertiary);font-size:12px}.demo-btn{border:1px solid var(--border-default);color:var(--text-secondary);background:var(--bg-surface);border-radius:6px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-block}.demo-btn.is-primary{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.demo-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-sm);background:var(--bg-elevated);color:var(--text-tertiary);padding:2px 6px;font-size:10px}.demo-chip.cat-research{background:var(--blue-100);color:var(--blue-700)}.demo-chip.cat-teaching{background:var(--amber-100);color:var(--amber-600)}.demo-chip.cat-writing{background:var(--violet-100);color:var(--violet-600)}.demo-skills-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.demo-skills-list{border-right:var(--border-hair);margin:0;padding:6px 0;list-style:none}.demo-skills-list li{color:var(--text-secondary);border-left:2px solid #0000;grid-template-columns:1fr auto;grid-template-areas:"name v""cat v";align-items:center;gap:3px 8px;padding:7px 12px;display:grid}.demo-skills-list li.is-active{background:var(--blue-50);border-left-color:var(--blue-500);color:var(--text-primary)}.demo-skills-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;overflow:hidden}.demo-skills-list .demo-chip{grid-area:cat;justify-self:start}.demo-skills-v{font-family:var(--font-mono), ui-monospace, monospace;color:var(--text-tertiary);grid-area:v;font-size:11px}.demo-skills-detail{min-width:0;padding:12px 14px}.demo-skills-detail-name{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);margin-bottom:4px}.demo-skills-detail p{color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.demo-skills-prereq{color:var(--text-tertiary);margin-bottom:10px;font-size:12px}.demo-skills-prereq span{color:var(--amber-600);font-weight:600}.demo-skills-actions{gap:8px;margin-bottom:12px;display:flex}.demo-source{border:1px solid var(--green-500);background:var(--green-100);color:var(--text-primary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 10px;font-size:12px;display:flex}.demo-source-icon{color:var(--green-600);font-weight:700}.demo-source-name{flex:140px;min-width:0}.demo-source-tag{color:var(--green-600);white-space:nowrap;font-weight:600}.demo-recipes-tabs{border-bottom:var(--border-hair);gap:4px;padding:8px 10px 0;display:flex;overflow:hidden}.demo-recipes-tabs span{color:var(--text-tertiary);white-space:nowrap;border-bottom:2px solid #0000;padding:6px 10px}.demo-recipes-tabs span.is-active{color:var(--text-accent);border-bottom-color:var(--blue-500);font-weight:600}.demo-recipes-list{margin:0;padding:6px 0;list-style:none}.demo-recipes-list li{border-left:2px solid #0000;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;padding:8px 14px;display:grid}.demo-recipes-list li.is-active{background:var(--blue-50);border-left-color:var(--blue-500)}.demo-recipes-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.demo-recipes-desc{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-recipes-foot{border-top:var(--border-hair);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-recipes-focus{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.demo-map{border:var(--border-hair);border-radius:6px;width:100%;height:auto;display:block}:root[data-theme=dark] .demo-map{background:#f8f9fc}@media (max-width:900px){.demo-skills-body{grid-template-columns:1fr}.demo-skills-list{border-right:0;border-bottom:var(--border-hair)}.demo-recipes-list li{grid-template-columns:1fr;gap:2px}}.walk-section{padding:72px 0 56px}.walk-head{max-width:68ch;margin-bottom:28px}.walk{margin:0}.walk-frame{aspect-ratio:16/10;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-elevated);position:relative;overflow:hidden}.walk-frame img{object-fit:contain;width:100%;height:100%;display:block}.walk-placeholder{position:absolute;inset:0}.walk-zone{border:1px dashed var(--border-default);border-radius:6px;position:absolute}.walk-zone-library{width:22%;height:18%;top:2%;left:2%}.walk-zone-chat{width:46%;height:12%;top:84%;left:30%}.walk-zone-studio{width:22%;height:60%;top:8%;left:70%}.walk-zone-side{width:6%;height:96%;top:2%;left:93%}.walk-marker{background:var(--text-accent);width:24px;height:24px;color:var(--text-on-accent);text-align:center;border-radius:50%;margin:-12px 0 0 -12px;font-size:12px;font-weight:700;line-height:24px;position:absolute}.walk-legend{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:12px 32px;margin:20px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.walk-legend li{align-items:flex-start;gap:10px;max-width:68ch;display:flex}.walk-legend-dot{background:var(--text-tertiary);border-radius:50%;flex:none;width:6px;height:6px;margin:8px 8px 0}.walk-legend-n{border:1px solid var(--text-accent);width:22px;height:22px;color:var(--text-accent);text-align:center;border-radius:50%;flex:none;font-size:12px;font-weight:700;line-height:20px}.walk-cta{margin-top:28px}.uc-head{max-width:68ch;margin-bottom:20px}.uc-chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.uc-chip{font:inherit;font-size:var(--text-xs);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-weight:500}.uc-chip[aria-pressed=true]{border-color:var(--text-accent);color:var(--text-accent)}.uc-list{border-top:var(--border-hair);margin:0;padding:0;list-style:none}.uc-row{border-bottom:var(--border-hair);grid-template-columns:140px 1fr;align-items:start;gap:8px 24px;padding:18px 0 18px 14px;display:grid;position:relative}.uc-row:before{content:"";background:var(--border-default);border-radius:2px;width:3px;position:absolute;top:18px;bottom:18px;left:0}.uc-row[data-persona=work]:before,.sc-item[data-persona=work]:before{background:var(--blue-500)}.uc-row[data-persona=research]:before,.sc-item[data-persona=research]:before{background:var(--indigo-500)}.uc-row[data-persona=study]:before,.sc-item[data-persona=study]:before{background:var(--amber-500)}.uc-row[data-persona=clinical]:before,.sc-item[data-persona=clinical]:before{background:var(--green-500)}.uc-persona{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding-top:3px;font-size:12px;font-weight:600}.uc-task{color:var(--text-primary);font-size:17px;font-weight:600}.uc-uses{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.uc-output{color:var(--text-secondary);margin-top:4px;font-size:15px}.uc-link{font-size:var(--text-sm);color:var(--text-accent);white-space:nowrap;padding-top:2px}.uc-more{font:inherit;font-size:var(--text-sm);color:var(--text-accent);cursor:pointer;background:0 0;border:0;padding:14px 0 0}.is-hidden{display:none!important}.sc-section{border-top:var(--border-hair);padding:56px 0}.sc-head{max-width:68ch;margin-bottom:24px}.sc-note{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:8px}.sc-grid{grid-template-columns:1fr 1fr;gap:24px 48px;display:grid}.sc-item{max-width:68ch;padding-left:14px;position:relative}.sc-item:before{content:"";background:var(--border-default);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sc-item p{color:var(--text-secondary);margin:6px 0 0;font-size:15px;line-height:1.7}.install-line{border-top:var(--border-hair);padding:40px 0 72px}.install-line-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.install-line p{color:var(--text-secondary);max-width:60ch;margin:0;font-size:15px}@media (max-width:767px){.walk-legend{grid-template-columns:1fr}.uc-row{grid-template-columns:1fr;padding-left:12px}.uc-link{padding-top:0}.sc-grid{grid-template-columns:1fr}}.article-faq{border-top:1px solid var(--border-subtle);max-width:720px;margin:48px auto 0;padding-top:32px}.article-faq h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.article-faq dl{margin:0}.article-faq dt{color:var(--text-primary);margin-top:20px;font-size:16px;font-weight:600}.article-faq dd{color:var(--text-secondary);margin:6px 0 0;font-size:15px;line-height:1.7}.voice-mock,.deck-mock,.recipes-mock{font-size:13px}.voice-mock-bar{color:var(--text-tertiary);align-items:center;gap:10px;margin-bottom:8px;display:flex}.voice-mock-lang,.voice-mock-mic{border:1px solid var(--border-default);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.voice-mock-dot{background:var(--text-accent);border-radius:50%;width:7px;height:7px}.voice-mock-box{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;padding:14px 16px}.voice-mock-box p{color:var(--text-primary);margin:0;font-size:15px}.voice-mock-interim{color:var(--text-tertiary)}.voice-mock-caret{background:var(--text-accent);vertical-align:-2px;width:2px;height:1em;margin-left:2px;display:inline-block}.voice-mock-hint{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:10px;display:flex}.voice-mock-hint kbd{border:1px solid var(--border-default);font:inherit;border-radius:4px;padding:1px 6px}.deck-mock{grid-template-columns:1fr 1fr;gap:16px;display:grid}.deck-mock figure{margin:0}.deck-mock figcaption{color:var(--text-tertiary);flex-direction:column;gap:2px;margin-top:8px;font-size:12px;display:flex}.deck-mock-slide{aspect-ratio:16/9;border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;padding:12px 14px;position:relative;overflow:hidden}.deck-mock-slide.is-editable{outline:2px solid var(--text-accent);outline-offset:-2px}.deck-mock-art{background:var(--bg-elevated);width:38%;height:100%;position:absolute;inset:0 0 auto auto}.deck-mock-kicker{letter-spacing:.08em;color:var(--text-tertiary);font-size:9px;position:relative}.deck-mock-title{color:var(--text-primary);max-width:60%;margin:4px 0 6px;font-size:15px;font-weight:700;position:relative}.deck-mock-title mark{background:color-mix(in srgb, var(--text-accent) 18%, transparent);color:inherit}.deck-mock-bullets{max-width:60%;color:var(--text-secondary);margin:0;padding-left:14px;font-size:11px;position:relative}.deck-mock-handle{border:1px solid var(--text-accent);background:var(--bg-surface);width:8px;height:8px;position:absolute;top:28px;left:10px}.recipes-mock{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px}.recipes-mock-head{border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;padding:10px 14px;display:flex}.recipes-mock-tabs{border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);gap:12px;padding:8px 14px;display:flex;overflow-x:auto}.recipes-mock-tabs .is-active{color:var(--text-accent);font-weight:600}.recipes-mock-list{margin:0;padding:6px 0;list-style:none}.recipes-mock-list li{justify-content:space-between;gap:16px;padding:8px 14px;display:flex}.recipes-mock-name{color:var(--text-primary);font-weight:600}.recipes-mock-desc{color:var(--text-tertiary);text-align:right}.theme-light-only{display:block}.theme-dark-only,:root[data-theme=dark] .theme-light-only{display:none}:root[data-theme=dark] .theme-dark-only{display:block}@media (max-width:640px){.deck-mock{grid-template-columns:1fr}.recipes-mock-list li{flex-direction:column;gap:2px}.recipes-mock-desc{text-align:left}}.landing-section{max-width:68ch;padding:56px var(--gutter);margin:0 auto}.landing-section h2{font-family:var(--font-display);margin-bottom:16px;font-size:28px}.landing-section h3{margin-top:28px;font-size:17px}.landing-section>p,.landing-section>ul,.landing-section>ol,.landing-section>figure{margin-top:12px}.landing-section>ul:not(.voice-langs):not(.landing-diagrams){padding-left:1.25em}.landing-hero-mock{max-width:720px;margin:24px auto 0}.landing-hero-mock figcaption{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:10px}.voice-steps{padding-left:1.25em}.voice-steps li+li{margin-top:8px}.voice-langs{flex-wrap:wrap;gap:6px 14px;padding:0;list-style:none;display:flex}.landing-allowance{font-weight:600}.landing-media{margin:20px 0}.landing-media .landing-media-slot{aspect-ratio:16/9;background:var(--bg-elevated);border:var(--border-hair);border-radius:var(--r-md);width:100%}.landing-media img{border-radius:var(--r-md);width:100%;height:auto}.landing-compare{max-width:1008px}.landing-heading{max-width:calc(68ch - 48px);margin:0 auto}.landing-compare .compare-table-wrap{margin-top:12px}.landing-page .compare-table-wrap{border-radius:var(--r-md);box-shadow:none;overflow-x:auto}.landing-page .compare-table tbody th{font-size:var(--text-sm);text-align:left;text-transform:none;letter-spacing:normal;color:var(--text-secondary);border-bottom:var(--border-hair);background:0 0;padding:13px 20px;font-weight:400}.landing-page .compare-table tbody tr:last-child th{border-bottom:none}@media (max-width:900px){.landing-page .compare-table tbody th{padding:10px 12px;font-size:12px}}.voice-roadmap-item{margin-top:28px}.voice-roadmap-item h3{margin-top:0}.voice-roadmap-item .badge{margin:8px 0}.voice-roadmap-item p{margin-top:4px}.landing-page .article-faq{max-width:68ch;padding-left:var(--gutter);padding-right:var(--gutter)}.landing-page .article-faq h2{font-size:28px}@media (max-width:640px){.landing-section,.landing-page .article-faq{padding-left:var(--gutter-sm);padding-right:var(--gutter-sm)}.landing-section h2,.landing-page .article-faq h2{font-size:22px}}.landing-wide{max-width:1008px}.landing-diagrams{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0;list-style:none;display:grid}.landing-diagrams li{margin:0}.landing-diagrams img{aspect-ratio:686/440;object-fit:contain;border:var(--border-hair);border-radius:var(--r-md);background:#fafaf8;width:100%;height:auto;display:block}.landing-diagrams span{font-size:var(--text-xs);color:var(--text-secondary);margin-top:6px;display:block}.landing-grid-caption{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:12px}.landing-section>.landing-deck-mock{margin-top:20px}.library-collections{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin-top:12px;display:grid}.library-collection{border:var(--border-hair);border-radius:var(--r-md);background:var(--bg-elevated);padding:16px 18px}.landing-section .library-collection h3{margin-top:0;font-size:16px}.library-collection p{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 10px}.landing-section .library-collection ul{margin:0;padding:0;list-style:none}.library-collection li{border-top:var(--border-hair);font-size:var(--text-sm);justify-content:space-between;gap:12px;padding:5px 0;display:flex}.library-collection li button{font:inherit;text-align:left;color:var(--text-primary);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-default);text-decoration-color:var(--border-default);text-underline-offset:3px;background:0 0;border:0;padding:0}.library-collection li button:hover{text-decoration-color:currentColor}.library-collection li span{color:var(--text-tertiary);font-size:var(--text-xs);flex:none}.library-controls{flex-direction:column;gap:10px;margin:12px 0;scroll-margin-top:90px;display:flex}.library-tabs,.library-chips{flex-wrap:wrap;gap:8px;display:flex}.library-fields{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-fields select,.library-fields input{height:38px;font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);padding:0 10px}.library-fields input{min-width:220px}.library-count{font-size:var(--text-xs);color:var(--text-tertiary)}.library-table{min-width:720px}.library-table td{font-size:var(--text-sm);vertical-align:top}.library-empty{color:var(--text-secondary);padding:16px}@media (max-width:640px){.library-fields input{width:100%;min-width:0}}#page-home>section:not(.hero-photo){content-visibility:auto;contain-intrinsic-size:auto 720px}