.container-wide{max-width:var(--max-w);margin-left:auto;margin-right:auto;padding:0 var(--space-6)}@media(max-width:480px){.container-wide{padding:0 var(--space-4)}}@keyframes bm-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hero{padding:var(--space-12) 0 var(--space-10);text-align:center}@media(max-width:640px){.hero{padding:var(--space-8) 0 var(--space-7)}}.hero-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:var(--space-5)}.hero h1{font-family:var(--font-display);font-size:clamp(44px,7.2vw,80px);font-weight:700;letter-spacing:-.035em;line-height:1;margin:0 0 var(--space-5);text-wrap:balance}.hero h1 .accent{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero .subtitle{font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--color-neutral-700);max-width:620px;margin-top:0;margin-right:auto;margin-bottom:var(--space-7);margin-left:auto;display:block;text-align:center}.hero .subtitle strong{color:var(--color-ink);font-weight:600}.playground{max-width:920px;margin-left:auto;margin-right:auto;padding:var(--space-6);background:color-mix(in srgb,var(--color-surface) 35%,#fff);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:var(--radius-xl);text-align:left;box-shadow:0 1px #fff9 inset,0 24px 48px -24px #11111114}@media(max-width:480px){.playground{padding:var(--space-4);border-radius:var(--radius-lg)}}.pg-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.pg-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-500)}.pg-reset{appearance:none;border:none;background:transparent;font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-sm)}.pg-reset:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.pg-reset svg{width:12px;height:12px}.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@media(max-width:680px){.presets{grid-template-columns:repeat(3,1fr)}.presets .preset:nth-child(4){grid-column:1 / 3}.presets .preset:nth-child(5){grid-column:3}}@media(max-width:420px){.presets{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.presets .preset:nth-child(4),.presets .preset:nth-child(5){grid-column:auto}.preset{padding:var(--space-3) var(--space-2)}}.preset{appearance:none;border:1.5px solid color-mix(in srgb,var(--color-ink) 8%,transparent);background:color-mix(in srgb,var(--color-surface) 50%,#fff);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-display);transition:transform var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.preset:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);box-shadow:var(--shadow-sm)}.preset[aria-pressed=true]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.preset:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.preset-swatch{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 10%,transparent),var(--shadow-sm)}.preset-name{font-size:13px;font-weight:600;letter-spacing:-.005em}.preset-tag{font-family:var(--font-mono);font-size:9px;color:var(--color-neutral-500);letter-spacing:.08em;text-transform:uppercase}.preset.custom .preset-swatch{background:conic-gradient(from 180deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#8b5cf6,#ef4444)}.preset.custom{position:relative}.preset-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;appearance:none;-webkit-appearance:none}.canvas{padding:var(--space-5);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}@media(max-width:680px){.canvas{grid-template-columns:1fr}}.canvas-invoice{background:color-mix(in srgb,var(--color-surface) 45%,#fff);border:1px solid color-mix(in srgb,var(--color-ink) 7%,transparent);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.canvas-folio{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--color-primary);letter-spacing:.04em}.canvas-customer{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em}.canvas-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.canvas-amount{font-family:var(--font-mono);font-size:16px;font-weight:600;font-feature-settings:"tnum" 1}.canvas-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--color-primary-tint);border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--color-primary-deep)}.canvas-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.canvas-field{display:flex;flex-direction:column;gap:4px}.canvas-field-label{font-size:11px;font-weight:500;color:var(--color-neutral-700)}.canvas-field-input{font-family:var(--font-mono);font-size:13px;padding:7px var(--space-3);background:#fff;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-primary-tint)}.canvas-cta{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.btn-primary{appearance:none;border:none;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-weight:500;font-size:14px;padding:10px var(--space-5);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background-color var(--motion-fast) var(--easing-standard)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{appearance:none;background:transparent;color:var(--color-neutral-700);font-family:var(--font-display);font-size:13px;font-weight:500;padding:8px var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);cursor:pointer}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.advanced{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}.advanced-toggle{appearance:none;background:transparent;border:none;font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 0}.advanced-toggle:hover{color:var(--color-primary)}.advanced-caret{transition:transform var(--motion-fast) var(--easing-standard)}.advanced[data-open=true] .advanced-caret{transform:rotate(90deg)}.advanced-body{display:none;padding-top:var(--space-4);gap:var(--space-4)}.advanced[data-open=true] .advanced-body{display:grid}.advanced-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.advanced-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-neutral-500);letter-spacing:.1em;text-transform:uppercase;min-width:76px}.hp-picker{appearance:none;-webkit-appearance:none;width:32px;height:32px;padding:0;border:2px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);cursor:pointer}.hp-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:10px}.hp-picker::-webkit-color-swatch{border:none;border-radius:10px}.hp-hex{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--color-neutral-700);letter-spacing:.04em}.hp-open{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary-deep);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent);padding:5px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard)}.hp-open:hover{background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.disclaimer{margin:var(--space-3) auto 0;max-width:620px;font-family:var(--font-mono);font-size:10px;color:var(--color-neutral-500);letter-spacing:.02em;text-align:center;line-height:1.5}.tagline{font-family:var(--font-display);font-size:13px;line-height:1.6;color:var(--color-neutral-500);max-width:560px;margin:var(--space-7) auto 0}section.block{padding:var(--space-14) 0;position:relative}@media(max-width:640px){section.block{padding:var(--space-10) 0}}section.block.alt{background:color-mix(in srgb,var(--color-ink) 2%,var(--color-surface))}.section-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0 0 var(--space-3);text-wrap:balance;max-width:780px}.section-desc{font-size:17px;line-height:1.6;color:var(--color-neutral-700);max-width:640px;margin:0 0 var(--space-10)}.section-desc strong{color:var(--color-ink);font-weight:600}.multi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:960px){.multi-grid{grid-template-columns:1fr}}.tenant-card{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);display:flex;flex-direction:column;gap:var(--space-4);position:relative;overflow:hidden}.tenant-card[data-brand=retail]{--t-primary: #da2838;--t-primary-deep: #8a1822;--t-primary-tint: rgba(218, 40, 56, .12);--t-surface: #fff5f3;background:var(--t-surface)}.tenant-card[data-brand=panadera]{--t-primary: #2e6fb8;--t-primary-deep: #1a4d85;--t-primary-tint: rgba(46, 111, 184, .14);--t-surface: #eef3fa;background:var(--t-surface)}.tenant-card[data-brand=super]{--t-primary: #198754;--t-primary-deep: #0e5736;--t-primary-tint: rgba(25, 135, 84, .12);--t-surface: #f1f8f3;background:var(--t-surface)}.tenant-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--t-primary-deep);font-weight:600}.tenant-tag-dot{width:10px;height:10px;border-radius:50%;background:var(--t-primary)}.tenant-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0}.tenant-desc{font-size:13px;line-height:1.55;color:var(--color-neutral-700);margin:0}.tenant-inner{background:color-mix(in srgb,var(--t-surface) 45%,#fff);border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.tenant-folio{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--t-primary);letter-spacing:.04em}.tenant-cust{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.005em}.tenant-row{display:flex;justify-content:space-between;align-items:center}.tenant-amt{font-family:var(--font-mono);font-size:15px;font-weight:600;font-feature-settings:"tnum" 1}.tenant-bdg{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;background:var(--t-primary-tint);color:var(--t-primary-deep);border-radius:var(--radius-full);font-size:11px;font-weight:500}.tenant-bdg-dot{width:5px;height:5px;border-radius:50%;background:var(--t-primary)}.tenant-field{display:flex;flex-direction:column;gap:4px;padding-top:4px}.tenant-field-label{font-size:11px;color:var(--color-neutral-700)}.tenant-field-input{font-family:var(--font-mono);font-size:12px;padding:6px 10px;background:#fff;border:1.5px solid var(--t-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--t-primary-tint)}.tenant-btn{background:var(--t-primary);color:#fff;font-family:var(--font-display);font-weight:500;font-size:13px;padding:8px var(--space-4);border-radius:var(--radius-md);border:none;align-self:flex-start;cursor:pointer}.multi-callout{margin-top:var(--space-7);padding:var(--space-5) var(--space-6);background:color-mix(in srgb,var(--color-primary) 4%,#fff);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-5)}@media(max-width:640px){.multi-callout{flex-direction:column;align-items:flex-start}}.multi-callout-num{font-family:var(--font-display);font-size:clamp(40px,9vw,56px);font-weight:600;color:var(--color-primary);letter-spacing:-.04em;line-height:1}.multi-callout-body{font-size:15px;line-height:1.55;color:var(--color-neutral-700)}.multi-callout-body strong{color:var(--color-ink);font-weight:600}.multi-callout-body code{font-family:var(--font-mono);font-size:.88em;background:color-mix(in srgb,var(--color-ink) 5%,transparent);padding:1px 6px;border-radius:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-8)}@media(max-width:820px){.split{grid-template-columns:1fr}}.compare-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);position:relative}.compare-card.generic{background:#f7f8fa;font-family:Inter,system-ui,sans-serif}.compare-card.goyo{background:color-mix(in srgb,var(--color-surface) 45%,#fff)}.compare-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4)}.compare-tag-dot{width:6px;height:6px;border-radius:50%}.generic .compare-tag{background:#eef0f4;color:#64748b}.generic .compare-tag .compare-tag-dot{background:#94a3b8}.goyo .compare-tag{background:var(--color-primary-tint);color:var(--color-primary-deep)}.goyo .compare-tag .compare-tag-dot{background:var(--color-primary)}.compare-label{font-size:11px;color:#94a3b8;margin-bottom:var(--space-3);display:block}.goyo .compare-label{font-family:var(--font-mono);color:var(--color-primary);letter-spacing:.02em}.g-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px 20px}.g-inv-num{font-size:11px;color:#64748b;margin-bottom:4px}.g-cust{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:14px}.g-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.g-amount{font-size:17px;font-weight:600;color:#0f172a}.g-badge{padding:2px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;color:#475569;font-weight:500}.g-actions{display:flex;gap:8px}.g-btn-primary{background:#0f172a;color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500}.g-btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500}.gy-card{background:color-mix(in srgb,var(--color-surface) 40%,#fff);border:1px solid color-mix(in srgb,var(--color-ink) 7%,transparent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.gy-folio{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--color-primary);letter-spacing:.04em;margin-bottom:4px}.gy-cust{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-4)}.gy-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.gy-amount{font-family:var(--font-mono);font-size:17px;font-weight:600;font-feature-settings:"tnum" 1}.gy-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;background:var(--color-success-soft);border-radius:var(--radius-full);font-family:var(--font-display);font-size:12px;color:var(--color-success-ink);font-weight:500}.gy-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.gy-actions{display:flex;gap:var(--space-2)}.gy-btn-primary{background:var(--color-primary);color:#fff;border:none;padding:8px var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:13px;font-weight:500;box-shadow:var(--shadow-sm)}.gy-btn-secondary{background:transparent;color:var(--color-neutral-700);border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);padding:8px var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:13px;font-weight:500}.diffs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:820px){.diffs{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.diffs{grid-template-columns:1fr}}.diff{padding:var(--space-4) 0;border-top:2px solid var(--color-primary)}.diff-num{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-primary);letter-spacing:.08em;margin-bottom:var(--space-2)}.diff h4{font-family:var(--font-display);font-size:14px;font-weight:600;margin:0 0 6px;letter-spacing:-.005em}.diff p{font-size:13px;line-height:1.5;color:var(--color-neutral-700);margin:0}.diff p code{font-family:var(--font-mono);font-size:11px;background:color-mix(in srgb,var(--color-ink) 5%,transparent);padding:1px 5px;border-radius:4px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);background:color-mix(in srgb,var(--color-ink) 8%,transparent);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);overflow:hidden}@media(max-width:820px){.principles{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.principles{grid-template-columns:1fr}}.principle{background:var(--color-surface);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);min-height:180px}.principle-num{font-family:var(--font-mono);font-size:11px;color:var(--color-primary);letter-spacing:.08em;font-weight:600}.principle h3{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0}.principle p{font-size:13px;line-height:1.55;color:var(--color-neutral-700);margin:0}.prim-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:720px){.prim-grid{grid-template-columns:1fr}}.prim-card{display:flex;flex-direction:column;background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 9%,transparent);border-radius:var(--radius-lg);text-decoration:none;color:inherit;overflow:hidden;position:relative;transition:border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.prim-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);transform:translateY(-2px);box-shadow:0 16px 32px -20px #1111111f}.prim-card:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.prim-arrow{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--color-ink) 5%,transparent);color:var(--color-neutral-700);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-mono);transition:background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.prim-card:hover .prim-arrow{background:var(--color-primary);color:#fff;transform:translate(2px,-2px)}.prim-stage{flex:1;min-height:140px;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-primary) 5%,#fff),color-mix(in srgb,var(--color-surface) 35%,#fff));border-bottom:1px solid color-mix(in srgb,var(--color-ink) 7%,transparent)}.prim-stage>*{max-width:100%}.prim-foot{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:3px}.prim-nm{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--color-ink);line-height:1.2}.prim-desc{font-size:13px;line-height:1.45;color:var(--color-neutral-700);margin:0}.prim-cta{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:color-mix(in srgb,var(--color-ink) 96%,var(--color-primary));color:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);text-decoration:none;transition:background-color var(--motion-fast) var(--easing-standard)}@media(max-width:480px){.prim-cta{padding:var(--space-4) var(--space-5);gap:var(--space-3)}.prim-cta-title{font-size:16px}}.prim-cta:hover{background:var(--color-ink)}.prim-cta-label{display:flex;flex-direction:column;gap:2px}.prim-cta-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-primary) 80%,#fff);font-weight:500}.prim-cta-title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.015em;color:#fff}.prim-cta-arrow{font-family:var(--font-mono);font-size:20px;color:#fff}.d-btn{background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:13px;font-weight:500;cursor:pointer}.d-btn.secondary{background:transparent;color:var(--color-ink);border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent)}.d-btn-group{display:flex;gap:8px}.d-input{font-family:var(--font-mono);font-size:13px;padding:8px 12px;background:#fff;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.d-card{background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px -16px #11111126;min-width:180px}.d-card-folio{font-family:var(--font-mono);font-size:11px;color:var(--color-primary);font-weight:600;letter-spacing:.06em}.d-card-cust{font-size:13px;color:var(--color-neutral-700)}.d-card-amt{font-family:var(--font-mono);font-size:16px;font-weight:600;font-feature-settings:"tnum" 1}.d-badge-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.d-badge{font-family:var(--font-display);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px}.d-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.d-badge.s{background:var(--color-success-soft);color:var(--color-success-ink)}.d-badge.w{background:var(--color-warning-soft);color:var(--color-warning-ink)}.d-badge.d{background:var(--color-danger-soft);color:var(--color-danger-ink)}.d-tip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;color:var(--color-neutral-700);position:relative;padding-top:28px}.d-tip-q{width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--color-ink) 7%,transparent);color:var(--color-neutral-700);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.d-tip-bubble{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);background:var(--color-ink);color:#fff;font-size:11px;font-weight:500;padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md)}.d-dialog{background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);box-shadow:0 20px 40px -24px #11111140;padding:12px 14px;display:inline-flex;flex-direction:column;gap:8px;font-family:var(--font-display);font-size:13px;min-width:200px}.d-dialog-head{display:flex;align-items:center;gap:8px}.d-dialog-dot{width:10px;height:10px;border-radius:3px;background:var(--color-danger-soft);border:1.5px solid var(--color-danger)}.d-dialog-title{font-weight:600}.d-dialog-actions{display:flex;gap:6px;justify-content:flex-end}.d-dialog-btn{font-family:var(--font-display);font-size:11px;font-weight:500;padding:4px 10px;border-radius:4px;border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent);background:#fff;color:var(--color-ink)}.d-dialog-btn.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.d-toast{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 16px 32px -20px #1113;font-family:var(--font-display);font-size:13px}.d-toast-icon{width:18px;height:18px;background:var(--color-success-soft);color:var(--color-success-ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.d-toast-text{display:flex;flex-direction:column;gap:1px}.d-toast-title{font-weight:600}.d-toast-sub{font-size:11px;color:var(--color-neutral-700)}.d-dropdown{background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);box-shadow:0 14px 28px -18px #1113;padding:5px;display:inline-flex;flex-direction:column;font-family:var(--font-display);font-size:12px;min-width:150px}.d-dropdown span{padding:5px 10px;border-radius:4px}.d-dropdown span.active{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary-deep);font-weight:500}.d-popover{background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);box-shadow:0 14px 28px -18px #1113;padding:12px 14px;font-family:var(--font-display);font-size:12px;min-width:180px;display:flex;flex-direction:column;gap:6px}.d-popover-head{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.d-popover-row{display:flex;justify-content:space-between;gap:12px}.d-popover-row span:last-child{color:var(--color-primary-deep);font-weight:500;font-family:var(--font-mono)}.d-select{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 12%,transparent);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--font-display);font-size:13px;min-width:220px}.d-select-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:4px}.d-select span:last-child{color:var(--color-neutral-500)}.d-check-list,.d-radio-list{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.d-check,.d-radio{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px}.d-check-box,.d-radio-dot{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.d-check-box{background:var(--color-primary);color:#fff;border-radius:4px;font-size:11px;font-weight:700}.d-check-box.off{background:transparent;border:1.5px solid color-mix(in srgb,var(--color-ink) 20%,transparent)}.d-radio-dot{border:2px solid var(--color-primary);border-radius:50%}.d-radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.d-radio-dot.off{border-color:color-mix(in srgb,var(--color-ink) 22%,transparent)}.d-radio-dot.off:after{display:none}.d-shell{display:grid;grid-template-columns:28px 1fr;gap:6px;width:170px;height:78px;background:color-mix(in srgb,var(--color-surface) 45%,#fff);border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:var(--radius-md);padding:6px}.d-shell-side{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:5px 4px;align-items:center}.d-shell-side i{width:14px;height:3px;background:color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:2px;display:block}.d-shell-side i.on{background:var(--color-primary)}.d-shell-main{background:color-mix(in srgb,var(--color-ink) 4%,transparent);border-radius:4px;position:relative}.d-shell-fab{position:absolute;right:4px;bottom:4px;width:16px;height:16px;border-radius:50%;background:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-10)}.swatch{border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);background:#fff}.swatch-preview{height:84px}.swatch-meta{padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.swatch-name{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:-.01em}.swatch-token{font-family:var(--font-mono);font-size:10px;color:var(--color-neutral-500);letter-spacing:.02em}.swatch-hex{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-700);margin-top:2px}.palette-note{font-size:13px;line-height:1.55;color:var(--color-neutral-700);max-width:620px;margin:0 0 var(--space-10);padding:var(--space-4) var(--space-5);background:color-mix(in srgb,var(--color-primary) 4%,transparent);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.palette-note strong{color:var(--color-ink);font-weight:600}.palette-note code{font-family:var(--font-mono);font-size:.88em;background:color-mix(in srgb,var(--color-ink) 5%,transparent);padding:1px 6px;border-radius:4px}.type-scale{display:grid;grid-template-columns:140px 1fr;gap:var(--space-5);align-items:baseline;padding:var(--space-4) 0;border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}@media(max-width:640px){.type-scale{grid-template-columns:1fr;gap:var(--space-2)}}.type-meta{display:flex;flex-direction:column;gap:4px}.type-name{font-family:var(--font-mono);font-size:11px;color:var(--color-primary);letter-spacing:.06em;font-weight:600}.type-spec{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);line-height:1.5}.type-sample{color:var(--color-ink);letter-spacing:-.025em;line-height:1.05}.type-sample.mono{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-primary)}.type-sample-note{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);margin-top:4px;font-weight:400;letter-spacing:.02em}.guarantees{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:820px){.guarantees{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.guarantees{grid-template-columns:1fr}}.guarantee{padding:var(--space-5);background:#fff;border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}.guarantee-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary-deep);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:700}.guarantee h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0;letter-spacing:-.01em}.guarantee p{font-size:13px;line-height:1.55;color:var(--color-neutral-700);margin:0}.cta-block{text-align:center;padding:var(--space-14) 0;background:var(--color-ink);color:var(--color-surface)}.cta-block h2{color:var(--color-surface);font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.025em;margin:0 0 var(--space-4);text-wrap:balance}.cta-block h2 em{font-style:normal;color:var(--color-primary)}.cta-block p{font-size:17px;line-height:1.55;max-width:520px;margin-top:0;margin-right:auto;margin-bottom:var(--space-7);margin-left:auto;display:block;text-align:center;color:color-mix(in srgb,var(--color-surface) 70%,transparent)}.cta-btns{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-left:auto;margin-right:auto}.cta-btn-primary{background:var(--color-primary);color:#fff;padding:12px var(--space-6);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:500;font-size:15px;text-decoration:none;box-shadow:0 12px 32px -12px color-mix(in srgb,var(--color-primary) 60%,transparent);transition:transform var(--motion-fast) var(--easing-standard)}.cta-btn-primary:hover{transform:translateY(-1px)}.cta-btn-secondary{background:transparent;color:var(--color-surface);padding:12px var(--space-6);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:500;font-size:15px;text-decoration:none;border:1px solid color-mix(in srgb,var(--color-surface) 25%,transparent)}.cta-btn-secondary:hover{border-color:var(--color-surface)}footer{padding:var(--space-8) 0 var(--space-10);background:color-mix(in srgb,var(--color-ink) 4%,var(--color-surface));border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-6)}@media(max-width:680px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand h4{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-2)}.footer-brand h4 span{color:var(--color-primary)}.footer-brand p{font-size:13px;line-height:1.55;color:var(--color-neutral-700);margin:0;max-width:260px}.footer-col h5{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-3);font-weight:500}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-col a{font-size:13px;color:var(--color-neutral-700);text-decoration:none;font-weight:500}.footer-brand .foot-inline-link{color:var(--color-ink);text-decoration:none;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 20%,transparent);transition:border-color .15s ease,color .15s ease}.footer-brand .foot-inline-link:hover{color:var(--color-primary);border-bottom-color:currentColor}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.02em;flex-wrap:wrap;gap:var(--space-3)}code.inline{font-family:var(--font-mono);font-size:.9em;background:color-mix(in srgb,var(--color-ink) 5%,transparent);padding:1px 5px;border-radius:4px}html[data-theme=dark] .compare-card.generic{background:#1f2226;font-family:Inter,system-ui,sans-serif}html[data-theme=dark] .compare-card.generic .g-card{background:#2a2d32;border-color:#3a3d43}html[data-theme=dark] .compare-card.generic .g-cust,html[data-theme=dark] .compare-card.generic .g-amount{color:#e6e8eb}html[data-theme=dark] .compare-card.generic .g-inv-num,html[data-theme=dark] .compare-card.generic .g-badge{color:#9aa0a6;background:#1f2226;border-color:#3a3d43}html[data-theme=dark] .swatch,html[data-theme=dark] .guarantee,html[data-theme=dark] .gy-card,html[data-theme=dark] .d-card,html[data-theme=dark] .d-dialog,html[data-theme=dark] .d-toast,html[data-theme=dark] .d-dropdown,html[data-theme=dark] .preset,html[data-theme=dark] .playground,html[data-theme=dark] .tenant-inner{background:var(--color-neutral-100)}html[data-theme=dark] .playground{border-color:color-mix(in srgb,var(--color-ink) 10%,transparent);box-shadow:0 24px 48px -24px #0009}html[data-theme=dark] .canvas{background:var(--color-neutral-100);border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent)}html[data-theme=dark] .canvas-invoice{background:var(--color-neutral-200);border-color:color-mix(in srgb,var(--color-ink) 10%,transparent)}html[data-theme=dark] .canvas-field-input{background:var(--color-neutral-100);color:var(--color-ink);border-color:color-mix(in srgb,var(--color-ink) 18%,transparent)}html[data-theme=dark] .canvas-badge{background:color-mix(in srgb,var(--color-ink) 6%,transparent);color:var(--color-neutral-700)}html[data-theme=dark] .tenant-card{background:var(--color-neutral-100);border-color:color-mix(in srgb,var(--color-ink) 8%,transparent)}html[data-theme=dark] .tenant-title,html[data-theme=dark] .tenant-desc{color:var(--color-ink)}html[data-theme=dark] .tenant-inner{background:var(--color-neutral-200);border-color:color-mix(in srgb,var(--color-ink) 10%,transparent)}html[data-theme=dark] .tenant-cust,html[data-theme=dark] .tenant-amount{color:var(--color-ink)}html[data-theme=dark] .compare-card{background:var(--color-neutral-100);border-color:color-mix(in srgb,var(--color-ink) 8%,transparent)}html[data-theme=dark] .compare-card .gy-card,html[data-theme=dark] .compare-card .g-card{background:var(--color-neutral-200);border-color:color-mix(in srgb,var(--color-ink) 10%,transparent)}html[data-theme=dark] .gy-tease,html[data-theme=dark] .catalog-card{background:var(--color-neutral-100);border-color:color-mix(in srgb,var(--color-ink) 8%,transparent)}html[data-theme=dark] .catalog-preview{background:var(--color-neutral-200)}html[data-theme=dark] .catalog-title,html[data-theme=dark] .catalog-desc{color:var(--color-ink)}html[data-theme=dark] .multi-callout{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-neutral-100));border-color:color-mix(in srgb,var(--color-primary) 28%,transparent)}html[data-theme=dark] .prim-card{background:var(--color-neutral-100);border-color:color-mix(in srgb,var(--color-ink) 10%,transparent)}html[data-theme=dark] .prim-stage{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-primary) 10%,var(--color-neutral-200)) 0%,var(--color-neutral-100) 100%);border-bottom-color:color-mix(in srgb,var(--color-ink) 10%,transparent)}html[data-theme=dark] .prim-arrow{background:color-mix(in srgb,var(--color-ink) 10%,transparent);color:var(--color-neutral-700)}html[data-theme=dark] .prim-cta{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-neutral-100));color:var(--color-ink);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent)}html[data-theme=dark] .prim-cta:hover{background:color-mix(in srgb,var(--color-primary) 18%,var(--color-neutral-100))}html[data-theme=dark] .prim-cta-eyebrow{color:var(--color-neutral-500)}html[data-theme=dark] .prim-cta-title{color:var(--color-ink)}html[data-theme=dark] .prim-cta-arrow{color:var(--color-primary)}html[data-theme=dark] .d-card,html[data-theme=dark] .d-input,html[data-theme=dark] .d-dialog,html[data-theme=dark] .d-toast,html[data-theme=dark] .d-dropdown,html[data-theme=dark] .d-popover,html[data-theme=dark] .d-select,html[data-theme=dark] .d-dialog-btn{background:var(--color-neutral-200);border-color:color-mix(in srgb,var(--color-ink) 14%,transparent);color:var(--color-ink)}html[data-theme=dark] .d-dialog-btn.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}html[data-theme=dark] .d-btn.secondary{color:var(--color-ink);border-color:color-mix(in srgb,var(--color-ink) 20%,transparent)}html[data-theme=dark] .tenant-field-input{background:var(--color-neutral-100);color:var(--color-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--t-primary) 18%,transparent)}html[data-theme=dark] .cta-block{background:var(--color-neutral-200);color:var(--color-ink)}html[data-theme=dark] .cta-block h2{color:var(--color-ink)}html[data-theme=dark] .cta-block p{color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.cta-block+.site-foot{margin-top:0}