@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--color-green-900: #183a28;--color-green-800: #1f4d34;--color-green-700: #2d5c42;--color-green-600: #3b6e52;--color-green-500: #4a8263;--color-green-400: #6a9f7f;--color-green-200: #b0d4be;--color-green-100: #d8eedf;--color-green-50: #eef8f1;--color-amber-900: #5c3a0a;--color-amber-700: #8a5a0c;--color-amber-500: #c8870e;--color-amber-400: #dba83a;--color-amber-100: #f5e2b0;--color-amber-50: #fdf6e3;--color-stone-950: #181c24;--color-stone-900: #222630;--color-stone-800: #30343e;--color-stone-700: #454850;--color-stone-600: #525660;--color-stone-500: #74787f;--color-stone-400: #9da0a5;--color-stone-300: #bbbdc1;--color-stone-200: #d4d6d9;--color-stone-150: #e0e2e5;--color-stone-100: #eceef0;--color-stone-50: #f7f5f0;--color-white: #ffffff;--color-blue-600: #2c6bb5;--color-blue-100: #d6e6f7;--color-blue-50: #edf4fc;--color-red-600: #c23b30;--color-red-100: #fae0dd;--color-red-50: #fdf2f1;--color-purple-600: #6e3fa8;--color-purple-100: #e8d9f7;--color-purple-50: #f5f0fc}:root{--bg-base: var(--color-stone-50);--bg-surface: var(--color-white);--bg-sunken: var(--color-stone-100);--bg-overlay: rgba(18,24,32,.72);--fg-1: var(--color-stone-950);--fg-2: var(--color-stone-800);--fg-3: var(--color-stone-600);--fg-4: var(--color-stone-400);--fg-inverse: var(--color-white);--brand-primary: var(--color-green-700);--brand-primary-hover: var(--color-green-800);--brand-primary-active: var(--color-green-900);--brand-primary-pale: var(--color-green-50);--brand-primary-light: var(--color-green-100);--brand-accent: var(--color-amber-500);--brand-accent-dark: var(--color-amber-700);--brand-accent-pale: var(--color-amber-50);--status-draft-bg: var(--color-stone-100);--status-draft-fg: var(--color-stone-700);--status-draft-border: var(--color-stone-300);--status-sent-bg: var(--color-blue-50);--status-sent-fg: var(--color-blue-600);--status-sent-border: var(--color-blue-100);--status-signed-bg: var(--color-green-50);--status-signed-fg: var(--color-green-700);--status-signed-border: var(--color-green-200);--status-paid-bg: var(--color-purple-50);--status-paid-fg: var(--color-purple-600);--status-paid-border: var(--color-purple-100);--feedback-success: var(--color-green-700);--feedback-success-bg: var(--color-green-50);--feedback-warning: var(--color-amber-700);--feedback-warning-bg: var(--color-amber-50);--feedback-danger: var(--color-red-600);--feedback-danger-bg: var(--color-red-50);--feedback-info: var(--color-blue-600);--feedback-info-bg: var(--color-blue-50);--border-base: var(--color-stone-200);--border-strong: var(--color-stone-300);--border-focus: var(--color-green-600);--border-brand: var(--color-green-700);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px 0 rgba(18,24,32,.06);--shadow-sm: 0 1px 4px 0 rgba(18,24,32,.08), 0 1px 2px -1px rgba(18,24,32,.06);--shadow-md: 0 4px 12px -2px rgba(18,24,32,.1), 0 2px 4px -2px rgba(18,24,32,.06);--shadow-lg: 0 12px 32px -6px rgba(18,24,32,.14), 0 4px 10px -4px rgba(18,24,32,.08);--shadow-xl: 0 24px 48px -12px rgba(18,24,32,.18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}:root{--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "DM Mono", "Fira Code", "Courier New", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .08em;--tracking-widest: .12em}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-2);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}h2,.h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}h3,.h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg-1)}h4,.h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg-1)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg-2)}.text-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-3)}.text-caption{font-size:var(--text-xs);color:var(--fg-3);line-height:var(--leading-normal)}code,.code,kbd{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.drawing-grid{background-image:linear-gradient(to right,var(--color-stone-200) 1px,transparent 1px),linear-gradient(to bottom,var(--color-stone-200) 1px,transparent 1px);background-size:24px 24px}.drawing-grid-minor{background-image:linear-gradient(to right,var(--color-stone-150) 1px,transparent 1px),linear-gradient(to bottom,var(--color-stone-150) 1px,transparent 1px),linear-gradient(to right,var(--color-stone-200) 1px,transparent 1px),linear-gradient(to bottom,var(--color-stone-200) 1px,transparent 1px);background-size:6px 6px,6px 6px,24px 24px,24px 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--fg-2);font-family:var(--font-body);overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-stone-300) var(--bg-base)}.skip-link{position:absolute;top:-100%;left:16px;z-index:100;padding:8px 16px;background:var(--brand-primary);color:var(--fg-inverse);font-family:var(--font-display);font-size:13px;font-weight:600;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:8px}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--color-stone-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-stone-400)}:root{--container: 1240px;--page-pad: 32px;--accent: var(--brand-accent);--accent-dark: var(--brand-accent-dark);--section-rhythm: 112px}.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--brand-primary);letter-spacing:var(--tracking-widest);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.eyebrow.eyebrow-accent{color:var(--accent-dark)}.eyebrow.eyebrow-center{justify-content:center}.eyebrow.eyebrow-center:before{display:none}.display-1{font-family:var(--font-display);font-weight:700;font-size:clamp(46px,6.4vw,92px);line-height:.96;letter-spacing:-.038em;color:var(--fg-1);text-wrap:balance}.display-2{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,4.2vw,56px);line-height:1.02;letter-spacing:-.03em;color:var(--fg-1);text-wrap:balance}.display-3{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.02em;color:var(--fg-1)}.lede{font-size:18px;line-height:1.55;color:var(--fg-3);max-width:60ch}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.accent-text{color:var(--accent-dark)}.underline-mark{background-image:linear-gradient(transparent 68%,color-mix(in oklab,var(--accent) 35%,transparent) 68%);background-repeat:no-repeat;padding:0 4px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--page-pad)}section{position:relative}.section-pad{padding:var(--section-rhythm) var(--page-pad)}.section-pad-sm{padding:56px var(--page-pad)}.section-stone{background:var(--color-stone-100);border-top:1px solid var(--border-base);border-bottom:1px solid var(--border-base)}.section-warm{background:linear-gradient(180deg,var(--color-stone-50) 0%,var(--color-amber-50) 100%);border-top:1px solid var(--border-base);border-bottom:1px solid var(--border-base)}.section-dark{background:var(--color-green-900);color:#ffffffc7}.section-dark h1,.section-dark h2,.section-dark h3{color:#fff}.section-dark .lede{color:#ffffffb8}.section-dark .eyebrow{color:var(--accent)}.section-head{text-align:center;margin:0 auto 64px;max-width:720px}.section-head h2{margin:14px 0 16px}.section-head .lede{margin:0 auto}.nav{position:sticky;top:0;z-index:50;background:#f7f5f0d1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-base)}.nav-inner{max-width:var(--container);margin:0 auto;padding:14px var(--page-pad);display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--fg-1);letter-spacing:-.015em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:var(--brand-primary)}.brand-tag{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);letter-spacing:.06em;padding:2px 6px;border:1px solid var(--border-base);border-radius:3px;margin-left:4px}.nav-links{display:flex;gap:4px;flex:1}.nav-links a{padding:8px 14px;font-family:var(--font-display);font-size:13.5px;font-weight:500;color:var(--fg-2);border-radius:4px;transition:background .12s ease,color .12s ease}.nav-links a:hover{background:var(--bg-sunken);color:var(--fg-1)}.nav-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-family:var(--font-display);font-size:13.5px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease;line-height:1;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-primary);color:var(--fg-inverse);border-color:var(--brand-primary);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-primary:active{background:var(--brand-primary-active)}.btn-ghost{color:var(--fg-2);background:transparent}.btn-ghost:hover{background:var(--bg-sunken);color:var(--fg-1)}.btn-outline{color:var(--brand-primary);background:var(--bg-surface);border-color:var(--border-strong)}.btn-outline:hover{border-color:var(--brand-primary)}.btn-lg{padding:14px 22px;font-size:14.5px}.btn-inverse{background:var(--bg-surface);color:var(--fg-1);border-color:var(--bg-surface)}.btn-inverse:hover{background:var(--color-stone-100)}.btn-on-dark-ghost{color:var(--color-stone-100);border-color:#ffffff38}.btn-on-dark-ghost:hover{background:#ffffff14}.hero{padding:76px var(--page-pad) 88px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--color-stone-200) 1px,transparent 1px),linear-gradient(to bottom,var(--color-stone-200) 1px,transparent 1px);background-size:28px 28px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 85% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at 85% 0%,#000 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;position:relative}.hero h1{margin:20px 0 26px}.hero h1 .accent{color:var(--accent-dark);position:relative}.hero h1 .accent:after{content:"";display:inline-block;width:14px;height:14px;background:var(--accent);margin-left:6px;margin-bottom:7px;vertical-align:middle}.hero-ctas{display:flex;gap:12px;margin-top:36px;align-items:center;flex-wrap:wrap}.hero-meta{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--fg-3)}.hero-meta-item{display:flex;align-items:center;gap:8px}.hero-meta-item svg{color:var(--brand-primary)}.logo-strip{padding:28px var(--page-pad);background:var(--bg-surface);border-top:1px solid var(--border-base);border-bottom:1px solid var(--border-base)}.logo-strip-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.logo-strip-label{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--fg-3);letter-spacing:.12em;text-transform:uppercase}.logo-strip-logos{display:flex;gap:44px;flex-wrap:wrap;align-items:center}.placeholder-logo{font-family:var(--font-display);font-weight:700;color:var(--fg-3);font-size:15px;letter-spacing:-.01em;opacity:.85;display:flex;align-items:center;gap:7px;white-space:nowrap}.placeholder-logo .glyph{width:16px;height:16px;background:currentColor}.placeholder-logo .glyph.circle{border-radius:50%}.placeholder-logo .glyph.diamond{transform:rotate(45deg);width:14px;height:14px}.placeholder-logo .glyph.bar{width:4px;height:16px;box-shadow:6px 0 0 currentColor,12px 0 0 currentColor}.placeholder-logo .glyph.tri{width:0;height:0;background:transparent;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid currentColor}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-base);border:1px solid var(--border-base);border-radius:var(--radius-md);overflow:hidden}.compare-col{background:var(--bg-surface);padding:40px 36px}.compare-col.old{background:var(--color-stone-50)}.compare-col h3{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--fg-1);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:10px;margin-bottom:24px}.compare-col.old h3{color:var(--color-stone-600)}.compare-col ul{list-style:none;display:flex;flex-direction:column;gap:14px}.compare-col li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45}.compare-col.old li{color:var(--fg-3)}.compare-col.old li svg{color:var(--color-stone-400);flex-shrink:0;margin-top:2px}.compare-col li svg{color:var(--brand-primary);flex-shrink:0;margin-top:2px}.compare-col strike{text-decoration:line-through;text-decoration-color:var(--color-stone-300)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;counter-reset:step}.step{padding:32px 28px 28px;border-right:1px dashed var(--border-strong);position:relative}.step:last-child{border-right:none}.step-num{font-family:var(--font-mono);font-size:11px;color:var(--accent-dark);letter-spacing:.1em;margin-bottom:18px;font-weight:500}.step-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--brand-primary-pale);color:var(--brand-primary);display:grid;place-items:center;margin-bottom:18px}.step h3{font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:19px;margin-bottom:8px;letter-spacing:-.015em}.step p{font-size:14px;color:var(--fg-3);line-height:1.55}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-base);border:1px solid var(--border-base);border-radius:var(--radius-md);overflow:hidden}.feature{background:var(--bg-surface);padding:36px 30px;display:flex;flex-direction:column;gap:14px;min-height:240px;transition:background .2s ease}.feature:hover{background:var(--color-stone-50)}.feature-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--brand-primary-pale);color:var(--brand-primary);display:grid;place-items:center}.feature h3{font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:17px;letter-spacing:-.01em}.feature p{font-size:13.5px;color:var(--fg-3);line-height:1.55;margin-top:-2px}.quote-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.pull-quote{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.25;letter-spacing:-.015em;color:var(--fg-1);text-wrap:pretty}.pull-quote:before{content:"“";display:block;font-size:72px;line-height:.6;color:var(--accent);margin-bottom:14px}.quote-author{margin-top:28px;display:flex;align-items:center;gap:14px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-amber-400),var(--color-amber-700));display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff;font-size:16px}.author-name{font-family:var(--font-display);font-weight:600;color:var(--fg-1)}.author-meta{font-size:13px;color:var(--fg-3)}.results-card{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-sm)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result{padding:8px 0}.result .num{font-family:var(--font-display);font-weight:700;font-size:44px;color:var(--brand-primary);letter-spacing:-.025em;line-height:1}.result .num small{font-size:24px;font-weight:600;color:var(--accent-dark);margin-left:2px}.result .lbl{font-size:13px;color:var(--fg-3);margin-top:8px;line-height:1.4}.results-foot{margin-top:24px;padding-top:18px;border-top:1px solid var(--border-base);font-family:var(--font-mono);font-size:11px;color:var(--fg-3);letter-spacing:.04em;display:flex;align-items:center;gap:8px}.integrations{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border-base);border:1px solid var(--border-base);border-radius:var(--radius-md);overflow:hidden}.integration{background:var(--bg-surface);padding:28px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:background .16s ease}.integration:hover{background:var(--color-stone-50)}.integration-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--fg-1)}.integration-name{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--fg-1)}.integration-cat{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);letter-spacing:.06em}.faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:64px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-base);padding:22px 0}.faq-item:first-child{border-top:1px solid var(--border-base)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:16px;letter-spacing:-.01em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);color:var(--brand-primary);font-size:22px;font-weight:500;transition:transform .2s ease;margin-left:16px}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:12px;font-size:14.5px;color:var(--fg-3);line-height:1.6;max-width:64ch}.cta-block{text-align:center;padding:var(--section-rhythm) var(--page-pad);position:relative;overflow:hidden}.cta-block .container{position:relative;z-index:1}.cta-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at center,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at center,#000 0%,transparent 70%)}.cta-block h2{color:#fff;margin-bottom:20px}.cta-block .lede{color:#ffffffb8;margin:0 auto 36px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta-foot{margin-top:28px;font-family:var(--font-mono);font-size:11px;color:#ffffff80;letter-spacing:.04em}footer{background:var(--color-stone-950);color:var(--color-stone-400);padding:64px var(--page-pad) 28px}.footer-inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .brand{color:#fff}.footer-brand p{color:var(--color-stone-400);font-size:13px;margin-top:16px;max-width:32ch;line-height:1.55}.footer-col h4{font-family:var(--font-display);font-size:11px;font-weight:600;color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{font-size:13.5px;color:var(--color-stone-400)}.footer-col a:hover{color:#fff}.footer-bot{max-width:var(--container);margin:0 auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-family:var(--font-mono);color:var(--color-stone-500);letter-spacing:.04em;flex-wrap:wrap;gap:16px}.hw-wrap{position:relative}.hw-window{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.hw-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);pointer-events:none;box-shadow:inset 0 0 0 1px #fff9}.hw-topbar{height:34px;background:var(--color-stone-100);border-bottom:1px solid var(--border-base);display:flex;align-items:center;gap:6px;padding:0 12px}.hw-dot{width:9px;height:9px;border-radius:50%;background:var(--color-stone-300)}.hw-url{margin-left:10px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);background:var(--bg-surface);border:1px solid var(--border-base);border-radius:3px;padding:3px 12px;min-width:240px}.hw-body{padding:0}.hw-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-base);padding:0 14px;background:var(--bg-surface)}.hw-tab{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--fg-3);padding:12px 14px;position:relative;border:0;background:transparent;cursor:pointer;transition:color .12s ease}.hw-tab:hover{color:var(--fg-1)}.hw-tab.active{color:var(--brand-primary);font-weight:600}.hw-tab-bar{position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--brand-primary);border-radius:2px 2px 0 0}.hw-tabs-spacer{flex:1}.hw-mini-badge{font-family:var(--font-display);font-size:9.5px;font-weight:600;letter-spacing:.08em;color:var(--fg-3);border:1px solid var(--border-base);border-radius:3px;padding:3px 8px;background:var(--bg-sunken)}.hw-stage{padding:18px 18px 14px;min-height:360px;background:var(--bg-surface)}.hw-statusbar{display:flex;align-items:center;gap:18px;padding:8px 14px;border-top:1px solid var(--border-base);background:var(--bg-sunken);font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3)}.hw-statusbar>span:not(.hw-prog){display:inline-flex;align-items:center;gap:5px}.hw-prog{margin-left:auto;display:inline-flex;gap:4px}.hw-pip{width:12px;height:4px;border-radius:2px;background:var(--color-stone-300)}.hw-pip.on{background:var(--brand-primary)}.hw-annot{position:absolute;background:var(--bg-surface);border:1px solid var(--border-base);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:12px;z-index:3;animation:hw-pop .28s ease both}@keyframes hw-pop{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hw-annot-icon{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--brand-primary-pale);color:var(--brand-primary);flex-shrink:0}.hw-annot strong{font-family:var(--font-display);color:var(--fg-1);font-size:12.5px;font-weight:600;display:block}.hw-annot span{color:var(--fg-3);font-size:11px;display:block;margin-top:1px}.hw-annot-tl{top:-18px;left:-22px}.hw-draw{display:flex;flex-direction:column;gap:12px}.hw-toolbar{display:flex;align-items:center;gap:4px;background:var(--color-stone-50);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:4px}.hw-tool{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:11px;font-weight:500;color:var(--fg-3);padding:6px 10px;border-radius:3px;border:0;background:transparent}.hw-tool:hover{background:var(--bg-surface);color:var(--fg-1)}.hw-tool.active{background:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-xs)}.hw-tool-sep{width:1px;height:16px;background:var(--border-base);margin:0 4px}.hw-canvas{position:relative;background:var(--color-stone-50);border:1px solid var(--border-base);border-radius:var(--radius-sm);height:280px;overflow:hidden}.hw-svg{position:absolute;top:14px;right:14px;bottom:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px)}.hw-fence-path{stroke-dasharray:1400;stroke-dashoffset:1400;animation:hw-draw 2.2s ease forwards}@keyframes hw-draw{to{stroke-dashoffset:0}}.hw-post{opacity:0;animation:hw-fade-in .28s ease forwards}@keyframes hw-fade-in{to{opacity:1}}.hw-readout{position:absolute;right:12px;top:12px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-width:130px}.hw-readout-row{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:11px;color:var(--fg-3)}.hw-readout-row b{color:var(--fg-1)}.hw-items{display:flex;flex-direction:column;gap:12px}.hw-section-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.hw-section-row h4{font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--fg-1);letter-spacing:-.01em}.hw-section-row p{font-size:11.5px;color:var(--fg-3);margin-top:2px}.hw-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--brand-primary);background:var(--brand-primary-pale);border:1px solid var(--color-green-100);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:3px}.hw-pill-ok{color:var(--brand-primary)}.hw-table{width:100%;border-collapse:collapse}.hw-table thead th{text-align:left;font-family:var(--font-display);font-size:9.5px;font-weight:600;color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;background:var(--bg-sunken);padding:8px 10px;border-bottom:1px solid var(--border-base)}.hw-table thead th:first-child{border-top-left-radius:4px}.hw-table thead th:last-child{border-top-right-radius:4px}.hw-table tbody td{padding:9px 10px;font-size:11.5px;border-bottom:1px solid var(--border-base);color:var(--fg-2)}.hw-sku{color:var(--fg-1);font-weight:500}.hw-supplier{font-family:var(--font-mono);font-size:9.5px;color:var(--fg-3);margin-top:2px;letter-spacing:.04em}.hw-tot-row{display:flex;justify-content:space-between;padding:10px;font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:12.5px;background:var(--color-stone-50);border-radius:var(--radius-sm);margin-top:-4px}.hw-costs{display:flex;flex-direction:column;gap:14px}.hw-costs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hw-cost-card{background:var(--color-stone-50);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:6px}.hw-cost-label{font-family:var(--font-display);font-size:10px;color:var(--fg-3);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hw-cost-num{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--fg-1);letter-spacing:-.02em}.hw-bar{display:block;height:5px;background:var(--color-stone-150);border-radius:3px;overflow:hidden;margin-top:2px}.hw-bar>span{display:block;height:100%;border-radius:3px;animation:hw-grow .7s ease both;transform-origin:left}@keyframes hw-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hw-margin-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:13px;color:var(--fg-2);padding:8px 12px;border-radius:var(--radius-sm)}.hw-margin-row span.mono{font-weight:600;color:var(--fg-1)}.hw-margin-row-thin{padding:2px 12px;font-size:11.5px;color:var(--fg-3)}.hw-margin-label{font-weight:600;color:var(--fg-1)}.hw-margin-total{font-weight:600}.hw-margin-row-final{background:var(--brand-primary);color:#fff}.hw-margin-row-final span{color:#fff!important}.hw-margin-row-final .mono{font-weight:700;font-size:14px}.hw-quote{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.hw-quote-preview{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:16px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs)}.hw-qp-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.hw-qp-brand{font-family:var(--font-display);font-weight:700;color:var(--fg-1);font-size:14px}.hw-qp-meta{font-family:var(--font-mono);font-size:9.5px;color:var(--fg-3);margin-top:2px}.hw-qp-ref{text-align:right;font-family:var(--font-display)}.hw-qp-ref span{font-size:8.5px;font-weight:600;color:var(--fg-3);letter-spacing:.12em;text-transform:uppercase}.hw-qp-ref b{display:block;font-size:13px;color:var(--fg-1);margin-top:1px}.hw-qp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--border-base);border-bottom:1px solid var(--border-base);margin-bottom:8px}.hw-qp-grid b{display:block;font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:12px;margin-top:2px}.hw-qp-label{font-family:var(--font-display);font-size:8.5px;font-weight:600;color:var(--fg-3);letter-spacing:.12em;text-transform:uppercase}.hw-qp-sm{font-size:10px;color:var(--fg-3);margin-top:1px;display:block}.hw-qp-line{display:none}.hw-qp-row{display:flex;justify-content:space-between;font-size:11.5px;padding:5px 0;color:var(--fg-2)}.hw-qp-row-tot{border-top:1px solid var(--border-base);margin-top:6px;padding-top:8px;font-weight:600;color:var(--fg-1)}.hw-qp-row-final{font-family:var(--font-display);font-weight:700;color:var(--brand-primary);font-size:13px}.hw-quote-side{display:flex;flex-direction:column;gap:10px}.hw-side-card{background:var(--color-stone-50);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:6px}.hw-side-card-accent{background:var(--brand-primary-pale);border-color:var(--color-green-100)}.hw-side-label{font-family:var(--font-display);font-size:9.5px;font-weight:600;color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.hw-send-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-base);color:var(--fg-1);font-family:var(--font-display);font-size:11px;font-weight:500;padding:6px 10px;border-radius:3px;width:100%}.hw-send-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.hw-activity{list-style:none;display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-2)}.hw-activity li{display:flex;align-items:center;gap:8px}.hw-dot-g{width:7px;height:7px;border-radius:50%;background:var(--brand-primary);flex-shrink:0}.hw-dot-pulse{box-shadow:0 0 #2d5c4299;animation:hw-pulse 1.6s infinite}@keyframes hw-pulse{0%{box-shadow:0 0 #2d5c4299}70%{box-shadow:0 0 0 6px #2d5c4200}to{box-shadow:0 0 #2d5c4200}}.demo-wrap{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);display:grid;grid-template-columns:1.3fr 1fr}.demo-canvas-side{background:var(--color-stone-50);padding:28px;position:relative;border-right:1px solid var(--border-base);min-height:480px}.demo-canvas-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.demo-canvas-side-head h4{font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:14px}.demo-canvas-side-head p{font-size:11.5px;color:var(--fg-3);margin-top:2px}.demo-canvas{position:relative;background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);height:360px;display:grid;place-items:center;overflow:hidden;transition:border-color .18s ease,background .18s ease}.demo-canvas.dragging{border-color:var(--brand-primary);background:var(--brand-primary-pale)}.demo-canvas.has-plan{padding:0}.demo-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--fg-3);padding:24px;text-align:center}.demo-empty-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--brand-primary)}.demo-empty h5{font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:15px}.demo-empty p{font-size:12.5px;color:var(--fg-3);max-width:32ch;line-height:1.45}.demo-samples{display:flex;gap:8px;margin-top:8px}.demo-sample-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11.5px;font-weight:500;color:var(--brand-primary);border:1px solid var(--border-base);background:var(--bg-surface);padding:7px 10px;border-radius:3px;transition:border-color .12s ease}.demo-sample-btn:hover{border-color:var(--brand-primary)}.demo-scan{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f7f5f0d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-mono);font-size:12.5px;color:var(--brand-primary);letter-spacing:.04em;flex-direction:column;z-index:2}.demo-scan-bar{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);animation:demo-scanline 1.8s linear infinite}@keyframes demo-scanline{0%{top:5%}50%{top:95%}to{top:5%}}.demo-result-side{padding:28px;display:flex;flex-direction:column;gap:16px}.demo-result-head{display:flex;align-items:center;gap:8px}.demo-result-head .demo-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--brand-primary);background:var(--brand-primary-pale);border:1px solid var(--color-green-100);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:3px}.demo-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-stat{border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-surface)}.demo-stat-label{font-family:var(--font-display);font-size:10px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.demo-stat-value{font-family:var(--font-display);font-weight:700;color:var(--fg-1);font-size:22px;letter-spacing:-.02em;margin-top:4px}.demo-stat-value.accent{color:var(--brand-primary)}.demo-stat-sub{font-size:11px;color:var(--fg-3);margin-top:2px}.demo-quote-card{background:var(--brand-primary);color:#fff;border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:6px}.demo-quote-card .label{font-family:var(--font-display);font-size:10.5px;font-weight:600;color:#fff9;letter-spacing:.12em;text-transform:uppercase}.demo-quote-card .price{font-family:var(--font-display);font-weight:700;font-size:38px;letter-spacing:-.025em;line-height:1}.demo-quote-card .sub{color:#ffffffb3;font-size:12.5px}.demo-placeholder-result{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;height:100%;color:var(--fg-3);text-align:center}.demo-placeholder-result svg{color:var(--fg-4)}.demo-placeholder-result p{font-size:12.5px;max-width:28ch}.demo-plan{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:#fff;border:1px solid var(--border-base);border-radius:3px;padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-xs)}.demo-plan-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:9px;color:var(--fg-3);letter-spacing:.06em;padding-bottom:6px;border-bottom:1px dashed var(--border-base)}.demo-plan-svg-wrap{flex:1;position:relative}.demo-plan-svg{width:100%;height:100%}.demo-trace{stroke:var(--brand-primary);stroke-width:2.4;fill:none;stroke-dasharray:1200;stroke-dashoffset:1200;animation:hw-draw 1.6s ease .4s forwards}.demo-tag{font-family:var(--font-mono);font-size:8px;fill:var(--accent-dark)}.roi{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-base);border:1px solid var(--border-base);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.roi-controls{background:var(--bg-surface);padding:36px 32px;display:flex;flex-direction:column;gap:24px}.roi-control{display:flex;flex-direction:column;gap:8px}.roi-control-head{display:flex;justify-content:space-between;align-items:baseline}.roi-control label{font-family:var(--font-display);font-size:13px;color:var(--fg-1);font-weight:600}.roi-control .value{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--brand-primary);letter-spacing:-.02em}.roi-control .value small{font-family:var(--font-body);font-weight:500;font-size:12px;color:var(--fg-3);margin-left:4px}.roi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-stone-150);border-radius:3px;outline:none}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:var(--brand-primary);border-radius:50%;cursor:grab;box-shadow:0 0 0 4px #2d5c421f}.roi-slider::-moz-range-thumb{width:22px;height:22px;background:var(--brand-primary);border:0;border-radius:50%;cursor:grab;box-shadow:0 0 0 4px #2d5c421f}.roi-ticks{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);margin-top:2px}.roi-results{background:var(--color-green-900);color:#fff;padding:36px 32px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.roi-results:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);pointer-events:none}.roi-results>*{position:relative;z-index:1}.roi-result-label{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.roi-headline{font-family:var(--font-display);font-weight:700;font-size:56px;line-height:1;letter-spacing:-.035em;color:#fff}.roi-headline small{font-size:24px;color:var(--accent);margin-left:4px}.roi-sub{color:#ffffffb3;font-size:14px;max-width:38ch;line-height:1.5}.roi-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.roi-breakdown-item .num{font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff;letter-spacing:-.02em}.roi-breakdown-item .lbl{font-size:11.5px;color:#fff9;margin-top:4px;line-height:1.4}.roi-foot{font-family:var(--font-mono);font-size:10.5px;color:#ffffff80;letter-spacing:.04em;margin-top:auto;padding-top:14px}@media (max-width: 1080px){.roi,.demo-wrap{grid-template-columns:1fr}.demo-canvas-side{border-right:none;border-bottom:1px solid var(--border-base);min-height:380px}.hw-costs-grid{grid-template-columns:1fr 1fr}.hw-quote{grid-template-columns:1fr}}.pricing-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-pill);padding:4px;margin:0 auto 40px;position:relative;box-shadow:var(--shadow-xs);min-width:320px}.pricing-toggle-wrap{text-align:center}.pricing-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 22px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--fg-3);border:0;background:transparent;border-radius:var(--radius-pill);cursor:pointer;position:relative;z-index:1;transition:color .18s ease;white-space:nowrap}.pricing-toggle-btn.active{color:#fff}.pricing-toggle-slide{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--brand-primary);border-radius:var(--radius-pill);transition:transform .22s cubic-bezier(.4,0,.2,1)}.pricing-toggle-slide.annual{transform:translate(100%)}.pricing-save{display:inline-flex;align-items:center;background:var(--brand-primary-pale);color:var(--brand-primary);font-family:var(--font-display);font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;margin-left:4px;letter-spacing:.06em;text-transform:uppercase}.pricing-toggle-btn.active .pricing-save{background:#ffffff2e;color:#fff}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-md);padding:32px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.price-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.price-card.featured{border:1.5px solid var(--brand-primary);box-shadow:var(--shadow-md);position:relative}.featured-tag{position:absolute;top:-11px;left:28px;background:var(--brand-primary);color:#fff;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:3px}.price-name{font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:17px;margin-bottom:4px}.price-blurb{font-size:13px;color:var(--fg-3);margin-bottom:24px;line-height:1.45}.price-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:6px;transition:opacity .2s ease}.price-amount .cur{font-family:var(--font-mono);font-size:14px;color:var(--fg-3);margin-right:1px}.price-amount .num{font-family:var(--font-display);font-weight:700;font-size:52px;color:var(--fg-1);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.price-amount .per{font-size:13px;color:var(--fg-3);margin-left:6px}.price-note{font-size:12px;color:var(--fg-3);margin-bottom:24px;font-family:var(--font-mono)}.price-cta{margin-bottom:28px}.price-cta .btn{width:100%;justify-content:center}.price-list{list-style:none;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-base);padding-top:22px}.price-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--fg-2);line-height:1.45}.price-list li svg{color:var(--brand-primary);flex-shrink:0;margin-top:2px}@media (max-width: 1080px){.pricing{grid-template-columns:1fr}}:root[data-logos=hide] .logo-strip{display:none}:root[data-integrations=hide] .integrations-section{display:none}:root[data-hero-layout=stacked] .hero-inner{grid-template-columns:1fr;text-align:left;gap:48px}:root[data-hero-layout=wide] .hero-inner{grid-template-columns:1fr;text-align:center;gap:56px}:root[data-hero-layout=wide] .hero h1,:root[data-hero-layout=wide] .lede,:root[data-hero-layout=wide] .hero-meta,:root[data-hero-layout=wide] .hero-ctas{margin-left:auto;margin-right:auto}:root[data-hero-layout=wide] .lede{max-width:56ch}:root[data-hero-layout=wide] .hero-ctas{justify-content:center}:root[data-hero-layout=wide] .hero-meta{justify-content:center}:root[data-hero-layout=wide] .eyebrow{justify-content:center}:root[data-hero-layout=wide] .eyebrow:before{display:none}:root[data-hero-layout=wide] .hw-annot-tl{left:0;top:-32px}:root[data-density=compact]{--section-rhythm: 80px}:root[data-density=airy]{--section-rhythm: 140px}.nav-hamburger{display:none;flex-direction:column;gap:4px;padding:8px;cursor:pointer}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--fg-1);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.nav-open .nav-hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-open .nav-hamburger span:nth-child(2){opacity:0}.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 1080px){.nav-hamburger{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#f7f5f0f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-base);padding:8px var(--page-pad) 16px;flex-direction:column;gap:0;box-shadow:var(--shadow-md)}.nav-open .nav-links{display:flex}.nav-links a{padding:12px 14px;font-size:15px;border-bottom:1px solid var(--border-base)}.nav-links a:last-child{border-bottom:none}.hero-inner{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.integrations{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:none}.step:nth-child(1),.step:nth-child(2){border-bottom:1px dashed var(--border-strong)}.quote-wrap{grid-template-columns:1fr;gap:36px}.faq-grid{grid-template-columns:1fr;gap:32px}.footer-inner{grid-template-columns:1fr 1fr 1fr;gap:32px}:root:not([data-density=compact]):not([data-density=airy]){--section-rhythm: 88px}}@media (max-width: 640px){:root{--page-pad: 20px}:root:not([data-density=compact]):not([data-density=airy]){--section-rhythm: 72px}.features,.compare,.steps{grid-template-columns:1fr}.step{border-right:none!important;border-bottom:1px dashed var(--border-strong)}.step:last-child{border-bottom:none}.integrations{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.nav-actions .btn-ghost{display:none}.results-grid{grid-template-columns:1fr}.hw-costs-grid{grid-template-columns:1fr 1fr}.hw-quote{grid-template-columns:1fr}.hw-stage{min-height:auto;padding:14px}.hw-canvas{height:220px}.hw-readout{position:static;margin-top:8px}.demo-canvas-side{min-height:320px}.demo-canvas{height:280px}.demo-result-grid{grid-template-columns:1fr}}.compare-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px;flex-wrap:wrap}.compare-head-content{max-width:680px}.compare-head-content h2{margin-top:14px}.compare-head-content .lede{margin-top:16px}.compare-stats{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-align:right;line-height:1.7}.compare-stats-source{color:var(--accent-dark);margin-top:4px}