/* AGC's existing editorial palette; paper belongs to the illustrated product. */
.scene-total{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--rule);font-size:.7rem}.scene-total strong{font:400 1.7rem/1.2 var(--face-display)}
.garden-preview video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111}.garden-preview>.preview-action{text-decoration:none}
.theremin-feature{margin:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:24px;border:1px solid var(--rule);background:var(--raised);border-radius:12px;min-width:0}
.theremin-feature video{display:block;width:100%;max-height:540px;aspect-ratio:712/1280;object-fit:contain;background:#000;border-radius:8px;min-width:0}
.theremin-feature figcaption{min-width:0}.theremin-feature strong{display:block;font:400 clamp(2rem,3.2vw,3.2rem)/1.06 var(--face-display);margin:20px 0}.theremin-feature p{font-size:.9rem;line-height:1.6;color:var(--ink-soft);margin-bottom:24px}.theremin-feature small{display:block;font-size:.7rem;color:var(--ink-soft);margin-top:20px;line-height:1.5}
.calendar-scene{padding:32px;background:#131928;color:#eef0fb;display:grid;gap:20px;border:1px solid #46516b;border-radius:12px;min-width:0}
.prompt-card{background:#252b3b;border:1px solid #59627b;border-radius:18px;padding:24px;text-align:left;box-shadow:0 10px 30px #0003}.gemini-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1rem}.gemini-label>span{font-size:1.7rem;color:#b9c6ff}.gemini-label small{margin-left:auto;font:400 .62rem/1.5 var(--face-mono);color:#bbc2d6}.prompt-card p{font:400 clamp(1.1rem,1.7vw,1.4rem)/1.45 var(--face-body);color:#eef0fb!important;margin:20px 0}.prompt-followup{display:block;font-size:.75rem;color:#c1cee8;border-top:1px solid #586178;padding-top:14px}
.tool-connection{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;padding-top:15px}.connection-line{position:absolute;top:-20px;height:32px;border-left:1px solid #8d9dc9;left:50%}.app-chip{display:flex;align-items:center;gap:9px;font-size:.75rem;padding:12px;background:#222b40;border:1px solid #667598;border-radius:8px}.gmail-icon{font:700 1.2rem/1 var(--face-body);color:#ffaaa2}.calendar-icon{font:700 .8rem/1 var(--face-body);background:#c4d6ff;color:#243968;border-top:4px solid #7ba1f0;padding:3px}
.calendar-result{display:flex;gap:18px;padding:20px;background:#e7eeff;color:#172b52;border-radius:8px;align-items:center}.calendar-date{display:grid;gap:4px;text-align:center;flex-shrink:0;font:.6rem/1.5 var(--face-mono)}.calendar-date span{letter-spacing:.05em}.calendar-date strong{font:400 2.5rem/1 var(--face-display)}.calendar-event{display:grid;gap:8px;border-left:3px solid #356bd9;padding-left:18px}.calendar-event>span{font-size:.65rem}.calendar-event>strong{font:500 1.1rem/1.25 var(--face-body)}.diagram-caption{font:.6rem/1.6 var(--face-mono);color:#bfc9e2;text-align:center}
.calendar-feature-link{display:block;max-width:850px;margin:40px auto;text-decoration:none}.calendar-feature-link:hover .preview-action{color:var(--accent)}
.calendar-workbench{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.calendar-controls{min-width:0}.calendar-step-content{margin-top:24px;padding:24px;border:1px solid var(--rule);background:var(--raised);border-radius:12px}.calendar-step-content h3{font:400 1.75rem/1.15 var(--face-display);margin:14px 0}.calendar-step-content p{margin:16px 0;color:var(--ink-soft);line-height:1.6}.calendar-step-content dl>div{border-bottom:1px solid var(--rule);padding:12px 0}.calendar-step-content dt{font-size:.7rem;color:var(--accent)}.calendar-step-content dd{margin:6px 0 0;font-size:.9rem}.calendar-day{background:#edf2ff;color:#19315c;padding:18px;border-radius:8px}.calendar-day>div:first-child{font-size:.8rem;margin-bottom:18px}.calendar-day>div:first-child span{float:right;font-size:.7rem}.time-slot{display:grid;grid-template-columns:42px 1fr;min-height:56px;font-size:.7rem}.time-slot>span:last-child{border-top:1px solid #b4c3e1}.time-slot strong{display:grid;gap:5px;background:#d2e1ff;border-left:3px solid #356bd9;padding:10px;font-size:.8rem}.time-slot small{font-weight:400;font-size:.65rem}
.calendar-workbench [data-stage="0"] .prompt-card,.calendar-workbench [data-stage="1"] .app-chip,.calendar-workbench [data-stage="2"] .calendar-result{outline:2px solid #c9d6ff;outline-offset:4px}
.estimate-tables h4{font:600 1rem/1.4 var(--face-body);margin:24px 0 8px}.estimate-tables h4>span{display:block;font-size:.65rem;font-weight:400;margin-top:4px}.estimate-tables table{border-collapse:collapse;width:100%;font-size:.72rem;line-height:1.4}.estimate-tables caption{text-align:left;font-size:.65rem;margin-bottom:12px}.estimate-tables th,.estimate-tables td{padding:10px 5px;border-bottom:1px solid #b2b8ab;text-align:right}.estimate-tables th:first-child{text-align:left;font-weight:500;width:50%}.estimate-totals{margin:0}.estimate-totals>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:.78rem}.estimate-totals dd{margin:0;font-variant-numeric:tabular-nums}.estimate-totals .draft-total{border-block:1px solid #899789;font-size:1rem;font-weight:600;margin-top:4px}
@media(max-width:1000px){.theremin-feature{grid-template-columns:1fr;gap:16px}.theremin-feature video{max-height:360px}.theremin-feature figcaption strong{font-size:2rem}.calendar-workbench{grid-template-columns:1fr}}
@media(max-width:620px){.calendar-scene{padding:20px 16px;gap:18px}.prompt-card{padding:18px}.app-chip{font-size:.65rem;padding:10px 8px}.tool-connection{gap:9px}.calendar-result{padding:16px 12px;gap:12px}.calendar-event{padding-left:12px}.calendar-event>strong{font-size:1rem}.calendar-controls .walkthrough-steps{flex-wrap:wrap}.calendar-controls .walkthrough-steps button{flex:1 1 28%;min-width:85px}.theremin-feature{grid-template-columns:1fr;min-height:0;padding:20px}.theremin-feature video{max-height:440px}.estimate-tables th,.estimate-tables td{padding:9px 3px;font-size:.65rem}.estimate-tables .draft-total{font-size:.9rem}}
:root{--demo-paper:#f0e7d5;--demo-paper-ink:#25302e;--demo-green:#344b40;--demo-green-soft:#bbcfb7;--demo-rule:#b2b8ab;--demo-lilac:#d6c8ed;--demo-shadow:0 24px 48px #0005;--demo-radius:12px}
.visual-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-8);align-items:center;padding-block:var(--space-10);min-height:690px}
.visual-hero h1{font-size:clamp(3.5rem,6.2vw,6.1rem);line-height:1.02;letter-spacing:var(--tracking-display);margin-block:var(--space-5)}
.visual-hero p{max-width:49ch;color:var(--ink-soft)}
.visual-hero .lead{margin-bottom:var(--space-5)}
.visual-hero-title{grid-column:1;grid-row:1;align-self:end}.visual-hero-copy{grid-column:1;grid-row:2;align-self:start}.visual-hero>.hero-product,.visual-hero>.website-exhibit,.visual-hero>.learning-film{grid-column:2;grid-row:1 / span 2}.visual-hero{row-gap:0}
.visual-hero .actions{margin-top:var(--space-6);gap:var(--space-4);align-items:flex-start;flex-direction:column}
.hero-product,.website-exhibit{display:block;text-decoration:none;min-width:0}
.hero-product .product-scene{min-height:410px;padding:var(--space-5) 0;background:transparent}
.hero-caption{display:block;color:var(--ink-soft);font:var(--text-small)/1.6 var(--face-body);margin-top:var(--space-5)}
.hero-product .document-preview{transform:rotate(2deg)}
.hero-product .note-paper{transform:rotate(-7deg);z-index:1}
.product-scene{min-height:330px;display:flex;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-3);background:var(--raised);overflow:hidden;position:relative;color:var(--ink);font-family:var(--face-body);text-align:left}
.mini-label{display:block;font:500 .65rem/1.5 var(--face-mono);letter-spacing:.08em;text-transform:uppercase}
.note-paper{background:var(--demo-paper);color:var(--demo-paper-ink);padding:var(--space-5);box-shadow:var(--demo-shadow);border-radius:2px;min-width:0}
.product-scene .note-paper{width:36%;transform:rotate(-5deg);flex-shrink:0}
.note-paper strong{display:block;font:400 1.5rem/1.2 var(--face-display);margin-block:var(--space-4)}
.note-paper p{font:400 1.13rem/1.7 var(--face-display);color:var(--demo-paper-ink);margin:var(--space-4) 0}
.note-underline{display:block;border-top:1px solid var(--demo-rule);padding-top:var(--space-3);font-size:.75rem;line-height:1.6}
.scene-arrow{color:var(--accent);font:400 2rem/1 var(--face-display);flex-shrink:0}
.document-preview{background:var(--raised);border:1px solid #48545e;border-radius:var(--demo-radius);padding:var(--space-5);width:61%;box-shadow:var(--demo-shadow)}
.mini-top{display:flex;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--rule);font-size:.6rem;line-height:1.5}
.mini-top b{letter-spacing:.1em}.mini-top span{color:var(--ink-soft)}
.review-chip{display:inline-block;width:fit-content;color:var(--accent);border:1px solid var(--rule);border-radius:3px;padding:var(--space-2) var(--space-3);font:400 .65rem/1.3 var(--face-mono)}
.document-preview>strong{display:block;font:400 1.7rem/1.15 var(--face-display);margin-block:var(--space-4)}
.document-row{display:flex;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--rule);font-size:.8rem;line-height:1.5}
.document-row>span{color:var(--accent);font:var(--text-small)/1.5 var(--face-mono)}
.document-row small{display:block;color:var(--ink-soft);font-size:.68rem;margin-top:var(--space-1)}
.document-foot{font:400 .64rem/1.6 var(--face-mono);margin-top:var(--space-4);color:var(--ink-dim)}
.scene-member{background:var(--raised)}.hub-preview{width:100%;background:var(--ground);border:1px solid #526154;border-radius:var(--demo-radius);padding:var(--space-5)}
.hub-event{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--demo-green);color:var(--ink);border-radius:4px}
.event-date{border:1px solid #ffffff55;padding:var(--space-3);text-align:center;flex-shrink:0;line-height:1.2}
.event-date strong{display:block;font:400 3rem/1.15 var(--face-display)}
.event-date small{font:400 .65rem/1.5 var(--face-mono)}.event-date span{display:block;font:400 .55rem/1.5 var(--face-mono)}
.hub-event>div>strong{display:block;font:400 1.75rem/1.1 var(--face-display);margin-block:var(--space-3)}
.hub-event p{font-size:.75rem;color:var(--ink-soft)}
.hub-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);font-size:.65rem}
.avatar-stack{display:flex;align-items:center;padding-left:var(--space-2)}
.avatar-stack>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--demo-green-soft);color:var(--demo-paper-ink);border:2px solid var(--ground);font:500 .65rem/1 var(--face-mono);margin-left:-8px}
.avatar-stack>span:nth-child(2){background:var(--demo-lilac)}.avatar-stack>span:nth-child(3){background:var(--accent)}.avatar-stack small{margin-left:var(--space-3);font-size:.75rem}
.scene-training{background:var(--raised)}.training-preview{width:100%;padding:var(--space-5);background:var(--demo-paper);color:var(--demo-paper-ink);border-radius:var(--demo-radius)}
.training-preview .mini-top{border-color:var(--demo-rule)}.training-preview .mini-top span,.training-preview .document-foot{color:var(--demo-paper-ink)}
.training-preview>strong{display:block;font:400 2rem/1.1 var(--face-display);margin-block:var(--space-4)}
.training-preview p{font-size:.75rem;margin-block:var(--space-4)}
.practice-option{font-size:.7rem;background:var(--demo-green);color:var(--ink);padding:var(--space-3);margin-top:var(--space-2);display:flex;justify-content:space-between;gap:var(--space-3);border-radius:4px}
.muted-option{background:transparent;color:var(--demo-paper-ink);border:1px solid var(--demo-rule)}
.solution-stories{display:grid;gap:var(--space-9);margin-block:var(--space-8)}
.visual-studio .solution-stories{grid-template-columns:1fr 1fr;gap:var(--space-6)}.visual-studio .solution-story,.visual-studio .solution-story:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:var(--space-5)}.visual-studio .solution-story:nth-child(even) .story-preview{order:0}.visual-studio .story-caption h3{max-width:23ch}.visual-studio .story-caption>p{max-width:54ch}
.solution-story{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:var(--space-8);min-width:0}
.solution-story:nth-child(even){grid-template-columns:1fr 1.35fr}.solution-story:nth-child(even) .story-preview{order:2}
.story-preview{display:block;background:var(--raised);border:1px solid var(--rule);border-radius:var(--demo-radius);overflow:hidden;text-decoration:none}
.story-preview>img{width:100%;aspect-ratio:8/5;object-fit:contain;display:block}
.preview-action{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:var(--space-4) var(--space-5);font-size:var(--text-small);background:var(--raised);color:var(--ink)}
.story-caption h3{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.13;letter-spacing:-.025em;margin-block:var(--space-4);max-width:20ch}
.story-caption>p{max-width:47ch;color:var(--ink-soft);margin-block:var(--space-4)}
.story-caption .solution-status{font-size:.7rem;line-height:1.6}
.story-caption .story-provenance{font-size:.77rem;line-height:1.6;color:var(--ink-soft);max-width:52ch;margin:var(--space-4) 0}
.example-details{margin-top:var(--space-3);color:var(--ink-soft);font-size:.8rem;max-width:52ch}
.example-details summary{cursor:pointer;min-height:44px;display:list-item;padding-block:var(--space-3);width:fit-content}
.example-details p{margin-top:var(--space-3);line-height:1.65}
.story-preview:hover .preview-action,.story-preview:active .preview-action{background:var(--ink);color:var(--ground)}
.story-preview:hover,.hero-product:hover,.website-exhibit:hover{border-color:var(--accent)}
.story-preview:active,.hero-product:active,.website-exhibit:active{opacity:.9}
.collection-opening{padding-top:var(--space-9);padding-bottom:var(--space-5)}
.collection-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:end;margin-bottom:var(--space-8)}
.collection-heading h1{font-size:clamp(3.5rem,6.5vw,6.5rem);line-height:1;letter-spacing:-.04em;margin-top:var(--space-4)}
.collection-heading .lead{margin-bottom:var(--space-5);max-width:40ch}.collection-heading p{color:var(--ink-soft)}
.visual-gallery{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-4)}
.visual-gallery a{position:relative;text-decoration:none;overflow:hidden;background:var(--raised);border:1px solid var(--rule)}
.visual-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 400ms var(--ease)}
.gallery-feature{grid-row:span 2;min-height:540px}.gallery-feature img{position:absolute;inset:0}
.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);background:linear-gradient(transparent,#080b10 55%);padding-top:var(--space-10)}
.gallery-caption strong{display:block;font:400 clamp(2rem,3.3vw,3.5rem)/1.1 var(--face-display);margin-block:var(--space-3)}
.gallery-caption>span:last-child{font-size:var(--text-small)}
.gallery-small{display:grid;grid-template-rows:1fr auto;min-height:240px}.gallery-small img{max-height:230px;object-fit:cover;object-position:center}
.gallery-small>span{padding:var(--space-4) var(--space-5);display:block}.gallery-small small{display:block;font:400 .65rem/1.5 var(--face-mono);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-2)}
.gallery-small strong{font:400 1.3rem/1.3 var(--face-display)}
.visual-gallery a:hover img{transform:scale(1.025)}.visual-gallery a:active{opacity:.85}
.visual-work-page .wrap{width:100%;max-width:none;padding:0}.visual-work-page .solution-stories{margin-bottom:0}
.visual-work-page .container{width:100%;max-width:var(--page-max);padding-inline:var(--page-gutter)}
.visual-work-page .agc-collection-intro{display:none}
.sample-index{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-block:var(--space-7)}
.sample-index>a{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:var(--space-5) var(--space-3);text-decoration:none;font-size:var(--text-small);min-height:var(--target)}
.sample-index span{display:block;font:400 .65rem/1.5 var(--face-mono);color:var(--accent);margin-bottom:var(--space-3)}
.sample-index>a:hover,.sample-index>a:active{background:var(--raised);border-color:var(--accent)}
.work-index{grid-template-columns:repeat(3,1fr)}
.website-exhibit{position:relative;padding-bottom:130px;padding-right:var(--space-7)}
.website-exhibit>img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:top;border:1px solid var(--rule);box-shadow:var(--demo-shadow);transform:rotate(-3deg)}
.exhibit-secondary{position:absolute;width:58%;right:0;bottom:72px;border:6px solid var(--ground);box-shadow:var(--demo-shadow);transform:rotate(4deg)}
.exhibit-secondary img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}
.website-exhibit>.hero-caption{position:absolute;bottom:0;left:0}.services-visual-hero h1{font-size:clamp(3rem,5.8vw,5.9rem)}
.learning-film{margin:0;min-width:0}.learning-film video{width:100%;aspect-ratio:1.65;object-fit:contain;background:var(--raised);border:1px solid var(--rule);display:block}
.learning-film figcaption{padding-top:var(--space-5)}.learning-film figcaption strong{display:block;font:400 2rem/1.2 var(--face-display);margin-block:var(--space-3)}
.learning-film figcaption p{font-size:var(--text-small)}
.possibility-strip{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-7)}
.possibility-strip>a{text-decoration:none;min-width:0}.possibility-strip>a>img{width:100%;height:350px;object-fit:cover}.possibility-strip .product-scene{height:350px;padding:var(--space-5)}
.possibility-strip>a>strong{display:block;font:400 1.8rem/1.2 var(--face-display);margin-top:var(--space-5)}.possibility-strip>a>span{display:block;min-height:var(--target);padding-block:var(--space-3);font-size:var(--text-small)}
.possibility-strip>a:hover>strong{color:var(--accent)}.possibility-strip>a:active{opacity:.85}
.buyer-paths img{width:100%;aspect-ratio:8/5;object-fit:cover;order:-1}
.demo-section{padding-top:var(--space-8)}.demo-heading{max-width:1000px;margin-bottom:var(--space-7)}.demo-heading h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.demo-heading .lead{max-width:64ch}
.demo-workbench{border:1px solid var(--rule);border-radius:var(--demo-radius);background:var(--raised);overflow:hidden;box-shadow:var(--demo-shadow)}
.workbench-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--rule)}
.workbench-top>div{display:flex;align-items:center;gap:var(--space-5)}.workbench-top strong{font:500 .8rem/1.4 var(--face-mono);letter-spacing:.08em}.workbench-top>div>span{font-size:.8rem;color:var(--ink-soft)}
.estimate-layout{display:grid;grid-template-columns:.8fr 1.2fr}.intake-column{padding:var(--space-6);background:var(--ground)}
.demo-workbench label{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-small)}
.demo-workbench select{background:var(--raised);color:var(--ink);font:inherit;border:1px solid var(--rule);border-radius:4px;width:100%;min-height:var(--target);padding:var(--space-3)}
.intake-column .note-paper{margin-block:var(--space-6);transform:rotate(-2deg)}.intake-column .note-paper h3{font-size:1.8rem;line-height:1.15;margin-top:var(--space-5)}
.draft-column{padding:var(--space-6)}.walkthrough-steps{display:flex;gap:var(--space-2);flex-wrap:wrap}
.walkthrough-steps button{border:1px solid var(--rule);border-radius:3px;padding:var(--space-3) var(--space-4);min-height:var(--target);background:var(--ground);color:var(--ink);font-size:.8rem}
.walkthrough-steps [aria-pressed=true]{background:var(--accent);color:var(--ground);border-color:var(--accent)}
.draft-explanation{font-size:var(--text-small);color:var(--ink-soft);margin-block:var(--space-5);min-height:3.3em;max-width:65ch}
.estimate-document{padding:var(--space-6);background:var(--demo-paper);color:var(--demo-paper-ink);border-radius:3px;box-shadow:var(--demo-shadow)}
.document-letterhead{display:flex;justify-content:space-between;gap:var(--space-4);border-bottom:2px solid var(--demo-paper-ink);padding-bottom:var(--space-4);margin-bottom:var(--space-6);font:400 .65rem/1.5 var(--face-mono)}
.estimate-document h3{font-size:clamp(1.6rem,2.8vw,2.7rem);line-height:1.12;margin-block:var(--space-4);color:var(--demo-paper-ink)}
.estimate-document p{font-size:var(--text-small);line-height:1.7;color:var(--demo-paper-ink)}
.review-callout{border-left:3px solid var(--demo-green);padding:var(--space-4);background:#dce0d0;margin-block:var(--space-5)}.review-callout strong{font-size:.8rem}.review-callout p{margin-top:var(--space-2)}
.price-line{display:flex;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--demo-rule);padding-top:var(--space-4);font-size:.8rem}.document-disclaimer{font-size:.65rem!important;margin-top:var(--space-3)}
.draft-column>.button{margin-block:var(--space-5)}
.organized-notes{background:var(--ground);padding:var(--space-6);border:1px solid var(--rule);border-radius:4px}.organized-notes h3{font:400 2.3rem/1.1 var(--face-display);margin-block:var(--space-5)}.organized-notes>div{display:flex;gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--rule)}.organize-number{font:400 .7rem/1.5 var(--face-mono);color:var(--accent)}.organized-notes h4{font:500 .9rem/1.5 var(--face-body)}.organized-notes p{font-size:var(--text-small);color:var(--ink-soft);margin-top:var(--space-2)}.review-step{border:1px solid var(--accent);padding:var(--space-5);margin-top:var(--space-5);font-size:var(--text-small)}.review-step ul{padding-left:var(--space-5);margin-top:var(--space-3)}.review-step li+li{margin-top:var(--space-2)}
.draft-column[data-stage="1"] .estimate-document{outline:3px solid var(--accent);outline-offset:4px}.draft-column[data-stage="2"] .review-callout{outline:2px solid var(--demo-green)}
.demo-takeaway{display:grid;grid-template-columns:.6fr 1.4fr .8fr;gap:var(--space-6);align-items:start;padding-block:var(--space-6)}.demo-takeaway>strong{font:400 1.6rem/1.2 var(--face-display)}.demo-takeaway>p{color:var(--ink-soft);font-size:var(--text-small);max-width:65ch}.demo-takeaway .text-link{font-size:.72rem}
.member-layout{display:grid;grid-template-columns:210px 1fr}.member-sidebar{padding:var(--space-6);background:var(--ground);border-right:1px solid var(--rule)}.member-sidebar .sample-switch{flex-direction:column;margin-block:var(--space-5)}
.member-sidebar .sample-switch button{text-align:left;width:100%;border:0;border-left:2px solid transparent;border-radius:0;font:inherit;font-size:var(--text-small)}.member-sidebar .sample-switch [aria-pressed=true]{border-color:var(--accent);background:var(--raised)}.member-sidebar>p{font:400 1.5rem/1.3 var(--face-display);color:var(--ink-soft);margin-top:var(--space-8)}
.member-content{padding:var(--space-6);min-height:400px}.demo-workbench [hidden]{display:none}.event-banner{display:flex;gap:var(--space-6);align-items:center;background:var(--demo-green);padding:var(--space-6);color:var(--ink);position:relative;overflow:hidden}
.event-banner h3{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.05;margin-block:var(--space-4)}.event-banner p{font-size:var(--text-small)}
.event-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);margin-top:var(--space-6)}.event-detail h4{font:400 1.4rem/1.3 var(--face-display)}.event-detail p{font-size:.8rem;color:var(--ink-soft);margin-block:var(--space-4)}
.people-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-block:var(--space-6)}.people-cards article{background:var(--ground);padding:var(--space-6);border:1px solid var(--rule)}.person-initials{display:grid;place-items:center;border-radius:50%;width:70px;height:70px;background:var(--demo-green-soft);color:var(--demo-paper-ink);font:400 1.5rem var(--face-display);margin-bottom:var(--space-5)}.people-cards h4{font:400 1.5rem var(--face-display)}.people-cards p,.people-cards small{display:block;font-size:.8rem;margin-top:var(--space-3)}
.member-content h3{margin-block:var(--space-5)}.member-content details{border-bottom:1px solid var(--rule);padding-block:var(--space-4)}.member-content summary{min-height:44px;cursor:pointer;padding-block:var(--space-3)}.member-content details p{margin-block:var(--space-3);max-width:60ch;font-size:var(--text-small)}
.training-layout{display:grid;grid-template-columns:1.1fr 1fr}.scenario-side{padding:var(--space-6);background:var(--demo-paper);color:var(--demo-paper-ink)}.scenario-side select{background:transparent;color:var(--demo-paper-ink);border-color:var(--demo-rule)}
.scenario-side [data-training-prompt]{margin-top:var(--space-6)}.scenario-side h3{font-size:2rem;line-height:1.15;margin-block:var(--space-4)}.scenario-side p{font-size:var(--text-small)}
.scenario-side blockquote{font:400 italic clamp(1.8rem,3vw,3rem)/1.15 var(--face-display);margin:var(--space-6) 0;padding:0;border:0;color:var(--demo-paper-ink)}
.response-options{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.response-options button{padding:var(--space-4);min-height:var(--target);text-align:left;background:transparent;color:var(--demo-paper-ink);border:1px solid var(--demo-rule);border-radius:4px;font:inherit;font-size:var(--text-small)}
.response-options [aria-pressed=true]{background:var(--demo-green);color:var(--ink);border-color:var(--demo-green)}
.practice-side{padding:var(--space-6)}.practice-side h3{font-size:2rem;margin-block:var(--space-4)}.practice-feedback{border-left:3px solid var(--accent);padding:var(--space-5);background:var(--ground);font-size:var(--text-small);min-height:120px}
.practice-side .practice-checks{margin-top:var(--space-6)}.practice-checks label{flex-direction:row;line-height:1.5}.practice-checks legend{font:400 .8rem/1.5 var(--face-mono)}
.practice-meter{height:4px;background:var(--rule);margin-top:var(--space-6)}.practice-meter span{display:block;width:0;height:100%;background:var(--accent);transition:width 180ms var(--ease)}
.practice-side [data-training-progress]{font-size:.75rem;color:var(--ink-soft);margin-block:var(--space-4)}
.demo-workbench button:hover,.demo-workbench select:hover{border-color:var(--accent)}.demo-workbench button:active{transform:translateY(1px)}.demo-workbench select:active{border-color:var(--ink)}
.scenario-side button:hover,.scenario-side select:hover{border-color:var(--demo-paper-ink)}
.event-date small{letter-spacing:.05em}.event-date strong{letter-spacing:-.025em}.practice-checks input:hover{filter:brightness(1.2)}.practice-checks input:active{filter:brightness(.8)}.practice-checks input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.practice-checks label{padding-block:var(--space-2);height:auto;cursor:pointer}.gallery-small img{object-fit:contain}
.visual-work-page a:focus-visible,.acquisition-page a:focus-visible,.demo-workbench button:focus-visible,.demo-workbench summary:focus-visible,.example-details summary:focus-visible,.demo-workbench select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.scenario-side button:focus-visible,.scenario-side select:focus-visible{outline-color:var(--demo-paper-ink)}
@media(max-width:1050px){.visual-hero{grid-template-columns:1fr;min-height:0;gap:var(--space-7)}.visual-hero>div:first-child{max-width:800px}.visual-hero h1{font-size:clamp(3.5rem,8vw,6rem)}.hero-product{max-width:780px}.hero-product .product-scene{padding:var(--space-6);background:var(--raised)}.website-exhibit{max-width:700px;width:100%}.learning-film{max-width:800px}.solution-story,.solution-story:nth-child(even){grid-template-columns:1.15fr 1fr;gap:var(--space-6)}.product-scene{padding:var(--space-4)}.document-preview{padding:var(--space-4)}.document-preview>strong{font-size:1.3rem}.product-scene .note-paper{padding:var(--space-4)}.note-paper p{font-size:.95rem}.scene-arrow{display:none}.collection-heading{grid-template-columns:1.1fr 1fr}.member-layout{grid-template-columns:170px 1fr}.member-sidebar{padding:var(--space-5)}.event-detail{grid-template-columns:1fr}.demo-takeaway{grid-template-columns:1fr 2fr}.demo-takeaway .text-link{grid-column:2}.draft-column,.intake-column{padding:var(--space-5)}.visual-gallery{grid-template-columns:1.2fr 1fr}.gallery-feature{min-height:500px}}
@media(max-width:700px){.visual-hero,.collection-opening{padding-top:var(--space-7)}.visual-hero h1{font-size:clamp(3rem,10.8vw,4.5rem)}.visual-hero .lead{font-size:1.05rem}.visual-hero{padding-bottom:var(--space-7)}.hero-product .product-scene{min-height:320px;padding:var(--space-4) var(--space-2)}.product-scene{min-height:300px;padding:var(--space-4) var(--space-2)}.product-scene .note-paper{width:35%;padding:var(--space-3)}.note-paper strong{font-size:1.2rem}.note-paper p{font-size:.85rem}.note-underline{font-size:.6rem}.document-preview{padding:var(--space-3);width:61%}.document-preview>strong{font-size:1.3rem}.document-row{font-size:.68rem}.document-row small{font-size:.6rem}.document-row>span{font-size:.65rem}.mini-top{font-size:.5rem;gap:var(--space-2)}.product-scene .mini-label{font-size:.55rem}.product-scene .review-chip{font-size:.5rem;padding:var(--space-2)}.document-foot{font-size:.55rem}.solution-story,.solution-story:nth-child(even){grid-template-columns:1fr;gap:var(--space-5)}.solution-story:nth-child(even) .story-preview{order:0}.solution-stories{gap:var(--space-9)}.story-caption h3{max-width:23ch;font-size:2.2rem}.collection-heading{grid-template-columns:1fr;gap:var(--space-5)}.collection-heading h1{font-size:3.5rem}.visual-gallery{grid-template-columns:1fr;grid-template-rows:auto}.gallery-feature{grid-row:auto;min-height:390px}.gallery-small{min-height:0;grid-template-rows:auto auto}.gallery-small img{aspect-ratio:1.8;height:auto;max-height:none}.gallery-caption{padding:var(--space-5);padding-top:var(--space-10)}.gallery-caption strong{font-size:2rem}.sample-index,.work-index{grid-template-columns:1fr;gap:0}.sample-index>a{border-bottom:0;padding:var(--space-4) 0}.sample-index>a:last-child{border-bottom:1px solid var(--rule)}.sample-index span{margin-bottom:var(--space-2)}.website-exhibit{padding-right:var(--space-4);padding-bottom:120px}.exhibit-secondary{bottom:90px}.hero-caption{font-size:.75rem}.possibility-strip{grid-template-columns:1fr}.possibility-strip>a>img{height:auto;aspect-ratio:8/5}.possibility-strip .product-scene{height:auto;min-height:330px}.estimate-layout,.member-layout,.training-layout{grid-template-columns:1fr}.workbench-top{padding:var(--space-4);align-items:flex-start}.workbench-top>div{flex-direction:column;align-items:start;gap:var(--space-2)}.workbench-top .review-chip{font-size:.55rem}.workbench-top strong{font-size:.7rem}.workbench-top>div>span{font-size:.65rem}.intake-column,.draft-column,.scenario-side,.practice-side,.member-content{padding:var(--space-5)}.intake-column .note-paper{margin-block:var(--space-5)}.intake-column .note-paper p{font-size:1.13rem}.intake-column .note-underline{font-size:.75rem}.walkthrough-steps{gap:var(--space-2)}.walkthrough-steps button{padding:var(--space-3);font-size:.7rem;flex:1}.estimate-document{padding:var(--space-5)}.document-letterhead{font-size:.55rem}.price-line{flex-direction:column;gap:var(--space-2)}.demo-takeaway{grid-template-columns:1fr;gap:var(--space-4)}.demo-takeaway .text-link{grid-column:auto}.member-sidebar{padding:var(--space-4);border-right:0;border-bottom:1px solid var(--rule)}.member-sidebar>.mini-label,.member-sidebar>p{display:none}.member-sidebar .sample-switch{flex-direction:row;margin:0;gap:var(--space-2)}.member-sidebar .sample-switch button{width:auto;flex:1;padding:var(--space-3) var(--space-2);text-align:center}.event-banner{padding:var(--space-4);gap:var(--space-4)}.event-banner h3{font-size:1.8rem}.event-date{padding:var(--space-2)}.event-date strong{font-size:2rem}.event-date span{font-size:.45rem}.people-cards{grid-template-columns:1fr}.event-detail h4{font-size:1.4rem}.demo-heading h2{font-size:2.6rem}.hub-preview,.training-preview{margin:var(--space-3);padding:var(--space-4)}.hub-event{padding:var(--space-4);gap:var(--space-4)}.hub-event>div>strong{font-size:1.5rem}.hub-bottom{font-size:.5rem}.training-preview>strong{font-size:2rem}.practice-feedback{min-height:0}.learning-film figcaption strong{font-size:1.7rem}}
@media(max-width:700px){.visual-studio .solution-stories{grid-template-columns:1fr}.visual-hero>div:first-child>p:not(.lead){display:none}.visual-hero .actions{margin-top:var(--space-5)}.visual-hero .actions .button{letter-spacing:.04em;font-size:.65rem}.organized-notes{padding:var(--space-5)}}
/* On phones the work is seen directly after the headline, before supporting copy. */
@media(max-width:700px){.collection-opening{display:flex;flex-direction:column}.collection-heading{display:contents}.collection-heading>div:first-child{margin-bottom:var(--space-6)}.collection-heading>div:last-child{order:2;margin-top:var(--space-6)}.visual-gallery{order:1}.work-index{order:3}.visual-hero{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-5)}.visual-hero>div:first-child{display:contents}.visual-hero>div:first-child>.section-mark{order:0}.visual-hero>div:first-child>h1{order:1;margin:0}.visual-hero>div:first-child>.lead{order:3;margin-top:var(--space-3)}.visual-hero>div:first-child>.actions{order:4;margin-top:0}.hero-product,.website-exhibit,.learning-film{order:2}.hero-product .product-scene{min-height:300px}.visual-hero .hero-caption{margin-top:var(--space-3)}}
@media(prefers-reduced-motion:reduce){.visual-gallery img,.practice-meter span{transition:none}.hero-product .note-paper,.hero-product .document-preview{transform:none}}

/* Three pieces of working proof lead the Work page. Keep the actual media legible. */
.proof-gallery{display:grid;gap:var(--space-9);margin-block:var(--space-8)}
.proof-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:clamp(24px,4vw,72px);border-top:1px solid var(--rule);padding-top:var(--space-7)}
.proof-media{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);min-width:0}
.proof-media video,.proof-media img{display:block;width:100%;height:auto;background:var(--raised);border:1px solid var(--rule);border-radius:4px}
.proof-media video{aspect-ratio:16/9;object-fit:contain}
.proof-media-link{text-decoration:none}.proof-media-link:hover img{border-color:var(--accent)}
.proof-media-note{font:400 .7rem/1.5 var(--face-mono);color:var(--ink-soft)}
.proof-copy{min-width:0}.proof-copy h2{font:400 clamp(2.4rem,4vw,4.3rem)/1.07 var(--face-display);letter-spacing:-.035em;margin:var(--space-4) 0 var(--space-6)}
.proof-copy p{font-size:var(--text-small);line-height:1.7;color:var(--ink-soft);margin-block:var(--space-4);max-width:52ch}
.proof-copy p strong{display:block;color:var(--accent);font:500 .67rem/1.5 var(--face-mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:var(--space-2)}
.proof-copy .proof-status{border-top:1px solid var(--rule);padding-top:var(--space-4);font:400 .67rem/1.6 var(--face-mono);color:var(--ink-soft)}
.proof-copy .button{display:inline-flex;margin:var(--space-3) var(--space-4) var(--space-3) 0;min-height:var(--target);align-items:center}
.proof-copy .text-link{display:inline-flex;margin-block:var(--space-3);min-height:var(--target);align-items:center}
.proof-theremin{grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr)}
.proof-theremin .proof-media{grid-column:2;grid-row:1;align-items:center}
.proof-theremin .proof-copy{grid-column:1;grid-row:1}
.proof-theremin .proof-media video{width:min(350px,100%);aspect-ratio:712/1280;max-height:625px;border:0;border-radius:8px}
.proof-theremin .proof-media-note{width:min(350px,100%)}
.proof-hvac .proof-media img{aspect-ratio:8/5;object-fit:contain}
.secondary-prototype{border-block:1px solid var(--rule);padding-block:var(--space-7);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:center}
.secondary-prototype h2{font:400 clamp(2rem,3vw,3rem)/1.15 var(--face-display);margin:var(--space-3) 0}
.secondary-prototype p{font-size:var(--text-small);color:var(--ink-soft);max-width:65ch}
.secondary-prototype .text-link{min-height:var(--target);display:inline-flex;align-items:center}
.example-provenance{max-width:75ch;color:var(--ink-soft);font-size:var(--text-small);line-height:1.7;margin:0 0 var(--space-5)}
.sample-more{padding-top:var(--space-9);border-top:1px solid var(--rule)}
.sample-more h2{font:400 clamp(2rem,3vw,3rem)/1.15 var(--face-display);margin:var(--space-4) 0}
.sample-more p{max-width:65ch;color:var(--ink-soft);font-size:var(--text-small)}
.calendar-workbench .calendar-scene[data-stage] .calendar-result{display:none}
.medical-scene{min-height:420px;padding:var(--space-5);background:#101b1d;color:#ecf0eb;display:flex;flex-direction:column;gap:var(--space-5)}
.medical-scene-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid #496158}
.medical-scene-top strong{font:400 1.5rem/1.1 var(--face-display)}
.medical-scene-top span,.medical-scene-foot{font:400 .62rem/1.5 var(--face-mono);color:#a9cfc2}
.medical-scene-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);flex:1}
.medical-scene-flow section{padding:var(--space-4);border:1px solid #426159;border-radius:8px;background:#152629;min-width:0}
.medical-scene-flow section:last-child{border-color:#b89656;background:#273025}
.medical-scene-flow span{font:500 .62rem/1.5 var(--face-mono);letter-spacing:.04em;text-transform:uppercase;color:#8bd7c7}
.medical-scene-flow h4{font:400 clamp(1.2rem,1.7vw,1.8rem)/1.15 var(--face-display);margin:var(--space-5) 0 var(--space-4);color:#f0f1e8}
.medical-scene-flow p{font-size:.8rem;line-height:1.6;color:#d2ded7}
.medical-scene-foot{border-top:1px solid #496158;padding-top:var(--space-3)}
.solution-story{border-top:1px solid var(--rule);padding-top:var(--space-7)}
.solution-story .story-preview>.product-scene{min-height:420px}
.solution-story .story-preview>img{object-fit:cover}
.solution-story .story-caption{padding-block:var(--space-4)}
.request-result{display:grid;gap:var(--space-4);margin-block:var(--space-5)}
.request-result p{font-size:var(--text-small);line-height:1.65;color:var(--ink-soft);margin:0;max-width:52ch}
.request-result strong{display:block;font:500 .67rem/1.5 var(--face-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-2)}
.solution-story .solution-status{border-top:1px solid var(--rule);padding-top:var(--space-4);font-family:var(--face-mono);letter-spacing:.02em}
.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-block:var(--space-5)}
.story-actions .button{display:inline-flex;align-items:center;min-height:var(--target)}
.story-actions .text-link{display:inline-flex;align-items:center;min-height:var(--target)}
.hero-product .product-scene{min-height:470px}
@media(max-width:1050px){.proof-feature,.proof-theremin{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:var(--space-6)}.proof-copy h2{font-size:clamp(2.1rem,4vw,3.2rem)}.proof-theremin .proof-media video{max-height:500px}}
@media(max-width:900px){.proof-feature,.proof-theremin,.solution-story,.solution-story:nth-child(even){grid-template-columns:1fr}.proof-theremin .proof-media,.proof-theremin .proof-copy{grid-column:1;grid-row:auto}.proof-feature .proof-media{order:1}.proof-feature .proof-copy{order:2}.proof-theremin .proof-media video{max-height:none}.solution-story:nth-child(even) .story-preview{order:0}}
@media(max-width:700px){.proof-gallery{gap:var(--space-7);margin-block:var(--space-7)}.proof-feature,.proof-theremin{grid-template-columns:1fr;gap:var(--space-4);padding-top:var(--space-6)}.proof-theremin .proof-media,.proof-theremin .proof-copy{grid-column:1;grid-row:auto}.proof-media{order:1}.proof-copy{order:2}.proof-copy h2{font-size:clamp(2.3rem,9vw,3.4rem);margin-bottom:var(--space-4)}.proof-theremin .proof-media video{width:min(320px,100%);max-height:none}.proof-copy .button,.proof-copy .text-link{display:flex;width:fit-content;margin-block:var(--space-3)}.secondary-prototype{grid-template-columns:1fr}.solution-story .story-preview>.product-scene{min-height:0}.scene-estimate{flex-direction:column;align-items:stretch}.scene-estimate .note-paper,.scene-estimate .document-preview,.hero-product .scene-estimate .note-paper,.hero-product .scene-estimate .document-preview{width:100%;transform:none}.scene-estimate .note-paper{padding:var(--space-4)}.scene-estimate .document-preview{padding:var(--space-4)}.hero-product .product-scene{min-height:0}.solution-story .story-preview>img{aspect-ratio:8/5;object-fit:contain}}
@media(max-width:700px){.collection-heading>div:last-child{order:0;margin-top:0;margin-bottom:var(--space-4)}.collection-heading>div:first-child{margin-bottom:var(--space-4)}.collection-heading .lead{font-size:1rem;line-height:1.55;margin-bottom:var(--space-3)}.collection-heading p:last-child{font-size:.8rem}}
@media(max-width:700px){.medical-scene{min-height:0;padding:var(--space-3);gap:var(--space-3)}.medical-scene-top{align-items:flex-start;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-2)}.medical-scene-top strong{font-size:1.3rem}.medical-scene-flow{grid-template-columns:1fr;gap:var(--space-2)}.medical-scene-flow section{padding:var(--space-3)}.medical-scene-flow h4{margin:var(--space-2) 0;font-size:1.25rem}.medical-scene-flow p{font-size:.75rem;line-height:1.4}.medical-scene-foot{padding-top:var(--space-2);font-size:.58rem}}
@supports (animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  #solution-estimate .document-preview{animation:draft-from-notes linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
  @keyframes draft-from-notes{from{opacity:.72;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
 }
}
@media(max-width:1050px){.visual-hero-title,.visual-hero-copy,.visual-hero>.hero-product,.visual-hero>.website-exhibit,.visual-hero>.learning-film{grid-column:auto;grid-row:auto}.visual-hero{row-gap:var(--space-6)}}
@media(max-width:700px){.visual-hero-copy{order:3}.visual-hero-copy>p:not(.lead){display:none}.visual-hero-copy .actions{margin-top:var(--space-5)}.visual-hero-copy>.lead{margin-top:var(--space-3)}}

/* Page roles: the opening routes the visitor; each full-size example appears once. */
.buyer-paths{margin-block:var(--space-6);gap:var(--space-6)}
.buyer-paths>a{gap:var(--space-3);padding-block:var(--space-5);border-bottom:1px solid var(--rule)}
.buyer-paths>a:hover{border-color:var(--accent)}
.buyer-paths>a:active{background:var(--raised)}
.buyer-paths h3{font-size:clamp(1.45rem,2.1vw,2rem)}
.home-outcome-index{border-top:1px solid var(--rule);margin-top:var(--space-7)}
.home-outcome-index>a{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(230px,1fr) minmax(260px,1.2fr) auto;gap:var(--space-5);align-items:center;padding:var(--space-6) var(--space-3);border-bottom:1px solid var(--rule);text-decoration:none;min-height:140px}
.home-outcome-index span{font:400 .64rem/1.6 var(--face-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.04em}
.home-outcome-index strong{font:400 clamp(1.4rem,2.1vw,2.1rem)/1.16 var(--face-display);color:var(--ink)}
.home-outcome-index p{font-size:var(--text-small);line-height:1.6;color:var(--ink-soft);margin:0}
.home-outcome-index b{font:400 .64rem/1.5 var(--face-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);white-space:nowrap}
.home-outcome-index>a:hover,.home-outcome-index>a:focus-visible{background:var(--raised)}
.home-outcome-index>a:active{background:#202832}
.task-index{grid-column:2;grid-row:1 / span 2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;border-top:1px solid var(--rule)}
.task-index-label{font:400 .65rem/1.5 var(--face-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding-block:var(--space-4)}
.task-index>a{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-5) var(--space-2);border-top:1px solid var(--rule);color:var(--ink);text-decoration:none;min-height:116px}
.task-index>a:last-of-type{border-bottom:1px solid var(--rule)}
.task-index-number{font:400 2.25rem/1 var(--face-display);color:var(--accent)}
.task-index strong{display:block;font:400 clamp(1.3rem,1.8vw,1.9rem)/1.15 var(--face-display)}
.task-index small{display:block;font:400 .78rem/1.5 var(--face-body);color:var(--ink-soft);margin-top:var(--space-2)}
.task-index-arrow{font:400 1.2rem/1 var(--face-mono)}
.task-index>a:hover,.task-index>a:focus-visible{background:var(--raised)}
.task-index>a:active{background:#202832}
.task-index>p{font:400 .64rem/1.6 var(--face-mono);color:var(--ink-dim);margin-top:var(--space-5)}
.anchor-alias{display:block;position:relative;top:-90px;visibility:hidden}
.work-tool-section{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:var(--space-8);align-items:start}
.work-tool-intro h2{font:400 clamp(2.5rem,4vw,4rem)/1.07 var(--face-display);margin:var(--space-5) 0}
.work-tool-intro p{font-size:var(--text-small);line-height:1.65;color:var(--ink-soft);max-width:45ch}
.work-tool-index{border-top:1px solid var(--rule)}
.work-tool-index>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-5);padding:var(--space-5) var(--space-3);border-bottom:1px solid var(--rule);text-decoration:none;min-height:140px}
.work-tool-index span,.work-tool-index small{grid-column:1;font:400 .65rem/1.5 var(--face-mono)}
.work-tool-index span{color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.work-tool-index strong{grid-column:1;font:400 clamp(1.45rem,2.2vw,2.25rem)/1.15 var(--face-display);color:var(--ink)}
.work-tool-index small{color:var(--ink-soft)}
.work-tool-index b{grid-column:2;grid-row:1 / span 3;align-self:center;font:400 1.3rem var(--face-mono);color:var(--ink)}
.work-tool-index>a:hover,.work-tool-index>a:focus-visible{background:var(--raised)}
.work-tool-index>a:active{background:#202832}
.software-creative-bridge{border-top:1px solid var(--rule);padding-block:var(--space-8)}
.software-creative-bridge h2{font:400 clamp(2.5rem,4vw,4rem)/1.08 var(--face-display);margin:var(--space-5) 0}
.software-creative-bridge p{font-size:var(--text-small);line-height:1.7;color:var(--ink-soft);max-width:55ch;margin-bottom:var(--space-6)}
.ai-method .section-heading{max-width:980px}
.session-method{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:var(--space-8);align-items:end;margin-top:var(--space-7)}
.method-specimen{background:var(--demo-paper);color:var(--demo-paper-ink);padding:clamp(24px,3vw,48px);border-radius:3px;min-width:0}
.specimen-top,.specimen-foot{display:flex;justify-content:space-between;gap:var(--space-4);font:400 .62rem/1.5 var(--face-mono);text-transform:uppercase;letter-spacing:.05em}
.specimen-top{padding-bottom:var(--space-5);border-bottom:1px solid var(--demo-rule)}
.specimen-question{font:400 clamp(1.7rem,3.1vw,3.2rem)/1.15 var(--face-display);margin:var(--space-7) 0}
.specimen-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);border-top:1px solid var(--demo-rule);padding-top:var(--space-5)}
.specimen-moves>div{min-width:0}
.specimen-moves span{display:block;font:500 .62rem/1.5 var(--face-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}
.specimen-moves strong{display:block;font:400 1.4rem/1.2 var(--face-display)}
.specimen-moves p{font-size:.75rem;line-height:1.55;margin-top:var(--space-3)}
.specimen-foot{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--demo-rule)}
.method-aside{border-top:1px solid var(--rule);padding-top:var(--space-5)}
.method-aside p{font-size:var(--text-small);line-height:1.7;color:var(--ink-soft);margin:var(--space-5) 0}
@media(max-width:1050px){.visual-hero>.task-index{grid-column:auto;grid-row:auto;width:100%;max-width:800px}.work-tool-section,.session-method{grid-template-columns:1fr}.method-aside{max-width:65ch}}
@media(max-width:1050px){.home-outcome-index>a{grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) minmax(0,1.2fr)}.home-outcome-index b{grid-column:2 / 4}}
@media(max-width:700px){.visual-hero>.task-index{order:2}.task-index>a{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:var(--space-3);padding-block:var(--space-4);min-height:95px}.task-index-number{font-size:1.65rem}.task-index strong{font-size:1.4rem}.task-index small{font-size:.7rem}.task-index>p{font-size:.58rem}.home-outcome-index>a{grid-template-columns:1fr;gap:var(--space-3);min-height:0}.home-outcome-index b{grid-column:1;white-space:normal}.work-tool-section{gap:var(--space-5)}.work-tool-index>a{min-height:0}.work-tool-index strong{font-size:1.6rem}.method-specimen{padding:var(--space-5)}.specimen-top{flex-direction:column;gap:var(--space-2)}.specimen-moves{grid-template-columns:1fr;gap:var(--space-4)}.specimen-moves>div{border-bottom:1px solid var(--demo-rule);padding-bottom:var(--space-4)}.specimen-moves>div:last-child{border:0;padding:0}.specimen-question{margin:var(--space-6) 0}}
