:root{--accent: #059669;--sky: #0ea5e9;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fw-page-bg: var(--navy);--fw-hero-bg: var(--navy);--fw-shot-section-bg: var(--navy);--fw-features-bg: var(--navy);--fw-code-section-bg: var(--navy-mid);--fw-principles-bg: var(--navy);--fw-community-bg: var(--navy);--fw-final-cta-bg: var(--navy-mid);--fw-card-bg: var(--navy-mid);--fw-panel-bg: var(--navy);--fw-heading: var(--white);--fw-body: var(--grey-light);--fw-body-secondary: var(--grey);--fw-border: rgba(148, 163, 184, .15);--fw-border-subtle: rgba(148, 163, 184, .14);--fw-border-strong: rgba(148, 163, 184, .18);--fw-border-input: rgba(148, 163, 184, .22);--fw-grid-line: rgba(148, 163, 184, .05);--fw-hero-glow-a: rgba(5, 150, 105, .13);--fw-hero-glow-b: rgba(37, 99, 235, .07);--fw-shot-fade: var(--navy);--fw-shot-glow: rgba(5, 150, 105, .18);--fw-shot-frame-bg: linear-gradient(180deg, rgba(148, 163, 184, .12), rgba(148, 163, 184, .04));--fw-shot-frame-border: rgba(148, 163, 184, .22);--fw-shot-shadow: 0 50px 130px rgba(0, 0, 0, .65), 0 8px 30px rgba(0, 0, 0, .4);--fw-shot-img-border: rgba(15, 23, 42, .6);--fw-card-hover-bg: rgba(5, 150, 105, .06);--fw-card-hover-heading: var(--green-light);--fw-card-hover-shadow: none;--fw-card-hover-transform: none;--fw-input-bg: rgba(255, 255, 255, .04);--fw-input-text: var(--white);--fw-input-focus-bg: rgba(14, 165, 233, .06);--fw-btn-secondary-bg: var(--navy-mid);--fw-btn-secondary-border: rgba(148, 163, 184, .15);--fw-btn-secondary-color: var(--white);--fw-btn-secondary-hover-bg: rgba(148, 163, 184, .15);--fw-modal-bg: #131c2e;--fw-modal-border: rgba(148, 163, 184, .18);--fw-modal-heading: var(--white);--fw-modal-body: var(--grey-light);--fw-modal-backdrop: rgba(7, 11, 20, .74);--fw-modal-shadow: 0 40px 120px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:light){:root{--fw-page-bg: #f8f9fb;--fw-hero-bg: #f8f9fb;--fw-shot-section-bg: #ffffff;--fw-features-bg: #f8f9fb;--fw-code-section-bg: #ffffff;--fw-principles-bg: #f8f9fb;--fw-community-bg: #ffffff;--fw-final-cta-bg: #f8f9fb;--fw-card-bg: #ffffff;--fw-panel-bg: #ffffff;--fw-heading: var(--navy);--fw-body: var(--grey);--fw-body-secondary: var(--grey);--fw-border: #e2e8f0;--fw-border-subtle: #e2e8f0;--fw-border-strong: #e2e8f0;--fw-border-input: #e2e8f0;--fw-grid-line: rgba(59, 130, 246, .06);--fw-hero-glow-a: rgba(5, 150, 105, .08);--fw-hero-glow-b: rgba(37, 99, 235, .04);--fw-shot-fade: #ffffff;--fw-shot-glow: rgba(5, 150, 105, .1);--fw-shot-frame-bg: #ffffff;--fw-shot-frame-border: #e2e8f0;--fw-shot-shadow: 0 24px 64px rgba(15, 23, 42, .08), 0 4px 16px rgba(15, 23, 42, .04);--fw-shot-img-border: #e2e8f0;--fw-card-hover-bg: rgba(5, 150, 105, .04);--fw-card-hover-heading: var(--accent);--fw-card-hover-shadow: 0 4px 24px rgba(15, 23, 42, .06);--fw-card-hover-transform: translateY(-2px);--fw-input-bg: #ffffff;--fw-input-text: var(--navy);--fw-input-focus-bg: #ffffff;--fw-btn-secondary-bg: transparent;--fw-btn-secondary-border: var(--navy);--fw-btn-secondary-color: var(--navy);--fw-btn-secondary-hover-bg: rgba(15, 23, 42, .05);--fw-modal-bg: #ffffff;--fw-modal-border: #e2e8f0;--fw-modal-heading: var(--navy);--fw-modal-body: var(--grey);--fw-modal-backdrop: rgba(15, 23, 42, .4);--fw-modal-shadow: 0 24px 64px rgba(15, 23, 42, .12)}}body{background:var(--fw-page-bg)}.fw-proto-hero h1,.fw-door h3,.fw-code-content h2,.section-header h2,.fw-principle h3,.fw-community-card h3,.fw-final-panel h3,.fw-feature-card h3{color:var(--fw-heading)}.fw-proto-hero h1 em{color:var(--accent)}.section-header p{font-family:var(--font-body);color:var(--fw-body-secondary)}.fw-door-actions .btn-secondary,.fw-code-ctas .btn-secondary{background:var(--fw-btn-secondary-bg);border:1px solid var(--fw-btn-secondary-border);color:var(--fw-btn-secondary-color)}.fw-door-actions .btn-secondary:hover,.fw-code-ctas .btn-secondary:hover{background:var(--fw-btn-secondary-hover-bg);color:var(--fw-btn-secondary-color)}.fw-proto-hero{position:relative;overflow:hidden;background-color:var(--fw-hero-bg);background-image:radial-gradient(960px circle at 22% 18%,var(--fw-hero-glow-a),transparent 58%),radial-gradient(860px circle at 88% 50%,var(--fw-hero-glow-b),transparent 55%);padding:100px 0 32px;border-bottom:1px solid var(--fw-border)}.fw-proto-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--fw-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--fw-grid-line) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 90% 55% at 50% 26%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 90% 55% at 50% 26%,#000 35%,transparent 100%)}.fw-proto-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 32px}.fw-proto-hero h1{font-size:clamp(2rem,4vw,3rem);max-width:800px;margin-bottom:20px}.fw-proto-sub{font-family:var(--font-body);font-size:1.0625rem;color:var(--fw-body);line-height:1.7;max-width:640px;margin-bottom:40px}.fw-doors{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;gap:20px;margin-bottom:0}.fw-door{background:var(--fw-card-bg);border:1px solid var(--fw-border-strong);padding:28px;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}@media(prefers-color-scheme:light){.fw-door--dev:hover{border-color:#05966959;box-shadow:0 4px 24px #0f172a0f}}.fw-door--dev{border-top:2px solid var(--accent)}.fw-door-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:16px}.fw-door--dev .fw-door-label{color:var(--accent)}.fw-door h3{font-size:1rem;margin-bottom:12px}.fw-door-pitch{font-family:var(--font-body);font-size:.9375rem;color:var(--fw-body);line-height:1.65;margin-bottom:20px}.fw-terminal{background:var(--navy);border:1px solid rgba(148,163,184,.15);margin-bottom:20px;overflow:hidden}.fw-terminal-header{background:#94a3b81a;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:.6875rem;color:var(--grey);border-bottom:1px solid rgba(148,163,184,.15)}.fw-terminal-dots{display:flex;gap:6px}.fw-terminal-dots span{width:10px;height:10px;border-radius:50%;background:#94a3b833}.fw-terminal-body{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;font-family:var(--font-mono);font-size:.625rem;line-height:1.55;color:var(--grey-light)}.fw-terminal-body code{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}.fw-terminal-body .prompt{color:var(--accent)}.fw-terminal-body button{flex-shrink:0;background:#94a3b81a;border:1px solid rgba(148,163,184,.15);color:var(--grey);padding:6px 12px;cursor:pointer;font-family:var(--font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:all .2s}.fw-terminal-body button:hover{background:#94a3b833;color:var(--white)}.fw-door-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.fw-door-meta{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--fw-body-secondary)}.fw-btn-large{padding:12px 24px;font-size:.8125rem}.fw-trust{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:28px 0 0;margin-top:28px;border-top:1px solid var(--fw-border-subtle)}.fw-trust-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--fw-body-secondary)}.fw-trust-logos{display:flex;align-items:center;justify-content:flex-start;padding:12px 32px 28px 0;margin:4px 0}.fw-trust-logo{height:42px;width:auto;max-width:132px;object-fit:contain;opacity:.85}.fw-trust-stats{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--fw-body-secondary)}.fw-shot-section{background:var(--fw-shot-section-bg);padding:32px 0 64px}.fw-hero-shot{position:relative;margin-top:0}.fw-hero-shot:before{content:"";position:absolute;inset:-30px 4% 40px;background:radial-gradient(closest-side,var(--fw-shot-glow),transparent 78%);pointer-events:none;z-index:0}.fw-hero-shot:after{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:44%;background:linear-gradient(to bottom,transparent,var(--fw-shot-fade) 82%);pointer-events:none;z-index:2}.fw-shot-caption{position:relative;z-index:1;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);text-align:center;margin-bottom:16px}.fw-shot-frame{position:relative;z-index:1;padding:10px;background:var(--fw-shot-frame-bg);border:1px solid var(--fw-shot-frame-border);box-shadow:var(--fw-shot-shadow)}.fw-shot-frame img,.fw-shot-frame video{display:block;width:100%;height:auto;border:1px solid var(--fw-shot-img-border)}.fw-features{padding:100px 0;background:var(--fw-features-bg);border-top:1px solid var(--fw-border)}.fw-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fw-feature-card{background:var(--fw-card-bg);border:1px solid var(--fw-border);padding:28px;position:relative;transition:background .25s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease;min-width:0}.fw-feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top center;transition:transform .25s ease}.fw-feature-card:hover{background:var(--fw-card-hover-bg);box-shadow:var(--fw-card-hover-shadow);transform:var(--fw-card-hover-transform)}.fw-feature-card:hover:before{transform:scaleY(1)}.fw-feature-card:hover h3{color:var(--fw-card-hover-heading)}.fw-feature-card h3{transition:color .2s ease;font-size:.875rem;margin-bottom:8px}.fw-feature-card p{font-family:var(--font-body);font-size:.875rem;color:var(--fw-body-secondary);line-height:1.7}.fw-feature-icon{margin-bottom:16px;color:var(--accent)}.fw-docs-link{display:inline-block;margin-top:40px;font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);text-decoration:none}.fw-docs-link:hover{text-decoration:underline}.fw-code-section{padding:100px 0;background:var(--fw-code-section-bg);border-top:1px solid var(--fw-border);border-bottom:1px solid var(--fw-border)}.fw-code-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:center}.fw-code-content p{font-family:var(--font-body);font-size:.9375rem;color:var(--fw-body-secondary);line-height:1.8;margin-bottom:28px}.fw-code-features{display:grid;gap:12px;margin-bottom:28px}.fw-code-feature{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:.875rem;color:var(--fw-body)}.fw-code-feature svg{color:var(--accent);flex-shrink:0}.fw-code-block-wrapper{background:var(--navy);border:1px solid rgba(148,163,184,.15);overflow:hidden;min-width:0}.fw-code-block-header{background:#94a3b81a;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:.6875rem;color:var(--grey);border-bottom:1px solid rgba(148,163,184,.15)}.fw-code-dots{display:flex;gap:6px}.fw-code-dots span{width:10px;height:10px;border-radius:50%;background:#94a3b833}.fw-code-block{padding:20px;font-size:.75rem;line-height:1.9;overflow-x:auto}.fw-code-block .comment{color:var(--grey)}.fw-code-block .keyword{color:#c678dd}.fw-code-block .string{color:var(--green-light)}.fw-code-block .function{color:#61afef}.fw-code-block .variable{color:#e5c07b}.fw-code-block .operator{color:#56b6c2}.fw-code-ctas{display:flex;flex-wrap:wrap;gap:10px}.fw-principles{padding:80px 0;background:var(--fw-principles-bg);border-top:1px solid var(--fw-border)}.fw-principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.fw-principle{display:flex;gap:16px;min-width:0}.fw-principle-num{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--accent);flex-shrink:0;padding-top:2px}.fw-principle h3{font-size:.875rem;margin-bottom:6px}.fw-principle p{font-family:var(--font-body);font-size:.875rem;color:var(--fw-body-secondary);line-height:1.65}.fw-community{padding:100px 0;background:var(--fw-community-bg);border-top:1px solid var(--fw-border)}.fw-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:64px}.fw-community-card{background:var(--fw-card-bg);border:1px solid var(--fw-border);padding:28px;text-align:center;transition:border-color .2s,box-shadow .25s ease,transform .25s ease;min-width:0}@media(prefers-color-scheme:light){.fw-community-card:hover{box-shadow:0 4px 24px #0f172a0f;transform:translateY(-2px)}}.fw-community-card:hover{border-color:var(--accent)}.fw-community-icon{margin-bottom:16px;color:var(--accent)}.fw-community-card h3{font-size:.875rem;margin-bottom:8px}.fw-community-card p{font-family:var(--font-body);font-size:.875rem;color:var(--fw-body-secondary);margin-bottom:16px;line-height:1.7}.fw-community-card a{color:var(--accent);text-decoration:none;font-family:var(--font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.fw-community-card a:hover{text-decoration:underline}.fw-final-cta{padding:64px 0 100px;background:var(--fw-final-cta-bg);border-top:1px solid var(--fw-border)}.fw-final-grid{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;gap:20px}.fw-final-panel{background:var(--fw-panel-bg);border:1px solid var(--fw-border);padding:28px;min-width:0}.fw-final-panel--dev{border-top:2px solid var(--accent)}.fw-final-panel h3{font-size:.9375rem;margin-bottom:16px}@keyframes wlFade{0%{opacity:0}to{opacity:1}}@keyframes wlPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.wl-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.wl-modal-backdrop{position:absolute;inset:0;background:var(--fw-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:wlFade .2s ease both}.wl-modal-card{position:relative;z-index:1;width:100%;max-width:440px;background:var(--fw-modal-bg);border:1px solid var(--fw-modal-border);padding:42px 36px 34px;text-align:center;box-shadow:var(--fw-modal-shadow);animation:wlPop .32s cubic-bezier(.22,.61,.36,1) both}.wl-modal-x{position:absolute;top:12px;right:14px;width:32px;height:32px;background:none;border:none;color:var(--grey);font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s ease}.wl-modal-x:hover{color:var(--fw-modal-heading)}.wl-modal-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.wl-modal--success .wl-modal-icon{background:#05966924;border:1px solid rgba(5,150,105,.5);color:var(--accent)}.wl-modal--error .wl-modal-icon{background:#dc26261f;border:1px solid rgba(220,38,38,.5);color:#f87171}.wl-modal-card h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:1.25rem;color:var(--fw-modal-heading);margin-bottom:12px}.wl-modal-card p{font-family:var(--font-body);font-size:.9375rem;color:var(--fw-modal-body);line-height:1.6;margin-bottom:26px}.wl-modal-btn{width:100%;justify-content:center}@keyframes wlRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.wl-anim{opacity:0;animation:wlRise .7s cubic-bezier(.22,.61,.36,1) forwards}@media(prefers-reduced-motion:reduce){.wl-anim{animation:none;opacity:1}.fw-feature-card,.fw-feature-card:before{transition:none}}@media(max-width:1024px){.fw-code-layout{grid-template-columns:minmax(0,1fr)}.fw-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.fw-doors,.fw-final-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){html{overflow-x:clip}nav{height:44px;min-height:44px}nav .container{padding:0 12px;gap:8px;min-width:0}nav .logo{gap:8px;min-width:0;flex-shrink:1;overflow:hidden}nav .logo .logo-mark.size-sm{font-size:.625rem;padding:3px 8px;letter-spacing:.06em;flex-shrink:0}nav .logo .logo-mark.size-sm:after{width:4px;height:4px}nav .logo-text{font-size:.5625rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}nav .nav-links{display:none}nav .nav-cta{gap:6px;flex-shrink:0;align-items:center}nav .nav-cta .btn-ghost{padding:7px 9px;gap:0;font-size:0;line-height:0;min-width:0}nav .nav-cta .btn-ghost svg{width:15px;height:15px;flex-shrink:0}nav .nav-cta .btn-primary{padding:7px 11px;font-size:.5625rem;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.fw-proto-inner,.container{padding-left:20px;padding-right:20px;min-width:0}.dimension-line{padding:14px 20px;max-width:100%;min-width:0}.dim-label{font-size:8px;padding:0 8px;letter-spacing:.06em}.section-header{margin-bottom:40px}.section-header p{font-size:.8125rem}.fw-proto-hero{padding:72px 0 20px}.fw-proto-hero h1{font-size:clamp(1.7rem,7.4vw,2.25rem);line-height:1.12;margin-bottom:16px}.fw-proto-hero h1 em{display:block}.fw-proto-sub{font-size:.9875rem;max-width:none;margin-bottom:28px}.fw-doors{gap:16px}.fw-door,.fw-final-panel{padding:20px}.fw-door-pitch{font-size:.875rem;margin-bottom:16px}.fw-door-actions{flex-direction:column}.fw-door-actions .btn{width:100%;justify-content:center}.fw-trust{margin-top:20px;padding-top:20px;gap:12px}.fw-trust-logos{padding:8px 0 16px;margin:0}.fw-trust-stats{line-height:1.6}.fw-shot-section{padding:20px 0 48px}.fw-shot-caption{margin-bottom:14px;padding:0 4px}.fw-shot-frame{padding:6px}.fw-features,.fw-code-section,.fw-community{padding:56px 0}.fw-principles{padding:48px 0}.fw-principles-grid{gap:24px}.fw-final-cta{padding:48px 0 64px}.fw-community-grid{margin-bottom:0}.fw-docs-link{margin-top:28px}.fw-features-grid,.fw-principles-grid,.fw-community-grid{grid-template-columns:minmax(0,1fr)}.fw-feature-card,.fw-community-card{padding:20px}.fw-code-layout{gap:32px}.fw-code-block{font-size:.6875rem}.fw-code-ctas{flex-direction:column}.fw-code-ctas .btn{width:100%;justify-content:center}}@media(max-width:480px){nav .logo-text{display:none}nav .nav-cta .btn-primary{padding:7px 10px;font-size:.53125rem}}@media(max-width:390px){nav .container{padding:0 10px}nav .nav-cta{gap:5px}nav .nav-cta .btn-primary{padding:6px 9px;font-size:.5rem;letter-spacing:.02em}.fw-terminal-body{overflow-x:auto;flex-wrap:nowrap}.fw-terminal-body code{white-space:nowrap;overflow-wrap:normal}}