/* Studio + Refined Ink palette. Dark primary actions use owner-requested neutral grays. */
:root{
  --sp-surface: #ffffff;
  --sp-surface-raised: #ffffff;
  --sp-canvas: #f7f8fa;
  --sp-ink: #232936;
  --sp-muted: #5c6776;
  --sp-border: #e4e8ef;
  --sp-border-strong: #7e8999;
  --sp-control: #edf1f6;
  --sp-hover: #e4e9f0;
  --sp-selected: #edf0f5;
  --sp-primary: #27313d;
  --sp-on-primary: #ffffff;
  --sp-primary-hover: #151f2d;
  --sp-blue: #345bd0;
  --sp-blue-tint: #edf2ff;
  --sp-blue-line: #c4d2f5;
  --sp-danger: #ae2138;
  --sp-danger-tint: #fff0f2;
  --sp-danger-line: #e9b4bd;
  --sp-warning: #775b22;
  --sp-warning-tint: #fff6df;
  --sp-warning-line: #e4c98a;
  --sp-success: #286048;
  --sp-success-tint: #eaf5ee;
  --sp-success-line: #a9d1bb;
  --sp-edit: #c2410c;
  --sp-edit-tint: #fff7ed;
  --sp-measure: #0e7490;
  --sp-measure-tint: #ecfeff;
  --sp-contour: #6b7480;
  --sp-contour-line: #b4bac3;
  --sp-shadow: #18283914;
  --sp-veil: #0d15245c;
  --sp-imagery-line: #ffffff;
  --sp-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sp-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sp-radius: 6px;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6776' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  color-scheme: light;
}
:root[data-theme=dark]{
  --sp-surface: #20232a;
  --sp-surface-raised: #282d36;
  --sp-canvas: #171a20;
  --sp-ink: #eef1f6;
  --sp-muted: #a6afbd;
  --sp-border: #39404b;
  --sp-border-strong: #616d80;
  --sp-control: #303844;
  --sp-hover: #3d4756;
  --sp-selected: #303744;
  --sp-primary: #efefef;
  --sp-on-primary: #242424;
  --sp-primary-hover: #dedede;
  --sp-blue: #a9beff;
  --sp-blue-tint: #293650;
  --sp-blue-line: #41527a;
  --sp-danger: #ffb4c1;
  --sp-danger-tint: #442632;
  --sp-danger-line: #6e3b49;
  --sp-warning: #e2ca94;
  --sp-warning-tint: #3f3421;
  --sp-warning-line: #6b5a35;
  --sp-success: #a3d6bb;
  --sp-success-tint: #243d31;
  --sp-success-line: #3f6a56;
  --sp-edit: #ffc18d;
  --sp-edit-tint: #453224;
  --sp-measure: #8dddeb;
  --sp-measure-tint: #193d43;
  --sp-contour: #a3adbb;
  --sp-contour-line: #c2c9d3;
  --sp-shadow: #0004;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6afbd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  color-scheme: dark;
}

/* Website aliases resolve to the approved Studio + Refined Ink tokens above.
   Source: Decks AI docs/theme.design.md and web/app/globals.css (2026-10-30).
   The owner-requested ambient glow is confined to feature backgrounds. */
:root{
 --max:1200px;--radius:var(--sp-radius);
 --paper:var(--sp-canvas);--surface:var(--sp-surface);--white:var(--sp-surface);
 --ink:var(--sp-ink);--muted:var(--sp-muted);--line:var(--sp-border);
 --soft:var(--sp-control);--charcoal:var(--sp-primary);--on-primary:var(--sp-on-primary);
 --brand-hover:var(--sp-primary-hover);--blue:var(--sp-blue);--bluewash:var(--sp-blue-tint);
 --warning:var(--sp-warning);--warningwash:var(--sp-warning-tint);--green:var(--sp-success);
 --danger:var(--sp-danger);--dangerwash:var(--sp-danger-tint);--input-line:var(--sp-border-strong);
 --header-bg:color-mix(in srgb,var(--sp-surface) 96%,transparent);
 --glow:color-mix(in srgb,var(--sp-muted) 13%,transparent);
 --glow-soft:color-mix(in srgb,var(--sp-muted) 5%,transparent);--card-shadow:none;
 --canvas:var(--sp-canvas);--canvas-chrome:var(--sp-surface);--canvas-line:var(--sp-border);
 --canvas-ink:var(--sp-ink);--canvas-muted:var(--sp-muted);
 --drawing-bg:var(--sp-canvas);--drawing-fill:var(--sp-control);--drawing-ink:var(--sp-ink);
 --drawing-accent:var(--sp-blue);--drawing-muted:var(--sp-muted);--drawing-line:var(--sp-border);
 --drawing-grid:var(--sp-border);--drawing-highlight:var(--sp-blue-tint);
 --chart-ink:var(--sp-ink);--chart-muted:var(--sp-muted);--chart-blue:var(--sp-blue);
 --chart-teal:var(--sp-measure);--chart-amber:var(--sp-warning);--chart-grid:var(--sp-border);

}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sp-font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.03em;font-weight:500}
h1{font-size:clamp(40px,5.3vw,68px);max-width:1000px}
h2{font-size:clamp(30px,3.1vw,42px)}
h3{font-size:23px;letter-spacing:-.025em}
h4{font-size:16px;font-weight:500}
strong,b{font-weight:500}
p+p{margin-top:16px}
ul,ol{padding-left:22px}
li+li{margin-top:7px}
.wrap{max-width:var(--max);margin:auto;padding:0 34px}
.ui-icon{width:17px;height:17px;flex-shrink:0;vertical-align:middle}
.preview-bar{background:var(--soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5;padding:8px 0;letter-spacing:.035em}
.preview-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.preview-bar a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;white-space:nowrap}
.preview-bar a svg{width:13px;height:13px}
.preview-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:middle}
.header{background:var(--header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.nav{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{text-decoration:none;display:flex;align-items:center;gap:9px;font-size:23px;font-weight:500;letter-spacing:-.6px;margin-right:auto;white-space:nowrap;color:var(--ink);flex-shrink:0}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:5px;line-height:1;letter-spacing:-.045em;color:var(--ink)}
.brand-ai{color:var(--muted)}
.brand .brand-symbol{display:block;width:28px;height:28px;flex-shrink:0;color:var(--charcoal)}
.brand em{display:inline-flex;align-items:center;justify-content:center;align-self:center;height:24px;line-height:1;font-size:11px;font-style:normal;letter-spacing:.03em;font-weight:500;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);margin-left:3px;flex-shrink:0}
.nav-links{display:flex;align-items:center;gap:25px}
.nav-links>a{position:relative;text-decoration:none;font-size:13px;font-weight:500;color:var(--ink)}
/* Plain menu links must never override the filled CTA's foreground on hover. */
.nav-links>a:not(.button):hover,.nav-links>a[aria-current=page]{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:8px}
.nav-status{position:absolute;top:calc(100% + 6px);left:0;display:block;font-size:11px;line-height:1.4;color:var(--muted);font-weight:400;letter-spacing:.02em;white-space:nowrap}
.service-status{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.5;margin-top:17px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius);text-decoration:none;line-height:1.3;font-size:13px;font-weight:500;background:var(--charcoal);color:var(--on-primary);box-shadow:none;transition:background .12s,color .12s}
.button:hover{background:var(--brand-hover)}
.nav-links .button{color:var(--on-primary)}
.button.secondary{background:var(--soft);color:var(--ink);box-shadow:none;border-color:transparent}
.button.outline{border-color:transparent;background:var(--soft);color:var(--ink);box-shadow:none}
.button.secondary:hover,.button.outline:hover{border-color:transparent;background:var(--sp-hover)}
.text-link{font-size:13px;font-weight:500}
.header-tools{display:flex;align-items:center;gap:6px}
.menu-toggle{display:none;background:transparent;color:var(--ink);border:0;padding:9px 12px;border-radius:var(--radius);font-size:13px}
.menu-toggle:hover{background:var(--sp-hover);color:var(--ink)}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:21px}
.eyebrow .dot{display:inline-block;background:var(--muted);width:6px;height:6px;margin:0 10px 1px 0;border-radius:50%;box-shadow:0 0 0 4px var(--glow-soft)}
.muted{color:var(--muted)}
.lede{font-size:18px;line-height:1.7;color:var(--muted);max-width:700px;margin-top:23px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.fine{font-size:11px;line-height:1.65;color:var(--muted)}
.hero{padding:65px 0 50px;background:radial-gradient(ellipse at 78% 37%,var(--glow-soft),transparent 52%);overflow:clip}
.hero-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:42px;align-items:center}
.hero h1{font-size:clamp(42px,5.1vw,66px);letter-spacing:-.04em;line-height:1.08}
.hero h1>span{color:var(--muted)}
.hero .lede{font-size:16px;max-width:435px}
.hero-audience{margin-top:20px;font-size:12px;color:var(--muted)}
.hero .fine{margin-top:12px;max-width:430px;font-size:11px}
.workspace-demo{position:relative;isolation:isolate;min-width:0}
.workspace-demo:before{content:"";position:absolute;inset:9% -4% -5%;z-index:-1;background:radial-gradient(ellipse,var(--glow) 10%,transparent 68%);filter:blur(25px);pointer-events:none}
.workspace-shell{background:var(--canvas);color:var(--canvas-ink);border:1px solid var(--canvas-line);border-radius:var(--radius);box-shadow:0 4px 16px var(--sp-shadow);overflow:hidden}
.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:var(--canvas-chrome);border-bottom:1px solid var(--canvas-line);font-size:11px;color:var(--canvas-muted)}
.workspace-title>div{display:flex;align-items:center;gap:8px}
.window-controls{display:inline-flex;align-items:center;gap:7px;margin-right:9px;flex-shrink:0}
.window-controls i{display:block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014;background:#ff5f57}
.window-controls i:nth-child(2){background:#febc2e}
.window-controls i:nth-child(3){background:#28c840}
.workspace-title strong{font-weight:500;color:var(--canvas-ink)}
.workspace-title .ui-icon{width:15px;height:15px;color:var(--canvas-ink)}
.workspace-status{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}
.workspace-status>span{width:4px;height:4px;border-radius:50%;background:var(--canvas-muted)}
.workspace-steps{padding:8px;display:flex;gap:6px;background:var(--canvas-chrome);border-bottom:1px solid var(--canvas-line)}
.workspace-steps button{flex:1;min-width:0;padding:10px 4px;border:0;border-radius:var(--radius);color:var(--canvas-muted);background:transparent;font-size:12px;white-space:nowrap;transition:background .18s,color .18s}
.workspace-steps button>span{margin-right:4px;font-size:11px}
.workspace-steps button[aria-pressed=true]{background:var(--sp-selected);color:var(--ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--ink)}
.workspace-panel{min-height:340px;background:var(--canvas)}
.workspace-panels{display:grid;min-width:0}
.workspace-panels>.workspace-panel{grid-area:1/1;min-width:0;align-self:stretch}
.workspace-panels>.workspace-panel:not(.workspace-export){display:flex;flex-direction:column}
.workspace-panels>.workspace-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.workspace-panels>.workspace-panel:not(.workspace-export)[hidden]{display:flex!important}
.workspace-toolbar{flex-shrink:0}
.workspace-panel>.plan-svg,.workspace-design-views{margin-block:auto}
.workspace-design-views{display:grid;min-width:0}
.workspace-design-views>[data-design-panel]{grid-area:1/1;min-width:0;display:grid;place-items:center}
.workspace-design-views>[data-design-panel][hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.workspace-panel:not([hidden]){animation:workspace-enter .18s ease-out}
.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 15px;border-bottom:1px solid var(--canvas-line);font-size:11px;color:var(--canvas-muted)}
.workspace-toolbar>span{display:inline-flex;align-items:center;gap:7px}
.workspace-toolbar .ui-icon{width:13px;height:13px}
.workspace-control,.workspace-view-tabs button{color:var(--canvas-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:5px 8px;font-size:11px}
.workspace-control[aria-pressed=true],.workspace-view-tabs button[aria-pressed=true]{background:var(--sp-selected);color:var(--ink)}
.workspace-steps button:hover,.workspace-control:hover,.workspace-view-tabs button:hover{background:var(--sp-hover);color:var(--ink)}
.workspace-view-tabs{display:flex;gap:5px}
.workspace-caption{padding:11px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;border-top:1px solid var(--canvas-line);background:var(--canvas-chrome);color:var(--canvas-muted);font-size:11px;line-height:1.5}
.workspace-shell .plan-svg{max-height:355px}
.workspace-shell .site-guides{transition:opacity .18s}
.workspace-shell.hide-guides .site-guides{opacity:0}
.workspace-export{padding:28px;background:var(--canvas)}
.workspace-eyebrow{font-size:12px;letter-spacing:0;color:var(--canvas-muted)}
.workspace-export h2{font-size:26px;letter-spacing:-.035em;margin:12px 0 20px}
.export-file{display:flex;align-items:center;gap:12px;border-top:1px solid var(--canvas-line);padding:13px 0}
.export-file .ui-icon{color:var(--muted);width:18px;height:18px}
.export-file strong,.export-file span{display:block}
.export-file strong{font-size:12px;font-weight:500}
.export-file span{font-size:11px;color:var(--canvas-muted);margin-top:2px}
.workspace-export>p{font-size:11px;color:var(--canvas-muted);margin-top:12px;max-width:410px}
.workspace-link{font-size:11px;display:inline-flex;align-items:center;gap:8px;color:var(--canvas-ink);margin-top:16px}
.workspace-link svg{width:14px;height:14px}
.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:48px}
.summary-strip>div{padding:22px 23px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow)}
.summary-index{font:11px/1.45 var(--sp-font);letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:13px}
.summary-strip strong{display:block;font-size:16px;font-weight:500;line-height:1.35;letter-spacing:-.02em}
.summary-strip strong+span{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.section{padding:75px 0}
.section.white{background:var(--surface);border-block:1px solid var(--line)}
.section-head{display:flex;gap:40px;justify-content:space-between;align-items:flex-end;margin-bottom:35px}
.section-head h2{max-width:640px}
.section-head p{font-size:14px;max-width:350px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{min-width:0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow)}
a.card{display:block;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
a.card:hover{border-color:var(--input-line);background:var(--paper)}
.card .number{font:11px/1.45 var(--sp-font);color:var(--muted);display:block;margin-bottom:34px;letter-spacing:.035em}
.card p{margin-top:14px;font-size:14px;line-height:1.75;color:var(--muted)}
.card .text-link{display:block;margin-top:24px;color:var(--ink)}
.card h3{font-size:23px;line-height:1.2}
/* Landing-page overview keeps software and the managed service together. */
.landing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.landing-plan{min-width:0;display:flex;flex-direction:column;padding:24px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.landing-plan .eyebrow{font-size:10px;letter-spacing:.05em;margin-bottom:18px}
.landing-plan h3{font-size:22px;line-height:1.25}
.landing-plan-price{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:36px;line-height:1.2;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums;margin-top:24px}
.landing-plan-price small,.landing-plan-from{font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted)}
.landing-plan ul{list-style:none;margin:24px 0;padding:0;font-size:12px;color:var(--muted);line-height:1.6}
.landing-plan li{padding:10px 0;border-top:1px solid var(--line)}
.landing-plan li+li{margin-top:0}
.landing-plan .button{margin-top:auto;width:100%;font-size:12px;padding-inline:10px}
.landing-pricing-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:25px}
.landing-pricing-footer .fine{max-width:720px}
.landing-pricing-footer .text-link{flex-shrink:0}
@media(max-width:1100px){.landing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.landing-plan-grid{grid-template-columns:1fr;gap:16px}.landing-pricing-footer{display:block}.landing-pricing-footer .text-link{display:inline-block;margin-top:15px}}
.note{padding:19px 23px;background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:var(--radius);font-size:13px;line-height:1.8;margin:25px 0}
.note.warning{background:var(--warningwash);border-color:color-mix(in srgb,var(--warning) 25%,transparent);border-left-color:var(--warning);color:var(--warning)}
.note.neutral{background:var(--soft);border-color:var(--line);border-left-color:var(--muted)}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}
.rows{border-top:1px solid var(--line)}
.row{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:15px}
.row .index{color:var(--muted);font:11px/1.45 var(--sp-font)}
.row h3{font-size:22px}
.row p{margin-top:9px;font-size:14px;color:var(--muted)}
.cta{padding:40px;background:radial-gradient(ellipse at 90% 20%,var(--glow-soft),transparent 60%),var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:35px;justify-content:space-between;align-items:center;box-shadow:none}
.cta h2{font-size:36px;max-width:680px}
.cta p{margin-top:14px;color:var(--muted);max-width:650px;font-size:14px}
.cta .eyebrow{color:var(--muted)}
.cta .button{flex-shrink:0;box-shadow:none}

.page-head{padding:62px 0 38px;background:radial-gradient(ellipse at 70% 0%,var(--glow-soft),transparent 65%)}
.page-head h1{font-size:clamp(38px,4.8vw,61px);letter-spacing:-.035em}
.page-head .lede{font-size:17px;max-width:780px}
.content{padding:15px 0 75px}
.prose{max-width:800px}
.prose h2{font-size:29px;margin-top:42px;margin-bottom:18px}
.prose h3{font-size:22px;margin-top:28px;margin-bottom:14px}
.prose p,.prose li{color:var(--muted);line-height:1.85}
.prose strong{color:var(--ink);font-weight:500}
.prose a:not(.button){color:var(--ink)}
.prose .note p{color:inherit}
.prose ul,.prose ol{margin:14px 0 24px}
.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:27px}
.table-wrap{overflow:auto;max-width:100%;margin:25px 0 32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pricing-table-wrap{position:relative;margin-bottom:14px}
.pricing-table-wrap:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.plan-comparison{min-width:920px}
.plan-comparison th:first-child{width:28%;text-align:left}
.plan-comparison tbody th{background:var(--surface);font-weight:500}
.plan-comparison td,.plan-comparison thead th:not(:first-child){text-align:center}
.comparison-value{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;vertical-align:middle;color:var(--ink)}
.comparison-value>svg{width:18px;height:18px;flex:0 0 18px}
.comparison-value.is-excluded{color:var(--muted)}
.comparison-key{display:flex;flex-wrap:wrap;gap:9px 24px;font-size:11px;margin-bottom:28px;color:var(--muted)}
.comparison-key .comparison-value{justify-content:flex-start;color:var(--muted)}
.comparison-scroll-hint{display:none}
table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
th,td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:500;background:var(--soft)}
tr:last-child td,tr:last-child>th{border-bottom:none}
td:first-child{font-weight:500}
table p{margin:0}
.pricing-switch{display:inline-flex;flex-wrap:wrap;background:var(--paper);padding:4px;border:1px solid var(--line);border-radius:var(--radius);margin:5px 0 30px}
.pricing-switch button{border:0;background:transparent;padding:9px 17px;font-size:12px;border-radius:var(--radius);color:var(--muted)}
.pricing-switch button[aria-pressed=true]{background:var(--sp-selected);color:var(--ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--ink)}
.pricing-switch button:hover{background:var(--sp-hover)}
.price-card{display:flex;flex-direction:column;position:relative}
.price-card.featured{border-color:var(--input-line);background:var(--surface);box-shadow:none}
.price-tag{font-size:47px;font-weight:500;letter-spacing:-2px;line-height:1.2;margin:24px 0 0;font-variant-numeric:tabular-nums}
.price-tag small{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}
.price-meta{font-size:12px;min-height:58px;color:var(--muted);margin-top:8px}
.managed-offer{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:26px;padding:34px;border:1px solid var(--input-line);border-radius:var(--radius);background:radial-gradient(ellipse at 95% 0,var(--glow),transparent 65%),var(--surface)}
.managed-offer h2{font-size:32px;line-height:1.15;max-width:560px}
.managed-offer p{color:var(--muted);margin-top:15px;max-width:560px;font-size:14px}
.managed-offer .eyebrow{margin-bottom:16px}
.managed-offer-price{border-left:1px solid var(--line);padding-left:34px;align-self:center;min-width:0}
.managed-offer-price .price-tag{margin-top:4px}
.managed-offer-price .button{margin-top:22px}
.managed-offer-price p.fine{font-size:12px;margin-top:10px}
.managed-inclusions{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:23px 0 0;font-size:12px}
.managed-inclusions li:before{content:"✓";margin-right:7px}
.managed-inclusions li+li{margin-top:0}
.managed-service-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin-bottom:50px}
.managed-service-intro h2{font-size:38px}
.managed-service-intro p:not(.lede){color:var(--muted);margin-top:18px}
.managed-deliverables ul{list-style:none;padding:0;margin:0}
.managed-deliverables li{padding:15px 0;border-bottom:1px solid var(--line);margin:0}
.managed-deliverables li:first-child{padding-top:0}
.managed-deliverables li:last-child{border:0;padding-bottom:0}
.managed-deliverables strong,.managed-deliverables li span{display:block}
.managed-deliverables li span{font-size:13px;color:var(--muted);margin-top:5px}
.price-card>.badge{min-height:36px}
.price-card ul{padding:0;list-style:none;font-size:13px;flex:1;margin:24px 0}
.price-card li{padding-top:12px;border-top:1px solid var(--line)}
.badge{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:inline-block}
.search-box{display:block;max-width:620px;margin:15px 0 30px}
.search-box input{width:100%;border:1px solid var(--input-line);background:var(--surface);padding:14px 17px;border-radius:var(--radius);font-size:16px;color:var(--ink);box-shadow:var(--card-shadow)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
details{border-bottom:1px solid var(--line);padding:21px 0}
summary{cursor:pointer;font-size:16px;font-weight:500;padding-right:27px;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:2px;color:var(--muted)}
details[open]>summary::after{content:"−"}
details p{padding-top:15px;font-size:14px;color:var(--muted);max-width:780px}
.filter-count{font-size:12px;color:var(--muted);margin-bottom:15px}
.article-meta{color:var(--muted);font-size:12px;margin-top:25px}
.article-card .badge{margin-bottom:20px}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px}
.side-nav{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:6px}
.side-nav a{padding:9px 12px;text-decoration:none;font-size:13px;border-radius:6px;color:var(--ink)}
.side-nav a:hover,.side-nav a[aria-current=page]{background:var(--sp-selected);color:var(--ink)}
.footer{border-top:1px solid var(--line);padding:50px 0 27px;background:var(--surface)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}
.footer .brand{margin-bottom:15px}
.footer p{font-size:12px;color:var(--muted);max-width:310px}
.footer h4{font-size:12px;letter-spacing:0;font-weight:500;margin-bottom:15px}
.footer a:not(.brand){display:block;font-size:13px;color:var(--ink);text-decoration:none;margin:9px 0}
.footer a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
.footer-bottom a{display:inline!important;font-size:inherit!important}
.form{max-width:680px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{margin-bottom:20px}
.field label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;background:var(--surface);border:1px solid var(--input-line);border-radius:var(--radius);padding:12px;color:var(--ink);font-size:16px}
.field textarea{min-height:110px}
.form-status{margin-top:15px;color:var(--green);font-size:13px}
.source-list{font-size:12px}
.source-list li{margin-top:14px}
.source-list a{overflow-wrap:anywhere}
.source-ref{font-size:11px;white-space:nowrap}
.skip{position:absolute;left:15px;top:-100px;padding:10px;background:var(--surface);z-index:100}
.skip:focus{top:10px}
.empty-state{padding:20px;background:var(--soft);font-size:14px}
[hidden]{display:none!important}
.sample-table{font-size:12px}
.sample-label{display:block;font:11px/1.45 var(--sp-font);letter-spacing:.03em;color:var(--muted);margin-bottom:16px}
.plan-svg{display:block;width:100%;height:auto}
.plan-svg text:not([fill]){fill:var(--drawing-ink)}
.large-stat{font-size:36px;letter-spacing:-1px;color:var(--ink)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;background:transparent;color:var(--muted);border:0;border-radius:var(--radius);box-shadow:none;transition:background .12s,color .12s}
.theme-toggle:hover{background:var(--sp-hover);color:var(--ink)}
.theme-toggle [data-theme-label]{display:none}
.theme-toggle .sun-icon{display:none}
[data-theme=dark] .theme-toggle .sun-icon{display:block}
[data-theme=dark] .theme-toggle .moon-icon{display:none}
.text-button{padding:0;border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:11px;line-height:1.5}
/* Keep one inset chevron and a clear text gutter on every dropdown. */
select:not([multiple]):not([size]),select:not([multiple])[size="1"]{-webkit-appearance:none;appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px;text-overflow:ellipsis}
@media(forced-colors:active){select:not([multiple]):not([size]),select:not([multiple])[size="1"]{-webkit-appearance:auto;appearance:auto;background-image:none;padding-right:12px}}
@keyframes workspace-enter{from{opacity:.45}to{opacity:1}}
@media(max-width:1000px){
 .nav{gap:20px}.nav-links{gap:17px}.grid.four{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:28px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:52px}.split{gap:40px}.legal-layout{gap:35px;grid-template-columns:180px minmax(0,1fr)}.workspace-status{display:none}
}
/* Collapse navigation before larger, readable labels can crowd the header. */
@media(min-width:761px) and (max-width:1040px){
 .comparison-scroll-hint{display:block;font-size:11px;color:var(--muted);margin-top:24px}
 .nav{min-height:66px;flex-wrap:wrap;gap:15px;padding-block:13px}.menu-toggle{display:block}
 .nav-links{order:3;display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}
 .nav-links.open{display:flex}.nav-links>a{padding:12px 0}.nav-links .button{margin:8px 0 4px;padding:13px}
 .nav-status{position:static;margin-top:3px}
}
@media(max-width:760px){
 .managed-offer,.managed-service-intro{grid-template-columns:1fr;gap:26px}.managed-offer{padding:25px}.managed-offer h2{font-size:28px}.managed-offer-price{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.managed-offer-price .price-tag{font-size:42px}.managed-service-intro h2{font-size:32px}.managed-service-intro{margin-bottom:35px}
 .comparison-scroll-hint{display:block;font-size:11px;color:var(--muted);margin-top:24px}
 .wrap{padding:0 22px}.preview-detail{display:none}.preview-bar .wrap{font-size:11px;gap:8px}.preview-bar a{font-size:11px}
 .nav{min-height:66px;flex-wrap:wrap;gap:15px;padding-block:13px}.brand{font-size:22px}.menu-toggle{display:block}.nav-links{order:3;display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a{padding:12px 0}.nav-links .button{margin:8px 0 4px;padding:13px}
 .nav-status{position:static;margin-top:3px}
 .hero{padding:38px 0 34px}.hero-grid{grid-template-columns:1fr;gap:33px}.hero h1{font-size:clamp(41px,10.5vw,60px)}.hero .lede{max-width:550px;font-size:15px}.hero .fine{max-width:530px}.hero .eyebrow{font-size:11px}.hero-audience{font-size:12px}.hero .actions{margin-top:24px}
 .workspace-panel{min-height:0}.workspace-title{padding:12px}.workspace-status{display:none}.workspace-toolbar{padding:8px 11px}.workspace-title>div{gap:7px}
 .workspace-shell .plan-svg text{font-size:19px}
 .workspace-steps{gap:3px;padding:7px}.workspace-steps button{font-size:11px;padding:10px 3px}.workspace-steps button>span{font-size:11px;margin-right:2px}.workspace-caption{padding:10px 11px;font-size:11px}.workspace-export{padding:24px}.workspace-export h2{font-size:25px}
 .summary-strip{grid-template-columns:1fr;gap:11px;margin-top:30px}.summary-strip>div{padding:17px 20px}.summary-index{margin-bottom:8px}.summary-strip strong{font-size:16px}.summary-strip strong+span{font-size:12px;margin-top:5px}
 .section{padding:46px 0}.section-head{display:block;margin-bottom:26px}.section-head p{margin-top:18px;max-width:unset}
 .grid,.grid.two,.split{grid-template-columns:1fr;gap:16px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:24px}.card .number{margin-bottom:24px}.card h3{font-size:23px}
 .cta{padding:28px;display:block}.cta h2{font-size:31px}.cta .button{margin-top:24px}.page-head{padding:39px 0 25px}.page-head h1{font-size:clamp(35px,8.8vw,45px)}.page-head .lede{font-size:16px}.lede{font-size:16px}
 .legal-layout{display:block}.side-nav{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:4px;white-space:nowrap;padding-bottom:18px;margin-bottom:20px}.side-nav a{padding:8px}
 .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 15px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}
 .field-row{grid-template-columns:1fr;gap:0}.prose h2{font-size:27px}
 th,td{padding:13px 12px}.theme-toggle{width:36px;height:36px}
}
@media(max-width:390px){
 .wrap{padding-inline:18px}.preview-bar .wrap{gap:6px}.preview-bar{font-size:11px}.preview-bar a{font-size:11px}.workspace-steps button>span{display:none}.workspace-steps button{font-size:11px}.workspace-caption{font-size:11px}.grid.four{grid-template-columns:1fr}.button{font-size:12px;padding-inline:15px}.hero h1{font-size:41px}.source-ref{white-space:normal}
 .workspace-shell .plan-svg text{font-size:24px}
}
@media(pointer:coarse){.button,.menu-toggle,.workspace-steps button,.workspace-control,.workspace-view-tabs button,.pricing-switch button,.text-button,summary{min-height:44px}.theme-toggle{width:44px;height:44px}.field input,.field select,.field textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}a.card:hover{transform:none}}
@media print{
 :root,:root[data-theme=dark]{
  --sp-surface: #ffffff;
  --sp-surface-raised: #ffffff;
  --sp-canvas: #f7f8fa;
  --sp-ink: #232936;
  --sp-muted: #5c6776;
  --sp-border: #e4e8ef;
  --sp-border-strong: #7e8999;
  --sp-control: #edf1f6;
  --sp-hover: #e4e9f0;
  --sp-selected: #edf0f5;
  --sp-primary: #27313d;
  --sp-on-primary: #ffffff;
  --sp-primary-hover: #151f2d;
  --sp-blue: #345bd0;
  --sp-blue-tint: #edf2ff;
  --sp-blue-line: #c4d2f5;
  --sp-danger: #ae2138;
  --sp-danger-tint: #fff0f2;
  --sp-danger-line: #e9b4bd;
  --sp-warning: #775b22;
  --sp-warning-tint: #fff6df;
  --sp-warning-line: #e4c98a;
  --sp-success: #286048;
  --sp-success-tint: #eaf5ee;
  --sp-success-line: #a9d1bb;
  --sp-edit: #c2410c;
  --sp-edit-tint: #fff7ed;
  --sp-measure: #0e7490;
  --sp-measure-tint: #ecfeff;
  --sp-contour: #6b7480;
  --sp-contour-line: #b4bac3;
  --sp-shadow: #18283914;
  --sp-veil: #0d15245c;
  --sp-imagery-line: #ffffff;
  --sp-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sp-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sp-radius: 6px;
  color-scheme: light;
 --paper:var(--sp-surface);--header-bg:var(--sp-surface);color-scheme:light
 }
 body{font-size:11pt;background:var(--surface);color:var(--ink)}.preview-bar,.header,.footer,.no-print,.side-nav,.theme-toggle{display:none!important}
 .wrap{max-width:100%;padding:0}.content{padding:0}.page-head{padding:0 0 20px;background:none}h3,h4{break-after:avoid}
 .card,.note,tr{break-inside:avoid;box-shadow:none}.table-wrap{overflow:visible}th,td{font-size:9pt!important;padding:8px}.source-list a{font-size:9pt}.legal-layout{display:block}a{color:inherit;text-decoration:none}.page-head .lede{font-size:12pt}
 .comparison-scroll-hint{display:none!important}.plan-comparison{min-width:0}.pricing-table-wrap{outline:0!important}
}