.hero{--hero-bg-1:#08182e;--hero-bg-2:#0f2747;--hero-bg-3:#1a3a5a;--hero-bg-4:#2e6ba0;--hero-bg-5:#4d80b8;--hero-angle:120deg;--hero-ink:#fff;--hero-dot:#88dfff;--hero-cta:#4dc4ff;--hero-glow-opacity:.18;--hero-sheen-opacity:.1;--hero-font:var(--font-sans);--hero-title-weight:800;text-align:center;width:100%;color:var(--hero-ink);background:radial-gradient(ellipse at 30% 100%, color-mix(in srgb, var(--hero-ink) calc(var(--hero-glow-opacity) * 100%), transparent), transparent 55%), linear-gradient(var(--hero-angle), var(--hero-bg-1) 0%, var(--hero-bg-2) 30%, var(--hero-bg-3) 55%, var(--hero-bg-4) 80%, var(--hero-bg-5) 100%);padding:80px 32px 100px;position:relative;overflow:hidden}.hero--with-nav{padding-top:0}.hero-nav{z-index:2;padding-top:0;padding-bottom:0;position:relative}.hero--with-nav .hero-inner{padding-top:56px}.hero .meta-bar{--nav-color:color-mix(in srgb, var(--hero-ink) 75%, transparent);--nav-link:color-mix(in srgb, var(--hero-ink) 78%, transparent);--nav-mobile-link:color-mix(in srgb, var(--hero-ink) 78%, transparent);--nav-active:var(--hero-ink);--nav-logo:var(--hero-ink);--nav-dot:var(--hero-dot)}.hero:after{content:"";background:linear-gradient(var(--hero-angle), transparent 35%, color-mix(in srgb, var(--hero-ink) calc(var(--hero-sheen-opacity) * 100%), transparent) 50%, transparent 65%);pointer-events:none;position:absolute;inset:0}.hero-inner{z-index:1;max-width:980px;margin:0 auto;position:relative}.hero-brand{color:var(--hero-ink);justify-content:center;margin-bottom:32px;display:flex}.hero-eyebrow{font-family:var(--font-mono);font-size:calc(13px * var(--type-scale));letter-spacing:calc(.2em * var(--tracking-scale));text-transform:var(--label-transform);color:color-mix(in srgb, var(--hero-ink) 85%, transparent);text-align:center;margin:0 0 20px}.hero-logo{opacity:.95;filter:brightness(0)invert();width:96px;height:96px}.hero-title{font-family:var(--hero-font);font-weight:var(--hero-title-weight);font-size:calc(clamp(40px, 7vw, 84px) * var(--type-scale) * var(--display-scale));letter-spacing:calc(-.02em * var(--tracking-scale));color:var(--hero-ink);text-wrap:balance;max-width:24ch;margin:0 auto;line-height:1.05}.hero-sub{font-size:calc(clamp(16px, 1.5vw, 20px) * var(--type-scale) * var(--display-scale));line-height:calc(1.55 * var(--leading-scale));color:color-mix(in srgb, var(--hero-ink) 92%, transparent);margin-top:28px}.hero-sub+.hero-sub{margin-top:8px}.hero-ctas{justify-content:center;gap:calc(18px * var(--gap-scale));flex-wrap:wrap;margin-top:44px;display:flex}.btn-cta{justify-content:center;align-items:center;gap:calc(12px * var(--gap-scale));min-width:240px;font-family:var(--font-mono);font-size:calc(13px * var(--type-scale));letter-spacing:calc(.18em * var(--tracking-scale));text-transform:var(--label-transform);cursor:pointer;transition:transform calc(.15s * var(--motion-scale)) ease, box-shadow calc(.2s * var(--motion-scale)) ease, background calc(.2s * var(--motion-scale)) ease;border:1.5px solid #0000;padding:18px 32px;font-weight:600;text-decoration:none;display:inline-flex}.btn-cta-primary{background:var(--hero-cta);color:var(--bg)}.btn-cta-primary:hover{background:color-mix(in srgb, var(--hero-cta) 75%, white);transform:translateY(-1px)}.btn-cta-outline{color:var(--hero-ink);border-color:color-mix(in srgb, var(--hero-ink) 85%, transparent);background:0 0}.btn-cta-outline:hover{background:color-mix(in srgb, var(--hero-ink) 8%, transparent);transform:translateY(-1px)}.btn-cta .play-icon{border:7px solid #0000;border-left:11px solid;border-right-width:0;width:0;height:0;display:inline-block}@media (width<=720px){.hero{padding:56px 20px 72px}.btn-cta{width:100%;min-width:0;padding:16px 22px}.hero-ctas{gap:calc(12px * var(--gap-scale));flex-direction:column}}.contrast-grid{--problem-color:#e6437a;--problem-deep:#a01f4d;--chance-color:#4d80b8;--chance-deep:#2a5d8c;--contrast-angle:120deg;--contrast-ink:#fff;--contrast-chip-opacity:.22;--contrast-font:var(--font-sans);--contrast-title-weight:700}.contrast-section{padding:calc(80px * var(--space-scale)) 0;border-bottom:var(--rule-width) solid var(--rule)}.contrast-grid{gap:calc(24px * var(--gap-scale));grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.contrast-card{background:var(--bg-2);border:var(--rule-width) solid var(--rule);flex-direction:column;display:flex}.contrast-card header{border-bottom:var(--rule-width) solid var(--rule);padding:24px 28px}.contrast-card .kicker{font-family:var(--font-mono);font-size:calc(12px * var(--type-scale));letter-spacing:calc(.18em * var(--tracking-scale));text-transform:var(--label-transform);margin-bottom:12px;display:block}.contrast-card.problem .kicker{color:var(--problem-color)}.contrast-card.chance .kicker{color:var(--accent)}.contrast-card h3{font-family:var(--font-serif);font-weight:400;font-size:calc(32px * var(--type-scale));letter-spacing:calc(-.01em * var(--tracking-scale));line-height:1.1}.contrast-card ul{flex-grow:1;padding:8px 28px 24px;list-style:none}.contrast-card li{padding:calc(18px * var(--space-scale)) 0;border-bottom:1px dashed var(--rule);font-size:calc(17px * var(--type-scale));line-height:calc(1.55 * var(--leading-scale));color:var(--ink);gap:calc(16px * var(--gap-scale));grid-template-columns:24px 1fr;align-items:center;display:grid}.contrast-card li:last-child{border-bottom:none}.contrast-card .contrast-icon{flex-shrink:0;width:22px;height:22px;display:block}.contrast-card.problem .contrast-icon{color:var(--problem-color)}.contrast-card.chance .contrast-icon{color:var(--accent)}.contrast-pivot{width:88px;font-family:var(--font-serif);font-size:calc(56px * var(--type-scale));color:var(--accent);justify-content:center;align-items:center;font-weight:300;line-height:1;display:flex;position:relative}.contrast-pivot span{padding:16px 12px}@media (width<=900px){.contrast-section{padding:calc(40px * var(--space-scale)) 0}.contrast-grid{gap:calc(16px * var(--gap-scale));grid-template-columns:1fr}.contrast-pivot{width:auto;height:32px;transform:rotate(90deg)}}.contrast-card-banner{align-items:center;gap:calc(14px * var(--gap-scale));color:var(--contrast-ink);display:flex;border-bottom:none!important;padding:18px 22px!important}.contrast-card.problem .contrast-card-banner{background:linear-gradient(var(--contrast-angle), var(--problem-deep) 0%, var(--problem-color) 100%)}.contrast-card.chance .contrast-card-banner{background:linear-gradient(var(--contrast-angle), var(--chance-deep) 0%, var(--chance-color) 100%)}.contrast-chip{border-radius:calc(10px * var(--radius-scale));background:color-mix(in srgb, var(--contrast-ink) calc(var(--contrast-chip-opacity) * 100%), transparent);width:36px;height:36px;color:var(--contrast-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.contrast-chip svg{width:20px;height:20px}.contrast-title{font-family:var(--contrast-font);font-weight:var(--contrast-title-weight);font-size:calc(18px * var(--type-scale));letter-spacing:calc(.01em * var(--tracking-scale));color:var(--contrast-ink)}.contrast-card-body{padding:24px 28px 8px}.contrast-card-body h3{font-family:var(--font-serif);font-weight:400;font-size:calc(28px * var(--type-scale));letter-spacing:calc(-.01em * var(--tracking-scale));margin-bottom:4px;line-height:1.1}.contrast-card-body ul{padding:8px 0 16px;list-style:none}.contrast-card-body li{padding:calc(16px * var(--space-scale)) 0;border-bottom:1px dashed var(--rule);font-size:calc(16px * var(--type-scale));line-height:calc(1.55 * var(--leading-scale));color:var(--ink);gap:calc(16px * var(--gap-scale));grid-template-columns:24px 1fr;align-items:center;display:grid}.contrast-card-body li:last-child{border-bottom:none}.section-mark{--mark-accent:var(--accent);--mark-muted:var(--ink-dim);--mark-width:32px;--mark-height:2px;flex-direction:column;align-items:flex-start;display:flex}.section-mark-rule{width:var(--mark-width);height:var(--mark-height);background:var(--mark-accent);margin-bottom:18px}.section-mark-label{font-family:var(--font-mono);font-size:calc(13px * var(--type-scale));letter-spacing:calc(.2em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--mark-muted)}.matrix-section{--section-accent:var(--accent);--section-rule:var(--rule);padding:calc(80px * var(--space-scale)) 0;border-bottom:var(--rule-width) solid var(--section-rule)}.matrix-section.no-divider{border-bottom:none;padding-bottom:40px}.matrix-section.no-divider+.matrix-section{padding-top:40px}.matrix-header{gap:calc(40px * var(--gap-scale));grid-template-columns:120px 1fr;margin-bottom:60px;display:grid}.matrix-header h2{font-family:var(--font-serif);font-weight:300;font-size:calc(clamp(30px, 3.2vw, 40px) * var(--type-scale) * var(--display-scale));letter-spacing:calc(-.015em * var(--tracking-scale));max-width:32ch;line-height:1.1}.matrix-header h2 em{font-style:var(--display-em-style);color:var(--section-accent)}@media (width<=900px){.matrix-header{gap:calc(20px * var(--gap-scale));grid-template-columns:auto 1fr;margin-bottom:32px}}.cta{--cta-accent:var(--accent);--cta-cool:var(--accent-cool);--cta-ink:var(--ink);--cta-bg:var(--bg);padding:100px 0 120px}.cta-grid{gap:calc(60px * var(--gap-scale));grid-template-columns:120px 1fr auto;align-items:end;display:grid}.cta h2{font-family:var(--font-serif);font-weight:300;font-size:calc(clamp(32px, 4.5vw, 60px) * var(--type-scale) * var(--display-scale));letter-spacing:calc(-.015em * var(--tracking-scale));max-width:30ch;line-height:1.05}.cta h2 em{font-style:var(--display-em-style);color:var(--cta-accent)}.btn{align-items:center;gap:calc(12px * var(--gap-scale));background:var(--cta-cool);color:var(--cta-bg);font-family:var(--font-mono);font-size:calc(13px * var(--type-scale));letter-spacing:calc(.15em * var(--tracking-scale));text-transform:var(--label-transform);cursor:pointer;transition:transform calc(.2s * var(--motion-scale)) ease;white-space:nowrap;border:none;padding:20px 30px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--cta-ink);transform:translate(-2px,-2px)}.btn .arrow{background:var(--cta-bg);width:14px;height:1px;position:relative}.btn .arrow:after{content:"";border-top:1px solid var(--cta-bg);border-right:1px solid var(--cta-bg);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}@media (width<=900px){.cta-grid{gap:calc(24px * var(--gap-scale));grid-template-columns:1fr}.cta-grid>.btn{white-space:normal;justify-self:start;max-width:100%;padding:18px 22px}}.svc-chart{--chart-accent:var(--accent);--chart-warm:var(--accent-warm);--chart-ink:var(--ink);--chart-muted:var(--ink-dim);--chart-rule:var(--rule);--chart-font:ui-monospace, Consolas, Menlo, monospace}@keyframes pulse-node{0%,to{opacity:.4;r:3}50%{opacity:1;r:5}}.node{animation:pulse-node calc(3s * var(--motion-scale)) ease-in-out infinite;transform-origin:50%}.node.n2{animation-delay:calc(.4s * var(--motion-scale))}.node.n3{animation-delay:calc(.8s * var(--motion-scale))}.node.n4{animation-delay:calc(1.2s * var(--motion-scale))}.node.n5{animation-delay:calc(1.6s * var(--motion-scale))}@keyframes data-flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.flow-line{stroke-dasharray:4 4;animation:data-flow calc(4s * var(--motion-scale)) linear infinite}@keyframes step-glow{0%,to{opacity:.3}50%{opacity:1}}.step-active{animation:step-glow calc(2.5s * var(--motion-scale)) ease-in-out infinite}.step-active.s2{animation-delay:calc(.5s * var(--motion-scale))}.step-active.s3{animation-delay:calc(1s * var(--motion-scale))}.step-active.s4{animation-delay:calc(1.5s * var(--motion-scale))}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotor{animation:slow-rotate calc(24s * var(--motion-scale)) linear infinite;transform-origin:50%}.rotor-rev{animation:slow-rotate calc(18s * var(--motion-scale)) linear infinite reverse;transform-origin:50%}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(240px)}}.scan-line{animation:scan calc(4s * var(--motion-scale)) ease-in-out infinite alternate}@keyframes bar-flicker{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}.bar{transform-origin:bottom;animation:bar-flicker calc(2s * var(--motion-scale)) ease-in-out infinite}.bar.b2{animation-delay:calc(.2s * var(--motion-scale))}.bar.b3{animation-delay:calc(.4s * var(--motion-scale))}.bar.b4{animation-delay:calc(.6s * var(--motion-scale))}.bar.b5{animation-delay:calc(.8s * var(--motion-scale))}.bar.b6{animation-delay:calc(1s * var(--motion-scale))}.bar.b7{animation-delay:calc(1.2s * var(--motion-scale))}.svc-list{--svc-accent:var(--accent);--svc-ink:var(--ink);--svc-muted:var(--ink-dim);--svc-surface:var(--bg-2);--svc-rule:var(--rule)}.visual{aspect-ratio:4/3;background:var(--svc-surface);border:var(--rule-width) solid var(--svc-rule);position:relative;overflow:hidden}.visual-label{font-family:var(--font-mono);font-size:calc(10px * var(--type-scale));letter-spacing:calc(.18em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--svc-muted);z-index:2;position:absolute;top:16px;left:16px}.visual-coords{font-family:var(--font-mono);font-size:calc(10px * var(--type-scale));letter-spacing:calc(.1em * var(--tracking-scale));color:var(--svc-muted);z-index:2;position:absolute;bottom:16px;right:16px}.svc-list{border-top:var(--rule-width) solid var(--svc-rule)}.svc-item{border-bottom:var(--rule-width) solid var(--svc-rule)}.svc-head{width:100%;color:var(--svc-ink);font:inherit;text-align:left;cursor:pointer;transition:background calc(.2s * var(--motion-scale)) ease;background:0 0;border:0;grid-template-columns:1fr 32px;align-items:center;column-gap:24px;padding:32px;display:grid}.svc-head:hover,.svc-item.is-open .svc-head{background:var(--svc-surface)}.svc-name{font-family:var(--font-serif);font-size:calc(26px * var(--type-scale));margin-bottom:8px;font-weight:400;line-height:1.2;display:block}.svc-teaser{font-size:calc(16px * var(--type-scale));line-height:calc(1.6 * var(--leading-scale));color:var(--svc-muted);display:block}.svc-toggle{font-family:var(--font-mono);font-size:calc(28px * var(--type-scale));color:var(--svc-accent);text-align:center;width:32px;height:32px;font-weight:300;line-height:32px}.svc-details{padding:4px 32px 40px}.svc-details[hidden]{display:none}.svc-lead{font-family:var(--font-serif);font-size:calc(clamp(20px, 2.2vw, 26px) * var(--type-scale) * var(--display-scale));line-height:calc(1.3 * var(--leading-scale));color:var(--svc-ink);max-width:44ch;margin-bottom:32px;font-weight:400}.svc-cols{gap:calc(40px * var(--gap-scale));grid-template-columns:1.1fr .9fr;align-items:start;margin-bottom:28px;display:grid}.svc-subhead{font-family:var(--font-mono);font-size:calc(11px * var(--type-scale));letter-spacing:calc(.18em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--svc-muted);margin-bottom:16px}.svc-apps ul{gap:calc(12px * var(--gap-scale));list-style:none;display:grid}.svc-apps li{gap:calc(14px * var(--gap-scale));font-size:calc(16px * var(--type-scale));line-height:calc(1.55 * var(--leading-scale));color:var(--svc-muted);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.svc-apps li .marker{font-family:var(--font-mono);font-size:calc(11px * var(--type-scale));color:var(--svc-accent)}.svc-methods{border-left:2px solid var(--svc-accent);padding-left:20px}.svc-methods p{font-size:calc(15px * var(--type-scale));line-height:calc(1.65 * var(--leading-scale));color:var(--svc-muted)}.svc-cta{font-family:var(--font-mono);font-size:calc(13px * var(--type-scale));letter-spacing:calc(.05em * var(--tracking-scale));color:var(--svc-accent);transition:border-color calc(.2s * var(--motion-scale)) ease;border-bottom:1px solid #0000;margin-top:28px;text-decoration:none;display:inline-block}.svc-cta:hover{border-color:var(--svc-accent)}@media (width<=900px){.svc-head{grid-template-columns:1fr 28px;column-gap:16px;padding:24px 20px}.svc-name{font-size:calc(22px * var(--type-scale))}.svc-details{padding:4px 20px 32px}.svc-cols{gap:calc(28px * var(--gap-scale));grid-template-columns:1fr}}.faq-section{--faq-accent:var(--accent);--faq-ink:var(--ink);--faq-muted:var(--ink-dim);--faq-rule:var(--rule)}.faq-list{border-top:var(--rule-width) solid var(--faq-rule)}.faq-item{border-bottom:var(--rule-width) solid var(--faq-rule)}.faq-q{justify-content:space-between;align-items:center;gap:calc(24px * var(--gap-scale));cursor:pointer;font-family:var(--font-serif);font-size:calc(clamp(19px, 2vw, 24px) * var(--type-scale) * var(--display-scale));line-height:calc(1.3 * var(--leading-scale));color:var(--faq-ink);transition:color calc(.2s * var(--motion-scale)) ease;padding:clamp(22px,4vw,28px) clamp(20px,4vw,32px);list-style:none;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{color:var(--faq-accent)}.faq-toggle{flex:none;width:20px;height:20px;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";background:var(--faq-accent);transition:opacity calc(.2s * var(--motion-scale)) ease;position:absolute}.faq-toggle:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.faq-toggle:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.faq-item[open] .faq-toggle:after{opacity:0}.faq-a{max-width:72ch;color:var(--faq-muted);font-size:calc(17px * var(--type-scale));line-height:calc(1.7 * var(--leading-scale));padding:0 clamp(20px,4vw,32px) clamp(22px,4vw,32px)}.example-panel{--example-accent:var(--accent);--example-cool:var(--accent-cool);--example-warm:var(--accent-warm);--example-ink:var(--ink);--example-muted:var(--ink-dim);--example-bg:var(--bg);--example-surface:var(--bg-2);--example-rule:var(--rule);background:var(--example-surface);border:var(--rule-width) solid var(--example-rule);border-radius:calc(10px * var(--radius-scale));padding:24px}.example-body{gap:calc(16px * var(--gap-scale));flex-direction:column;display:flex}.example-controls{gap:calc(16px * var(--gap-scale));flex-wrap:wrap;align-items:center;display:flex}.example-control{align-items:center;gap:calc(10px * var(--gap-scale));display:flex}.example-control-label{font-size:calc(12px * var(--type-scale));letter-spacing:calc(.08em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--example-muted)}.example-select{background:var(--example-bg);border:var(--rule-width) solid var(--example-rule);color:var(--example-ink);border-radius:calc(6px * var(--radius-scale));font-family:inherit;font-size:calc(14px * var(--type-scale));cursor:pointer;padding:8px 12px}.example-select:focus{border-color:var(--example-accent);outline:none}.example-reach{align-items:baseline;gap:calc(8px * var(--gap-scale));border:var(--rule-width) solid var(--example-rule);border-radius:calc(6px * var(--radius-scale));background:color-mix(in srgb, var(--example-muted) 6%, transparent);white-space:nowrap;border-left-width:3px;margin-left:auto;padding:7px 12px;display:inline-flex}.example-reach-icon{border-radius:50%;flex:none;align-self:center;width:7px;height:7px}.example-reach-cap{font-size:calc(11px * var(--type-scale));letter-spacing:calc(.08em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--example-muted)}.example-reach-val{font-size:calc(15px * var(--type-scale));color:var(--example-ink);font-weight:600}.example-reach-sub{font-size:calc(12px * var(--type-scale));color:var(--example-muted)}.example-reach-ok{border-left-color:#5fd9a3}.example-reach-ok .example-reach-icon{background:#5fd9a3}.example-reach-ok .example-reach-val{color:#5fd9a3}.example-reach-warn{border-left-color:#f5a730}.example-reach-warn .example-reach-icon{background:#f5a730}.example-reach-warn .example-reach-val{color:#f5a730}.example-reach-urgent{border-left-color:#e6437a}.example-reach-urgent .example-reach-icon{background:#e6437a}.example-reach-urgent .example-reach-val{color:#e6437a}.example-segmented{border:var(--rule-width) solid var(--example-rule);border-radius:calc(6px * var(--radius-scale));display:inline-flex;overflow:hidden}.example-seg{color:var(--example-muted);cursor:pointer;font-family:inherit;font-size:calc(14px * var(--type-scale));border:none;border-right:var(--rule-width) solid var(--example-rule);background:0 0;padding:8px 16px}.example-seg:last-child{border-right:none}.example-seg:hover{color:var(--example-ink)}.example-seg.active{background:var(--example-accent);color:#fff}.example-chart-wrap{width:100%;position:relative}.example-chart{width:100%;height:auto;display:block}.example-tooltip{background:var(--example-bg);border:var(--rule-width) solid var(--example-rule);border-radius:calc(6px * var(--radius-scale));font-size:calc(12px * var(--type-scale));color:var(--example-ink);gap:calc(2px * var(--gap-scale));pointer-events:none;flex-direction:column;padding:8px 12px;display:flex;position:absolute;top:8px;right:8px}.example-tooltip strong{color:var(--example-accent);font-weight:500}.example-legend{gap:calc(16px * var(--gap-scale));font-size:calc(13px * var(--type-scale));color:var(--example-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.example-legend li{align-items:center;gap:calc(8px * var(--gap-scale));display:inline-flex}.example-legend .dot{border-radius:calc(2px * var(--radius-scale));background:var(--example-muted);width:14px;height:4px;display:inline-block}.example-legend .dot-accent{background:var(--example-accent)}.example-legend .dot-cool{background:var(--example-cool)}.example-legend .dot-accent.dashed{background:repeating-linear-gradient(to right, var(--example-accent) 0 5px, transparent 5px 9px)}.example-legend .dot-stockout{background:color-mix(in srgb, var(--example-warm) 60%, transparent)}.example-legend .dot-restock{background:#5fd9a3}.example-legend .dot-sale{background:color-mix(in srgb, var(--example-cool) 60%, transparent)}.example-caption{font-size:calc(13px * var(--type-scale));color:var(--example-muted);line-height:calc(1.5 * var(--leading-scale));margin:0}.example-back{border:var(--rule-width) solid var(--example-rule);color:var(--example-muted);border-radius:calc(6px * var(--radius-scale));cursor:pointer;font-family:inherit;font-size:calc(13px * var(--type-scale));background:0 0;padding:6px 12px}.example-back:hover{color:var(--example-ink);border-color:var(--example-accent)}@media (width<=600px){.example-panel{padding:16px}.example-controls{flex-direction:column;align-items:stretch}.example-reach{align-self:flex-start;margin-left:0}}.example-pnl{--pnl-accent:var(--accent);--pnl-cool:var(--accent-cool);--pnl-warm:var(--accent-warm);--pnl-ink:var(--ink);--pnl-muted:var(--ink-dim);--pnl-bg:var(--bg);--pnl-rule:var(--rule)}.pnl-table-wrap{border:var(--rule-width) solid var(--pnl-rule);border-radius:calc(8px * var(--radius-scale));overflow-x:auto}.pnl-table{border-collapse:collapse;width:100%;font-size:calc(14px * var(--type-scale));min-width:480px}.pnl-table th,.pnl-table td{text-align:left;border-bottom:var(--rule-width) solid var(--pnl-rule);padding:10px 14px}.pnl-table th{font-size:calc(11px * var(--type-scale));letter-spacing:calc(.08em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--pnl-muted);background:color-mix(in srgb, var(--pnl-ink) 2%, transparent);font-weight:500}.pnl-table th.num,.pnl-table td.num{text-align:right;font-variant-numeric:tabular-nums}.pnl-table tr.indent td:first-child{color:var(--pnl-muted);padding-left:28px}.pnl-table tr.emphasis td{background:color-mix(in srgb, var(--pnl-accent) 4%, transparent);font-weight:600}.pnl-table .pnl-neg{color:var(--pnl-warm)}.pnl-table .pnl-pos{color:var(--pnl-ink)}.pnl-table tbody.pnl-margins tr td{background:color-mix(in srgb, var(--pnl-cool) 4%, transparent);color:var(--pnl-cool);font-weight:500}.pnl-table th.pnl-year-th{text-transform:none;letter-spacing:normal;padding:8px}.pnl-year-btn{align-items:center;gap:calc(10px * var(--gap-scale));background:color-mix(in srgb, var(--pnl-accent) 12%, transparent);border:1px solid var(--pnl-accent);color:var(--pnl-ink);font-family:inherit;font-size:calc(16px * var(--type-scale));cursor:pointer;border-radius:calc(999px * var(--radius-scale));letter-spacing:normal;text-transform:none;transition:background calc(.15s * var(--motion-scale)) ease, transform calc(.15s * var(--motion-scale)) ease, box-shadow calc(.15s * var(--motion-scale)) ease;padding:8px 16px;font-weight:600;display:inline-flex}.pnl-year-btn:hover{background:var(--pnl-accent);color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--pnl-accent) 35%, transparent);transform:translateY(-1px)}.pnl-year-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--pnl-accent) 40%, transparent);outline:none}.pnl-year-arrow{background:color-mix(in srgb, var(--pnl-ink) 8%, transparent);width:22px;height:22px;font-size:calc(13px * var(--type-scale));border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pnl-year-btn:hover .pnl-year-arrow{background:color-mix(in srgb, var(--pnl-ink) 20%, transparent)}.pnl-hint{align-items:center;gap:calc(6px * var(--gap-scale));font-size:calc(12px * var(--type-scale));letter-spacing:calc(.06em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--pnl-accent);margin-bottom:4px;display:inline-flex}.pnl-hint:before{content:"↓";display:inline-block}.pnl-table-monthly{min-width:880px;font-size:calc(12px * var(--type-scale))}.pnl-table-monthly th,.pnl-table-monthly td{padding:6px 10px}.pnl-detail-head{align-items:center;gap:calc(16px * var(--gap-scale));display:flex}.pnl-detail-year{font-family:var(--font-mono);font-size:calc(14px * var(--type-scale));color:var(--pnl-muted);letter-spacing:calc(.08em * var(--tracking-scale))}.pnl-kpis{gap:calc(12px * var(--gap-scale));grid-template-columns:repeat(4,1fr);display:grid}.pnl-kpi{gap:calc(4px * var(--gap-scale));border:var(--rule-width) solid var(--pnl-rule);border-radius:calc(8px * var(--radius-scale));background:var(--pnl-bg);flex-direction:column;padding:14px 16px;display:flex}.pnl-kpi-label{font-size:calc(11px * var(--type-scale));letter-spacing:calc(.08em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--pnl-muted)}.pnl-kpi-value{font-size:calc(22px * var(--type-scale));color:var(--pnl-ink);font-variant-numeric:tabular-nums;font-weight:500}@media (width<=900px){.pnl-kpis{grid-template-columns:repeat(2,1fr)}}.example-support{--support-accent:var(--accent);--support-cool:var(--accent-cool);--support-warm:var(--accent-warm);--support-ink:var(--ink);--support-muted:var(--ink-dim);--support-bg:var(--bg);--support-surface:var(--bg-2);--support-rule:var(--rule)}.tag{font-size:calc(11px * var(--type-scale));border-radius:calc(10px * var(--radius-scale));letter-spacing:calc(.03em * var(--tracking-scale));padding:2px 8px;font-weight:500}.support-layout{gap:calc(16px * var(--gap-scale));grid-template-columns:minmax(260px,320px) 1fr;min-height:480px;display:grid}.support-inbox{background:var(--support-bg);border:var(--rule-width) solid var(--support-rule);border-radius:calc(8px * var(--radius-scale));flex-direction:column;display:flex;overflow:hidden}.support-inbox-head{border-bottom:var(--rule-width) solid var(--support-rule);font-size:calc(12px * var(--type-scale));letter-spacing:calc(.08em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--support-muted);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.support-count{background:var(--support-accent);color:#fff;border-radius:calc(10px * var(--radius-scale));font-size:calc(11px * var(--type-scale));letter-spacing:0;padding:1px 8px}.support-inbox ul{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.support-card{text-align:left;border:none;border-bottom:var(--rule-width) solid var(--support-rule);cursor:pointer;gap:calc(4px * var(--gap-scale));width:100%;color:var(--support-ink);background:0 0;border-left:3px solid #0000;flex-direction:column;padding:12px 16px;font-family:inherit;display:flex}.support-card:hover{background:color-mix(in srgb, var(--support-accent) 4%, transparent)}.support-card.active{background:color-mix(in srgb, var(--support-accent) 8%, transparent);border-left-color:var(--support-accent)}.support-card-row{justify-content:space-between;align-items:center;gap:calc(8px * var(--gap-scale));display:flex}.support-sender{font-weight:500;font-size:calc(14px * var(--type-scale));align-items:center;gap:calc(6px * var(--gap-scale));display:inline-flex}.support-sentiment{font-size:calc(14px * var(--type-scale));text-align:center;width:16px;line-height:1}.sent-positive{color:#5fd9a3}.sent-negative{color:var(--support-warm)}.sent-neutral{color:var(--support-muted)}.support-time{font-size:calc(11px * var(--type-scale));color:var(--support-muted)}.support-company{font-size:calc(12px * var(--type-scale));color:var(--support-muted)}.support-subject{font-size:calc(13px * var(--type-scale));color:var(--support-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.support-tags{gap:calc(6px * var(--gap-scale));flex-wrap:wrap;margin-top:4px;display:flex}.tag-type-anfrage{background:color-mix(in srgb, var(--support-accent) 18%, transparent);color:var(--support-accent)}.tag-type-beschwerde{background:color-mix(in srgb, var(--support-warm) 18%, transparent);color:var(--support-warm)}.tag-type-angebot{background:color-mix(in srgb, var(--support-cool) 16%, transparent);color:var(--support-cool)}.tag-type-sonstiges,.tag-prio-low{background:color-mix(in srgb, var(--support-muted) 16%, transparent);color:var(--support-muted)}.tag-prio-mid{color:#f5a730;background:#f5a73029}.tag-prio-high{background:color-mix(in srgb, var(--support-warm) 18%, transparent);color:var(--support-warm)}.tag-conf.conf-high{color:#5fd9a3;background:#5fd9a329}.tag-conf.conf-mid{color:#f5a730;background:#f5a73029}.tag-conf.conf-low{background:color-mix(in srgb, var(--support-warm) 18%, transparent);color:var(--support-warm)}.support-panel{background:var(--support-bg);border:var(--rule-width) solid var(--support-rule);border-radius:calc(8px * var(--radius-scale));padding:20px;overflow:auto}.support-review{gap:calc(20px * var(--gap-scale));grid-template-columns:1fr 1fr;display:grid}.support-review-col{gap:calc(12px * var(--gap-scale));flex-direction:column;display:flex}.support-review-head{border-bottom:var(--rule-width) solid var(--support-rule);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.support-review-label{font-size:calc(11px * var(--type-scale));letter-spacing:calc(.08em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--support-muted)}.support-sender-block{gap:calc(2px * var(--gap-scale));font-size:calc(13px * var(--type-scale));flex-direction:column;display:flex}.support-sender-block strong{color:var(--support-ink)}.support-sender-block span{color:var(--support-muted)}.support-subject-line{font-size:calc(15px * var(--type-scale));color:var(--support-ink);font-weight:500}.support-body{font-family:inherit;font-size:calc(13px * var(--type-scale));line-height:calc(1.6 * var(--leading-scale));color:var(--support-ink);white-space:pre-wrap;word-break:break-word;margin:0}.support-body-draft{background:var(--support-surface);border:var(--rule-width) solid var(--support-rule);border-radius:calc(6px * var(--radius-scale));padding:12px 14px}.support-ai-block{gap:calc(10px * var(--gap-scale));border:1px solid var(--support-accent);border-radius:calc(8px * var(--radius-scale));background:color-mix(in srgb, var(--support-accent) 6%, transparent);flex-direction:column;padding:14px;display:flex}.support-classify{font-size:calc(14px * var(--type-scale));color:var(--support-ink)}.support-entities{gap:calc(4px * var(--gap-scale));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.support-entities li{gap:calc(8px * var(--gap-scale));font-size:calc(13px * var(--type-scale));grid-template-columns:110px 1fr;display:grid}.entity-label{color:var(--support-muted);font-size:calc(12px * var(--type-scale))}.entity-value{color:var(--support-ink)}.support-reasoning{font-size:calc(12px * var(--type-scale));color:var(--support-muted);line-height:calc(1.5 * var(--leading-scale))}.support-reasoning em{color:var(--support-ink);font-style:normal;font-weight:500}.support-conf-bar{background:var(--support-rule);border-radius:calc(2px * var(--radius-scale));height:4px;overflow:hidden}.support-conf-fill{height:100%}.support-conf-fill.conf-high{background:#5fd9a3}.support-conf-fill.conf-mid{background:#f5a730}.support-conf-fill.conf-low{background:var(--support-warm)}.support-draft{gap:calc(10px * var(--gap-scale));flex-direction:column;display:flex}.support-sources{font-size:calc(11px * var(--type-scale));color:var(--support-muted);letter-spacing:calc(.02em * var(--tracking-scale))}.support-actions{gap:calc(8px * var(--gap-scale));flex-wrap:wrap;display:flex}.support-btn{background:var(--support-surface);border:var(--rule-width) solid var(--support-rule);color:var(--support-ink);border-radius:calc(6px * var(--radius-scale));font-family:inherit;font-size:calc(13px * var(--type-scale));cursor:pointer;padding:8px 14px}.support-btn:hover{border-color:var(--support-accent)}.support-btn.primary{background:var(--support-accent);border-color:var(--support-accent);color:#fff}.support-btn.ghost{color:var(--support-muted)}@media (width<=900px){.support-layout{grid-template-columns:1fr;min-height:0}.support-review{grid-template-columns:1fr}}.example-tabs{--tabs-accent:var(--accent);--tabs-ink:var(--ink);--tabs-muted:var(--ink-dim);--tabs-surface:var(--bg-2);--tabs-rule:var(--rule);margin-top:32px}.example-tabbar{gap:calc(8px * var(--gap-scale));grid-template-columns:repeat(3,1fr);margin-bottom:20px;display:grid}.example-tab{align-items:flex-start;gap:calc(4px * var(--gap-scale));background:var(--tabs-surface);border:var(--rule-width) solid var(--tabs-rule);border-radius:calc(8px * var(--radius-scale));color:var(--tabs-muted);text-align:left;cursor:pointer;transition:border-color calc(.15s * var(--motion-scale)) ease, color calc(.15s * var(--motion-scale)) ease, background calc(.15s * var(--motion-scale)) ease;flex-direction:column;padding:16px 18px;font-family:inherit;display:flex}.example-tab:hover{color:var(--tabs-ink);border-color:var(--tabs-accent)}.example-tab.active{background:color-mix(in srgb, var(--tabs-accent) 8%, transparent);border-color:var(--tabs-accent);color:var(--tabs-ink)}.example-tab-title{font-size:calc(16px * var(--type-scale));color:inherit;font-weight:500}.example-tab-sub{font-size:calc(13px * var(--type-scale));color:var(--tabs-muted);line-height:calc(1.4 * var(--leading-scale))}@media (width<=900px){.example-tabbar{grid-template-columns:1fr}}