/* Continuum is the public site's presentation. The native app and review room
   retain their own surfaces; the existing italic/animated wordmark is untouched. */
body.continuum-site {
 --paper:light-dark(#f7f9fb,#111920); --ink:light-dark(#152735,#e7eef5);
 --dim:light-dark(#5f7080,#a6b5c4); --tint:light-dark(#edf2f6,#1a2732);
 --hot:light-dark(#dce4eb,#344553); --rule:var(--hot); --page:var(--paper);
 --continuum-surface:light-dark(#fff,#1b2833);
 --continuum-shadow:light-dark(#253e5729,#0007);
 --continuum-glow:light-dark(#bdcee4,#243e57);
 --continuum-warm:light-dark(#e4d9e9,#37263e);
 --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
 background:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.65;
}
.continuum-site :is(h1,h2,h3,h4) {font-family:var(--sans);}
.continuum-site h1 {font-weight:550;letter-spacing:-.06em;}
.continuum-site h2 {font-size:clamp(29px,3.6vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.15;}
.continuum-site h3 {font-weight:550;letter-spacing:-.025em;}
.continuum-site :is(.cap,.small,.doc__meta,.foot__end) {font-size:12px;}
.continuum-site .cap {font-family:var(--mono);color:var(--dim);letter-spacing:.09em;}
.continuum-site :is(pre,code,kbd,.win,.pnl,.channel-picker) {font-family:var(--mono);}
.continuum-site .band {height:3px;}
.continuum-site .masthead {top:3px;border-bottom:1px solid var(--rule);}
.continuum-site .masthead__in {min-height:76px;max-width:1280px;}
.continuum-site .nav a {border-radius:6px;font-size:13px;}
.continuum-site .nav__name {font-size:13px;}
.continuum-site .nav a:hover {border-color:transparent;background:var(--tint);color:var(--ink);}
/* The current page keeps its inverted fill on hover; a tint under paper-coloured text erased it. */
.continuum-site .nav a[aria-current='page'],.continuum-site .nav a[aria-current='page']:hover {background:var(--ink);color:var(--paper);}
.continuum-site .controls {gap:8px;}
.continuum-site .signalpick {border-color:var(--rule);border-radius:4px;padding:3px;gap:3px;}
.continuum-site .signalpick button {width:12px;height:12px;border:0;border-radius:50%;}
.continuum-site .iconbtn {border-color:transparent;border-radius:4px;}
.continuum-site .iconbtn:hover {border-color:transparent;background:var(--tint);}
.continuum-site .text-button:hover:not(:disabled) {color:var(--signal);}
.continuum-site .btn {font-family:var(--sans);font-size:15px;font-weight:550;letter-spacing:-.015em;padding:14px 23px;border:1px solid var(--rule);border-radius:4px;box-shadow:none;transform:none;gap:11px;text-transform:none;}
.continuum-site .btn:hover {box-shadow:0 5px 16px var(--continuum-shadow);transform:translateY(-1px);}
.continuum-site .btn:active {transform:none;box-shadow:none;}
.continuum-site .btn--signal {border-color:transparent;background:var(--signal);color:var(--on-signal);}
.continuum-site .btn--quiet {background:transparent;}
.continuum-site .source-cta {font-family:var(--sans);font-size:14px;letter-spacing:0;padding-block:10px;}
.continuum-site .section {border-bottom:1px solid var(--rule);}
.continuum-site .section__in {padding-block:clamp(48px,7vw,88px);}
.continuum-site .sectionhead {border-color:var(--rule);}
.continuum-site .foot {border-top:0;}
.continuum-site .foot__in {gap:40px;}
.continuum-site .foot h4 {font-size:13px;font-weight:600;}
.continuum-site .foot li {font-size:13px;}
.continuum-site .foot__end {border-color:var(--rule);}
.continuum-site .card {background:var(--continuum-surface);border:1px solid var(--rule);box-shadow:none;border-radius:10px;}
.continuum-site .card:hover {transform:translateY(-2px);box-shadow:0 8px 24px var(--continuum-shadow);}
.continuum-site :is(.product-shot img,.app-film,.download-workbench) {border:1px solid var(--rule);border-radius:8px;box-shadow:0 15px 44px var(--continuum-shadow);}
.continuum-site .download-receipt {border-color:var(--rule);background:var(--tint);}
/* Downloads: one tile per machine, the visitor's own checked for them. The
   radio stays in the tile, so arrow keys and forms behave as they always do. */
.platform-tiles {border:0;margin:22px 0 0;padding:0;min-width:0;container:platforms/inline-size;}
.platform-tiles legend {padding:0;margin-bottom:16px;}
.platform-tiles__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.platform-tile {position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"logo dot" "os os" "arch arch" "pkg pkg";align-items:center;min-width:0;padding:15px 14px 13px;border:1px solid var(--rule);border-radius:8px;background:var(--continuum-surface);color:var(--ink);cursor:pointer;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);}
.platform-tile input {position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none;}
.platform-tile:hover {border-color:var(--dim);}
.platform-tile:has(input:checked) {border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.platform-tile:has(input:focus-visible) {outline:2px solid var(--signal);outline-offset:3px;}
.platform-tile__logo {grid-area:logo;display:inline-flex;line-height:0;margin-bottom:14px;}
.platform-tile__logo svg {width:26px;height:26px;fill:currentColor;}
.platform-tile__dot {grid-area:dot;justify-self:end;align-self:start;display:grid;place-items:center;width:16px;height:16px;border:1.5px solid var(--rule);border-radius:50%;transition:border-color var(--t-fast) var(--ease);}
.platform-tile__dot::after {content:'';width:8px;height:8px;border-radius:50%;background:var(--signal);transform:scale(0);transition:transform var(--t-fast) var(--ease);}
.platform-tile:has(input:checked) .platform-tile__dot {border-color:var(--signal);}
.platform-tile:has(input:checked) .platform-tile__dot::after {transform:scale(1);}
.platform-tile__os {grid-area:os;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.3;}
.platform-tile__arch {grid-area:arch;font-size:12.5px;line-height:1.45;color:var(--dim);}
.platform-tile__pkg {grid-area:pkg;align-self:end;margin-top:11px;padding-top:9px;border-top:1px solid var(--rule);font:11.5px/1.4 var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.platform-tile.is-unpublished .platform-tile__logo {opacity:.45;}
/* Sits on the tile's top edge, so it needs no room of its own at any width. */
.platform-tile__here {position:absolute;top:0;left:12px;transform:translateY(-50%);padding:3px 7px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;}
.continuum-site .channel-picker label:not(:has(input:checked)):hover {background:var(--tint);}
.platform-tiles+p {margin-top:14px;}
/* Three across needs about 140px a tile; narrower than that, each machine gets a row. */
@container platforms (max-width:440px) {
 .platform-tiles__grid {grid-template-columns:1fr;gap:12px;}
 .platform-tile {grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;grid-template-areas:"logo os dot" "logo arch dot" "logo pkg dot";column-gap:14px;padding:15px 14px 13px;}
 .platform-tile__logo {margin-bottom:0;align-self:start;padding-top:2px;}
 .platform-tile__dot {align-self:center;}
 .platform-tile__pkg {margin-top:6px;padding-top:0;border-top:0;}
}
.continuum-site .doc__body {font-size:16px;line-height:1.8;}
.continuum-site .doc__nav {font-size:13px;}
.continuum-site :is(.tablewrap,.keys,.status,.ledger,.channel-picker) {border-color:var(--rule);}
.continuum-hero {padding:clamp(40px,6vw,80px) var(--gutter) 0;overflow:clip;}
.continuum-hero__copy {max-width:850px;margin:0 auto;text-align:center;}
.continuum-hero__copy>.cap {margin:0 auto 24px;}
.continuum-hero h1 {font-size:clamp(48px,7.9vw,96px);line-height:1;letter-spacing:-.065em;margin:0;}
.continuum-hero h1 em {font-family:var(--sans);font-style:normal;font-weight:inherit;color:var(--dim);letter-spacing:inherit;}
.continuum-hero__lede {max-width:550px;margin:27px auto;font-size:clamp(16px,1.8vw,20px);line-height:1.6;color:var(--dim);}
.hero-wordmark {font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.35em;color:var(--ink);line-height:1;}
.continuum-hero__actions {display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;}
.continuum-hero__meta {margin:17px auto 0;font-size:12px;color:var(--dim);}
.continuum-hero__meta>span {margin-inline:12px;color:var(--rule);}
.shell-stage {position:relative;max-width:1080px;margin:64px auto 0;padding-bottom:50px;isolation:isolate;}
.shell-stage::before {content:'';position:absolute;inset:-80px -18vw 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 33% 40%,var(--continuum-warm),transparent 60%),radial-gradient(ellipse at 68% 45%,var(--continuum-glow),transparent 68%);mask-image:linear-gradient(to bottom,transparent 0%,#000 27%,#000 68%,transparent 100%);opacity:.6;}
.shell-install.cmd {max-width:850px;margin:0 auto 27px;border:0;box-shadow:none;background:none;}
.shell-install .cmd__tabs {justify-content:center;border:0;gap:18px;}
.shell-install .cmd__tabs button {padding:5px 0;min-height:32px;border:0;letter-spacing:0;text-transform:none;font-family:var(--sans);font-size:12px;color:var(--dim);}
.shell-install .cmd__tabs button[aria-selected='true'] {background:none;color:var(--ink);box-shadow:inset 0 -1px var(--ink);}
.shell-install .cmd__line {padding:14px 16px;gap:14px;border:1px solid var(--rule);border-radius:6px;background:var(--continuum-surface);font-size:clamp(12px,1.4vw,15px);}
.shell-install .cmd__line+.cmd__line {margin-top:10px;}
.shell-install.is-tabbed .cmd__line+.cmd__line {margin-top:0;border:1px solid var(--rule);}
.shell-install .cmd__line code {white-space:normal;overflow-wrap:anywhere;overflow:visible;}
.shell-install .copy {border:0;border-radius:4px;background:var(--tint);box-shadow:none;transform:none;font-size:11px;text-transform:none;letter-spacing:0;padding:8px 10px;}
.shell-install .copy:hover {background:var(--rule);box-shadow:none;transform:none;}
.shell-install .copy.is-copied {background:var(--signal);color:var(--on-signal);}
.hero-film {position:relative;}
.hero-film video {display:block;width:100%;height:auto;aspect-ratio:1600/1086;object-fit:contain;}
.hero-film__controls {position:absolute;bottom:12px;right:12px;}
.hero-film .film-toggle {border:1px solid var(--rule);border-radius:5px;background:var(--continuum-surface);color:var(--ink);font-family:var(--sans);font-size:12px;padding:8px 12px;box-shadow:0 2px 12px var(--continuum-shadow);}
.hero-film .film-toggle:hover {background:var(--tint);}
.shell-capture {margin:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--continuum-surface);box-shadow:0 24px 70px var(--continuum-shadow);}
.shell-capture>a {display:block;text-decoration:none;}
.shell-capture img {display:block;width:100%;height:auto;aspect-ratio:3204/1912;}
.home-sectionhead {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:31px;}
.home-sectionhead .cap {margin:0 0 12px;}
.home-sectionhead h2 {margin:0;}
.home-sectionhead>a {font-size:14px;white-space:nowrap;}
.home-measurements>div {display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding:24px 0;}
.home-measurements p {font-size:17px;margin:0;}
.home-measurements p span {display:block;font-size:12px;color:var(--dim);margin-top:5px;}
.home-measurements b {font-size:43px;font-weight:400;line-height:1.1;letter-spacing:-.05em;white-space:nowrap;font-variant-numeric:tabular-nums;}
.home-measurements b small {font-size:17px;letter-spacing:-.02em;}
.home-measurements__note {font-size:12px;color:var(--dim);margin:18px 0 0;max-width:88ch;}
.continuum-site .work-notes {gap:36px;margin-top:34px;}
.continuum-site .work-notes article {border-color:var(--rule);padding-top:20px;}
.continuum-site .note-number {font:400 12px var(--mono);color:var(--dim);}
.continuum-site .work-notes h3 {font-size:20px;line-height:1.3;margin:23px 0 14px;}
.continuum-site .work-notes p {font-size:15px;color:var(--dim);}
.continuum-site .work-notes a {font-size:13px;}
.home-evaluation .section__in {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.home-evaluation h2 {margin:12px 0 20px;}
.home-evaluation p:not(.cap) {font-size:15px;color:var(--dim);max-width:400px;margin-bottom:0;}
.home-evaluation nav {border-top:1px solid var(--rule);}
.home-evaluation nav a {display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--rule);font-size:14px;text-decoration:none;}
.home-evaluation nav a:hover {color:var(--signal);}
.continuum-site .personal-grid p {font-size:15px;color:var(--dim);}
.continuum-site .personal-grid a {font-size:14px;}
.continuum-site .closing-note .wordmark {font-size:42px;}
.continuum-site .closing-note h2 {font:500 clamp(40px,5vw,62px)/1.1 var(--sans);letter-spacing:-.05em;}
/* The panels page: an intro, then the numbered sections as a tour that turns
   its own pages. Without the script the slides are sections, one per row. */
.panels-intro {max-width:1180px;margin:auto;padding:clamp(48px,7vw,88px) var(--gutter) 0;}
.panels-intro__copy {text-align:center;max-width:850px;margin:auto;}
.panels-intro__copy>.cap {margin:0 auto 22px;}
.panels-intro h1 {font-size:clamp(42px,6.8vw,78px);line-height:1.04;margin:0;}
.panels-intro h1 em {font:inherit;color:var(--dim);letter-spacing:inherit;}
.panels-intro__copy>p:not(.cap) {color:var(--dim);font-size:clamp(16px,1.6vw,19px);margin:25px auto 0;}
.tour .section__in {padding-top:clamp(34px,5vw,56px);}
.tour__bar {display:flex;align-items:center;border-bottom:1px solid var(--rule);margin-bottom:clamp(28px,4vw,44px);}
.tour__tabs {position:relative;display:flex;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
.tour__tabs::-webkit-scrollbar {display:none;}
.tour__tab {position:relative;display:flex;align-items:baseline;gap:9px;flex:none;padding:15px 26px 16px 0;font-size:14px;color:var(--dim);text-decoration:none;white-space:nowrap;}
.tour__tab:hover,.tour__tab[aria-selected='true'] {color:var(--ink);}
.tour__tab:focus-visible {outline-offset:-2px;}
.tour__n {font:11px var(--mono);letter-spacing:.06em;}
.tour__progress {position:absolute;left:0;right:26px;bottom:-1px;height:2px;overflow:hidden;}
.tour__progress::after {content:'';position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(var(--p,0));}
.tour:not(.is-playing) .tour__tab[aria-selected='true'] .tour__progress::after {transform:none;}
.tour:not(.tour--live) .tour__progress {display:none;}
.tour__btn {appearance:none;display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:6px;background:none;color:var(--ink);cursor:pointer;}
.tour__btn:hover {background:var(--tint);}
.tour__btn svg {width:15px;height:15px;fill:currentColor;}
.tour__play {margin-right:12px;}
.tour__step {display:flex;align-items:center;flex:none;margin-left:10px;}
.tour__count {min-width:58px;font:11px var(--mono);letter-spacing:.06em;color:var(--dim);text-align:center;font-variant-numeric:tabular-nums;}
.tour__slide {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(30px,4.5vw,64px);align-items:start;}
.tour:not(.tour--live) .tour__slide+.tour__slide {margin-top:clamp(40px,6vw,72px);padding-top:clamp(40px,6vw,72px);border-top:1px solid var(--rule);}
/* Live, every slide sits in the same place and the stage takes the current one's height. */
.tour--live .tour__slides {position:relative;touch-action:pan-y;transition:height .45s var(--ease);}
.tour--live .tour__slide {position:absolute;inset:0 0 auto;visibility:hidden;opacity:0;transform:translateX(28px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s;}
.tour--live .tour__slide.is-before {transform:translateX(-28px);}
.tour--live .tour__slide.is-active {visibility:visible;opacity:1;transform:none;transition-delay:0s;}
.tour__shot {margin:0;min-width:0;}
.tour__shot>a {display:block;border-radius:10px;}
.tour__shot img {display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:10px;background:#141414;box-shadow:0 18px 48px var(--continuum-shadow);}
.tour__shot figcaption {margin-top:14px;font:11.5px/1.55 var(--mono);color:var(--dim);}
.tour__copy {min-width:0;padding-top:4px;}
.tour__copy .cap {margin:0 0 16px;}
.tour__copy h2 {font-size:clamp(28px,3vw,40px);margin:0 0 22px;}
.tour__copy p:not(.cap) {color:var(--dim);font-size:15.5px;margin:0 0 14px;}
.tour__copy p.small,.panels-assistants__copy p.small {font-size:12px;}
.tour__points {list-style:none;max-width:none;margin:22px 0 0;padding:0;border-top:1px solid var(--rule);}
.tour__points li {margin:0;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.5;color:var(--dim);}
.tour__points b {display:block;margin-bottom:3px;font-size:14.5px;font-weight:600;color:var(--ink);}
.tour__more {display:inline-block;margin-top:8px;font-size:14px;}
.panels-assistants .section__in {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(30px,5vw,72px);align-items:center;}
.panels-assistants__copy .cap {margin:0 0 17px;}
.panels-assistants__copy h2 {margin:0 0 22px;}
.panels-assistants__copy p:not(.cap) {color:var(--dim);font-size:16px;margin:0 0 16px;}
.panels-assistants__copy a {font-size:14px;}
.panels-page .closing-note .row {justify-content:center;gap:24px;}
@media(max-width:900px) {
 .tour__slide {grid-template-columns:1fr;gap:26px;}
 .panels-assistants .section__in {grid-template-columns:1fr;gap:30px;}
}
@media(max-width:760px) {
 .tour__tab {padding-right:20px;font-size:13px;}
 .tour__progress {right:20px;}
 .tour__copy p:not(.cap),.panels-assistants__copy p:not(.cap) {font-size:15px;}
}
@media(max-width:560px) {.tour__count {display:none;} .tour__play {margin-right:6px;} .tour__step {margin-left:4px;} .tour--live .tour__tabs {mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);}}
@media(min-width:761px) and (max-width:1100px) {.continuum-site .nav a svg {display:none;}.continuum-site .masthead__in {gap:12px;}.continuum-site .nav a {padding-inline:8px;}}
@media(max-width:760px) {
 .continuum-site .masthead__in {min-height:60px;gap:0;}
 .continuum-site .nav {border-color:var(--rule);padding-block:6px;flex-wrap:wrap;justify-content:center;overflow:visible;}
 .continuum-site .nav a {font-size:12px;padding:8px 6px;}
 .continuum-site .nav a svg {display:none;}
 .continuum-site .nav__name {font-size:12px;letter-spacing:0;text-transform:none;}
 .continuum-hero {padding-top:40px;}
 .continuum-hero h1 {font-size:clamp(45px,9vw,68px);}
 .continuum-hero__lede {max-width:420px;margin-block:22px;}
 .shell-stage {margin-top:38px;padding-bottom:30px;}
 .shell-install .cmd__line {flex-wrap:nowrap;align-items:center;padding:12px;gap:9px;}
 .shell-install .cmd__line code {flex-basis:auto;}
 .shell-install .cmd__os {display:none;}
 .shell-install .copy {padding:8px;}
 .shell-install .copy>span {display:none;}
 .hero-film__controls {bottom:8px;right:8px;}
 .hero-film .film-toggle {padding:6px 9px;font-size:11px;}
 .home-sectionhead {align-items:start;flex-direction:column;gap:16px;}
 .home-measurements p {font-size:15px;}
 .home-measurements b {font-size:34px;}
 .home-measurements b small {font-size:14px;}
 .home-evaluation .section__in {grid-template-columns:1fr;gap:32px;}
 .continuum-site .work-notes {grid-template-columns:1fr;gap:27px;}
 .continuum-site .work-notes h3 {margin-top:12px;}
}
@media(max-width:390px) {
 .continuum-hero h1 {font-size:42px;}
 .continuum-hero__actions {gap:17px;}
 .continuum-hero__meta {font-size:11px;}
 .continuum-hero__meta>span {margin-inline:4px;}
 .home-measurements>div {gap:13px;}
 .home-measurements b {font-size:29px;}
 .home-measurements p span {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {.continuum-site .btn:hover,.continuum-site .card:hover {transform:none;}}