/* DietForge v2 public design. Shared geometry, typography and palette with app. */
:root { color-scheme:light; --df-bg:#F5F6F8; --df-surface:#FFFFFF; --df-surface-2:#F9FAFB; --df-line:#E2E5EA; --df-row:#ECEEF2; --df-line-strong:#CBD1DA; --df-chip:#EEF0F3; --df-ink:#0F1217; --df-ink-2:#3F4652; --df-muted:#565E6B; --df-faint:#727C8B; --df-accent:#2350D8; --df-accent-text:#1D44B8; --df-tint:#EDF2FF; --df-tint-2:#DCE4FF; --df-ok:#08794B; --df-bad:#B3261E; --df-warn:#926100; --df-font-ui:'Red Hat Text',sans-serif; --df-font-display:'Red Hat Display',sans-serif; --df-font-mono:'Red Hat Mono',monospace; --forge-black:var(--df-ink); --deep-black:var(--df-bg); --forge-orange:var(--df-accent); --chalk:var(--df-ink); --ash-d:var(--df-surface); --mist-d:var(--df-chip); --slate:var(--df-muted); --graphite-l:var(--df-ink-2); --font:var(--df-font-ui); }
html,body { background:var(--df-bg); color:var(--df-ink); font-family:var(--df-font-ui); }
body { font-size:15px; } :is(a,button,input,select):focus-visible { outline:2px solid var(--df-accent); outline-offset:3px; box-shadow:0 0 0 3px var(--df-tint); }
.container { max-width:1376px; padding-inline:48px; }
:is(h1,h2,h3,h4) { font-family:var(--df-font-display); font-weight:500; letter-spacing:-.025em; }
h1.display { font-weight:500; text-shadow:none; font-size:clamp(44px,4.65vw,66px); line-height:1.04; letter-spacing:-.045em; color:var(--df-ink); }
h2.h2,.truth-head h2 { font-size:clamp(32px,3vw,44px); line-height:1.12; font-weight:500; letter-spacing:-.035em; color:var(--df-ink); }
.caption,.eyebrow,.truth-label,.plan-chip,.plan-badge,.plan-kicker,.micro,.eyebrow-d { font-family:var(--df-font-mono); font-size:10px; letter-spacing:.08em; font-weight:500; }
.caption,.micro { color:var(--df-muted); }.lede { color:var(--df-ink-2); font-size:16px; line-height:1.7; }
.hero-dark { padding:0 0 72px; background:var(--df-bg); overflow:visible; }.hero-dark::before,.hero-dark::after,.hero-dark .bg-photo,.hero-dark .grain,.hero-dark .light-streak,.hero-divider { display:none; }
header.outer { position:relative; padding:24px 0; background:var(--df-surface); border-bottom:1px solid var(--df-line); }
header.outer .row { gap:32px; } header.outer .logo { width:142px; height:28px; flex-shrink:0; }
nav.outer-nav { margin-inline-start:auto; gap:28px; }.outer-right { gap:24px; }
nav.outer-nav a,.outer-right .login,.language-toggle { color:var(--df-ink-2); font-size:13px; }
nav.outer-nav a:hover,.outer-right .login:hover { color:var(--df-accent-text); }.language-toggle:hover,.language-toggle:focus-visible { color:var(--df-ink); background:var(--df-tint); }
.language-menu { border-radius:4px; background:var(--df-surface); border-color:var(--df-line); box-shadow:0 12px 32px #0f12171c; }.language-option { color:var(--df-ink-2); border-radius:3px; }.language-option:hover,.language-option[aria-selected=true] { color:var(--df-accent-text); background:var(--df-tint); }.language-option[aria-selected=true] .code { color:var(--df-accent-text); }
.btn,.btn-rect,.mini-cta,.plan-primary-cta { border-radius:3px!important; font-family:var(--df-font-ui)!important; text-transform:none!important; letter-spacing:0!important; font-size:14px!important; font-weight:600!important; min-height:44px; padding:10px 20px; box-shadow:none!important; }
.btn-orange,.btn-rect.primary,.plan-primary-cta { background:var(--df-accent)!important; color:#fff!important; border:1px solid var(--df-accent)!important; }
.btn-orange:hover,.btn-rect.primary:hover,.plan-primary-cta:hover { background:var(--df-accent-text)!important; transform:none!important; }
.btn-ghost,.btn-rect.ghost,.mini-cta,.btn-outline-w { background:var(--df-surface)!important; border:1px solid var(--df-line-strong)!important; color:var(--df-ink-2)!important; backdrop-filter:none; }
.btn-ghost:hover,.btn-rect.ghost:hover,.mini-cta:hover { background:var(--df-tint)!important; transform:none!important; }
.bracket { padding:0; }.bracket .crn,.pricing-card .btn-rect::before,.pricing-card .btn-rect::after { display:none; }
.v2-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding-top:70px; }
.hero-content { text-align:start; padding:0; }.hero-content h1 { max-width:none; margin:24px 0; }.hero-content h1 .orange { color:var(--df-accent); text-shadow:none; }
.hero-content .lede { margin:0; max-width:520px; }.hero-content .ctas { display:flex; gap:12px; margin-top:28px; flex-wrap:wrap; }.hero-content .micro { margin-top:16px; font-size:9px; }
.eyebrow-d { padding:0; color:var(--df-accent-text); background:none; border:0; border-radius:0; }.eyebrow-d .pulse { display:none; }
.v2-hero-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:36px; padding-top:24px; border-top:1px solid var(--df-line); }
.v2-hero-capabilities strong { display:block; color:var(--df-ink); font-size:13px; font-weight:600; margin-bottom:6px; }.v2-hero-capabilities span { display:block; color:var(--df-muted); font-size:12px; line-height:1.6; }
.v2-ai-demo { min-width:0; margin:0; border:1px solid var(--df-line); border-radius:4px; background:var(--df-surface); box-shadow:0 12px 36px #0f121708; padding:0 22px; }
.v2-demo-header { display:flex; justify-content:space-between; gap:16px; padding:18px 0; border-bottom:1px solid var(--df-line); }.v2-demo-header strong { font-size:15px; font-weight:600; }.v2-demo-header > span { align-self:center; font:500 8px var(--df-font-mono); letter-spacing:.05em; color:var(--df-faint); }
.v2-demo-context { display:flex; gap:6px; padding:18px 0 12px; }.v2-demo-context span { font:500 9px var(--df-font-mono); color:var(--df-muted); padding:3px 6px; border-radius:2px; background:var(--df-chip); }
.v2-demo-brief { padding:13px 16px; margin-inline-start:40px; border:1px solid var(--df-tint-2); border-radius:4px; color:var(--df-ink-2); background:var(--df-tint); font-size:13px; line-height:1.6; }
.v2-demo-answer { display:flex; gap:12px; padding:20px 0 16px; color:var(--df-ink-2); font-size:12px; line-height:1.6; }.v2-demo-answer strong { font-weight:600; color:var(--df-ink); }.v2-demo-answer p { margin-top:5px; }.v2-demo-symbol { flex-shrink:0; color:var(--df-accent); font-size:18px; }
.v2-ai-demo table { width:100%; border-collapse:collapse; font-size:12px; }.v2-ai-demo th { font:500 9px var(--df-font-mono); color:var(--df-muted); text-transform:uppercase; letter-spacing:.05em; padding:9px 10px; background:var(--df-surface-2); text-align:start; }.v2-ai-demo td { padding:6px 10px; border-bottom:1px solid var(--df-row); }.v2-ai-demo :is(td,th):last-child { text-align:end; font-family:var(--df-font-mono); font-variant-numeric:tabular-nums; }.v2-ai-demo tfoot td { border:0; background:var(--df-surface-2); }.v2-demo-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:18px; }.v2-demo-actions a { color:var(--df-accent-text); font-size:12px; font-weight:600; }.v2-demo-actions span { font:500 8px var(--df-font-mono); color:var(--df-faint); }.v2-ai-demo figcaption { font-size:10px; color:var(--df-muted); line-height:1.5; border-top:1px solid var(--df-row); padding:14px 0; margin-top:18px; }
.light-zone { color-scheme:light; --light-bg:var(--df-bg); --light-surface:var(--df-surface); --light-surface-2:var(--df-surface-2); --light-ink:var(--df-ink); --light-ink-2:var(--df-ink-2); --light-muted:var(--df-muted); --light-faint:var(--df-faint); --light-rule:var(--df-line); --light-rule-strong:var(--df-line-strong); background:var(--df-bg); }
.light-zone section.block,.light-zone section.block.alt,.light-zone .species-strip { padding:72px 0; background:var(--df-surface); border-top:1px solid var(--df-line); }
.light-zone section.block.alt { background:var(--df-bg); }.light-zone .species-strip::before { display:none; }
.light-zone .truth-shift { background:var(--df-surface); padding:72px 0; border-top:1px solid var(--df-line); }.truth-head { max-width:850px; margin-bottom:32px; }.truth-head h2 { margin-top:12px; }.truth-head .lede { font-size:15px; max-width:770px; margin-top:18px; }.truth-head h2 .orange-line { color:var(--df-ink); }
.truth-compare { gap:20px; grid-template-columns:repeat(2,minmax(0,1fr)); }.truth-card,.truth-card.after,.truth-card.before { border:1px solid var(--df-line); border-radius:4px; box-shadow:none; background:var(--df-surface); }.truth-card-head,.truth-card.before .truth-card-head { min-height:50px; padding:14px 18px; border-color:var(--df-line); background:var(--df-surface-2); }.truth-label,.truth-card.before .truth-label { color:var(--df-muted); font-weight:500; font-size:9px; }.truth-tag,.truth-card.after .truth-tag { color:var(--df-muted); background:var(--df-chip); border-radius:2px; font:500 8px var(--df-font-mono); padding:4px 6px; }
.v2-legacy-window { background:#ECEDEC; min-height:420px; font-family:'Arial',sans-serif; font-size:11px; padding:12px; color:#303532; }.v2-legacy-title { background:#D8DED9; border:1px solid #B9C1BA; padding:6px 9px; display:flex; justify-content:space-between; font-size:10px; }.v2-legacy-menu { border:1px solid #C1C7C1; border-top:0; padding:5px 8px; font-size:10px; }.v2-legacy-toolbar { padding:7px 9px; border:1px solid #C1C7C1; border-top:0; color:#656F68; }.v2-legacy-window table { width:100%; border-collapse:collapse; background:#FBFCFB; margin-top:12px; border:1px solid #BFC8C1; font-size:10px; }.v2-legacy-window th,.v2-legacy-window td { padding:7px 8px; border:1px solid #D5DBD6; white-space:nowrap; text-align:end; }.v2-legacy-window th { background:#E3E8E3; font-weight:400; }.v2-legacy-window :is(td,th):first-child { text-align:start; }.v2-legacy-window td:not(:first-child) { font-family:var(--df-font-mono); }.v2-legacy-notice { background:#F0EBD8; border:1px solid #DCD6BC; padding:10px; margin-top:14px; color:#6C6240; font-size:10px; }.v2-legacy-status { padding:8px 0; font-size:10px; color:#6E766E; }.v2-legacy-window>p { margin-top:12px; border-top:1px solid #CAD0CA; padding-top:14px; font-size:11px; line-height:1.7; color:#5C655E; }
.formulation-ui { background:var(--df-surface); color:var(--df-ink); height:420px; }.formulation-ui :is(.df-panel,.df-back,.df-pill,.df-menu,.df-input,.df-icon,.df-inputbox,.df-cost) { border-radius:3px; border-color:var(--df-line); box-shadow:none; }.formulation-ui .df-workspace { background:var(--df-bg); }.formulation-ui .df-topline,.formulation-ui .df-subline { border-color:var(--df-line); }.formulation-ui .df-subline,.formulation-ui .df-table-head,.formulation-ui .df-total,.formulation-ui .df-input { background:var(--df-surface-2); }.formulation-ui .df-cost,.formulation-ui .df-pill.accent { color:var(--df-accent-text); background:var(--df-tint); border-color:var(--df-tint-2); }.formulation-ui .df-primary-wrap { box-shadow:none; border-radius:3px; }.formulation-ui .df-primary { background:var(--df-accent); color:#fff; }.formulation-ui .df-total .accent,.formulation-ui .df-add svg { color:var(--df-accent-text); }.formulation-ui .df-row { border-color:var(--df-row); }.formulation-ui .df-table-head { font-family:var(--df-font-mono); font-weight:500; }.truth-takeaway { background:var(--df-tint); border-left:2px solid var(--df-accent); padding:18px 22px; font-size:14px; border-radius:0; }
.light-zone :is(.cap-card,.use-case-card,.sp-card,.species-focus-card,.tl-viz,.qcard,.vs-card,.pricing-card,.pricing-featured,.student-pricing-callout) { border:1px solid var(--df-line)!important; border-radius:4px!important; background:var(--df-surface)!important; box-shadow:none!important; }
.light-zone :is(.cap-card,.sp-card,.species-focus-card,.pricing-card):hover { transform:none!important; box-shadow:none!important; background:var(--df-surface)!important; border-color:var(--df-line-strong)!important; }.light-zone .sp-card:hover .sp-copy * { color:var(--df-ink)!important; }
.cap-grid { gap:16px; margin-top:32px; }.cap-card { padding:24px; min-height:205px; }.cap-card h4 { font-weight:500; font-size:19px; }.cap-card p { font-size:14px; }.cap-card .ic { color:var(--df-accent); width:24px; height:24px; }
.light-zone .species-strip .species-focus-card.primary { border-color:var(--df-tint-2)!important; background:var(--df-tint)!important; }.species-focus-card { padding:24px; }.sp-ic,.light-zone .sp-ic { border:0; border-radius:3px; background:var(--df-chip); color:var(--df-muted); }.light-zone .species-focus-card a:not(.mini-cta) { color:var(--df-accent-text); }.light-zone .species-focus-card .mini-cta { background:var(--df-surface); color:var(--df-ink-2); }.light-zone .species-focus-card.primary .mini-cta { background:var(--df-accent)!important; border-color:var(--df-accent)!important; color:#fff!important; }
.use-case-card,.qcard { padding:24px; }.light-zone .tl-node { border-color:var(--df-line); box-shadow:none; background:var(--df-surface); border-radius:4px; }.light-zone .hiw .head .meta { background:var(--df-chip); border:0; border-radius:2px; color:var(--df-muted); }.light-zone .tl-viz { border-radius:3px; }.tl-viz .bar i { background:var(--df-accent); }.timeline .tl-node .num { font-family:var(--df-font-mono); color:var(--df-accent); font-weight:500; }.light-zone .vs-row.header { background:var(--df-surface-2); }.vs-row.header .cell { font-family:var(--df-font-mono); font-size:10px; }.vs-row .cell { font-size:13px; }.vs-row .cell.df:before { color:var(--df-accent); }
.pricing-shell { padding:0; background:none!important; box-shadow:none; border:0; }.pricing-layout { gap:20px; }.pricing-card { padding:28px; }.pricing-card:before { display:none; }.pricing-card.pricing-featured { border-color:var(--df-accent)!important; }.plan-chip,.plan-badge { border:0; border-radius:2px; background:var(--df-tint)!important; color:var(--df-accent-text)!important; font-size:9px; }.plan-price strong { font-family:var(--df-font-display); font-size:48px!important; font-weight:500!important; letter-spacing:-.04em; }.plan-name { font-family:var(--df-font-display); font-size:24px!important; font-weight:500!important; }.plan-list { margin-top:24px; }.plan-list li { font-size:13px; }.plan-list .check { color:var(--df-accent); }.plan-list strong { font-weight:500; }.plan-list .plan-hint { color:var(--df-muted); }.pricing-compare-cta { color:var(--df-accent-text)!important; font-family:var(--df-font-ui)!important; text-transform:none!important; font-size:13px!important; }
.light-zone .faq-q { font-size:15px; font-weight:500; }.light-zone .faq-a { font-size:14px; }.light-zone .final { padding:72px 0; background:var(--df-bg); border-top:1px solid var(--df-line); }.light-zone .final .silos-bg,.light-zone .final:before,.light-zone .final:after { display:none; }.light-zone .final h2 { color:var(--df-ink); }.light-zone .final .lede { color:var(--df-ink-2); }.light-zone .final .micro { color:var(--df-muted); }.final .copy { max-width:680px; margin:0 auto; text-align:center; }.final .actions { justify-content:center; }
.light-zone footer.site { background:var(--df-surface); border-color:var(--df-line); padding-top:48px; }footer.site .logo { width:142px; height:auto; }footer.site .tag { font-size:14px; line-height:1.7; }footer.site h5 { font:500 10px var(--df-font-mono); text-transform:uppercase; letter-spacing:.08em; }footer.site a { font-size:13px; }footer.site .bottom { font:400 10px var(--df-font-mono); }
.cookie-consent { background:var(--df-surface); border-color:var(--df-line); border-radius:4px; box-shadow:0 12px 36px #0f121729; backdrop-filter:none; }.cookie-consent button { border-radius:3px; }.cookie-consent .cookie-accept { background:var(--df-accent); color:#fff; }.cookie-consent .cookie-decline { color:var(--df-ink-2); border-color:var(--df-line-strong); }.cookie-consent .cookie-decline:hover { background:var(--df-tint); }
@media(max-width:1100px){.container{padding-inline:32px}.v2-hero-grid{gap:32px;padding-top:48px}.outer-right{gap:12px}nav.outer-nav{gap:18px}.hero-content h1{font-size:52px}.hero-content .ctas{gap:10px}.hero-content .ctas .btn-rect{font-size:13px!important;padding-inline:14px}.v2-hero-capabilities{gap:14px}.v2-demo-header>span{font-size:7px}.v2-demo-actions span{display:none}}
@media(max-width:767px){.container{padding-inline:20px}header.outer{padding:18px 0}header.outer .row{gap:16px}header.outer .logo{width:126px;height:25px}.outer-right{margin-inline-start:auto}.outer-right .btn{min-height:36px;height:36px!important;padding:8px 12px!important;font-size:12px!important}.mobile-menu-toggle{display:inline-flex;color:var(--df-ink);background:none;border:1px solid var(--df-line);border-radius:3px;min-width:38px;min-height:38px;align-items:center;justify-content:center}.outer-nav{background:var(--df-surface)!important;border-color:var(--df-line)!important;border-radius:4px!important;box-shadow:0 16px 40px #0f121721!important}.outer-nav a{color:var(--df-ink-2)!important}.mobile-menu-backdrop{background:#0f121729}.v2-hero-grid{grid-template-columns:1fr;gap:36px;padding-top:36px}.hero-content .display{font-size:48px}.hero-content .ctas{display:flex;flex-direction:row;gap:10px;margin-top:24px}.hero-content .ctas .btn-rect{width:auto;min-height:44px;font-size:12px!important;padding:10px 14px!important}.hero-content .lede{font-size:15px}.hero-content .micro{font-size:8px}.v2-hero-capabilities{gap:14px;margin-top:28px}.v2-hero-capabilities span{font-size:11px}.hero-dark{padding-bottom:44px}.v2-ai-demo{padding:0 16px}.v2-demo-brief{margin-inline-start:20px;font-size:12px}.v2-demo-context{padding-top:14px}.light-zone .truth-shift,.light-zone section.block,.light-zone section.block.alt,.light-zone .species-strip,.light-zone .final{padding:48px 0}.truth-head{margin-bottom:24px}.truth-head h2{font-size:32px}.truth-compare{grid-template-columns:1fr;gap:16px}.v2-legacy-window{min-height:0;padding:10px}.v2-legacy-window table{font-size:9px}.v2-legacy-window td,.v2-legacy-window th{padding:7px 5px}.formulation-ui{height:370px}.truth-takeaway{font-size:13px;padding:16px}.cap-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.cap-card{width:auto!important;min-height:0!important;padding:22px!important;display:block!important}.cap-card .cap-details{display:block!important;max-height:none!important;opacity:1!important}.cap-card .ic{margin-bottom:14px}.carousel-hint{display:none!important}.species-focus-grid{grid-template-columns:1fr;gap:14px}.species-focus-card{padding:20px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{grid-template-columns:1fr;gap:14px}.pricing-layout{grid-template-columns:1fr}.pricing-card{padding:24px!important}.student-pricing-callout{padding:20px;gap:14px}.final .copy{text-align:start}.final .actions{justify-content:flex-start}.cookie-consent{padding:16px}.cookie-consent p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* The final invitation and footer live outside the feature-section wrapper. */
.final { padding:72px 0; background:var(--df-bg); border-top:1px solid var(--df-line); }
.final .silos-bg,.final::before,.final::after { display:none; }
.final .final-grid { display:block; max-width:760px; margin:auto; text-align:center; }
.final .final-grid > .spacer { display:none; }
.final h2 { text-align:center; color:var(--df-ink); }
.final .lede { color:var(--df-ink-2); text-align:center; }
.final .micro { color:var(--df-muted); text-align:center; font-weight:400; font-size:10px; }
.final .ctas { display:flex; justify-content:center; }
footer.site { background:var(--df-surface); border-color:var(--df-line); }
@media(max-width:767px){.final{padding:48px 0}.final .final-grid,.final h2,.final .lede,.final .micro{text-align:start}.final .ctas{justify-content:flex-start}}
@media(max-width:767px){
  .cap-grid,.sp-grid,.quotes{grid-auto-flow:row;grid-auto-columns:auto;margin-inline:0;padding-inline:0;max-width:100%;width:100%;overflow:visible;scroll-snap-type:none}
  .cap-grid{grid-template-columns:minmax(0,1fr)!important}
  .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .quotes{grid-template-columns:minmax(0,1fr)}
  .cap-card{cursor:default}.cap-card p,.cap-card.is-expanded p{display:block;-webkit-line-clamp:unset;max-height:none;overflow:visible;opacity:1}.cap-card::after{display:none}
  .sp-card,.qcard{min-width:0;width:auto;max-width:100%}.sp-card{padding:18px 12px}.sp-desc{display:block;-webkit-line-clamp:unset;overflow:visible}.sp-ic{width:36px;height:36px}.sp-card .sp-ic img{max-width:24px}
}

.plan-feature-info::after{font-family:var(--df-font-ui);border-radius:4px;background:var(--df-ink);color:var(--df-surface)}
@media(max-width:767px){
  .plan-feature{max-width:100%;min-width:0}
  .plan-feature-info::after{position:fixed;left:20px;right:20px;bottom:20px;width:auto;max-width:none;transform:none;z-index:100}
  .plan-feature-info:hover::after,.plan-feature-info:focus-visible::after,.plan-feature-info:focus::after{transform:none}
}

/* Generic Windows 95-era illustration; intentionally distinct from the app UI. */
.v2-legacy-window{margin:14px;padding:3px;min-height:0;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px 0 #000;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;color:#000;font-size:11px;line-height:1.3}
.v2-legacy-title{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#000080;color:#fff;padding:3px 3px 3px 5px;border:0;font-size:11px;font-weight:bold;height:24px}
.v2-legacy-app-title{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.v2-legacy-app-icon{color:#d9e8f3;font-size:17px;line-height:16px}
.v2-legacy-window-controls{display:flex;flex-shrink:0;gap:2px}.v2-legacy-window-controls i{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#000;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;font:bold 12px Arial,sans-serif;font-style:normal}
.v2-legacy-menu{display:flex;align-items:center;gap:14px;border:0;padding:5px 5px 6px;font-size:10px;white-space:nowrap;background:#c0c0c0}
.v2-legacy-toolbar{display:flex;align-items:center;gap:3px;border-top:1px solid #fff;border-bottom:1px solid #808080;padding:4px;background:#c0c0c0;color:#000}
.v2-legacy-toolbar>span,.v2-legacy-old-button{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:24px;padding:2px 5px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;color:#000;box-shadow:none}
.v2-legacy-toolbar>b{height:24px;border-left:1px solid #808080;border-right:1px solid #fff;margin:0 4px}.v2-legacy-toolbar .v2-legacy-run{margin-left:auto;padding-inline:9px;font-size:10px}
.v2-legacy-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto 80px;align-items:center;gap:7px;padding:10px 6px}.v2-legacy-form label{font-size:10px}.v2-legacy-form>span{display:flex;justify-content:space-between;gap:4px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;padding:3px 4px;font-size:10px;white-space:nowrap}.v2-legacy-form b{font-weight:normal}
.v2-legacy-table-frame{margin:0 5px;border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff}.v2-legacy-window table{table-layout:fixed;width:100%;margin:0;border:0;background:#fff;font-size:10px}.v2-legacy-window th,.v2-legacy-window td{border:1px solid #c0c0c0;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-legacy-window th{background:#c0c0c0;border-color:#fff #808080 #808080 #fff;color:#000;font-weight:normal}.v2-legacy-window :is(td,th):first-child{width:43%;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif}.v2-legacy-window td:not(:first-child){font-family:"Courier New",monospace}.v2-legacy-window .v2-legacy-selected td{background:#000080;color:#fff}.v2-legacy-window tfoot td{background:#ececec;font-weight:bold}
.v2-legacy-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 5px;font-size:9px}.v2-legacy-bottom>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-legacy-old-button{white-space:nowrap;font-size:10px;height:25px;padding-inline:10px}
.v2-legacy-status{display:flex;align-items:center;gap:3px;padding:0;margin:0;color:#000;font-size:9px}.v2-legacy-status>span{padding:3px 5px;border:1px solid;border-color:#808080 #fff #fff #808080}.v2-legacy-status>span:first-child{flex:1}.v2-legacy-window>p{margin:10px 2px 1px;padding:7px 3px 3px;border-top:1px solid #808080;color:#454545;font-size:9px;line-height:1.5}
@media(max-width:767px){.v2-legacy-window{margin:10px;font-size:10px}.v2-legacy-title{font-size:10px}.v2-legacy-menu{gap:10px;font-size:9px}.v2-legacy-form{grid-template-columns:auto minmax(0,1fr) auto 62px;gap:4px;padding:8px 4px}.v2-legacy-form>span{font-size:9px}.v2-legacy-window th,.v2-legacy-window td{font-size:9px;padding:5px 3px}.v2-legacy-window :is(td,th):first-child{width:43%}.v2-legacy-old-button{font-size:9px;padding-inline:6px}}

.v2-ai-work{padding:22px 24px;color:var(--df-ink);font-family:var(--df-font-ui);background:var(--df-surface)}
.v2-ai-work-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--df-line)}
.v2-ai-work-header strong{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:600}.v2-ai-work-header strong>span,.v2-ai-work-spark{color:var(--df-accent);font-size:20px}
.v2-ai-work small{display:block;font:500 9px/1.5 var(--df-font-mono);color:var(--df-muted);letter-spacing:.05em}.v2-ai-work-header>small{font-size:8px;white-space:nowrap}
.v2-ai-work-request{margin:20px 0 20px 40px;padding:13px 15px;border:1px solid var(--df-tint-2);border-radius:4px;background:var(--df-tint)}.v2-ai-work-request>small{color:var(--df-accent-text);font-size:8px;margin-bottom:5px}.v2-ai-work-request p{font-size:13px;line-height:1.6;color:var(--df-ink-2)}
.v2-ai-work-process{display:grid;gap:13px;padding:0 0 20px}.v2-ai-work-process>div{display:flex;align-items:flex-start;gap:10px}.v2-ai-work-check{display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex-shrink:0;background:var(--df-tint);color:var(--df-accent-text);font-size:12px;border-radius:2px}.v2-ai-work-process strong{display:block;font-size:12px;font-weight:500}.v2-ai-work-process small{font-family:var(--df-font-ui);font-size:11px;letter-spacing:0;margin-top:2px}
.v2-ai-work-result{display:flex;gap:10px;padding-top:19px;border-top:1px solid var(--df-line)}.v2-ai-work-spark{flex-shrink:0}.v2-ai-work-result small{font-size:8px}.v2-ai-work-result h3{margin:5px 0 8px;font-size:20px;line-height:1.25;font-weight:500}.v2-ai-work-result p{font-size:12px;line-height:1.65;color:var(--df-ink-2)}
.v2-ai-work-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--df-line)}.v2-ai-work-review{display:inline-flex;align-items:center;gap:18px;color:#fff;background:var(--df-accent);padding:9px 13px;border-radius:3px;font-size:12px;font-weight:500}.v2-ai-work-footer>small{font-family:var(--df-font-ui);font-size:10px;letter-spacing:0;text-align:end}
@media(max-width:767px){.v2-ai-work{padding:18px 16px}.v2-ai-work-header strong{font-size:16px}.v2-ai-work-header>small{font-size:7px}.v2-ai-work-request{margin-left:20px}.v2-ai-work-result h3{font-size:19px}.v2-ai-work-footer{gap:8px}.v2-ai-work-footer>small{max-width:110px;font-size:9px}}
/* Keep the off-screen skip link invisible while retaining keyboard focus. */
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}

/* Clear comparison hierarchy: outcome first, workflow second, context third. */
:is(.truth-card.before,.truth-card.after) .truth-card-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-height:88px;padding:17px 20px}
.truth-heading{min-width:0}.truth-heading h3{margin:0;font:600 26px/1.15 var(--df-font-display);letter-spacing:-.03em;color:var(--df-ink)}.truth-heading p{margin:5px 0 0;font:400 12px/1.4 var(--df-font-ui);letter-spacing:0;color:var(--df-muted)}
.truth-card .truth-card-head .truth-tag{flex-shrink:0;font:500 8px/1.5 var(--df-font-mono);letter-spacing:.04em;color:var(--df-faint);background:var(--df-chip);padding:4px 6px}
@media(max-width:767px){:is(.truth-card.before,.truth-card.after) .truth-card-head{min-height:86px;padding:16px 18px;flex-wrap:nowrap}.truth-heading h3{font-size:25px}.truth-heading p{font-size:12px}.truth-card .truth-card-head .truth-tag{font-size:7px}}
/* Site audit 2026-10-18: accessible names, contrast and first-render cost. */
.language-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.light-zone .caption,.light-zone .truth-head .caption,.pricing-card .plan-kicker,.v2-demo-header>span{color:var(--df-muted)}
/* Skip layout and paint for sections below the first screen until they approach the viewport.
   Pricing stays out: its mobile tooltips are position:fixed and containment would re-anchor them. */
.light-zone>section:not(#pricing),.final,footer.site{content-visibility:auto;contain-intrinsic-size:auto 900px}