@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap";:root{--wf-coral-100:#ffe6e4;--wf-coral-200:#ffc9c5;--wf-coral-500:#ff6b6b;--wf-coral-600:#e8504f;--wf-coral-700:#c83d3d;--wf-amber-100:#fff1cf;--wf-amber-200:#ffe09b;--wf-amber-500:#ffd166;--wf-amber-600:#d99b1f;--wf-amber-700:#a9760f;--wf-green-100:#d9f2e3;--wf-green-200:#aee2c2;--wf-green-500:#3fb868;--wf-green-600:#2e9e55;--wf-green-700:#1f7c41;--wf-blue-100:#dfecff;--wf-blue-200:#b9d6ff;--wf-blue-400:#8cc0ff;--wf-blue-500:#6aa9ff;--wf-blue-600:#3d85ee;--wf-blue-700:#2d6fd6;--wf-ink:#14161c;--wf-neutral-0:#fff;--wf-neutral-50:#fafaf8;--wf-neutral-100:#f4f3f0;--wf-neutral-150:#ededea;--wf-neutral-200:#e5e4df;--wf-neutral-300:#d6d4cd;--wf-neutral-400:#b4b1a8;--wf-neutral-500:#8b887e;--wf-neutral-600:#6a6760;--wf-neutral-700:#514f49;--wf-neutral-800:#353430;--wf-neutral-900:#211f1c;--wf-neutral-950:#16161a;--background:var(--wf-neutral-50);--foreground:var(--wf-neutral-900);--surface:var(--wf-neutral-0);--surface-foreground:var(--wf-neutral-900);--surface-sunken:var(--wf-neutral-100);--surface-raised:var(--wf-neutral-0);--card:var(--wf-neutral-0);--card-foreground:var(--wf-neutral-900);--popover:var(--wf-neutral-0);--popover-foreground:var(--wf-neutral-900);--muted:var(--wf-neutral-100);--muted-foreground:var(--wf-neutral-500);--primary:var(--wf-neutral-900);--primary-foreground:var(--wf-neutral-50);--primary-hover:var(--wf-neutral-800);--secondary:var(--wf-neutral-100);--secondary-foreground:var(--wf-neutral-800);--secondary-hover:var(--wf-neutral-150);--accent:var(--wf-green-600);--accent-hover:var(--wf-green-700);--accent-foreground:var(--wf-neutral-0);--accent-subtle:var(--wf-green-100);--accent-subtle-foreground:var(--wf-green-700);--border:var(--wf-neutral-200);--border-strong:var(--wf-neutral-300);--input:var(--wf-neutral-200);--ring:var(--wf-green-600);--selection:color-mix(in srgb, var(--wf-green-500) 24%, transparent);--success:var(--wf-green-600);--success-foreground:var(--wf-neutral-0);--success-subtle:var(--wf-green-100);--success-subtle-foreground:var(--wf-green-700);--warning:var(--wf-amber-600);--warning-foreground:var(--wf-neutral-0);--warning-subtle:var(--wf-amber-100);--warning-subtle-foreground:var(--wf-amber-700);--destructive:var(--wf-coral-600);--destructive-foreground:var(--wf-neutral-0);--destructive-subtle:var(--wf-coral-100);--destructive-subtle-foreground:var(--wf-coral-700);--info:var(--wf-blue-600);--info-foreground:var(--wf-neutral-0);--info-subtle:var(--wf-blue-100);--info-subtle-foreground:var(--wf-blue-700);--role-1:var(--wf-coral-500);--role-2:var(--wf-amber-500);--role-3:var(--wf-green-500);--role-4:var(--wf-blue-500);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark,[data-theme=dark]{--background:var(--wf-neutral-950);--foreground:#ececea;--surface:#1d1d22;--surface-foreground:#ececea;--surface-sunken:#121215;--surface-raised:#25252b;--card:#1d1d22;--card-foreground:#ececea;--popover:#222228;--popover-foreground:#ececea;--muted:#25252b;--muted-foreground:#97948c;--primary:#f4f3f0;--primary-foreground:var(--wf-neutral-950);--primary-hover:#fff;--secondary:#2a2a31;--secondary-foreground:#dddbd6;--secondary-hover:#33333b;--accent:var(--wf-green-500);--accent-hover:#6fd193;--accent-foreground:var(--wf-neutral-950);--accent-subtle:color-mix(in srgb, var(--wf-green-500) 18%, var(--wf-neutral-950));--accent-subtle-foreground:#6fd193;--border:#313139;--border-strong:#3f3f49;--input:#34343d;--ring:var(--wf-green-500);--selection:color-mix(in srgb, var(--wf-green-500) 30%, transparent);--success:var(--wf-green-500);--success-foreground:var(--wf-neutral-950);--success-subtle:color-mix(in srgb, var(--wf-green-500) 16%, var(--wf-neutral-950));--success-subtle-foreground:#6fd193;--warning:var(--wf-amber-500);--warning-foreground:var(--wf-neutral-950);--warning-subtle:color-mix(in srgb, var(--wf-amber-500) 16%, var(--wf-neutral-950));--warning-subtle-foreground:var(--wf-amber-500);--destructive:var(--wf-coral-500);--destructive-foreground:var(--wf-neutral-950);--destructive-subtle:color-mix(in srgb, var(--wf-coral-500) 18%, var(--wf-neutral-950));--destructive-subtle-foreground:#ff9a9a;--info:var(--wf-blue-500);--info-foreground:var(--wf-neutral-950);--info-subtle:color-mix(in srgb, var(--wf-blue-500) 18%, var(--wf-neutral-950));--info-subtle-foreground:var(--wf-blue-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::selection{background:var(--selection)}:root{--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.022em;--tracking-tight:-.012em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.06em;--text-display:var(--weight-semibold) var(--text-5xl)/var(--leading-tight) var(--font-sans);--text-title:var(--weight-semibold) var(--text-3xl)/var(--leading-tight) var(--font-sans);--text-heading:var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-sans);--text-body:var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--text-body-reading:var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);--text-label:var(--weight-medium) var(--text-sm)/var(--leading-snug) var(--font-sans);--text-caption:var(--weight-regular) var(--text-xs)/var(--leading-snug) var(--font-sans);--text-code:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-mono)}html{font-size:16px}:root{--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:28px;--radius-full:9999px;--sidebar-rail:52px;--sidebar-list:288px;--composer-max:760px;--container-max:1200px;--shadow-xs:0 1px 2px #14161c0a;--shadow-sm:0 1px 2px #14161c0d, 0 1px 3px #14161c0d;--shadow-md:0 2px 4px #14161c0a, 0 6px 16px #14161c14;--shadow-lg:0 4px 8px #14161c0d, 0 14px 32px #14161c1c;--shadow-xl:0 8px 16px #14161c0f, 0 28px 56px #14161c29;--ring-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);--border-width:1px;--border-hairline:.5px;--duration-instant:80ms;--duration-fast:.14s;--duration-base:.2s;--duration-slow:.3s;--duration-slower:.48s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--z-base:0;--z-raised:10;--z-sticky:100;--z-dropdown:1000;--z-overlay:2000;--z-modal:2100;--z-toast:3000;--z-tooltip:4000}.dark,[data-theme=dark]{--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000005c, 0 1px 3px #0000004d;--shadow-md:0 2px 4px #00000057, 0 6px 16px #00000070;--shadow-lg:0 4px 8px #0006, 0 14px 32px #00000085;--shadow-xl:0 8px 16px #00000075, 0 28px 56px #0009}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-slower:0s}}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font:var(--text-body);font-feature-settings:"cv01", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}p{margin:0}a{color:var(--accent);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono)}:focus-visible{box-shadow:var(--ring-shadow);border-radius:var(--radius-sm);outline:none}button{font-family:inherit}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--background);color:var(--foreground);font:var(--text-body);margin:0;overflow-x:hidden}html[data-lang=zh] .t-en,html[data-lang=en] .t-zh{display:none!important}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}.section{padding:clamp(64px,9vw,132px) 0}.eyebrow{font:var(--text-caption);white-space:nowrap;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-subtle-foreground);background:var(--accent-subtle);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.h-sec{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.1}.sub-sec{font:var(--text-lg);color:var(--muted-foreground);line-height:var(--leading-relaxed);max-width:52ch}.center{text-align:center}.center .sub-sec{margin-left:auto;margin-right:auto}.btn{border-radius:var(--radius-full);height:48px;font:var(--weight-medium) var(--text-lg) var(--font-sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn svg{width:18px;height:18px}.btn--accent{background:var(--accent);color:var(--accent-foreground);box-shadow:0 1px 2px #14161c1f}.btn--accent:hover{background:var(--accent-hover);color:var(--accent-foreground);box-shadow:var(--shadow-md);text-decoration:none}.btn--ink{background:var(--primary);color:var(--primary-foreground)}.btn--ink:hover{background:var(--primary-hover);color:var(--primary-foreground);text-decoration:none}.btn--outline{background:var(--surface);color:var(--foreground);border-color:var(--border-strong)}.btn--outline:hover{background:var(--muted);color:var(--foreground);text-decoration:none}.btn--sm{height:40px;font-size:var(--text-base);padding:0 16px}.btn--lg{height:54px;font-size:var(--text-xl);padding:0 28px}.nav{z-index:100;background:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);transition:border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard);border-bottom:1px solid #0000;position:sticky;top:0}.nav.is-stuck{border-bottom-color:var(--border)}.nav__inner{align-items:center;gap:22px;height:64px;display:flex}.nav__logo{align-items:center;gap:10px;height:28px;display:inline-flex}.nav__logo img{width:auto;height:22px;display:block}.nav__mark{width:26px;height:26px!important}.nav__links{align-items:center;gap:4px;margin-left:14px;display:flex}.nav__links a{font:var(--weight-medium) var(--text-base) var(--font-sans);color:var(--muted-foreground);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);padding:8px 12px}.nav__links a:hover{color:var(--foreground);background:var(--muted);text-decoration:none}.nav__spacer{flex:1}.nav__tools{align-items:center;gap:10px;display:flex}.seg{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;display:inline-flex}.seg button{appearance:none;cursor:pointer;color:var(--muted-foreground);font:var(--weight-medium) var(--text-sm) var(--font-sans);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:5px 11px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-xs)}.icon-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--foreground);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--muted)}.icon-btn svg{width:18px;height:18px}.nav__menu-btn{display:none}.hero{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(56px,8vw,112px);position:relative;overflow:hidden}.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero__copy{max-width:620px}.hero h1{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:-.03em;margin:22px 0 0;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.04}.hero h1 .accent{color:var(--accent)}.hero__lead{font:var(--text-xl);line-height:var(--leading-relaxed);color:var(--muted-foreground);max-width:48ch;margin-top:22px}.hero__cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.hero__note{font:var(--text-sm);color:var(--muted-foreground);align-items:center;gap:8px;margin-top:16px;display:inline-flex}.hero__note svg{width:15px;height:15px;color:var(--accent)}.dotstage{aspect-ratio:1;width:100%;max-width:460px;margin-left:auto;position:relative}@property --glowColor{syntax:"<color>";inherits:false;initial-value:#3fb868}.dotstage__glow{will-change:transform;background:radial-gradient(42% 42% at 50% 50%, color-mix(in srgb, var(--glowColor) 30%, transparent), transparent 70%);animation:28s ease-in-out infinite glowColor,34s ease-in-out infinite glowMove;position:absolute;inset:-22%}@keyframes glowColor{0%,to{--glowColor:#3fb868}20%{--glowColor:#6aa9ff}42%{--glowColor:#3fb868}64%{--glowColor:#ffd166}82%{--glowColor:#ff6b6b}}@keyframes glowMove{0%,to{transform:translate(7%,-5%)scale(1)}33%{transform:translate(-6%,3%)scale(1.14)}66%{transform:translate(3%,7%)scale(.94)}}@media (prefers-reduced-motion:reduce){.dotstage__glow{animation:none}}.dotgrid{position:absolute;inset:0}.dotgrid .dot{width:var(--dg-size,11px);height:var(--dg-size,11px);background:var(--c,#3a3d47);opacity:.06;will-change:opacity, transform;border-radius:50%;transition:opacity 1s,transform 1s,background .45s;position:absolute;transform:translate(-50%,-50%)scale(.55)}.dotgrid .dot.on{opacity:var(--peak,.92);transform:translate(-50%,-50%)scale(1)}@media (prefers-reduced-motion:reduce){.dotgrid .dot{transition:none}}.philo{background:var(--surface-sunken)}.philo__panel{border-radius:var(--radius-2xl);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.philo__half{flex-direction:column;justify-content:center;gap:13px;min-height:280px;padding:clamp(34px,4.5vw,60px);display:flex;position:relative;overflow:hidden}.philo__half--simple{background:var(--surface)}.philo__half--power{background:color-mix(in srgb, var(--wf-green-600) 17%, var(--wf-ink));color:#eaf1ec}.philo__tag{font:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted-foreground)}.philo__half--power .philo__tag{color:color-mix(in srgb, var(--wf-green-500) 82%, white)}.philo__line{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:-.02em;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.12}.philo__desc{font:var(--text-md);line-height:var(--leading-relaxed);color:var(--muted-foreground);max-width:36ch}.philo__half--power .philo__desc{color:#a6bbab}.philo__deco{pointer-events:none;opacity:.85;width:63px;height:39px;position:absolute;bottom:26px;right:26px}.philo__deco .d{border-radius:50%;width:11px;height:11px;position:absolute}.philo__deco--simple .d{background:var(--border-strong)}.philo__deco--power .d{background:var(--wf-green-500)}.features{flex-direction:column;gap:clamp(64px,10vw,128px);display:flex}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,88px);display:grid}.feature--flip .feature__visual{order:-1}.feature__num{font:var(--weight-semibold) var(--text-sm) var(--font-mono);color:var(--accent);letter-spacing:.04em}.feature h3{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:-.02em;margin:12px 0 0;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.12}.feature p{font:var(--text-lg);line-height:var(--leading-relaxed);color:var(--muted-foreground);max-width:46ch;margin-top:16px}.feature__list{flex-direction:column;gap:12px;margin-top:22px;display:flex}.feature__list .li{font:var(--text-md);color:var(--foreground);align-items:flex-start;gap:11px;display:flex}.feature__list .li i{background:var(--accent-subtle);width:22px;height:22px;color:var(--accent-subtle-foreground);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.feature__list .li i svg{width:13px;height:13px}.feature__visual{justify-content:center;align-items:center;display:flex}.macwin{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);width:100%;max-width:540px;box-shadow:var(--shadow-xl);overflow:hidden}.macwin__bar{border-bottom:1px solid var(--border);background:var(--surface-sunken);align-items:center;gap:7px;height:36px;padding:0 13px;display:flex}.macwin__bar .tl{border-radius:50%;width:11px;height:11px}.macwin__body{grid-template-columns:44px 130px 1fr;height:290px;display:grid}.mw-rail{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex}.mw-rail .ri{border-radius:var(--radius-sm);background:var(--muted);width:22px;height:22px}.mw-rail .ri.on{background:var(--accent-subtle)}.mw-list{border-right:1px solid var(--border);flex-direction:column;gap:9px;padding:12px 10px;display:flex}.mw-list .row{border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:7px 8px;display:flex}.mw-list .row.on{background:var(--surface-sunken)}.mw-list .row .l{background:var(--border-strong);border-radius:4px;height:7px}.mw-list .row .l.sm{background:var(--border);width:60%;height:6px}.mw-chat{flex-direction:column;gap:12px;padding:16px;display:flex}.mw-bubble{border-radius:var(--radius-lg);max-width:84%;padding:9px 12px;font-size:11px;line-height:1.5}.mw-bubble.user{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:4px;align-self:flex-end}.mw-bubble.bot{background:var(--surface-sunken);color:var(--foreground);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.mw-line{background:color-mix(in srgb, currentColor 22%, transparent);border-radius:4px;height:7px;margin:5px 0}.mw-composer{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;height:34px;margin-top:auto;padding:0 6px 0 13px;display:flex}.mw-composer .ph{background:var(--border);border-radius:4px;flex:1;height:6px}.mw-composer .send{background:var(--accent);border-radius:50%;flex:none;width:24px;height:24px}.phone{background:var(--wf-ink);width:220px;box-shadow:var(--shadow-xl);border-radius:30px;flex:none;padding:9px}.phone__screen{background:var(--background);border-radius:22px;flex-direction:column;height:440px;display:flex;overflow:hidden}.phone__status{height:30px;font:var(--weight-semibold) 11px var(--font-sans);color:var(--foreground);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.phone__hd{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:6px 16px 12px;display:flex}.phone__hd .logo{border-radius:6px;width:22px;height:22px}.phone__hd .tt{font:var(--weight-semibold) var(--text-base) var(--font-sans)}.phone__list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow:hidden}.phone__item{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:7px;padding:11px 12px;display:flex}.phone__item .top{align-items:center;gap:8px;display:flex}.phone__item .pip{border-radius:50%;flex:none;width:8px;height:8px}.phone__item .l{background:var(--border-strong);border-radius:4px;flex:1;height:7px}.phone__item .l.sm{background:var(--border);width:70%;height:6px}.phone__dock{border-top:1px solid var(--border);justify-content:space-around;align-items:center;height:54px;padding:0 24px;display:flex}.phone__dock .d{background:var(--muted);border-radius:6px;width:22px;height:22px}.phone__dock .d.on{background:var(--accent-subtle)}.role-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);min-height:150px;box-shadow:var(--shadow-xs);flex-direction:column;gap:16px;padding:22px;display:flex}.role-card .rc-ic{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.role-card .rc-ic svg{width:21px;height:21px}.role-card .rc-t{font:var(--weight-semibold) var(--text-lg) var(--font-sans);letter-spacing:-.01em;margin-top:auto}.role-card .rc-dots{gap:5px;display:flex}.role-card .rc-dots i{border-radius:50%;width:8px;height:8px;display:block}.sync{justify-content:center;align-items:center;gap:0;display:flex;position:relative}.sync__link{background:linear-gradient(90deg, var(--accent), transparent, var(--accent));opacity:.7;align-self:center;width:clamp(28px,5vw,64px);height:2px;margin:0 -6px;position:relative}.flow__steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;display:grid}.flow__step{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:28px 26px;position:relative}.flow__step .n{background:var(--accent-subtle);width:38px;height:38px;color:var(--accent-subtle-foreground);font:var(--weight-semibold) var(--text-lg) var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.flow__step h4{font:var(--weight-semibold) var(--text-xl) var(--font-sans);letter-spacing:-.01em;margin:18px 0 0}.flow__step p{font:var(--text-base);line-height:var(--leading-relaxed);color:var(--muted-foreground);margin:9px 0 0}.flow__step .ic{color:var(--border-strong);position:absolute;top:26px;right:24px}.flow__step .ic svg{width:22px;height:22px}.faq{max-width:760px;margin:0 auto}.faq__list{border-top:1px solid var(--border);margin-top:44px}.faq__item{border-bottom:1px solid var(--border)}.faq__q{appearance:none;cursor:pointer;text-align:left;width:100%;color:var(--foreground);font:var(--weight-semibold) var(--text-xl) var(--font-sans);letter-spacing:-.01em;background:0 0;border:0;align-items:center;gap:16px;padding:22px 4px;display:flex}.faq__q .chev{color:var(--muted-foreground);transition:transform var(--duration-base) var(--ease-standard);flex:none;margin-left:auto}.faq__q .chev svg{width:20px;height:20px;display:block}.faq__item.open .faq__q .chev{transform:rotate(180deg)}.faq__a{max-height:0;transition:max-height var(--duration-slow) var(--ease-standard);overflow:hidden}.faq__a .inner{font:var(--text-md);line-height:var(--leading-relaxed);color:var(--muted-foreground);max-width:64ch;padding:0 4px 24px}.cta{position:relative;overflow:hidden}.cta__panel{border-radius:var(--radius-3xl);background:var(--wf-ink);color:#ececea;text-align:center;padding:clamp(48px,7vw,92px) clamp(28px,6vw,80px);position:relative;overflow:hidden}.cta__panel h2{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:-.025em;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.08;position:relative}.cta__panel p{font:var(--text-xl);color:#a7a7a0;max-width:44ch;line-height:var(--leading-relaxed);margin:18px auto 0;position:relative}.cta__btns{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:34px;display:flex;position:relative}.cta__deco{opacity:.5;pointer-events:none;position:absolute;inset:0}.footer{border-top:1px solid var(--border);padding:56px 0 40px}.footer__top{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer__brand{max-width:280px}.footer__brand img{width:auto;height:22px;display:block}.footer__brand p{font:var(--text-sm);line-height:var(--leading-relaxed);color:var(--muted-foreground);margin:14px 0 0}.footer__cols{flex-wrap:wrap;gap:56px;display:flex}.footer__col h5{font:var(--weight-semibold) var(--text-sm) var(--font-sans);color:var(--foreground);margin:0 0 12px}.footer__col a{font:var(--text-sm);color:var(--muted-foreground);padding:5px 0;display:block}.footer__col a:hover{color:var(--foreground);text-decoration:none}.footer__bottom{border-top:1px solid var(--border);font:var(--text-sm);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;display:flex}.footer__bottom a{color:var(--muted-foreground);font-weight:var(--weight-medium)}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=940px){.nav__links{display:none}.hero__grid{grid-template-columns:1fr;gap:40px}.dotstage{max-width:380px;margin:0 auto}.hero__copy{max-width:none}.feature,.feature--flip{grid-template-columns:1fr;gap:28px}.feature--flip .feature__visual{order:0}.feature__visual{order:-1}.flow__steps,.philo__panel{grid-template-columns:1fr}}@media (width<=560px){.wrap{padding:0 20px}.hero h1{font-size:clamp(2.2rem,9vw,3rem)}.seg button{padding:5px 9px}.btn{font-size:var(--text-base);height:46px}.macwin__body{grid-template-columns:38px 100px 1fr;height:250px}}html,body{overflow-x:clip}.nav{background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:saturate(1.65)blur(26px)}.nav.is-stuck{background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(34px)}.philo__heading{margin-bottom:34px}.features__intro{margin-bottom:8px}.features__intro .h-sec,.workflow-title,.faq-title{margin-top:18px}.features__intro .sub-sec{margin-top:14px}#features .features{margin-top:64px}.workflow-section{background:var(--surface-sunken)}.roles{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:440px;display:grid}.dotstage{overflow:hidden}.philo-dot-a{top:28px;left:0}.philo-dot-b{top:0;left:26px}.philo-dot-c{top:28px;left:26px}.philo-power-a{background:#ff6b6b;top:28px;left:0}.philo-power-b{background:#ffd166;top:0;left:26px}.philo-power-c{background:#3fb868;top:28px;left:26px}.philo-power-d{background:#6aa9ff;top:28px;left:52px}.mac-red{background:#ff5f57}.mac-yellow{background:#febc2e}.mac-green{background:#28c840}.mw-line-a{width:90%}.mw-line-b{width:75%}.mw-line-c{width:82%}.phone__status-icons{gap:4px;display:inline-flex}.phone-signal{width:13px}.phone-battery{width:15px}.phone__hd .logo{background:var(--wf-ink)}.pip-green{background:var(--wf-green-500)}.pip-blue{background:var(--wf-blue-500)}.pip-amber{background:var(--wf-amber-500)}.pip-coral{background:var(--wf-coral-500)}.cta__windows-btn{color:#ececea;background:0 0;border-color:#ffffff38}.cta-dotgrid{grid-template-columns:repeat(16,1fr);place-content:stretch;gap:22px;width:100%;height:100%;padding:8%;display:grid}.cta-dotgrid .dot{width:7px;height:7px;animation:wf-dot-pulse 4s var(--ease-standard) infinite alternate;border-radius:50%}@keyframes wf-dot-pulse{0%{transform:scale(.72)}to{transform:scale(1)}}@media (width<=560px){.nav__inner{gap:10px}.nav__tools{gap:6px}.nav__tools .btn--sm{width:38px;height:38px;padding:0}.nav__tools .btn--sm span{display:none!important}}