:root{--bg:#ffffff;--bg-alt:#f6f6f8;--surface:#ffffff;--surface-2:#fbfbfc;--text:#131316;--text-dim:#61616b;--text-faint:#6c6c76;--border:rgba(18,18,24,0.10);--border-strong:rgba(18,18,24,0.16);--accent:#5150d4;--accent-soft:rgba(88,86,214,0.10);--accent-text:#4a48c9;--btn-fg:#ffffff;--shadow-sm:0 1px 2px rgba(16,16,28,0.05),0 1px 3px rgba(16,16,28,0.04);--shadow-lg:0 24px 60px -20px rgba(16,16,28,0.28),0 8px 20px -12px rgba(16,16,28,0.16);--header-bg:rgba(255,255,255,0.72);--radius:14px;--radius-lg:20px;--wrap:1120px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,system-ui,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;color-scheme:light;}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a0a0c;--bg-alt:#101013;--surface:#141417;--surface-2:#17171b;--text:#f3f3f5;--text-dim:#a0a0ac;--text-faint:#8a8a95;--border:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--accent:#7a78ff;--accent-soft:rgba(122,120,255,0.14);--accent-text:#9d9bff;--btn-fg:#0a0a0c;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-lg:0 30px 70px -24px rgba(0,0,0,0.8),0 10px 24px -14px rgba(0,0,0,0.6);--header-bg:rgba(10,10,12,0.72);color-scheme:dark;}}:root[data-theme="dark"]{--bg:#0a0a0c;--bg-alt:#101013;--surface:#141417;--surface-2:#17171b;--text:#f3f3f5;--text-dim:#a0a0ac;--text-faint:#8a8a95;--border:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--accent:#7a78ff;--accent-soft:rgba(122,120,255,0.14);--accent-text:#9d9bff;--btn-fg:#0a0a0c;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-lg:0 30px 70px -24px rgba(0,0,0,0.8),0 10px 24px -14px rgba(0,0,0,0.6);--header-bg:rgba(10,10,12,0.72);color-scheme:dark;} *,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}h1,h2,h3{line-height:1.14;letter-spacing:-0.022em;margin:0;font-weight:640;text-wrap:pretty;}p{margin:0;} p,li,dd{text-wrap:pretty;}img{max-width:100%;height:auto;}svg{display:block;}a{color:var(--accent-text);text-decoration-color:color-mix(in srgb,var(--accent-text) 35%,transparent);text-underline-offset:3px;}a:hover{text-decoration-color:currentColor;}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px;}kbd{display:inline-block;font-family:var(--font);font-size:0.85em;line-height:1;padding:0.32em 0.5em;min-width:1.9em;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px;}.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--surface);border:1px solid var(--border-strong);padding:10px 16px;border-radius:10px;}.skip-link:focus{left:24px;} .site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:border-color 0.2s ease;}.site-header.is-stuck{border-bottom-color:var(--border);}.header-inner{display:flex;align-items:center;gap:16px;height:62px;}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:620;letter-spacing:-0.015em;margin-right:auto;} .brand-icon{border-radius:22.5%;box-shadow:var(--shadow-sm);}.brand-name{font-size:17px;}.nav{display:flex;gap:26px;font-size:15px;}.nav a{color:var(--text-dim);text-decoration:none;transition:color 0.15s ease;}.nav a:hover{color:var(--text);}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:color 0.15s ease,border-color 0.15s ease;}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);}.theme-toggle svg{width:17px;height:17px;grid-area:1 / 1;} .lang-switch{position:relative;}.lang-switch>summary{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;list-style:none;transition:color 0.15s ease,border-color 0.15s ease;}.lang-switch>summary::-webkit-details-marker{display:none;}.lang-switch>summary::marker{content:"";}.lang-switch>summary:hover,.lang-switch[open]>summary{color:var(--text);border-color:var(--border-strong);}.lang-switch>summary svg{width:17px;height:17px;}.lang-list{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:156px;margin:0;padding:6px;list-style:none;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-lg);}.lang-list a{display:block;padding:7px 12px;border-radius:7px;font-size:14.5px;color:var(--text);text-decoration:none;white-space:nowrap;}.lang-list a:hover{background:var(--bg-alt);}.lang-list a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-text);font-weight:550;} :root:lang(zh),:root:lang(ja){--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;}:lang(zh) h1,:lang(zh) h2,:lang(zh) h3,:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{letter-spacing:0;}:lang(zh) .demo-overlay,:lang(ja) .demo-overlay{line-height:1.45;} .icon-sun{display:none;}.icon-moon{display:block;}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .icon-sun{display:block;}:root:not([data-theme="light"]) .icon-moon{display:none;}}:root[data-theme="dark"] .icon-sun{display:block;}:root[data-theme="dark"] .icon-moon{display:none;}:root[data-theme="light"] .icon-sun{display:none;}:root[data-theme="light"] .icon-moon{display:block;} .nav a{white-space:nowrap;} @media (max-width:1080px){.nav{gap:20px;}}@media (max-width:980px){.nav{gap:15px;font-size:14.5px;}}@media (max-width:940px){.nav{gap:16px;font-size:14px;}.nav a:not(.nav-gh){display:none;}} .hero{position:relative;padding:clamp(48px,9vw,96px) 0 clamp(56px,8vw,88px);text-align:center;overflow:hidden;}.hero::before{content:"";position:absolute;inset:-30% 0 auto;height:620px;background:radial-gradient(58% 50% at 50% 42%,var(--accent-soft),transparent 72%);pointer-events:none;}.hero>.wrap{position:relative;}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550;letter-spacing:0.01em;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 14px 6px 11px;box-shadow:var(--shadow-sm);margin-bottom:26px;}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent);animation:pulse 2.4s ease-out infinite;}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent);}70%{box-shadow:0 0 0 7px transparent;}100%{box-shadow:0 0 0 0 transparent;}}h1{font-size:clamp(2.15rem,6.2vw,3.85rem);font-weight:660;letter-spacing:-0.032em;margin-bottom:22px;}.lede{max-width:34em;margin-inline:auto;font-size:clamp(1.02rem,1.9vw,1.2rem);color:var(--text-dim);}.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;}.btn{display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:16px;font-weight:550;padding:12px 22px;border-radius:12px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform 0.12s ease,background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}.btn svg{width:19px;height:19px;flex:none;} .cta-inline{justify-content:flex-start;margin-top:30px;} .cta-refund{margin-top:12px;font-size:13.5px;color:var(--text-faint);} .buy-price s{margin-right:5px;opacity:0.82;font-weight:500;text-decoration-thickness:1.5px;}.btn:active{transform:translateY(1px);}.btn-primary{background:var(--accent);color:var(--btn-fg);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--accent) 80%,transparent);}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--text));}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm);}.btn-ghost:hover{border-color:var(--text-faint);} .promo{display:inline-flex;align-items:center;gap:7px;margin:12px 0 0;padding:7px 15px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:14px;font-weight:500;letter-spacing:0.1px;}.promo[hidden]{display:none;} @media (max-width:620px){.promo{display:inline-block;max-width:100%;padding:8px 16px;border-radius:15px;text-align:center;line-height:1.45;}} .promo-standing{padding:6px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);} .final-cta .promo{margin-top:26px;}.promo strong{font-weight:650;}.promo code{padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--accent) 15%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:600;letter-spacing:0.2px;} .cta-note{margin-top:32px;font-size:14px;line-height:1.75;color:var(--text-faint);} .btn.gumroad-button{ --accent:inherit !important;background:var(--accent) !important; color:var(--btn-fg) !important;border-radius:12px !important;border:1px solid transparent !important;padding:12px 22px !important;font:inherit !important;font-size:16px !important;font-weight:550 !important;line-height:1.6 !important;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--accent) 80%,transparent) !important;}.btn.gumroad-button:hover,.btn.gumroad-button:focus,.btn.gumroad-button:active{background:color-mix(in srgb,var(--accent) 88%,var(--text)) !important;color:var(--btn-fg) !important;}.btn.gumroad-button .logo-full{display:none !important;}.cta-note a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--text-faint);}.cta-note a:hover{color:var(--text);} .hero-sub{padding:clamp(40px,6vw,72px) 0 clamp(44px,6vw,76px);}.hero-sub h1{font-size:clamp(1.9rem,4.4vw,2.95rem);margin-bottom:20px;}.hero-sub .lede{max-width:40em;}.crumb{margin:0 0 20px;font-size:13.5px;color:var(--text-faint);letter-spacing:0.1px;}.crumb a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--text-faint);}.crumb a:hover{color:var(--text);} .card-link{display:block;text-decoration:none;color:inherit;}.card-link:hover{border-color:var(--border-strong);transform:translateY(-2px);} .compare-wrap{margin-top:42px;max-width:860px;overflow-x:auto;}.compare{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;}.compare th,.compare td{padding:14px 18px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);line-height:1.5;}.compare thead th{padding-bottom:10px;color:var(--text-faint);font-size:12.5px;font-weight:650;letter-spacing:0.06em;text-transform:uppercase;}.compare tbody th{width:34%;color:var(--text);font-weight:600;}.compare td{color:var(--text-dim);}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:none;} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} .demo{margin-top:clamp(44px,7vw,72px); user-select:none; --ink:22 23 28;--bar-bg:rgb(246 246 250 / 0.35);--window-bg:#fdfdff; --titlebar-bg:linear-gradient(rgb(var(--ink) / 0.06),rgb(var(--ink) / 0.13)); --window-line:rgb(var(--ink) / 0.13);--meeting-bg:#f1f2f6;--notes-bg:#fffffe;--tile-bg:linear-gradient(150deg,#fdfdff,#e9ebf2);--controls-bg:rgb(250 250 252 / 0.96);--panel-bg:rgb(248 248 252 / 0.55);--recess:rgb(0 0 0 / 0.045);--recess-deep:rgb(0 0 0 / 0.06);--played:#5856d6; --content-dim:saturate(0.75) brightness(0.99);--desktop-bg:radial-gradient(60% 70% at 22% 8%,rgb(150 156 255 / 0.5),transparent 70%),radial-gradient(52% 60% at 88% 96%,rgb(255 176 150 / 0.45),transparent 72%),linear-gradient(158deg,#cdd6f2 0%,#e6e6f4 46%,#f2eef0 100%);--scene-bg:radial-gradient(42% 58% at 26% 32%,rgb(150 146 255 / 0.42),transparent 66%),radial-gradient(38% 52% at 74% 28%,rgb(255 176 150 / 0.4),transparent 68%),radial-gradient(70% 80% at 50% 110%,rgb(232 234 245 / 0.9),transparent 70%),linear-gradient(168deg,#eceefb 0%,#f4f2f8 52%,#fafafc 100%); --window-shadow:0 1px 3px rgb(0 0 0 / 0.08),0 10px 24px -12px rgb(0 0 0 / 0.2);--window-shadow-front:0 2px 6px rgb(0 0 0 / 0.1),0 20px 44px -14px rgb(0 0 0 / 0.28);--art-shadow:0 8px 20px -10px rgb(0 0 0 / 0.35);} @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .demo{--ink:255 255 255;--bar-bg:rgb(24 25 29 / 0.55);--window-bg:#101116;--titlebar-bg:linear-gradient(rgb(var(--ink) / 0.09),rgb(var(--ink) / 0.045));--window-line:rgb(var(--ink) / 0.045);--meeting-bg:#16171d;--notes-bg:#17171a;--tile-bg:linear-gradient(150deg,#262838,#191a24);--controls-bg:rgb(9 9 12 / 0.94);--panel-bg:rgb(38 38 44 / 0.55);--recess:rgb(0 0 0 / 0.3);--recess-deep:rgb(0 0 0 / 0.42);--played:rgb(157 153 255 / 0.9);--content-dim:brightness(0.86);--desktop-bg:radial-gradient(60% 70% at 22% 8%,rgb(120 116 255 / 0.34),transparent 70%),radial-gradient(52% 60% at 88% 96%,rgb(78 74 190 / 0.3),transparent 72%),linear-gradient(158deg,#2a2b45 0%,#191a2a 46%,#101019 100%);--scene-bg:radial-gradient(42% 58% at 26% 32%,rgb(112 108 255 / 0.44),transparent 66%),radial-gradient(38% 52% at 74% 28%,rgb(255 138 106 / 0.26),transparent 68%),radial-gradient(70% 80% at 50% 110%,rgb(20 22 38 / 0.92),transparent 70%),linear-gradient(168deg,#1a1c2b 0%,#101119 52%,#0a0b10 100%);--window-shadow:0 2px 6px rgb(0 0 0 / 0.34),0 14px 34px -10px rgb(0 0 0 / 0.6);--window-shadow-front:0 2px 6px rgb(0 0 0 / 0.36),0 26px 60px -10px rgb(0 0 0 / 0.72);--art-shadow:0 10px 26px -8px rgb(0 0 0 / 0.8);}}:root[data-theme="dark"] .demo{--ink:255 255 255;--bar-bg:rgb(24 25 29 / 0.55);--window-bg:#101116;--titlebar-bg:linear-gradient(rgb(var(--ink) / 0.09),rgb(var(--ink) / 0.045));--window-line:rgb(var(--ink) / 0.045);--meeting-bg:#16171d;--notes-bg:#17171a;--tile-bg:linear-gradient(150deg,#262838,#191a24);--controls-bg:rgb(9 9 12 / 0.94);--panel-bg:rgb(38 38 44 / 0.55);--recess:rgb(0 0 0 / 0.3);--recess-deep:rgb(0 0 0 / 0.42);--played:rgb(157 153 255 / 0.9);--desktop-bg:radial-gradient(60% 70% at 22% 8%,rgb(120 116 255 / 0.34),transparent 70%),radial-gradient(52% 60% at 88% 96%,rgb(78 74 190 / 0.3),transparent 72%),linear-gradient(158deg,#2a2b45 0%,#191a2a 46%,#101019 100%);--scene-bg:radial-gradient(42% 58% at 26% 32%,rgb(112 108 255 / 0.44),transparent 66%),radial-gradient(38% 52% at 74% 28%,rgb(255 138 106 / 0.26),transparent 68%),radial-gradient(70% 80% at 50% 110%,rgb(20 22 38 / 0.92),transparent 70%),linear-gradient(168deg,#1a1c2b 0%,#101119 52%,#0a0b10 100%);--window-shadow:0 2px 6px rgb(0 0 0 / 0.34),0 14px 34px -10px rgb(0 0 0 / 0.6);--window-shadow-front:0 2px 6px rgb(0 0 0 / 0.36),0 26px 60px -10px rgb(0 0 0 / 0.72);--art-shadow:0 10px 26px -8px rgb(0 0 0 / 0.8);} .demo-screen{position:relative;container-type:inline-size;max-width:880px;margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden;background:var(--desktop-bg);box-shadow:var(--shadow-lg);} .demo-screen::after{content:"";position:absolute;inset:0;z-index:20;border-radius:inherit;box-shadow:inset 0 0 0 0.5px var(--border-strong);pointer-events:none;} .demo-menubar,.demo-stage{--u:clamp(4px,0.91cqw,8px);} .demo-menubar{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;height:calc(2.95 * var(--u));padding-inline:calc(1.36 * var(--u));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:var(--bar-bg);font-size:calc(1.25 * var(--u));color:rgb(var(--ink) / 0.72);}.mb-right{display:inline-flex;align-items:center;gap:calc(1.48 * var(--u));} .mb-glyph{position:relative;display:inline-flex;color:rgb(var(--ink) / 0.82);}.mb-glyph svg{width:calc(1.7 * var(--u));height:calc(1.48 * var(--u));}.mb-dot{position:absolute;top:calc(-0.11 * var(--u));right:calc(-0.23 * var(--u));width:calc(0.57 * var(--u));height:calc(0.57 * var(--u));border-radius:50%;background:#5856d6;opacity:0;transition:opacity 0.3s ease;} .mb-glyph.is-live .mb-dot{opacity:1;animation:badge-pulse 3.6s ease-in-out infinite;}@keyframes badge-pulse{0%,100%{opacity:1;}50%{opacity:0.25;}}.mb-time{font-variant-numeric:tabular-nums;letter-spacing:0.01em;}.demo-stage{position:relative;aspect-ratio:16 / 9.6;} .demo-window{position:absolute; z-index:var(--z,1);display:flex;flex-direction:column;border-radius:calc(1.25 * var(--u));overflow:hidden;background:var(--window-bg);border:1px solid rgb(var(--ink) / 0.11);box-shadow:var(--window-shadow);transition:box-shadow 0.28s ease; -webkit-tap-highlight-color:transparent;} .demo-window:not(.is-front){cursor:pointer;}.demo-window.is-held .win-titlebar{cursor:grabbing;} .win-meeting{--z:3;top:clamp(3.45cqw,0.230769cqw + 28.3292px,4.8cqw); right:clamp(9cqw,23.4185cqw - 89.3945px,13.26cqw); bottom:clamp(5.85cqw,4.77692cqw + 9.44308px,6.3cqw); left:clamp(9cqw,23.4185cqw - 89.3945px,13.26cqw);}.win-notes{--z:1;top:clamp(6.45cqw,4.66154cqw + 15.7385px,7.2cqw); right:clamp(3cqw,6.38462cqw - 20.9846px,4cqw); bottom:clamp(6.3cqw,14.9308cqw - 53.5108px,8.85cqw); left:clamp(15cqw,32.7692cqw - 110.169px,20.25cqw);}.win-player{--z:2;top:clamp(3cqw,20.7692cqw - 110.169px,8.25cqw); right:clamp(15cqw,46.3077cqw - 194.108px,24.25cqw); bottom:clamp(6.3cqw,14.9308cqw - 53.5108px,8.85cqw); left:clamp(3cqw,6.38462cqw - 20.9846px,4cqw);} .demo-window.is-front{box-shadow:var(--window-shadow-front);} .demo-window:not(.is-front) .lights i{background:rgb(var(--ink) / 0.26);} .demo-window:not(.is-front) .win-content{filter:var(--content-dim);}.demo-window:not(.is-front) .win-title{color:rgb(var(--ink) / 0.3);}.win-titlebar{position:relative;display:flex;align-items:center;flex:none; height:calc(2.95 * var(--u));padding-inline:calc(1.48 * var(--u));background:var(--titlebar-bg);border-bottom:1px solid var(--window-line); cursor:grab;}.lights{display:inline-flex;gap:calc(0.68 * var(--u));}.lights i{width:calc(1.02 * var(--u));height:calc(1.02 * var(--u));border-radius:50%;display:block;}.l-close{background:#ff5f57;}.l-min{background:#febc2e;}.l-max{background:#28c840;}.win-title{position:absolute;left:50%;transform:translateX(-50%);font-size:calc(1.36 * var(--u));font-weight:550;color:rgb(var(--ink) / 0.55);white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis;}.win-content{position:relative;flex:1;overflow:hidden;} .demo-scene{position:absolute;inset:0;background:var(--scene-bg);}.demo-scene::after{content:"";position:absolute;inset:0;opacity:0.5;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,0.028) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;} .pod{position:absolute;inset:0 0 calc(4.77 * var(--u));display:flex;min-height:0;} .pod-side{flex:none;width:calc(8.41 * var(--u));display:flex;flex-direction:column;gap:calc(1.14 * var(--u));padding:calc(2.05 * var(--u)) calc(1.48 * var(--u));background:var(--recess-deep);border-right:1px solid rgb(var(--ink) / 0.06);}.pod-nav,.pod-item{height:calc(0.57 * var(--u));border-radius:3px;background:rgb(var(--ink) / 0.16);}.pod-nav{width:78%;}.pod-nav.is-on{background:rgb(var(--ink) / 0.5);}.pod-item{width:92%;background:rgb(var(--ink) / 0.1);}.pod-item:nth-child(even){width:70%;}.pod-sep{height:1px;margin:calc(0.68 * var(--u)) 0;background:rgb(var(--ink) / 0.1);} .pod-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(2.73 * var(--u));padding:calc(2.27 * var(--u)) calc(2.73 * var(--u));} .pod-head,.pod-wave,.pod-list{flex:none;}.pod-head{display:flex;align-items:flex-end;gap:calc(1.7 * var(--u));min-width:0;}.pod-art{flex:none;width:calc(8.86 * var(--u));aspect-ratio:1;border-radius:calc(0.57 * var(--u));background:radial-gradient(72% 68% at 30% 24%,rgba(255,255,255,0.32),transparent 70%),linear-gradient(150deg,#6b68ff 0%,#a95cff 52%,#ff8a6a 100%);box-shadow:var(--art-shadow);}.pod-meta{display:grid;gap:2px;min-width:0;}.pod-meta em{font-style:normal;font-size:calc(0.97 * var(--u));font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:rgb(var(--ink) / 0.62);}.pod-meta b{font-size:calc(2.16 * var(--u));font-weight:680;letter-spacing:-0.02em;line-height:1.1;color:rgb(var(--ink) / 0.96);}.pod-meta i{font-style:normal;font-size:calc(1.19 * var(--u));color:rgb(var(--ink) / 0.52);} .pod-wave{display:flex;align-items:center;gap:calc(0.125 * var(--u));height:calc(7.05 * var(--u));}.pod-wave i{flex:none;width:calc(0.5 * var(--u));min-width:1px; height:calc(var(--h) * 0.78);min-height:2px;border-radius:999px;background:rgb(var(--ink) / 0.18);transform-origin:center;} @container (max-width:400px){.pod-wave i{width:calc(0.375 * var(--u));}} .pod-wave i.is-played{background:var(--played);} .demo-window.is-playing .pod-wave i{animation:pod-bar 0.34s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -23ms);} .demo-window.is-playing .pod-wave i:nth-child(3n){animation-duration:0.27s;}.demo-window.is-playing .pod-wave i:nth-child(4n+1){animation-duration:0.43s;}@keyframes pod-bar{from{transform:scaleY(0.32);}to{transform:scaleY(1.24);}} .pod-list{display:grid;gap:calc(1.25 * var(--u));padding-top:calc(0.68 * var(--u));}.pod-ep{display:flex;align-items:center;gap:calc(1.59 * var(--u));}.pod-ep i{height:calc(0.57 * var(--u));width:var(--w);border-radius:3px;background:rgb(var(--ink) / 0.13);}.pod-ep:first-child i{background:rgb(var(--ink) / 0.22);}.pod-ep em{margin-left:auto;font-style:normal;font-size:calc(0.97 * var(--u));color:rgb(var(--ink) / 0.34);font-variant-numeric:tabular-nums;} @container (max-width:430px){.pod-list{display:none;}}@container (max-width:300px){.pod-main{gap:calc(1.5 * var(--u));}.pod-art{width:calc(6 * var(--u));}.pod-wave{height:calc(5.5 * var(--u));}} .win-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:calc(1.36 * var(--u));padding:calc(1.02 * var(--u)) calc(1.82 * var(--u)); background:var(--controls-bg);border-top:1px solid rgb(var(--ink) / 0.08);color:rgb(var(--ink) / 0.72);font-size:calc(1.25 * var(--u));font-variant-numeric:tabular-nums;} .np-now{display:flex;align-items:center;gap:calc(1.02 * var(--u));width:calc(17.05 * var(--u));min-width:0;}.np-art{flex:none;width:calc(2.95 * var(--u));aspect-ratio:1;border-radius:2px;background:linear-gradient(150deg,#6b68ff 0%,#a95cff 52%,#ff8a6a 100%);}.np-text{display:grid;gap:1px;min-width:0;}.np-text b{font-size:calc(1.08 * var(--u));font-weight:600;color:rgb(var(--ink) / 0.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.np-text i{font-style:normal;font-size:calc(0.97 * var(--u));color:rgb(var(--ink) / 0.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.np-transport{display:flex;align-items:center;gap:calc(1.25 * var(--u));color:rgb(var(--ink) / 0.86);}.np-skip{width:calc(1.14 * var(--u));height:calc(1.14 * var(--u));opacity:0.62;}.ctl-play svg{width:calc(1.14 * var(--u));height:calc(1.36 * var(--u));}.ctl-track{flex:1;height:3px;border-radius:2px;background:rgb(var(--ink) / 0.22);overflow:hidden;}.ctl-track i{display:block;width:44%;height:100%;border-radius:2px;background:rgb(var(--ink) / 0.8);} .win-meeting .win-content{display:flex;flex-direction:column;background:var(--meeting-bg);}.meet-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:calc(0.8 * var(--u));padding:calc(0.91 * var(--u));min-height:0;}.tile{position:relative;display:grid;place-items:center;border-radius:calc(0.8 * var(--u));background:var(--tile-bg);border:1.5px solid transparent;overflow:hidden;} .tile{transition:border-color 0.25s ease;}.tile.is-speaking{border-color:#5856d6;animation:tile-speak 0.85s ease-in-out infinite alternate;}@keyframes tile-speak{from{border-color:rgba(88,86,214,0.5);box-shadow:0 0 0 0 rgba(88,86,214,0);}to{border-color:rgba(128,126,255,1);box-shadow:0 0 0 2px rgba(88,86,214,0.24);}}.face{display:grid;place-items:center;width:calc(3.86 * var(--u));height:calc(3.86 * var(--u));border-radius:50%;font-size:calc(1.25 * var(--u));font-weight:600;font-style:normal;letter-spacing:0.01em;color:rgba(255,255,255,0.92);}.f1{background:linear-gradient(145deg,#6f6ae6,#4f4bc0);}.f2{background:linear-gradient(145deg,#d97a4e,#b1552f);}.f3{background:linear-gradient(145deg,#4c9d8c,#33756a);}.f4{background:linear-gradient(145deg,#8a6fb8,#5f4a8a);}.tile em{position:absolute;left:calc(0.8 * var(--u));bottom:calc(0.57 * var(--u));font-style:normal;font-size:calc(1.14 * var(--u));color:rgb(var(--ink) / 0.6);}.tile.is-speaking em{color:rgb(var(--ink) / 0.9);}.meet-bar{flex:none;display:flex;justify-content:center;gap:calc(1.02 * var(--u));padding:calc(1.02 * var(--u));background:var(--recess);}.meet-btn{display:grid;place-items:center;width:calc(2.73 * var(--u));height:calc(2.73 * var(--u));border-radius:50%;background:rgb(var(--ink) / 0.13);color:rgb(var(--ink) / 0.85);}.meet-btn svg{width:58%;height:58%;}.meet-btn.is-leave{background:#d9483f;color:#fff;} .win-notes .win-content{background:var(--notes-bg);}.notes-body{display:flex;height:100%;}.notes-side{flex:none;width:22%;max-width:130px;padding:calc(1.25 * var(--u)) calc(1.02 * var(--u));display:flex;flex-direction:column;gap:calc(1.02 * var(--u));background:rgb(var(--ink) / 0.035);border-right:1px solid rgb(var(--ink) / 0.07);}.notes-side i{display:block;height:calc(0.68 * var(--u));border-radius:3px;background:rgb(var(--ink) / 0.13);}.notes-side i.is-on{background:rgb(var(--ink) / 0.3);width:80%;}.notes-doc{flex:1;padding:calc(1.7 * var(--u)) calc(1.93 * var(--u));display:flex;flex-direction:column;gap:calc(1.02 * var(--u));min-width:0;}.notes-doc b{font-size:calc(1.48 * var(--u));font-weight:600;color:rgb(var(--ink) / 0.78);margin-bottom:calc(0.34 * var(--u));}.notes-doc b.sub{font-size:calc(1.25 * var(--u));color:rgb(var(--ink) / 0.5);margin-top:calc(0.68 * var(--u));}.notes-doc i{display:block;height:calc(0.68 * var(--u));border-radius:3px;background:rgb(var(--ink) / 0.11);}.notes-caret{width:1.5px;height:calc(1.36 * var(--u));margin-top:-2px;background:rgb(var(--ink) / 0.65);animation:blink 1.05s steps(1) infinite;} .demo-switcher{position:absolute;z-index:6;left:50%; top:calc(50% - 1.475 * var(--u));transform:translate(-50%,-50%) scale(0.94);display:flex;align-items:center;gap:calc(1.36 * var(--u)); padding:calc(1.59 * var(--u));border-radius:calc(1.93 * var(--u));background:var(--panel-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%); pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.16s ease,transform 0.16s ease,visibility 0.16s; will-change:transform;}.demo-switcher.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}.sw-app{ position:relative;display:grid;place-items:center;padding:calc(0.8 * var(--u));border-radius:calc(1.25 * var(--u));background:transparent;transition:background 0.12s ease;}.sw-app.is-selected{background:rgb(var(--ink) / 0.22);}.sw-icon{display:grid;place-items:center;width:calc(5.23 * var(--u));height:calc(5.23 * var(--u));border-radius:calc(1.25 * var(--u));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.24),0 2px 5px rgba(0,0,0,0.3);}.sw-icon svg{width:62%;height:62%;}.i-meet{background:linear-gradient(160deg,#4a8ef0,#2c5fc4);}.i-notes{background:linear-gradient(160deg,#ffd75e,#f0b429);} .i-player{background:linear-gradient(160deg,#3a3b46,#1e1f27);}.i-player svg{width:100%;height:100%;color:#1b1c24;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;} .sw-name{ position:absolute;top:100%;left:50%;transform:translateX(-50%);opacity:0;text-align:center;font-size:calc(1 * var(--u)); line-height:calc(1.59 * var(--u));font-weight:500;color:rgb(var(--ink) / 0.88);white-space:nowrap;}.sw-app.is-selected .sw-name{opacity:1;} .demo-overlay{position:absolute;z-index:10;left:50%; bottom:5.5%;transform:translateX(-50%); width:max-content;min-width:4.67em;max-width:min(73cqw,640px);padding:0.47em 0.73em;border-radius:0.47em;background:rgba(0,0,0,0.72);color:#fff;font-family:ui-rounded,"SF Pro Rounded",var(--font); font-size:clamp(14px,2.61cqw,23px);line-height:1.34;font-weight:600;text-align:center;text-wrap:balance;opacity:0;transition:opacity 0.4s ease; pointer-events:none;}.demo-overlay.is-visible{opacity:1;}.demo-overlay.is-movable{pointer-events:auto;cursor:grab; outline:1px dashed rgba(255,255,255,0.2);outline-offset:3px;}.demo-overlay.is-dragging{cursor:grabbing;} .demo-overlay.is-movable,.demo-overlay.is-solid{-webkit-mask-image:none;mask-image:none;} .demo-overlay{--hole-x:-999px;--hole-y:-999px;-webkit-mask-image:radial-gradient(ellipse 13.33em 6.67em at var(--hole-x) var(--hole-y),rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0.198) 77.5%,rgba(0,0,0,0.525) 85%,rgba(0,0,0,0.852) 92.5%,rgba(0,0,0,1) 100%);mask-image:radial-gradient(ellipse 13.33em 6.67em at var(--hole-x) var(--hole-y),rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 70%,rgba(0,0,0,0.198) 77.5%,rgba(0,0,0,0.525) 85%,rgba(0,0,0,0.852) 92.5%,rgba(0,0,0,1) 100%);} .demo-history{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;gap:0.2em;transform:translateX(-50%);font-size:clamp(14px,2.61cqw,23px);overflow-y:auto;overscroll-behavior:contain; overflow-anchor:none;scrollbar-width:none;opacity:0;visibility:hidden; transition:opacity 0.15s ease,visibility 0.15s;pointer-events:none;}.demo-history::-webkit-scrollbar{display:none;} .demo-history.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.12s ease,visibility 0s;} @keyframes hist-rise{from{opacity:0;transform:translateY(0.4em);}to{opacity:1;transform:none;}}.demo-history .hist-line.is-rising{animation:hist-rise 0.22s ease-out backwards;animation-delay:calc(var(--rise,0) * 35ms);} @keyframes hist-fall{from{opacity:0;transform:translateY(-0.4em);}to{opacity:1;transform:none;}}.demo-history.is-below .hist-line.is-rising{animation-name:hist-fall;}@media (prefers-reduced-motion:reduce){.demo-history .hist-line.is-rising{animation:none;}} .demo-history:not(.is-below) .hist-line:first-child{margin-top:auto;}.demo-history .hist-line{flex:none;width:max-content; min-width:4.67em;max-width:min(73cqw,640px);padding:0.47em 0.73em;border-radius:0.47em;background:rgba(0,0,0,0.66);color:rgba(255,255,255,0.65);font-family:ui-rounded,"SF Pro Rounded",var(--font);line-height:1.34;font-weight:600;text-align:center;text-wrap:balance;will-change:transform;} .demo-history.is-clipped{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade,2.2em));mask-image:linear-gradient(to bottom,transparent,#000 var(--fade,2.2em));}.demo-history.is-below.is-clipped{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--fade,2.2em));mask-image:linear-gradient(to top,transparent,#000 var(--fade,2.2em));} .demo-history.is-starved{opacity:0;visibility:hidden;} .demo-overlay .tentative{color:rgba(255,255,255,0.55);}@keyframes blink{50%{opacity:0;}} .demo-scenes{display:flex;gap:10px;margin-top:24px;margin-inline:auto;max-width:min(100%,520px);}.scene-button{flex:1;display:grid;gap:7px;padding:6px 0;appearance:none;border:0;background:none;color:var(--text);font:inherit;cursor:pointer;} .scene-button[aria-current="true"]{cursor:default;}.scene-track{height:4px;border-radius:999px;background:var(--border-strong);overflow:hidden;} .scene-fill{display:block;height:100%;background:var(--text-dim);transform:scaleX(0);transform-origin:left;transition-property:transform;transition-timing-function:linear;}.scene-label{font-size:14px;color:var(--text-faint);text-align:center;transition:color 0.2s ease;} .scene-button:hover .scene-label,.scene-button[aria-current="true"] .scene-label{color:var(--text);}.demo-caption{margin-top:16px;font-size:14px;color:var(--text-faint);text-align:center;}.demo-caption kbd{font-size:12px;padding:0.24em 0.42em;} .demo-caption+.demo-caption{margin-top:6px;} .demo-caption-try{display:none;}@media (hover:hover) and (pointer:fine){.demo-caption-try{display:block;}} .section{padding:clamp(64px,9vw,108px) 0;}.section-alt{background:var(--bg-alt);border-block:1px solid var(--border);}.section-title{font-size:clamp(1.6rem,3.6vw,2.35rem);letter-spacing:-0.028em;margin-bottom:16px;max-width:20ch;}.section-lede{max-width:56ch;color:var(--text-dim);font-size:clamp(1rem,1.7vw,1.09rem);}.section-lede+.section-lede{margin-top:14px;} .uses{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.4vw,44px);margin-top:48px;}@media (max-width:980px){.uses{grid-template-columns:1fr;gap:34px;} .use p:not(.use-num),.use h3{max-width:68ch;}}.use{position:relative;}.use-num{font-size:13px;font-weight:640;letter-spacing:0.06em;color:var(--accent-text);font-variant-numeric:tabular-nums;margin-bottom:12px;}.use-num::after{content:"";display:block;width:30px;height:2px;margin-top:10px;border-radius:2px;background:var(--accent);opacity:0.42;}.use h3{font-size:clamp(1.06rem,1.9vw,1.2rem);font-weight:620;letter-spacing:-0.018em;margin-bottom:11px;}.use p:not(.use-num){color:var(--text-dim);font-size:15.5px;line-height:1.65;}.uses-note{margin-top:clamp(36px,5vw,56px);padding-top:26px;border-top:1px solid var(--border);color:var(--text-dim);font-size:15.5px;line-height:1.65;max-width:62ch;}.uses-note strong{color:var(--text);font-weight:600;} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(276px,1fr));gap:18px;margin-top:46px;}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px 28px;box-shadow:var(--shadow-sm);transition:border-color 0.18s ease,transform 0.18s ease;}.card:hover{border-color:var(--border-strong);transform:translateY(-2px);}.card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);margin-bottom:16px;}.card-icon svg{width:21px;height:21px;}.card h3{font-size:1.06rem;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px;}.card p{color:var(--text-dim);font-size:15px;line-height:1.62;}.card strong{color:var(--text);font-weight:600;} .pipeline{list-style:none;margin:46px 0 0;padding:0;display:grid;gap:0;max-width:720px;}.stage{position:relative;display:grid;grid-template-columns:40px 1fr;gap:20px;padding-bottom:30px;}.stage:last-child{padding-bottom:0;}.stage::before{content:"";position:absolute;left:19.5px;top:40px;bottom:4px;width:1px;background:linear-gradient(var(--border-strong),var(--border));}.stage:last-child::before{display:none;}.stage-num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);color:var(--accent-text);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm);}.stage-body{padding-top:6px;}.stage-body h3{font-size:1.04rem;font-weight:600;margin-bottom:6px;}.stage-body p{color:var(--text-dim);font-size:15px;line-height:1.62;max-width:54ch;}.how-note{margin-top:40px;padding:18px 20px;border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-dim);font-size:15px;max-width:720px;} .split{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:clamp(32px,6vw,72px);align-items:center;}@media (max-width:860px){.split{grid-template-columns:1fr;}}.menu-mock{max-width:380px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:7px;box-shadow:var(--shadow-lg);font-size:14px;user-select:none;}.menu-row{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:7px;color:var(--text);white-space:nowrap;}.menu-row .tick{color:var(--accent-text);font-size:12px;width:12px;}.menu-row:not(.is-checked){padding-left:30px;}.menu-row.is-checked{background:var(--accent-soft);font-weight:550;}.menu-hint{margin-left:auto;color:var(--text-faint);font-size:12px;}.menu-arrow{margin-left:auto;color:var(--text-faint);font-size:13px;line-height:1;}.menu-sep{height:1px;background:var(--border);margin:6px 10px;}.menu-label{padding:4px 10px 4px 12px;font-size:12px;font-weight:550;color:var(--text-faint);letter-spacing:0.005em;} .shortcuts{margin:42px 0 0;display:grid;gap:0;max-width:720px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;}.shortcut{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--border);}.shortcut:last-child{border-bottom:none;}.shortcut dt{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--text-dim);}.shortcut dd{margin:0;font-size:15px;color:var(--text);}@media (max-width:620px){.shortcut{grid-template-columns:1fr;gap:8px;}} .limits{margin:40px 0 0;padding:0;list-style:none;display:grid;gap:14px;max-width:760px;} .faq{margin:40px 0 0;display:grid;gap:0;max-width:820px;border-top:1px solid var(--border);}.faq-item{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--border);}.faq-item dt{margin:0;color:var(--text);font-weight:600;font-size:15.5px;line-height:1.45;text-wrap:balance;}.faq-item dd{margin:0;color:var(--text-dim);font-size:15.5px;line-height:1.62;}.faq-item dd a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--text-faint);}.faq-item dd a:hover{color:var(--text);}@media (max-width:720px){.faq-item{grid-template-columns:1fr;gap:8px;}}.limits li{position:relative;padding-left:26px;color:var(--text-dim);font-size:15.5px;line-height:1.62;}.limits li::before{content:"";position:absolute;left:4px;top:0.62em;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0.6;}.limits strong{color:var(--text);font-weight:600;} .final-cta{position:relative;padding:clamp(64px,9vw,104px) 0;text-align:center;background:var(--bg-alt);border-top:1px solid var(--border);overflow:hidden;}.final-cta::before{content:"";position:absolute;inset:auto 0 -40% 0;height:460px;background:radial-gradient(50% 60% at 50% 50%,var(--accent-soft),transparent 70%);pointer-events:none;}.final-cta>.wrap{position:relative;}.final-icon{border-radius:22.5%;margin-bottom:24px;box-shadow:var(--shadow-lg);}.final-cta h2{font-size:clamp(1.5rem,3.4vw,2.15rem);letter-spacing:-0.028em;max-width:20ch;margin-inline:auto;} .site-footer{padding:44px 0 56px;border-top:1px solid var(--border);background:var(--bg);}.footer-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:36px 64px;} .footer-about{flex:1 1 260px;min-width:240px;max-width:420px;}.footer-brand{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;margin-bottom:12px;}.footer-brand img{border-radius:22.5%;box-shadow:var(--shadow-sm);}.footer-cols{display:flex;flex-wrap:wrap;gap:28px 56px;}.footer-col{display:flex;flex-direction:column;gap:10px;font-size:14.5px;}.footer-h{font-size:11.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 2px;} .footer-col-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);gap:10px 40px;}.footer-col a{color:var(--text-dim);text-decoration:none;}.footer-col a:hover{color:var(--text);text-decoration:underline;}.footer-note{font-size:13.5px;color:var(--text-faint);margin:0;}.footer-note a{color:inherit;}@media (max-width:620px){body{font-size:16px;}.wrap{padding-inline:20px;}.footer-cols{gap:24px 40px;}.footer-col-list{gap:10px 28px;}.footer-about{max-width:none;}.btn{width:100%;justify-content:center;}.cta{flex-direction:column;}} .app-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 8px;}.app-list li{margin:0;font-size:13.5px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:3px 9px;white-space:nowrap;} .contact-form{max-width:34rem;margin-top:26px;}.contact-form .hp{position:absolute;left:-9999px;}.contact-form .field{margin-bottom:18px;}.contact-form label{display:block;font-size:14px;font-weight:600;margin-bottom:7px;color:var(--text);}.contact-form .opt{font-weight:400;color:var(--text-faint);}.contact-form input,.contact-form textarea{width:100%;font:inherit;font-size:15px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;}.contact-form textarea{resize:vertical;min-height:8rem;}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent;} .badge-link{display:inline-block;margin-top:16px;}.badge-link img{display:block;max-width:100%;height:auto;}