:is(.sj-stage,.pricing-simulator:not(.compact),.time-calculator,.monitoring-demo:not(.compact),.network-area,.relationship-board,.record-body,.feature-detail,.health-detail,.persona-visual){--fg:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--ink-3);--ln:var(--line);--ln-2:var(--line-2);--surface:var(--paper-2);--surface-2:var(--paper-3);--accent:var(--green);--accent-fg:var(--sm-appearance-text,#fff);--warn:var(--amber-ink);--danger:var(--risk-ink);--good:var(--ok-ink);--focus-ring:var(--green);--btn-bg:var(--ink);--btn-fg:var(--paper);--btn-hover:0 10px 30px -14px var(--sm-appearance-surface-3,#15161c8c);color:var(--fg);background:var(--paper);border-radius:var(--r-xl);box-shadow:var(--screen-shadow)}:is(.sj-stage,.pricing-simulator:not(.compact),.time-calculator,.monitoring-demo:not(.compact),.network-area,.relationship-board,.record-body,.feature-detail,.health-detail,.persona-visual) :is(.chip[aria-pressed=true],:is(.segmented,.comparison-tabs,.strategy-tabs,.intent-tabs,.mode-tabs,.quantity-buttons)>button:is([aria-pressed=true],.active)){background:var(--sm-appearance-action-bg,var(--ink));color:var(--paper)}.panel-top,.monitor-toolbar,.network-toolbar,.research-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-top>span,.monitor-toolbar>span,.network-toolbar>span,.research-heading>span{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:8px;font-weight:500;display:inline-flex}.swatches{align-items:center;gap:6px;display:inline-flex}.swatches i{border:2px solid var(--sm-appearance-border,#fff);width:18px;height:18px;box-shadow:0 0 0 1px var(--line-2);border-radius:50%}.swatches .oat{background:var(--sm-appearance-surface,#d8ccb2)}.swatches .slate{background:var(--sm-appearance-surface,#6f7f86)}.swatches .midnight{background:#1f2c3c}.swatches .off{opacity:.45;background-image:linear-gradient(135deg, transparent 45%, var(--risk-ink) 45%, var(--risk-ink) 55%, transparent 55%)}@keyframes sj-in{0%{opacity:0;translate:0 8px}}.sj{padding-block:var(--s-7) var(--section-y);scroll-margin-top:calc(var(--header-h) + 8px)}.sj:focus{outline:0}.sj-head{gap:var(--s-5) var(--s-7);margin-bottom:var(--s-6);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;display:grid}.sj-head>div:first-child{gap:var(--s-4);display:grid}.sj-head h2{font-size:var(--fs-h2);letter-spacing:var(--track-display);line-height:1.04}.sj-head-note{gap:var(--s-3);justify-items:start;display:grid}.sj-head-note p{font-size:var(--fs-body);color:var(--fg-2)}.sj-rail{margin-bottom:var(--s-4)}.sj-rail ol{grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.sj-rail li{padding-top:30px;position:relative}.sj-rail li:before{content:"";top:49px;background:var(--ln-2);height:1px;position:absolute;inset-inline:0}.sj-rail li.phase-start{border-inline-start:1px solid var(--ln)}.sj-phase{top:0;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--mint);white-space:nowrap;font-weight:500;position:absolute;inset-inline-start:10px}.sj-rail button{border-radius:var(--r-md);width:100%;min-height:72px;color:var(--fg-3);justify-items:center;gap:6px;padding:4px 2px 8px;display:grid;position:relative}.sj-rail button:hover{color:var(--fg)}.sj-step-num{background:var(--bg);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--ln-2);font-size:var(--fs-small);transition:background var(--dur-2), transform var(--dur-2) var(--spring), box-shadow var(--dur-2);border-radius:50%;place-items:center;font-weight:500;display:grid}.sj-rail button.done .sj-step-num{background:var(--sm-appearance-action-bg,#10b57f24);color:var(--mint);box-shadow:var(--sm-appearance-shadow-edge,inset 0 0 0 1px #10b57f80)}.sj-rail button.active .sj-step-num{background:var(--sm-appearance-action-bg,var(--iris));color:var(--bg);box-shadow:var(--sm-appearance-shadow,0 0 0 6px #10b57f24, 0 0 24px #2ea3f280);transform:scale(1.12)}.sj-step-label{font-size:var(--fs-small);text-align:center;line-height:1.3}.sj-rail button.active .sj-step-label{color:var(--fg);font-weight:500}.sj-body{gap:var(--s-5);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.sj-stage{min-width:0;padding:clamp(18px,3vw,36px)}.sj-stage-head{padding-bottom:var(--s-5);border-bottom:1px solid var(--ln);gap:8px;display:grid}.sj-count{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:500}.sj-stage-head h3{font-size:var(--fs-h3);align-items:center;gap:12px;font-weight:300;display:flex}.sj-stage-head h3 svg{color:var(--accent)}.sj-stage-head p{font-size:var(--fs-body);color:var(--fg-2);max-width:46rem}.sj-canvas{gap:var(--s-5);padding-top:var(--s-5);animation:sj-in var(--dur-3) var(--ease);display:grid}.sj-actions{padding-top:var(--s-4);border-top:1px solid var(--ln);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.sj-actions.stacked{border-top:0;flex-flow:column;align-items:stretch;min-width:0;padding-top:0}.sj-actions.stacked>.text-button{align-self:flex-start}.sj-outcomes,.sj-checklist{min-width:0}.sj-tally{font-size:var(--fs-ui);color:var(--fg-3)}.sj-tally b{color:var(--fg);font-size:1.25rem}.sj-hint{font-size:var(--fs-small);color:var(--fg-3)}.sj-hint.strong{color:var(--warn);font-weight:500}.sj-gate{border:1.5px dashed var(--amber-ink);border-radius:var(--r-md);background:var(--sm-appearance-warning-bg,#f8ebcd8c);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:18px 20px;display:flex}.sj-gate svg{color:var(--amber-ink)}.sj-gate p{font-size:var(--fs-ui);flex:16rem;font-weight:500}.sj-nav{margin-top:var(--s-5);padding-top:var(--s-3);border-top:1px solid var(--ln);justify-content:space-between;display:flex}.sj-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.supplier-chip{font-size:var(--fs-ui);align-items:center;gap:8px;font-weight:500;display:inline-flex}.supplier-chip svg{color:var(--accent)}.supplier-chip small{font-size:var(--fs-label);color:var(--fg-3);font-weight:350}.sj-catalog{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px;display:grid}.sj-product{text-align:start;background:var(--white);border:1px solid var(--ln);border-radius:var(--r-lg);transition:border-color var(--dur-1), box-shadow var(--dur-1), background var(--dur-1);align-content:start;gap:8px;padding:12px;display:grid;position:relative}.sj-product:hover:not(:disabled){border-color:var(--ink-3);box-shadow:var(--sm-appearance-shadow,0 18px 40px -26px #15161c80)}.sj-product.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--sm-appearance-success-bg,#f3faf6)}.sj-product:disabled{cursor:default}.sj-product img{background:var(--paper-2);border-radius:var(--r-md);width:100%;height:112px;padding:8px}.sj-check{top:18px;border:2px solid var(--line-2);background:var(--white);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid;position:absolute;inset-inline-start:18px}.sj-product.selected .sj-check{background:var(--green);border-color:var(--green)}.sj-product-raw{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.sj-product-meta{font-size:var(--fs-label);color:var(--fg-3);flex-wrap:wrap;gap:4px 12px;display:flex}.sj-product-meta span:nth-child(2){color:var(--fg);font-weight:500}.sj-scope,.sj-compare,.sj-versus{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scope-card{text-align:start;background:var(--white);border:1px solid var(--ln);border-radius:var(--r-lg);align-content:start;justify-items:start;gap:6px;padding:18px;display:grid}.scope-card strong{font-size:var(--fs-h4);font-weight:500}.scope-card span{font-size:var(--fs-small);color:var(--fg-3)}.scope-card[aria-pressed=true],.scope-card.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--sm-appearance-action-bg,#f3faf6)}.scope-card .segmented{margin-top:6px}.sj-compare>div{border-radius:var(--r-lg);align-content:start;gap:12px;padding:18px;display:grid}.sj-compare .manual{border:1.5px dashed var(--line-2);background:var(--white)}.sj-compare .bulk{background:var(--paper-2)}.sj-compare ol{counter-reset:step;gap:8px;display:grid}.sj-compare li{font-size:var(--fs-ui);counter-increment:step;gap:10px;display:flex}.sj-compare li:before{content:counter(step);background:var(--paper-3);width:24px;height:24px;font-size:var(--fs-label);border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:grid}.sj-compare .repeat{font-family:var(--font-mono);font-size:var(--fs-h3);color:var(--amber-ink)}.batch-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;display:grid}.batch-grid.few{grid-template-columns:repeat(auto-fill,20px)}.batch-grid i{aspect-ratio:1;background:var(--line-2);opacity:.55;transition:background var(--dur-1), opacity var(--dur-1);border-radius:3px}.batch-grid i.on{background:var(--green);opacity:1}.batch-grid i.warn{background:var(--sm-appearance-warning-bg,#c99a3a);opacity:1}.sj-pipe{font-size:var(--fs-ui);align-items:center;gap:12px;font-weight:500;display:flex}.sj-pipe span{background:var(--paper-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.sj-pipe .brand-mark{width:20px;height:20px;color:var(--green)}.sj-pipe i{background:repeating-linear-gradient(90deg, var(--line-2) 0 8px, transparent 8px 14px);border-radius:3px;flex:1;height:3px}.sj-pipe i.flowing{background:repeating-linear-gradient(90deg, var(--green) 0 8px, transparent 8px 14px);background-size:28px 3px;animation:.6s linear infinite pipe-flow}[dir=rtl] .sj-pipe i.flowing{animation-direction:reverse}@keyframes pipe-flow{to{background-position:28px 0}}.sj-progress{background:var(--paper-3);border-radius:999px;height:10px;overflow:hidden}.sj-progress span{background:var(--sm-appearance-panel-gradient,linear-gradient(90deg, var(--green), #2c9a7d));border-radius:inherit;height:100%;transition:width .12s linear;display:block}.sj-records{display:grid}.sj-records li{border-bottom:1px solid var(--ln);border-radius:var(--r-sm);transition:background var(--dur-2);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.sj-records li.tone-warn{background:var(--sm-appearance-warning-bg,#f8ebcd99)}.sj-records img{background:var(--paper-2);border-radius:var(--r-sm);width:48px;height:48px;padding:4px}.sj-records strong{font-size:var(--fs-ui);display:block}.sj-records small{font-size:var(--fs-label);color:var(--fg-3)}.sj-batch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.sj-batch dl>div,.sj-supplier-live dl>div,.sj-findings dl>div{border-bottom:1px solid var(--ln);font-size:var(--fs-ui);justify-content:space-between;gap:12px;padding-block:10px;display:flex}.sj-batch dt,.sj-supplier-live dt{color:var(--fg-3)}.sj-batch dd{font-family:var(--font-mono);font-weight:400}.sj-batch .sj-hint{grid-column:1/-1}.sj-diff{border:1px solid var(--ln);border-radius:var(--r-lg);background:var(--white);display:grid;overflow:hidden}.sj-diff-row{border-top:1px solid var(--ln);grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);display:grid}.sj-diff-row.head{background:var(--paper-2);border-top:0}.sj-diff-row>span{font-size:var(--fs-small);padding:12px 14px;line-height:1.55}.sj-diff-row.head>span{font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-weight:500}.sj-diff-row [role=rowheader]{align-content:start;justify-items:start;gap:6px;font-weight:500;display:grid}.sj-diff-row .before{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--fg-3)}.sj-diff-row .after{background:var(--sm-appearance-success-bg,#f1f9f3);box-shadow:inset 3px 0 0 var(--green)}[dir=rtl] .sj-diff-row .after{box-shadow:inset -3px 0 0 var(--green)}.sj-diff-row.missing .after{background:var(--sm-appearance-warning-bg,#f8ebcd8c);box-shadow:inset 3px 0 0 var(--amber-ink)}[dir=rtl] .sj-diff-row.missing .after{box-shadow:inset -3px 0 0 var(--amber-ink)}.sj-title-edit{font-size:var(--fs-ui);gap:8px;font-weight:500;display:grid}.sj-title-edit input{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--white);width:100%;min-height:52px;font-size:var(--fs-ui);padding:12px 14px;font-weight:350}.sj-title-edit input:focus{outline:3px solid var(--green);outline-offset:1px}.sj-title-edit small{font-size:var(--fs-small);color:var(--fg-3);align-items:center;gap:6px;font-weight:350;display:flex}.sj-premium{border-radius:var(--r-lg);background:var(--bg);color:var(--fg);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.sj-premium svg{color:var(--lilac)}.sj-premium span{font-size:var(--fs-small);color:var(--fg-3)}.sj-versus>div{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--ln);gap:6px;padding:16px;display:grid}.sj-versus .premium{background:var(--sm-appearance-panel-gradient,linear-gradient(150deg, #eef8f1, #f0eefb));border-color:var(--sm-appearance-border,#c9bdf0)}.sj-versus p{font-size:var(--fs-ui)}.sj-phases{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.sj-phases li{font-size:var(--fs-small);color:var(--fg-3);align-items:flex-start;gap:8px;line-height:1.4;display:flex}.sj-phases li span{border:2px solid var(--line-2);width:26px;height:26px;font-size:var(--fs-label);border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:grid}.sj-phases li.done{color:var(--fg)}.sj-phases li.done span{background:var(--green);border-color:var(--green);color:#fff}.sj-phases li.busy span{border-color:var(--green);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:var(--sm-appearance-shadow,0 0 0 6px #0b7a672e)}}.sj-research{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;display:grid}.sj-map{align-content:start;gap:12px;display:grid}.keyword-orbit{aspect-ratio:400/310;border-radius:var(--r-lg);background:radial-gradient(circle at 50% 50%, #f0eefb, var(--paper-2) 70%);border:1px solid var(--ln);position:relative}.keyword-orbit>svg{width:100%;height:100%;position:absolute;inset:0}.keyword-orbit circle{fill:none;stroke:var(--line-2);stroke-dasharray:3 5}.keyword-orbit path{stroke:var(--sm-appearance-link,#8b7bd6);stroke-width:1.5px;stroke-dasharray:4 4;fill:none}.kw-core,.kw{border-radius:var(--r-md);font-size:var(--fs-small);text-align:center;gap:2px;max-width:46%;padding:8px 12px;font-weight:500;line-height:1.35;display:grid;position:absolute}.kw-core{background:var(--bg);color:var(--fg);top:50%;left:50%;translate:-50% -50%}.kw{background:var(--white);border:1px solid var(--line-2);box-shadow:var(--sm-appearance-shadow,0 10px 24px -16px #15161c66);animation:sj-in var(--dur-3) var(--ease) both}.kw small,.kw-core small{font-size:var(--fs-label);color:var(--fg-3);font-weight:350}.kw-core small{color:var(--mint)}.kw-0{top:6%;inset-inline-start:3%}.kw-1{top:6%;animation-delay:80ms;inset-inline-end:3%}.kw-2{animation-delay:.16s;bottom:5%;left:50%;translate:-50%}.sj-findings{align-content:start;gap:12px;display:grid}.sj-findings ul{gap:10px;display:grid}.sj-findings li{font-size:var(--fs-ui);gap:10px;line-height:1.55;display:flex}.sj-findings li svg{color:var(--green);margin-top:4px}.sj-findings dl>div{font-size:var(--fs-small);grid-template-columns:130px minmax(0,1fr);display:grid}.sj-findings dt{color:var(--fg-3);font-weight:500}.sj-findings dd{overflow-wrap:anywhere}.sj-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.sj-checklist{gap:14px;display:grid}.sj-checklist li{border-bottom:1px solid var(--ln);font-size:var(--fs-ui);gap:12px;padding-block:12px;display:flex}.sj-checklist li b{font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-weight:500;display:block}.sj-checklist li.ok>svg{color:var(--ok-ink);margin-top:3px}.sj-checklist li.warn>svg{color:var(--amber-ink);margin-top:3px}.sj-store{background:var(--white);border:1px solid var(--ln);border-radius:var(--r-xl);box-shadow:var(--sm-appearance-shadow,0 24px 60px -36px #15161c80);overflow:hidden}.sj-store-bar{background:var(--paper-2);border-bottom:1px solid var(--ln);align-items:center;gap:6px;padding:10px 14px;display:flex}.sj-store-bar i{background:var(--line-2);border-radius:50%;width:8px;height:8px}.sj-store-bar span{background:var(--white);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--fg-3);border-radius:999px;margin-inline-start:8px;padding:2px 12px}.sj-store>.label{padding:14px 18px 0}.sj-store-product{grid-template-columns:132px minmax(0,1fr);gap:16px;padding:16px 18px 20px;display:grid}.sj-store-product img{background:var(--paper-2);border-radius:var(--r-lg);width:132px;height:132px;padding:8px}.sj-store-product>div{align-content:start;justify-items:start;gap:8px;display:grid}.sj-store-product strong{font-size:var(--fs-h4);font-weight:500;line-height:1.3}.sj-store-product .price{font-size:1.5rem;font-weight:600}.sj-store-product .stock{font-size:var(--fs-label);background:var(--ok-bg);color:var(--ok-ink);border-radius:999px;padding:2px 10px;font-weight:500}.sj-store-product .stock.out{background:var(--risk-bg);color:var(--risk-ink)}.sj-store-product small{font-size:var(--fs-small);color:var(--fg-3)}.sj-store-product .cart{background:var(--ink);color:var(--paper);font-size:var(--fs-small);border-radius:999px;padding:10px 18px;font-weight:500}.sj-store-product .stock.out~.cart{background:var(--paper-3);color:var(--ink-2)}.sj-store.live .sj-store-product{animation:sj-in var(--dur-3) var(--ease)}.sj-store-empty{border:1.5px dashed var(--line-2);border-radius:var(--r-lg);min-height:220px;color:var(--fg-3);font-size:var(--fs-ui);text-align:center;place-items:center;gap:10px;margin:16px 18px;padding:16px;display:grid}.sj-store-note{background:var(--paper-2);border-top:1px solid var(--ln);font-size:var(--fs-small);color:var(--ink-2);padding:12px 18px;font-weight:500}.sj-events{flex-wrap:wrap;gap:8px;display:flex}.sj-events .event{min-height:var(--tap);border:1px solid var(--line-2);background:var(--white);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.sj-events .event svg{color:var(--amber-ink)}.sj-events .event:hover:not(:disabled){border-color:var(--amber-ink);background:var(--amber-bg)}.sj-events .event:disabled{opacity:var(--sm-appearance-disabled-opacity,.5)}.sj-supplier-live,.sj-feed{border-radius:var(--r-lg);border:1px solid var(--ln);background:var(--white);align-content:start;gap:10px;padding:18px;display:grid}.sj-supplier-live{background:var(--paper-2)}.sj-supplier-live dd{text-align:end;overflow-wrap:anywhere;font-weight:500}.sj-supplier-live .changed{background:var(--amber-bg);border-radius:var(--r-sm);margin-inline:-8px;padding-inline:8px}.sj-supplier-live .changed dd{color:var(--amber-ink)}.sj-feed ul{gap:8px;display:grid}.sj-feed li{border-radius:var(--r-md);background:var(--paper-2);font-size:var(--fs-small);justify-items:start;gap:4px;padding:10px 12px;display:grid}.sj-feed li span,.out-change{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.sj-empty{font-size:var(--fs-ui);color:var(--fg-3)}.sj-rules{display:grid}.sj-rule{border-bottom:1px solid var(--ln);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding-block:14px;display:grid}.sj-rule strong{font-size:var(--fs-ui);font-weight:500;display:block}.sj-rule small{font-size:var(--fs-small);color:var(--fg-3)}.sj-rule .locked{background:var(--bg);color:var(--lilac);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:inline-flex}.sj-predict{font-style:normal;font-size:var(--fs-small);color:var(--amber-ink);grid-column:1/-1;font-weight:500}.sj-outcomes{gap:16px;display:grid}.sj-outcomes ul{gap:10px;display:grid}.sj-outcomes>ul>li{background:var(--white);border:1px solid var(--ln);border-inline-start:4px solid var(--line-2);border-radius:var(--r-md);justify-items:start;gap:8px;padding:14px 16px;display:grid}.sj-outcomes li.out-applied,.sj-outcomes li.out-approved{border-inline-start-color:var(--ok-ink)}.sj-outcomes li.out-awaiting{border-inline-start-color:var(--amber-ink)}.sj-outcomes li.out-blocked{border-inline-start-color:var(--sm-appearance-border,#8b7bd6)}.out-head{width:100%;font-size:var(--fs-ui);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.out-change{font-size:var(--fs-small);color:var(--ink-2)}.out-note{font-size:var(--fs-small);font-weight:500;color:var(--amber-ink)!important}.out-steps{flex-wrap:wrap;gap:4px;display:flex}.out-steps li{background:var(--paper-2);font-size:var(--fs-label);color:var(--fg-3);border-radius:999px;padding:2px 8px}.out-steps li.done{background:var(--ok-bg);color:var(--ok-ink);font-weight:500}.sj-outcomes small{font-size:var(--fs-small);color:var(--fg-3)}.sj-record{top:calc(var(--header-h) + 16px);border-radius:var(--r-xl);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:inset 0 0 0 1px var(--ln-2), var(--glow);gap:16px;padding:22px;display:grid;position:sticky}.sj-record .label{color:var(--mint)}.sj-record-id{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;display:grid}.sj-record-id img{border-radius:var(--r-md);background:var(--tile-headphones);width:64px;height:64px;padding:4px}.sj-record-id code{color:var(--mint)}.sj-record-id strong{font-size:var(--fs-ui);overflow-wrap:anywhere;font-weight:500;line-height:1.4;display:block}.sj-where{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sj-where li{font-size:var(--fs-label);text-align:center;color:var(--fg-3);padding-top:22px;position:relative}.sj-where li:before{content:"";border:2px solid var(--fg-3);background:var(--bg);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:50%;translate:-50%}.sj-where li:not(:last-child):after{content:"";top:8px;background:var(--ln-2);width:100%;height:2px;position:absolute;inset-inline-start:50%}.sj-where li.on:before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 12px var(--mint)}.sj-where li.on:not(:last-child):after{background:var(--mint)}.sj-where li[aria-current]{color:var(--fg);font-weight:500}.sj-status{border-radius:var(--r-md);background:var(--sm-appearance-surface-3,#15161c12);font-size:var(--fs-small);padding:10px 12px;font-weight:500}.sj-ledger{gap:8px;display:grid}.sj-ledger li{font-size:var(--fs-small);color:var(--fg-3);align-items:center;gap:10px;display:flex}.sj-ledger li>span{border:1.5px solid var(--ln-2);border-radius:50%;width:15px;height:15px}.sj-ledger li.ok{color:var(--fg)}.sj-ledger li.ok svg{color:var(--mint)}.sj-ledger b{font-family:var(--font-mono);font-size:var(--fs-small);margin-inline-start:auto;font-weight:400}.sj-record .text-button{color:var(--mint);justify-self:start}@media (max-width:1100px){.sj-body{grid-template-columns:minmax(0,1fr)}.sj-record{order:-1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;position:static}.sj-record>.label,.sj-record>.sj-ledger,.sj-record>.text-button{display:none}.sj-record .sj-status{grid-column:1/-1}}@media (max-width:900px){.sj-head{grid-template-columns:minmax(0,1fr)}.sj-rail li{padding-top:0}.sj-rail li:before{top:21px}.sj-rail li.phase-start{border-inline-start:0}.sj-phase,.sj-step-label{display:none}.sj-rail button{min-height:var(--tap);padding:2px 0}.sj-step-num{width:30px;height:30px;font-size:var(--fs-label)}.sj-research,.sj-split,.sj-batch,.sj-phases{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.sj-record,.sj-scope,.sj-compare,.sj-versus{grid-template-columns:minmax(0,1fr)}.sj-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-product img{height:84px}.sj-diff-row,.sj-diff-row.head{grid-template-columns:minmax(0,1fr)}.sj-diff-row.head{display:none}.sj-diff-row .before:before{content:"From the supplier"}.sj-diff-row .after:before{content:"Suggested"}[dir=rtl] .sj-diff-row .before:before{content:"من المورد"}[dir=rtl] .sj-diff-row .after:before{content:"المقترح"}.sj-diff-row .before:before,.sj-diff-row .after:before{font-family:var(--font-sans);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:2px;font-weight:500;display:block}.sj-store-product{grid-template-columns:minmax(0,1fr)}.sj-store-product img{width:100%;height:150px}.sj-rule{grid-template-columns:minmax(0,1fr)}.keyword-orbit{aspect-ratio:auto;gap:8px;padding:12px;display:grid}.keyword-orbit>svg{display:none}.kw-core,.kw{max-width:none;position:static;translate:none}.sj-findings dl>div{grid-template-columns:minmax(0,1fr);gap:2px}.sj-actions .button{flex:100%}}@media (max-width:400px){.sj-catalog{grid-template-columns:minmax(0,1fr)}}.pricing-simulator{gap:20px;padding:clamp(18px,3vw,32px);display:grid}.pricing-simulator.compact{padding:0}.pricing-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px;display:grid}.price-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.number-control{gap:6px;display:grid}.number-control>span{font-size:var(--fs-small);color:var(--fg-2);font-weight:500}.number-box{border:1px solid var(--ln-2);border-radius:var(--r-md);background:var(--white);align-items:center;display:flex}.number-box:focus-within{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--accent)}.number-box input{min-width:0;min-height:48px;font-size:var(--fs-ui);font-family:var(--font-mono);color:var(--ink);background:0 0;border:0;flex:1;padding:0 12px}.number-box input:focus{outline:0}.number-box small{font-size:var(--fs-label);color:var(--fg-3);padding-inline:12px;font-weight:500}.number-control input[type=range]{width:100%;height:28px;accent-color:var(--accent)}.number-error{font-size:var(--fs-small);color:var(--warn);font-weight:500}.price-result{border-radius:var(--r-lg);background:var(--surface);gap:10px;padding:20px;display:grid}.price-product{align-items:center;gap:10px;display:flex}.price-product img{width:52px;height:52px}.price-product span{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--fg-3)}.price-result>small:not(.calculation-note){font-size:var(--fs-label);letter-spacing:.06em;color:var(--fg-3);font-weight:500}.big-price{letter-spacing:-.04em;color:var(--fg);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,1.9rem + 2vw,3.75rem);font-weight:250;line-height:1.05}.big-price.large-amount{font-size:clamp(2rem,1.6rem + 1.5vw,2.75rem)}.selling-override{font-size:var(--fs-small);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;font-weight:500;display:grid}.selling-override input{border:1px solid var(--ln-2);border-radius:var(--r-md);background:var(--white);min-height:44px;font-family:var(--font-mono);font-size:var(--fs-ui);color:var(--ink);grid-column:1;padding:0 12px}.selling-override span{font-size:var(--fs-label);color:var(--fg-3);grid-column:2}.margin-result{font-size:var(--fs-ui);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.margin-result strong{font-family:var(--font-mono);font-size:var(--fs-h4);color:var(--good);font-weight:400}.margin-result.at-risk strong{color:var(--danger)}.margin-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.margin-track span{background:var(--accent);height:100%;transition:width var(--dur-2) var(--ease);display:block}.margin-result.at-risk+.margin-track span{background:var(--danger)}.calculation-note{font-size:var(--fs-small);color:var(--fg-3)}.profit-shield{border-radius:var(--r-lg);border:1px solid var(--ln);background:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.profit-shield>div:first-child{align-items:flex-start;gap:12px;display:flex}.profit-shield>div:first-child>svg{color:var(--accent);margin-top:2px}.profit-shield strong{font-size:var(--fs-ui)}.profit-shield p{font-size:var(--fs-ui);color:var(--fg-3)}.profit-shield.triggered{border-color:var(--amber-ink);background:var(--sm-appearance-warning-bg,#f8ebcd80)}.profit-shield.triggered>div:first-child>svg{color:var(--amber-ink)}.shield-action{font-size:var(--fs-ui);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shield-action b{font-family:var(--font-mono);font-size:1.125rem;font-weight:400}@media (max-width:900px){.pricing-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.price-inputs{grid-template-columns:minmax(0,1fr)}}.time-section{gap:var(--s-7);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.time-section>div:first-child{gap:var(--s-4);display:grid}.time-calculator{gap:20px;padding:clamp(18px,3vw,32px);display:grid}.time-inputs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.time-result{border-radius:var(--r-lg);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px;display:flex}.time-result>div{gap:4px;display:grid}.time-result span{font-size:var(--fs-label);letter-spacing:.06em;color:var(--fg-3);font-weight:500}.time-result strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.5rem + 1.6vw,3rem);font-weight:250;line-height:1.1}.time-result small{font-size:var(--fs-ui);color:var(--fg-3);margin-inline-start:6px;font-weight:350}.time-result>svg{color:var(--accent)}.time-bar{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.time-bar span{background:var(--accent);height:100%;transition:width var(--dur-2) var(--ease);display:block}.time-calculator>p{font-size:var(--fs-ui);color:var(--fg-2)}@media (max-width:900px){.time-section{grid-template-columns:minmax(0,1fr)}}.monitoring-demo{gap:16px;padding:clamp(18px,3vw,28px);display:grid}.monitoring-demo.compact{padding:0}.monitor-network{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:12px;display:grid}.monitor-card{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--ln);gap:8px;padding:16px;display:grid}.monitor-card.source-card{background:var(--paper-2)}.monitor-card-title{font-size:var(--fs-label);letter-spacing:.06em;color:var(--fg-3);align-items:center;gap:8px;font-weight:500;display:inline-flex}.monitor-card img{justify-self:center;width:110px;height:96px}.field-list b.unavailable{color:var(--risk-ink)}.monitor-core{text-align:center;justify-items:center;gap:8px;display:grid}.monitor-core .brand-mark{color:var(--green)}.monitor-connector{background:repeating-linear-gradient(var(--green) 0 5px, transparent 5px 9px);width:2px;height:28px}.monitor-core span{background:var(--paper-2);font-size:var(--fs-label);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-weight:500}.monitor-core.detected span{background:var(--amber-bg);color:var(--amber-ink)}.monitor-core.synced span{background:var(--ok-bg);color:var(--ok-ink)}.variant-dots{gap:6px;display:inline-flex}.variant-dots i{border:2px solid var(--sm-appearance-border,#fff);width:20px;height:20px;box-shadow:0 0 0 1px var(--line-2);font-style:normal;font-size:var(--fs-label);color:#fff;border-radius:50%;place-items:center;font-weight:600;display:grid}.variant-dots .oat{background:var(--sm-appearance-surface,#d8ccb2)}.variant-dots .slate{background:var(--sm-appearance-surface,#6f7f86)}.variant-dots .midnight{background:#1f2c3c}.variant-dots .unavailable{opacity:.6;background:var(--risk-ink)!important}.event-buttons{flex-wrap:wrap;gap:8px;display:flex}.event-buttons button{min-height:var(--tap);border:1px solid var(--line-2);background:var(--white);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.event-buttons button svg{color:var(--amber-ink)}.event-buttons button:hover:not(:disabled){border-color:var(--amber-ink);background:var(--amber-bg)}.event-buttons button:disabled{opacity:var(--sm-appearance-disabled-opacity,.5)}.monitor-pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.monitor-pipeline li{border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--ln);font-size:var(--fs-small);color:var(--fg-3);align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:flex}.monitor-pipeline li span{border:2px solid var(--line-2);width:24px;height:24px;font-size:var(--fs-label);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.monitor-pipeline li.done{background:var(--ok-bg);border-color:var(--sm-appearance-border,#9fcca8);color:var(--ok-ink)}.monitor-pipeline li.done span{background:var(--ok-ink);border-color:var(--ok-ink);color:var(--sm-appearance-on-action,#fff)}.monitor-pipeline li.current{background:var(--amber-bg);border-color:var(--amber-ink);color:var(--amber-ink)}.event-response{border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--ln);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.event-response>div{align-items:flex-start;gap:12px;display:flex}.event-response>div>svg{color:var(--green);margin-top:2px}.event-response strong{font-size:var(--fs-ui)}.event-response p{font-size:var(--fs-small);color:var(--fg-3)}.event-response.detected{background:var(--sm-appearance-warning-bg,#f8ebcd99);border-color:var(--amber-ink)}.event-response.detected>div>svg{color:var(--amber-ink)}.event-response.synced{background:var(--ok-bg);border-color:var(--sm-appearance-border,#9fcca8)}.monitor-rule{font-size:var(--fs-ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.monitor-rule label{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;font-weight:500;display:inline-flex}.monitor-rule input{width:20px;height:20px;accent-color:var(--green)}.monitor-rule>span{background:var(--bg);color:var(--lilac);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-weight:500;display:inline-flex}.monitor-modes{border-top:1px solid var(--ln);gap:10px;padding-top:16px;display:grid}.monitor-modes>p{font-size:var(--fs-ui)}.monitor-modes>small{font-size:var(--fs-small);color:var(--fg-3)}@media (max-width:760px){.monitor-network{grid-template-columns:minmax(0,1fr)}.monitor-core{grid-auto-flow:column;justify-content:center;align-items:center}.monitor-connector{background:repeating-linear-gradient(90deg, var(--green) 0 5px, transparent 5px 9px);width:28px;height:2px}.monitor-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}.command-workspace{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);gap:20px;display:grid}.network-area{overflow:hidden}.network-toolbar{border-bottom:1px solid var(--ln);padding:8px 12px 8px 18px}.network-plane{background-image:radial-gradient(var(--line-2) 1px, transparent 1px);height:440px;transition:transform var(--dur-3) var(--ease);transform-origin:50% 60%;background-size:22px 22px;position:relative}.network-plane.spatial{transform:perspective(1300px)rotateX(16deg)scale(.95)}.network-plane>svg{width:100%;height:100%;position:absolute;inset:0}.network-plane line{stroke:var(--line-2);stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke var(--dur-2)}.network-plane line.active{stroke:var(--green);stroke-width:3px}.network-node{transition:opacity var(--dur-2);justify-items:center;gap:6px;display:grid;position:absolute;translate:-50% -50%}.network-node>span{background:var(--white);border:1px solid var(--line-2);width:54px;height:54px;color:var(--green);box-shadow:var(--sm-appearance-shadow,0 14px 30px -18px #15161c99);transition:background var(--dur-2), transform var(--dur-2) var(--spring);border-radius:50%;place-items:center;display:grid}.network-node>span .brand-mark{width:26px;height:26px;color:var(--green)}.network-node strong{background:var(--paper);font-size:var(--fs-small);white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:500}.network-node.selected>span{background:var(--bg);color:var(--mint);transform:scale(1.1)}.network-node.selected>span .brand-mark{color:var(--mint)}.network-node.muted{opacity:.45}.network-details{border-radius:var(--r-xl);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:inset 0 0 0 1px var(--ln-2);align-content:start;gap:12px;padding:24px;display:grid}.network-details .index-label,.network-details>svg{color:var(--mint)}.network-details h3{font-size:var(--fs-h3);font-weight:300}.network-details p{font-size:var(--fs-ui);color:var(--fg-2)}.connected-list{gap:6px;display:grid}.connected-list button{min-height:var(--tap);border-radius:var(--r-md);background:var(--sm-appearance-surface-3,#15161c0f);font-size:var(--fs-small);text-align:start;align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}.connected-list button:hover{background:var(--sm-appearance-surface-3,#15161c1f)}.connected-list button svg:last-child{color:var(--mint);margin-inline-start:auto}.network-details small{font-size:var(--fs-small);color:var(--fg-3)}.integration-strip{gap:10px;margin-top:20px;display:grid}.integration-strip>span{font-size:var(--fs-label);letter-spacing:.08em;color:var(--fg-3);font-weight:500}.integration-strip>div{flex-wrap:wrap;gap:8px;display:flex}.integration-strip>div>span{box-shadow:inset 0 0 0 1px var(--ln-2);font-size:var(--fs-small);border-radius:999px;align-items:center;gap:10px;padding:6px 10px;font-weight:500;display:inline-flex}.integration-strip b{background:var(--surface-2);width:26px;height:26px;font-size:var(--fs-label);border-radius:50%;place-items:center;display:grid}.integration-strip p{font-size:var(--fs-small);color:var(--fg-3)}@media (max-width:960px){.command-workspace{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.network-plane{height:400px}.network-node strong{font-size:var(--fs-label);white-space:normal;text-align:center;max-width:110px}.network-node>span{width:46px;height:46px}}.relationship-board{gap:16px;padding:clamp(16px,2.5vw,24px);display:grid}.relationship-heading{font-size:var(--fs-label);letter-spacing:.08em;color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:10px;font-weight:500;display:flex}.relationship-heading .brand-mark{color:var(--green)}.relationship-heading .demo-tag{margin-inline-start:auto}.relationship-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.relationship-node{text-align:start;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--ln);transition:background var(--dur-2), border-color var(--dur-2);align-content:start;justify-items:start;gap:8px;padding:18px;display:grid;position:relative}.relationship-node:hover{border-color:var(--ink-3)}.relationship-node small{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--fg-3)}.relationship-node>svg{color:var(--green)}.relationship-node strong{font-size:var(--fs-h4);font-weight:500;line-height:1.3}.relationship-node>span{font-size:var(--fs-small);color:var(--fg-3)}.relationship-node.selected{background:var(--bg);border-color:var(--bg);color:var(--fg)}.relationship-node.selected>svg{color:var(--mint)}.relationship-node.selected small,.relationship-node.selected>span{color:var(--fg-3)}.relationship-arrow{top:50%;z-index:1;background:var(--paper);width:20px;height:20px;color:var(--green);border-radius:50%;padding:2px;position:absolute;inset-inline-end:-18px}.relationship-caption{border-radius:var(--r-lg);background:var(--paper-2);font-size:var(--fs-ui);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 18px;display:flex}.relationship-caption svg{color:var(--green)}.relationship-caption span{color:var(--fg-2);flex:24rem}@media (max-width:860px){.relationship-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.relationship-arrow{display:none}}@media (max-width:440px){.relationship-flow{grid-template-columns:minmax(0,1fr)}}.product-data-details{margin-block:var(--s-6)}.product-data-details>summary{min-height:68px;box-shadow:inset 0 0 0 1px var(--ln-2);font-size:var(--fs-h4);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;font-weight:400;list-style:none;display:flex}.product-data-details>summary:hover{background:var(--surface)}.product-data-details>summary::-webkit-details-marker{display:none}.product-data-details>summary:after{content:"+";color:var(--mint);font-size:1.75rem;line-height:1}.product-data-details[open]>summary:after{content:"−"}.record-section{padding-block:var(--s-7) var(--s-5)}.record-workspace{grid-template-columns:300px minmax(0,1fr);gap:20px;display:grid}.record-portrait{border-radius:var(--r-xl);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:inset 0 0 0 1px var(--ln);text-align:center;align-content:start;justify-items:center;gap:12px;padding:24px;display:grid}.record-portrait img{width:200px;height:180px}.record-portrait>div{font-size:var(--fs-label);color:var(--fg-3);align-items:center;gap:8px;font-weight:500;display:inline-flex}.record-portrait p{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--mint)}.record-inspector{align-content:start;gap:16px;display:grid}.record-tabs{flex-wrap:wrap;gap:8px;display:flex}.record-tabs button{min-height:var(--tap);box-shadow:inset 0 0 0 1px var(--ln-2);font-size:var(--fs-small);color:var(--fg-2);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.record-tabs button.active{background:var(--sm-appearance-selected,var(--fg));color:var(--sm-appearance-text,var(--bg));box-shadow:none}.record-body{gap:12px;padding:24px;display:grid}.record-body>svg{color:var(--green)}.record-body h3{font-size:var(--fs-h3);font-weight:300}.record-body>p{font-size:var(--fs-body);color:var(--fg-2)}.product-control-loop{padding-block:var(--s-6)}.control-loop-grid{margin-top:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.control-loop-grid article{border-radius:var(--r-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ln);align-content:start;justify-items:start;gap:10px;padding:24px;display:grid}.control-loop-grid article>svg{color:var(--mint)}.control-loop-grid h3{font-size:var(--fs-h3);font-weight:300}.control-loop-grid p{font-size:var(--fs-ui);color:var(--fg-2)}.control-loop-grid a{min-height:var(--tap);font-size:var(--fs-ui);color:var(--mint);align-items:center;gap:8px;font-weight:500;display:inline-flex}.product-tour-link{margin-top:var(--s-5);border-radius:var(--r-xl);background:var(--iris-soft);box-shadow:inset 0 0 0 1px var(--ln-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.product-tour-link h3{font-size:var(--fs-h3);font-weight:300}.product-tour-link p{font-size:var(--fs-ui);color:var(--fg-2)}@media (max-width:860px){.record-workspace,.control-loop-grid{grid-template-columns:minmax(0,1fr)}}.feature-group-tabs{margin-block:var(--s-6) var(--s-4);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.feature-group-tabs button{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--ln);text-align:start;color:var(--fg-2);transition:background var(--dur-1), box-shadow var(--dur-1);align-content:start;justify-items:start;gap:6px;padding:16px 18px;display:grid}.feature-group-tabs button:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ln-2)}.feature-group-tabs button svg{color:var(--mint)}.feature-group-tabs button span{font-size:var(--fs-ui);font-weight:500;line-height:1.35}.feature-group-tabs button i{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--fg-3)}.feature-group-tabs button.active{background:var(--sm-appearance-selected,var(--fg));color:var(--sm-appearance-text,var(--bg));box-shadow:none}.feature-group-tabs button.active svg{color:var(--green)}.feature-group-tabs button.active i{color:inherit}.feature-detail{gap:var(--s-6);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:clamp(20px,3vw,36px);display:grid}.feature-detail>div:first-child{align-content:start;justify-items:start;gap:14px;display:grid}.feature-detail>div:first-child>svg{color:var(--green)}.feature-detail h3{font-size:var(--fs-h3);font-weight:300}.feature-detail>div:first-child>p{font-size:var(--fs-body);color:var(--fg-2)}.feature-accordions summary>span{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.feature-accordions summary>svg{color:var(--green);transition:transform var(--dur-2) var(--ease)}.feature-accordions details[open]>summary>svg{transform:rotate(180deg)}.premium-mini{background:var(--bg);color:var(--lilac);font-size:var(--fs-label);border-radius:999px;padding:2px 10px;font-weight:500}@media (max-width:1000px){.feature-group-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.feature-detail{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.feature-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.persona-tabs{margin-block:var(--s-6) var(--s-5);flex-wrap:wrap;gap:8px;display:flex}.persona-tabs button{min-height:48px;box-shadow:inset 0 0 0 1px var(--ln-2);font-size:var(--fs-ui);color:var(--fg-2);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:500;display:inline-flex}.persona-tabs button svg{color:var(--mint)}.persona-tabs button:hover{color:var(--fg)}.persona-tabs button.active{background:var(--sm-appearance-selected,var(--fg));color:var(--sm-appearance-text,var(--bg));box-shadow:none}.persona-tabs button.active svg{color:var(--green)}.persona-content{gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.persona-copy{justify-items:start;gap:14px;display:grid}.persona-copy h3{font-size:var(--fs-h3);font-weight:300}.persona-copy>p{font-size:var(--fs-body);color:var(--fg-2)}.persona-copy ul{gap:10px;display:grid}.persona-copy li{font-size:var(--fs-ui);align-items:center;gap:10px;font-weight:500;display:flex}.persona-copy li svg{color:var(--mint)}.persona-visual{gap:18px;padding:clamp(20px,3vw,28px);display:grid}.persona-visual-top{font-size:var(--fs-ui);flex-wrap:wrap;align-items:center;gap:10px;font-weight:500;display:flex}.persona-visual-top>svg{color:var(--green)}.persona-visual .demo-tag{margin-inline-start:auto}.persona-workflow{gap:8px;display:grid}.persona-workflow li{border-radius:var(--r-lg);background:var(--paper-2);font-size:var(--fs-ui);animation:sj-in var(--dur-3) var(--ease) both;align-items:center;gap:12px;padding:14px 16px;display:flex}.persona-workflow li:nth-child(2){animation-delay:60ms}.persona-workflow li:nth-child(3){animation-delay:.12s}.persona-workflow li:nth-child(4){animation-delay:.18s}.persona-step{background:var(--bg);width:30px;height:30px;color:var(--mint);font-size:var(--fs-small);border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:grid}.persona-tools{gap:8px;display:grid}.persona-tools a{min-height:var(--tap);border:1px solid var(--line-2);font-size:var(--fs-ui);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:flex}.persona-tools a:hover{background:var(--paper-2)}.persona-tools a svg{color:var(--green)}@media (max-width:860px){.persona-content{grid-template-columns:minmax(0,1fr)}}.future-section{gap:var(--s-6);margin-block:var(--s-6);border-radius:var(--r-xl);box-shadow:var(--sm-appearance-shadow-edge,inset 0 0 0 1.5px #ffbe6b59);background:var(--sm-appearance-surface-3,#ffbe6b0a);scroll-margin-top:calc(var(--header-h) + 24px);grid-template-columns:200px minmax(0,1fr);padding:clamp(24px,4vw,48px);display:grid}.future-label{background:var(--sm-appearance-surface-3,#ffbe6b24);color:var(--amber);font-size:var(--fs-label);letter-spacing:.08em;border-radius:999px;place-self:start;align-items:center;gap:8px;padding:6px 14px;font-weight:500;display:inline-flex}.future-section>div:last-child{gap:14px;display:grid}.future-section h2{font-size:var(--fs-h4);color:var(--fg-3);letter-spacing:0;font-weight:400}.future-section h3{font-size:var(--fs-h2);letter-spacing:var(--track-display);font-weight:300;line-height:1.04}.future-section p{font-size:var(--fs-body);color:var(--fg-2);max-width:44rem}.future-flow{flex-wrap:wrap;gap:8px;display:flex}.future-flow span{box-shadow:inset 0 0 0 1px var(--ln-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--fg-3);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.future-flow b{font-family:var(--font-sans);font-size:var(--fs-ui);color:var(--fg);font-weight:500}.future-section small{font-size:var(--fs-small);color:var(--amber);font-weight:500}@media (max-width:760px){.future-section{grid-template-columns:minmax(0,1fr)}}.health-board{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;display:grid}.health-list{align-content:start;gap:6px;display:grid}.health-list>.label{margin-bottom:4px}.health-list button{border-radius:var(--r-lg);min-height:54px;box-shadow:inset 0 0 0 1px var(--ln);font-size:var(--fs-ui);text-align:start;color:var(--fg-2);align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.health-list button:hover{background:var(--surface);color:var(--fg)}.health-list button svg{color:var(--mint)}.health-list button b{font-family:var(--font-mono);margin-inline-start:auto;font-weight:400}.health-list button[aria-pressed=true]{background:var(--sm-appearance-selected,var(--fg));color:var(--sm-appearance-text,var(--bg));box-shadow:none}.health-list button[aria-pressed=true] svg{color:var(--green)}.health-detail{align-content:start;justify-items:start;gap:14px;padding:clamp(20px,3vw,32px);display:grid}.health-detail>svg{color:var(--green)}.health-detail h3{font-size:var(--fs-h3);font-weight:300}.health-detail h3 span{color:var(--fg-3);font-size:var(--fs-h4)}.health-detail>p{font-size:var(--fs-body);color:var(--fg-2)}.health-detail ul{gap:8px;width:100%;display:grid}.health-detail li{border-radius:var(--r-md);background:var(--paper-2);font-size:var(--fs-ui);padding:10px 14px}.supplier-board{border-radius:var(--r-xl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ln);gap:16px;margin-top:20px;padding:clamp(20px,3vw,28px);display:grid}.supplier-tabs{flex-wrap:wrap;gap:8px;display:flex}.supplier-signals{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:12px;display:grid}.supplier-signals>div{border-radius:var(--r-lg);background:var(--surface);align-content:start;gap:4px;padding:16px;display:grid}.supplier-signals>div svg{color:var(--mint)}.supplier-signals>div span{font-size:var(--fs-small);color:var(--fg-3)}.supplier-signals>div strong{font-size:var(--fs-h4);font-weight:400}.supplier-trend{border-radius:var(--r-lg);background:var(--surface);gap:6px;padding:12px;display:grid}.supplier-trend svg{width:100%;height:72px}.supplier-trend path{fill:none;stroke:var(--aqua);stroke-width:2.5px;vector-effect:non-scaling-stroke}.supplier-trend path.grid{stroke:var(--ln);stroke-width:1px}.supplier-trend figcaption{font-size:var(--fs-label);color:var(--fg-3)}.supplier-note{font-size:var(--fs-ui);color:var(--fg-2);font-weight:500}@media (max-width:900px){.health-board{grid-template-columns:minmax(0,1fr)}.supplier-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-trend{grid-column:1/-1}}@media (max-width:480px){.supplier-signals{grid-template-columns:minmax(0,1fr)}}
