@font-face {
  font-family: "Studio Reader";
  src: url("newsreader-v26-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Studio Reader";
  src: url("newsreader-v26-latin-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
body[data-studio] {
  --sheet: #f7f6f0;
  --card: #fffefa;
  --type: #252c34;
  --quiet: #515e65;
  --rule: #aeb5b1;
  --tint: #305f5b;
  --head: "Studio Reader", Georgia, "Songti SC", "Noto Serif CJK SC", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  margin: 0;
  color: var(--type);
  background: var(--sheet);
  font-family: var(--sans);
}
body[data-studio] [hidden] { display: none !important; }
body[data-studio] :focus-visible { outline: 2px solid var(--tint); outline-offset: 4px; }
body[data-studio] ::selection { color: #152426; background: #c3d8bc; }
body[data-studio] .ambient { display: none; }
body[data-studio] .page {
  width: min(1440px, 100%); max-width: 1440px; margin-inline: auto;
  padding-inline: clamp(20px, 5vw, 88px); box-sizing: border-box;
}
html body[data-studio] .site-header {
  margin: 0; padding: 12px 0; min-height: 68px; height: auto;
  border: 0; border-bottom: 1px solid var(--rule); color: var(--type);
  background: transparent; box-shadow: none; gap: clamp(12px, 2.4vw, 42px);
}
html body[data-studio] .site-header .brand { gap: 7px; }
html body[data-studio] .site-header .brand img:first-child { width: 27px; height: 35px; }
html body[data-studio] .site-header .brand .brand-wordmark { width: 75px; height: 28px; }
html body[data-studio] .chapter-nav { color: var(--quiet); gap: clamp(11px, 2vw, 30px); }
html body[data-studio] .chapter-nav a { font-size: 14px; color: inherit; }
html body[data-studio] .chapter-nav a[aria-current] { color: var(--type); font-weight: 650; }
html body[data-studio] .chapter-nav a::after { background: var(--tint); }
html body[data-studio] .site-header :is(.lang-toggle,.header-contact) {
  color: var(--type); background: transparent; border: 1px solid var(--rule); border-radius: 4px;
}
html body[data-studio] .header-contact:hover { background: var(--type); color: var(--sheet); }
body[data-studio] :is(.writing-footer,.footer,.guestbook-footer,.account-footer,.price-footer,.bench-footer,.check-footer) {
  margin-top: clamp(38px,6vw,88px); border-top: 1px solid var(--rule); color: var(--quiet);
}
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: studio-out 160ms ease-in both; }
::view-transition-new(root) { animation: studio-in 300ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes studio-out { to { opacity: 0; transform: translateY(-5px); } }
@keyframes studio-in { from { opacity: 0; transform: translateY(10px); } }
@keyframes stage-open { from { opacity: .15; clip-path: inset(0 0 7% 0); transform: translateY(12px); } }
@keyframes ink-line { from { transform: scaleX(.06); } }
@keyframes pulse-line { from { transform: scaleX(.15); opacity:.15; } 70% { opacity:.75; } }
@keyframes landscape-in { from { transform: scale(1.045); } }
@media (prefers-reduced-motion:no-preference) {
  body[data-studio] main { animation: studio-in .44s ease-out both; }
  body[data-studio] .is-arriving { animation: stage-open .45s cubic-bezier(.2,.75,.22,1) both; }
  body[data-studio] :is(button,.work-primary,.stage-controls a,summary,.work-switch a) { transition: background-color .18s, color .18s, border-color .18s, box-shadow .18s; }
  .studio-section-visible { animation: stage-open .48s cubic-bezier(.2,.75,.22,1) both; }
}
body[data-studio=projects] { --sheet:#10191e; --card:#18262b; --type:#f3f3e9; --quiet:#b3c5c4; --rule:#526666; --tint:#b5e5bd; color-scheme:dark; }
body[data-studio=projects] .brand img { filter:brightness(0) invert(.95); }
body[data-studio=projects] a { color: inherit; text-decoration:none; }
.work-main { padding-top:clamp(32px,5vw,80px); }
.work-mast { display:flex; gap:22px; align-items:flex-end; justify-content:space-between; padding-bottom:clamp(24px,3.5vw,50px); }
.work-mast h1 { margin:0; font:500 clamp(36px,5vw,76px)/1.12 var(--sans); letter-spacing:-.055em; color:var(--type); }
.work-mast p { margin:14px 0 0; color:var(--quiet); font-size:clamp(15px,1.25vw,19px); line-height:1.65; }
.work-switch { display:flex; gap:4px; background:#1a282d; padding:4px; border:1px solid #425557; border-radius:5px; }
.work-switch a { padding:8px 15px; font:500 14px/1.4 var(--mono); border-radius:2px; }
.work-switch a[aria-current=true] { background:var(--tint); color:#172c28; }
.work-panel { display:grid; grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); min-height:450px; margin:0 0 24px; border:1px solid var(--rule); background:#142127; position:relative; isolation:isolate; }
.work-panel::before { content:""; position:absolute; inset:-1px 0 auto; height:2px; background:linear-gradient(90deg,var(--tint),transparent 66%); transform-origin:left; pointer-events:none; }
.work-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(22px,3.2vw,56px); min-width:0; }
.work-platform,.repo-meta { font:12px/1.6 var(--mono); color:#b1cebd; letter-spacing:.025em; }
.work-platform { margin:0 0 28px; }
.work-copy h2 { margin:0; color:#fffdf0; font:500 clamp(41px,4.8vw,77px)/1 var(--sans); letter-spacing:-.065em; }
.work-copy h3 { margin:18px 0 0; font:500 clamp(18px,1.7vw,27px)/1.45 var(--sans); color:var(--type); }
.work-description { margin:14px 0 0; font:400 15px/1.85 var(--sans); max-width:31em; color:var(--quiet); }
.work-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin:28px 0; font-size:14px; }
.work-actions a { display:inline-flex; align-items:center; gap:10px; min-height:42px; }
.work-actions .work-primary { color:#112a23; background:var(--tint); padding:0 17px; border-radius:3px; font-weight:600; }
.work-actions .work-primary:hover { background:#d6f4d5; }
.repo-meta { display:flex; gap:17px; min-height:20px; }
.product-stage { min-width:0; display:grid; grid-template-rows:minmax(0,1fr) auto; border-left:1px solid var(--rule); background:#22322f; }
.stage-window { min-height:330px; position:relative; display:grid; place-items:center; overflow:hidden; background-color:#101a1f; background-image:linear-gradient(#839ca30e 1px,transparent 1px),linear-gradient(90deg,#839ca30e 1px,transparent 1px); background-size:24px 24px; }
.stage-window video { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.stage-window #shot-open { position:absolute; inset:0; display:grid; place-items:center; width:100%; height:100%; border:0; background:none; cursor:zoom-in; }
#product-shot { width:100%; height:100%; max-height:435px; object-fit:contain; padding:18px; box-sizing:border-box; }
#shot-open>span { position:absolute; bottom:12px; right:14px; padding:0 7px; background:#122026dd; color:white; font-size:20px; }
.stage-controls { padding:8px; display:flex; gap:3px; flex-wrap:wrap; border-top:1px solid #526666; background:#1b292d; }
.stage-controls button { border:0; border-radius:2px; margin:0; cursor:pointer; font:500 13px/1.4 var(--sans); padding:9px 12px; min-height:35px; background:transparent; color:#c7d5d0; }
.stage-controls button[aria-pressed=true] { color:#eff8e9; background:#395147; }
.stage-controls button:hover { color:white; background:#2a4140; }
.mux-console { display:flex; flex-direction:column; min-width:0; background:#0d161b; border-left:1px solid var(--rule); }
.terminal-head { display:flex; justify-content:space-between; align-items:center; padding:13px 22px; border-bottom:1px solid #35464b; color:#b1bfbe; font:12px/1.4 var(--mono); }
.terminal-head span:last-child { letter-spacing:5px; color:#6c8982; }
.terminal-body { flex:1; padding:clamp(25px,4vw,70px); display:flex; flex-direction:column; justify-content:center; background:radial-gradient(ellipse at 90% 10%,#28413c77,transparent 65%); }
.terminal-path,.terminal-body output { font:14px/1.6 var(--mono); color:#a6bcb2; }
.terminal-body p { margin:12px 0 20px; white-space:nowrap; font:500 clamp(28px,3.5vw,54px)/1.2 var(--mono); letter-spacing:-.065em; }
.terminal-body p span { color:var(--tint); }
.terminal-body code { font:inherit; color:white; }
.terminal-body i { display:inline-block; width:.42em; height:.84em; margin-left:.1em; background:#a9d5af; vertical-align:-.06em; }
.work-end { display:flex; justify-content:space-between; gap:16px; padding:16px 0; font:14px/1.65 var(--sans); color:var(--quiet); }
#studio-lightbox { width:min(90vw,1000px); max-width:95vw; padding:42px 15px 15px; border:1px solid #586a6e; border-radius:5px; background:#111d21; color:white; }
#studio-lightbox::backdrop { background:#071014d9; }
#studio-lightbox img { display:block; max-width:100%; max-height:78svh; margin:auto; object-fit:contain; }
#studio-lightbox button { position:absolute; top:6px; right:8px; width:34px; height:34px; color:white; background:none; border:1px solid #85918e; border-radius:4px; font:24px/1 sans-serif; }
body:is([data-studio=blog],[data-studio=notes]) { --sheet:#f5f2e9; --type:#302f2b; --quiet:#67665b; --tint:#5b6651; --rule:#c3c1b1; }
body[data-studio] .writing-main { padding:clamp(24px,3.6vw,52px) 0 0; }
body[data-studio] .writing-intro { padding:0; margin:0; max-width:none; min-height:0; border:0; }
.reading-blog .writing-intro { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; border-bottom:1px solid var(--rule); gap:clamp(24px,5vw,90px); }
.reading-photo { position:relative; overflow:hidden; min-width:0; background:#798269; }
.reading-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.reading-blog .reading-photo { grid-column:2; grid-row:1; height:clamp(260px,29vw,420px); clip-path:inset(0 round 45% 45% 2px 2px); }
.reading-blog .reading-cover { grid-column:1; grid-row:1; }
body[data-studio] .reading-cover h1 { font:400 clamp(50px,6.6vw,98px)/1.07 var(--head); letter-spacing:-.045em; margin:0; color:inherit; }
body[data-studio] .reading-cover .writing-description { color:var(--quiet); max-width:34em; margin:20px 0 0; font:16px/1.9 var(--sans); }
.reading-jump,.reading-index a { display:inline-flex; align-items:center; gap:14px; padding:7px 0; color:var(--tint); text-decoration:none; font-size:14px; border-bottom:1px solid currentColor; }
.reading-jump { margin-top:22px; }
.reading-notes .writing-intro { position:relative; min-height:clamp(270px,25vw,380px); isolation:isolate; display:grid; align-items:end; }
.reading-notes .reading-photo { position:absolute; inset:0; z-index:-1; }
.reading-notes .reading-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#19251de0,#2530225c 63%,#1c282329); }
.reading-notes .reading-cover { color:#fffdf4; padding:clamp(24px,4.1vw,68px); }
body[data-studio=notes] .reading-cover :is(.writing-description,.reading-jump) { color:#f4f2df; }
.reading-index { display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding:30px 0 12px; margin-top:clamp(24px,4vw,66px); border-top:1px solid var(--rule); scroll-margin-top:20px; }
.reading-index h2 { margin:0; font:400 clamp(24px,2.5vw,39px)/1.3 var(--head); color:var(--type); }
body[data-studio] .writing-empty { display:block; max-width:none; background:none; border:0; border-bottom:1px solid var(--rule); border-radius:0; box-shadow:none; margin:0; padding:30px 0 42px; }
body[data-studio] .writing-empty h2 { font:400 19px/1.6 var(--head); color:var(--quiet); margin:0; }
body[data-studio] .writing-list { width:100%; max-width:none; }
body[data-studio] .writing-card { background:none; box-shadow:none; border:0; border-bottom:1px solid var(--rule); border-radius:0; padding:clamp(23px,3.4vw,55px) 0; }
.writing-card h2,.writing-card h1 { color:var(--type); font-family:var(--head); }
body[data-studio=notes] .writing-card { border-left:2px solid #96a58a; padding-left:clamp(17px,2.5vw,40px); }
body[data-studio] .writing-body { color:var(--type); max-width:70ch; font-size:17px; line-height:1.95; }
.writing-main:has(.writing-intro[hidden]) { max-width:78ch; margin-inline:auto; }
.writing-main:has(.writing-intro[hidden]) .reading-index { display:none; }
@media(prefers-reduced-motion:no-preference) { .reading-photo img { animation:landscape-in 1.25s cubic-bezier(.2,.7,.2,1) both; } }
body[data-studio=guestbook] { --sheet:#f8f2e9; --type:#382d31; --quiet:#65595b; --tint:#854848; --rule:#c4b4a6; }
body[data-studio] .guestbook-main { padding:clamp(35px,5.6vw,88px) 0 0; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:start; gap:clamp(25px,5vw,76px); }
body[data-studio] .guestbook-intro { padding:0; margin:0; position:relative; min-height:0; }
body[data-studio] .guestbook-intro h1 { font:400 clamp(45px,5.7vw,84px)/1.08 var(--head); color:var(--type); margin:0; }
body[data-studio] .guestbook-intro>p { color:var(--quiet); line-height:1.85; font-size:16px; }
body[data-studio] .guestbook-privacy { color:var(--quiet); border:0; padding:0; font-size:14px; }
.letter-art { height:clamp(130px,14vw,205px); display:grid; place-items:center; --lift:0px; }
.letter-envelope { width:min(225px,65%); aspect-ratio:1.7; position:relative; transform:rotate(-7deg); background:#cdb59e; border:1px solid #bb9f88; box-shadow:4px 12px 22px #44322b1f; }
.letter-insert { position:absolute; inset:5% 7% 8%; padding:12px 14px; background:#fffdf3; border:1px solid #d5cbb8; transform:translateY(calc(-18% - var(--lift))); transition:transform .45s cubic-bezier(.22,.7,.22,1); }
.letter-insert img { width:20px; height:26px; float:right; }
.letter-insert i { display:block; width:47%; margin:7px 0; border-top:1px solid #b9b6a7; }
.letter-pocket { position:absolute; inset:0; background:linear-gradient(35deg,#e2cdb1 49.3%,#c3a98e 49.6%,#eedec7 50%); clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%); }
.letter-seal { position:absolute; left:43%; top:44%; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#934f52; color:#f9ebe2; font:italic 25px/1 var(--head); box-shadow:0 2px 3px #38262744; }
.guestbook-main:has(#guestbook-form:focus-within) .letter-art,.letter-art:hover { --lift:12px; }
body[data-studio] .guestbook-card,body[data-studio] .guestbook-lookup {
  background:#fffdf6; color:var(--type); border:1px solid #cebeaa; border-radius:3px; padding:clamp(20px,3vw,42px); box-shadow:4px 5px 0 #e9e0d2;
}
body[data-studio] .guestbook-card { border-top:3px double #a8897a; }
body[data-studio] .guestbook-card-heading { color:var(--tint); border-color:var(--rule); }
body[data-studio] .guestbook-field :is(input,textarea) { background:#fffefb; color:var(--type); border-color:#bcb4a8; border-radius:3px; }
body[data-studio] :is(.guestbook-submit,.guestbook-again) { background:#734b4d; color:#fff; border-radius:4px; }
body[data-studio] .guestbook-lookup { grid-column:2; width:100%; max-width:none; margin:0; box-sizing:border-box; }
body[data-studio=benchmarks], body[data-studio=prices], body[data-studio=price-detail], body[data-studio=model-check] {
  --sheet:#f1f3ed; --card:#fcfdf9; --type:#202f31; --quiet:#4f6362; --rule:#a6b6ad; --tint:#246556;
  --ink:var(--type); --muted:var(--quiet); --line:#c5d0c7; --accent:var(--tint);
  --price-ink:var(--type); --price-muted:var(--quiet); --price-line:#c5d0c7; --price-blue:var(--tint); --price-paper:var(--sheet);
}
body[data-studio] :is(.bench-breadcrumb,.price-breadcrumb) { margin:0; padding:22px 0; font-size:13px; }
body[data-studio] :is(.bench-hero,.price-intro,.check-hero) {
  border-block:1px solid #6c8981; position:relative; isolation:isolate; overflow:hidden;
  background-color:#1d3535; background-image:repeating-linear-gradient(0deg,transparent 0 27px,#d9efe90a 27px 28px),radial-gradient(ellipse at 96% 80%,#426b66,transparent 57%);
  color:#f9f9e9; padding:clamp(24px,3.4vw,58px); margin:0 0 clamp(22px,3vw,46px);
}
body[data-studio] :is(.bench-hero,.price-intro,.check-hero)::after {
  content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,#b5db99,transparent);
  pointer-events:none; transform-origin:left;
}
body[data-studio] :is(.bench-hero h1,.price-intro h1,.check-hero h1) {
  font:400 clamp(33px,4.3vw,67px)/1.13 var(--head); letter-spacing:-.04em; color:inherit; margin:8px 0 15px; max-width:22em;
}
body[data-studio] :is(.bench-hero h1 em,.check-hero h1 em){color:#e0edbd;white-space:normal}
body[data-studio] :is(.bench-hero .bench-kicker,.price-intro .eyebrow,.check-hero .eyebrow,.bench-lede,.price-lead,.check-lead,.observer-intro,.price-stamp,.price-stamp small,.check-hero .hero-copy p) { color:#d7e4dc; }
body[data-studio] .bench-hero .observer-slot { background:#e7eee2; border-radius:50% 50% 6px 6px; padding:7px 15px; color:#243834; }
body[data-studio] .bench-hero .observer-intro { color:#36534e; }
body[data-studio] .bench-workspace { gap:clamp(16px,2vw,32px); }
body[data-studio] :is(.bench-panel,.bench-sidebar,.price-controls,.price-detail-panel,.model-plan-section,.check-card,.entry-guide,.account-card,.decision-panel,.alternatives-panel,.manage-signal) {
  border:1px solid #bdc9c1; background:var(--card); border-radius:4px; box-shadow:none;
}
body[data-studio] .bench-sidebar { align-self:start; padding:16px 10px; }
body[data-studio] .bench-source[aria-pressed=true],body[data-studio] .bench-category[aria-pressed=true] {background:#e2eddf;box-shadow:none;color:#1c4f42}
body[data-studio] .bench-category small { color:#455f55; }
body[data-studio] :is(.price-controls,.price-detail-panel,.price-best,.model-plan-section) {padding:clamp(16px,2vw,30px)}
body[data-studio] .price-best {background:#dde9dc;border:1px solid #a9bcae;border-left:4px solid var(--tint);border-radius:4px}
body[data-studio] :is(.price-controls input,.price-controls select,.price-tabs,.price-tabs button,.platform-filters button,.method,.check-card select,.check-card input,.check-card textarea) {border-radius:4px}
body[data-studio] :is(.price-tabs button[aria-selected=true],.bench-view-switch button[aria-pressed=true]){background:#294b44;color:white;box-shadow:none}
body[data-studio] .price-model-directory>a {border-radius:2px;border-color:#bcc8c0}
body[data-studio] .price-model-directory>a:hover{background:#e3ece1}
body[data-studio] .model-plan-row,body[data-studio] .provider-quote{border-color:#c9d3ca}
body[data-studio=prices] .price-stamp{max-width:18em}
body[data-studio=price-detail] .price-intro{display:block}
body[data-studio=price-detail] .price-intro h1{font-size:clamp(28px,3.5vw,52px);overflow-wrap:anywhere}
body[data-studio=model-check] {--sheet:#f4f1eb;--tint:#495285;--type:#2d3041;--rule:#b2b3bc;--card:#fffdf9}
body[data-studio=model-check] .check-shell main{padding-top:clamp(22px,3vw,44px)}
body[data-studio=model-check] .check-hero{background-color:#23283f;background-image:linear-gradient(125deg,#252b43 20%,#414a72);border-color:#57617b}
body[data-studio=model-check] .check-hero h1 em{color:#dce0ff}
body[data-studio=model-check] .check-hero::after{background:linear-gradient(90deg,#c9c0ff,transparent)}
body[data-studio=model-check] .hero-mark{background:#fff9;border-radius:50%}
body[data-studio=model-check] .check-card {border-top:3px solid #596189}
body[data-studio=model-check] .entry-guide{border-color:#c9c9d1}
body[data-studio=model-check] .method:has(input:checked){background:#ececf7;border-color:#646890}
body[data-studio=account],body[data-studio=manage],body[data-studio=unsubscribe]{--sheet:#f4f2eb;--type:#2f3535;--quiet:#546360;--tint:#365f54;--rule:#b4bdb3;--card:#fffdf8;--ink:var(--type);--muted:var(--quiet)}
body[data-studio=account] .account-page main{padding-top:clamp(28px,4vw,55px)}
body[data-studio=account] .account-login{max-width:1160px;margin:0 auto;column-gap:clamp(24px,3vw,52px);align-items:stretch}
body[data-studio=account] .account-login-copy{padding:clamp(22px,3.3vw,54px);border:1px solid #aab9ac;background:linear-gradient(125deg,#e1e8d8,#edf0e9);border-radius:3px;display:flex;flex-direction:column;justify-content:center}
body[data-studio=account] :is(.account-login-copy h1,.account-top h1,.account-welcome h1){font:400 clamp(35px,4.2vw,65px)/1.13 var(--head);letter-spacing:-.04em;color:var(--type);margin:16px 0}
body[data-studio=account] .account-card{border-top:3px solid #697f72}
body[data-studio=account] .account-login-card{align-self:center}
body[data-studio=account] :is(.account-kicker,.account-label,.account-muted,.account-help){color:#4e625d}
body[data-studio=account] :is(.account-service-choice,.account-input,.account-login-method,.account-onboarding,.account-agent-setup,.account-button){border-radius:4px}
body[data-studio=account] .account-button:not(.outline):not(.secondary){background:#2d584d;color:white}
body[data-studio=manage] .mhead,body[data-studio=unsubscribe] .unsub-intro{border-left:3px solid #496d5f;padding:clamp(18px,2.7vw,40px);background:#e5ecdf;margin-bottom:22px}
body[data-studio=manage] .mhead h1,body[data-studio=unsubscribe] .unsub-intro h1{font:400 clamp(34px,4vw,61px)/1.16 var(--head);color:var(--type);margin:6px 0 12px}
body[data-studio=unsubscribe] .card{background:transparent;box-shadow:none;border:0;padding-inline:0}
body[data-studio=unsubscribe] :is(.decision-panel,.alternatives-panel){padding:clamp(18px,2vw,32px)}
body[data-studio] :is(.mhead .kicker,.unsub-intro .kicker,.account-kicker){color:var(--tint)}
body[data-studio=legal] {--sheet:#f7f5ed;--type:#29322e;--quiet:#56625b;--rule:#c0c4b9}
body[data-studio=legal] .legal-shell{width:min(1140px,calc(100% - 40px));max-width:none;padding:0;margin:auto}
body[data-studio=legal] .legal-header{padding:20px 0;border-color:var(--rule)}
body[data-studio=legal] .legal-copy{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.6fr);column-gap:clamp(35px,7vw,90px);padding:clamp(35px,5vw,82px) 0;align-items:start}
body[data-studio=legal] .legal-copy h1{font:400 clamp(40px,4.1vw,64px)/1.1 var(--head);letter-spacing:-.045em;grid-column:1;margin:0}
body[data-studio=legal] .legal-date{grid-column:1;margin:16px 0 22px}
body[data-studio=legal] .legal-copy section{grid-column:2;border-top:1px solid var(--rule);padding:19px 0}
body[data-studio=legal] .legal-copy section:first-of-type{grid-row:1/3}
body[data-studio=legal] .legal-copy section h2{margin:0 0 10px;color:var(--type);font-size:20px}
body[data-studio=legal] .legal-copy section p{font-size:16px;line-height:1.85}
body[data-studio=legacy] .art{background: url('grassland.jpg') center/cover;clip-path:inset(0 round 48% 48% 4px 4px)}
body[data-studio=legacy] .art::before,body[data-studio=legacy] .art::after{display:none}
body[data-studio=legacy] h1{font-family:var(--head)}
body[data-studio=demo]{background:#f4f3ed;color:var(--type)}
body[data-studio=demo] .page-header{border-color:var(--rule)}
body[data-studio=demo] .demo-heading{border-left:3px solid #5f7a68;padding-left:clamp(16px,2vw,26px);margin:26px 0;background:linear-gradient(100deg,#e8eddfe0,transparent 66%)}
body[data-studio=demo] .product-name h1{font-size:clamp(33px,3.5vw,54px)}
body[data-studio=demo] .demo-desktop{border-radius:4px}
@media(min-width:850px){
 .price-intro .price-stamp{border-left:1px solid #9bad9e;padding-left:24px}
 body[data-studio=benchmarks] .bench-sidebar{position:sticky;top:18px}
}
@media(max-width:800px){
 html body[data-studio] .site-header{flex-wrap:wrap;gap:8px 13px;min-height:0}
 html body[data-studio] .site-header .chapter-nav{order:5;flex:1 0 100%;justify-content:flex-start;overflow-x:auto;gap:18px}
 html body[data-studio] .site-header .brand{margin-right:auto}
 html body[data-studio] .site-header .header-contact{margin-left:0}
 .work-panel{grid-template-columns:1fr;min-height:0}
 .work-mast{align-items:flex-start;flex-direction:column}
 .work-platform{margin-bottom:15px}
 .work-copy{padding:24px}
 .work-actions{margin:18px 0}
 .product-stage,.mux-console{border-left:0;border-top:1px solid var(--rule)}
 .stage-window{min-height:0;aspect-ratio:1.45}
 .terminal-body{min-height:190px}
 .reading-blog .writing-intro{gap:20px}
 body[data-studio] .guestbook-main{grid-template-columns:1fr}
 body[data-studio] .guestbook-lookup{grid-column:1}
 body[data-studio] .guestbook-intro{max-width:none;display:flow-root}
 .letter-art{float:right;width:32%;min-width:90px;height:86px;margin:-10px 0 0 12px}
 .letter-envelope{width:84%}
 .letter-insert{padding:4px 8px}
 .letter-insert img{width:14px;height:16px}
 .letter-insert i{margin:3px 0}
 .letter-seal{width:20px;height:20px;font-size:16px}
 body[data-studio=legal] .legal-copy{display:block}
 body[data-studio] .bench-workspace{grid-template-columns:1fr}
 body[data-studio] .bench-sidebar{position:static}
}
@media(max-width:580px){
 body[data-studio] .page{padding-inline:16px}
 html body[data-studio] .site-header .chapter-nav a{font-size:13px}
 .reading-blog .writing-intro{display:flex;flex-direction:column-reverse;align-items:stretch}
 .reading-blog .reading-photo{height:165px;clip-path:inset(0 round 60px 60px 2px 2px)}
 .reading-index{margin-top:24px}
 .reading-notes .reading-cover{padding:20px}
 .work-copy h2{font-size:46px}
 .work-end{flex-wrap:wrap}
 .stage-controls{gap:0;padding:5px}
 .stage-controls button{padding:8px 9px;font-size:12px}
 body[data-studio] .price-intro,body[data-studio] .bench-hero{flex-wrap:wrap}
 body[data-studio] .price-stamp{text-align:left;min-width:0}
 body[data-studio] .bench-hero .observer-slot{max-width:125px}
 body[data-studio=account] .account-login-copy{padding:23px}
 body[data-studio=account] .account-login-card{align-self:stretch}
}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none}
 body[data-studio] .letter-insert,body[data-studio] .stage-controls button{transition:none}
 body[data-studio] :is(.reading-photo img,.work-panel,.studio-section-visible,.is-arriving){animation:none}
}
html body[data-studio] .site-header .header-contact{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:5px 13px;line-height:1.4;box-sizing:border-box}
html body[data-studio=projects] .site-header .lang-toggle span{color:#d6e4df}
body[data-studio] .legal-toc{grid-column:1;grid-row:3 / span 4;align-self:start;position:sticky;top:24px;display:grid;gap:4px;padding:0 20px 0 0}
body[data-studio] .legal-toc a{display:block;font:14px/1.5 var(--sans);text-decoration:none;border-left:2px solid #c1c8b9;padding:7px 12px}
body[data-studio] .legal-toc a:hover,body[data-studio] .legal-toc a[aria-current]{border-color:var(--tint);background:#e7ecde}
body[data-studio] .legal-copy section{scroll-margin-top:22px}
.directory-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 20px;color:var(--quiet)}
.directory-filter input{font:16px/1.5 var(--sans);width:min(100%,440px);padding:9px 12px;border:1px solid var(--rule);border-radius:3px;background:var(--card);color:var(--type)}
.directory-filter output{font:13px/1.5 var(--mono);white-space:nowrap}
@media(max-width:800px){body[data-studio] .legal-toc{position:static;display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 0 22px}body[data-studio] .legal-toc a{padding:4px 8px;font-size:13px}}
@media(prefers-reduced-motion:no-preference){
 body[data-studio] :is(.bench-hero,.check-hero,.price-intro,.work-panel)::after,body[data-studio] .work-panel::before{animation:ink-line .65s ease-out both}
 body[data-studio] details[open]>:not(summary){animation:studio-in .25s ease-out both}
}