/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 */
/* Hallmark · macrostructure: Workbench · modern-minimal · theme: studied-DNA (user TTM screenshot)
 * Public introduction and account access share the application's locked tokens. */
.landing-page{--muted:var(--color-muted);--line:var(--color-rule);--green:var(--color-accent);--lime:var(--color-accent-soft);--dark:var(--color-ink)}
.landing-page .wrap{width:min(var(--content-width),calc(100% - var(--space-2xl)));margin-inline:auto}
.landing-page .header{background:var(--color-surface);border-color:var(--color-rule);z-index:var(--z-sticky)}
.landing-page .header-inner{height:80px;gap:var(--space-lg);align-items:center}
.landing-page .wordmark{gap:var(--space-xs);color:var(--color-ink);font-weight:700}
.landing-page .techlabs-logo{background:var(--color-ink);padding:var(--space-xs);box-sizing:content-box;width:133px;height:auto;border-radius:var(--radius-input)}
.landing-page .product-name{font-size:var(--text-xl);padding-left:var(--space-xs);border-color:var(--color-rule)}
.landing-page .header nav{gap:var(--space-md);font-size:var(--text-sm)}
.landing-page .header nav a{color:var(--color-ink-2);display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.landing-page .login{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-boundary);border-radius:var(--radius-input)}
.landing-page .hero{background:var(--color-paper);border:0}
.landing-page .hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-xl);align-items:center;padding-block:var(--space-xl)}
.landing-page .hero-copy{min-width:0;padding-bottom:var(--space-lg)}
.landing-page .hero-eyebrow{font-size:var(--text-sm);color:var(--color-muted);letter-spacing:0;margin-bottom:var(--space-md)}
.landing-page .hero h1{font-size:var(--text-display);font-weight:750;letter-spacing:-.055em;line-height:1.18}
.landing-page .hero h1 em{font-style:normal;color:var(--color-accent)}
.landing-page .hero-lead{font-size:var(--text-base);color:var(--color-ink-2);line-height:1.9;margin:var(--space-md) 0 var(--space-lg);max-width:55ch}
.landing-page .hero-cta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}
.landing-page .hero .button,.landing-page .closing .bright,.landing-page .studio-run{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-input)}
.landing-page .hero .button>span{transition:none;transform:none}
.landing-page .hero-secondary{font-size:var(--text-sm);display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-ink-2)}
.landing-page .hero-footnote{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-md)}
.landing-page .hero-bottom{padding-block:var(--space-md);border-color:var(--color-rule);font-size:var(--text-sm);color:var(--color-muted);gap:var(--space-md);flex-wrap:wrap}
.landing-page .hero-bottom>div{font-size:var(--text-xs);gap:var(--space-sm);flex-wrap:wrap}
.landing-page .hero-studio{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:hidden;box-shadow:none}
.landing-page .studio-heading{background:var(--color-surface);color:var(--color-ink-2);font-size:var(--text-xs);letter-spacing:0;padding:var(--space-sm);border-bottom:1px solid var(--color-rule)}
.landing-page .studio-heading b{color:var(--color-ink);font-size:var(--text-lg)}
.landing-page .studio-heading>span:last-child{color:var(--color-muted);font-size:var(--text-xs)}
.landing-page .studio-inputs{background:var(--color-surface);padding:0 var(--space-sm) var(--space-sm)}
.landing-page .studio-industries{gap:var(--space-xs);margin-bottom:var(--space-xs);border-color:var(--color-rule)}
.landing-page .studio-industries button{background:transparent;border:0;border-radius:0;font-size:var(--text-xs);padding:var(--space-xs) var(--space-2xs);color:var(--color-muted)}
.landing-page .studio-industries button[aria-pressed=true]{color:var(--color-accent);box-shadow:inset 0 -2px var(--color-accent)}
.landing-page .studio-fields{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:var(--space-xs)}
.landing-page .studio-fields label{font-size:var(--text-xs);color:var(--color-muted)}
.landing-page .studio-fields :is(input,select){font-size:var(--text-xs);margin-top:var(--space-3xs);padding-inline:var(--space-2xs)}
.landing-page .studio-canvas{background:var(--color-paper-2);height:520px}
.landing-page .studio-grid{display:none}
.landing-page .wire-track{stroke:var(--color-boundary)}
.landing-page [data-wire]{stroke:var(--color-accent)}
.landing-page [data-wire="4"]{stroke:var(--color-success)}
.landing-page .wire-packets{fill:var(--color-accent)}
.landing-page .studio-node{background:var(--color-surface);border:1px solid var(--color-rule);color:var(--color-ink);border-radius:var(--radius-input);box-shadow:none}
.landing-page .studio-node-label{font-size:var(--text-xs);color:var(--color-muted);gap:var(--space-2xs)}
.landing-page .studio-node-label>span:last-child{display:none}
.landing-page .studio-question{padding:var(--space-xs) var(--space-sm)}
.landing-page .studio-question>p{font-size:var(--text-sm);line-height:1.6;margin-top:var(--space-2xs)}
.landing-page .studio-query-cursor{color:var(--color-accent)}
.landing-page .studio-engine{gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);background:var(--color-surface);border-color:var(--color-boundary)}
.landing-page .studio-engine-icon{color:var(--color-ink-2);font-size:var(--text-sm);border-color:var(--color-rule);border-radius:var(--radius-input)}
.landing-page .studio-engine strong{font-size:var(--text-sm);color:var(--color-ink)}
.landing-page .studio-engine small{font-size:var(--text-xs);color:var(--color-muted)}
.landing-page .studio-engine-signal{background:var(--color-success)}
.landing-page .studio-wire-label{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-paper-2);padding:0 var(--space-3xs)}
.landing-page .label-input{left:43%}.landing-page .label-output{left:35%}
.landing-page .studio-evidence{padding:var(--space-xs) var(--space-sm)}
.landing-page .studio-evidence>p{font-size:var(--text-sm);line-height:1.65;margin:var(--space-2xs) 0}
.landing-page .studio-evidence mark{background:var(--color-accent-soft);color:var(--color-accent);padding:0 var(--space-3xs)}
.landing-page .studio-evidence-bottom{padding-top:0;border-color:var(--color-rule);gap:var(--space-2xs)}
.landing-page .studio-brand-found{color:var(--color-success);font-size:var(--text-xs)}
.landing-page .studio-citation{border:0;background:transparent;min-height:44px;font-size:var(--text-xs);color:var(--color-accent);padding:0}
.landing-page .studio-action{background:var(--color-success-soft);border-color:var(--color-rule);padding:var(--space-2xs) var(--space-xs);gap:var(--space-xs)}
.landing-page .studio-action-icon,.landing-page .studio-action-check{color:var(--color-success)}
.landing-page .studio-action>div>span{font-size:var(--text-xs);color:var(--color-success)}
.landing-page .studio-action strong{font-size:var(--text-sm);color:var(--color-ink)}
.landing-page .studio-source{background:var(--color-surface);border:1px solid var(--color-boundary);border-radius:var(--radius-input);box-shadow:0 8px 24px var(--color-scrim);padding:var(--space-sm)}
.landing-page .studio-source :is(p,small){font-size:var(--text-xs);color:var(--color-muted)}
.landing-page .studio-source>span{color:var(--color-accent);font-size:var(--text-sm)}
.landing-page .studio-player{background:var(--color-surface);border-color:var(--color-rule);padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}
.landing-page .studio-play{width:44px;height:44px;padding:0;border-radius:var(--radius-input);color:var(--color-accent);background:var(--color-surface)}
.landing-page .studio-scrub label,.landing-page .studio-clock{font-size:var(--text-xs);color:var(--color-muted)}
.landing-page .studio-scrub input{accent-color:var(--color-accent);min-height:24px}
.landing-page .studio-chapters button{font-size:var(--text-xs);background:transparent;border:0;padding:0;min-height:32px;color:var(--color-muted)}
.landing-page .studio-chapters button[aria-pressed=true]{color:var(--color-accent)}
.landing-page .studio-footer{background:var(--color-surface);color:var(--color-muted);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);flex-wrap:wrap;gap:var(--space-3xs)}
.landing-page .studio-footer>span:first-child{color:var(--color-muted)}
.landing-page .audience-strip{background:var(--color-surface);border-color:var(--color-rule)}
.landing-page .audience-strip .wrap{gap:var(--space-md);font-size:var(--text-sm);padding-block:var(--space-md);flex-wrap:wrap}
.landing-page .audience-strip .wrap>span{font-size:var(--text-sm)}
.landing-page .section{padding-block:var(--space-2xl)}
.landing-page .section-heading,.landing-page .section-heading.centered{display:block;text-align:left;max-width:none;margin-bottom:var(--space-lg)}
.landing-page h2{font-size:clamp(1.75rem,2.8vw,2.75rem);line-height:1.4;letter-spacing:-.045em}
.landing-page .section-heading h2{min-width:0;text-wrap:balance}
.landing-page .heading-line{display:block;text-wrap:balance}
.landing-page .section-heading>p:not(.eyebrow){font-size:var(--text-base);margin-top:var(--space-sm);color:var(--color-muted);line-height:1.8}
.landing-page :is(.foundation,.product-section,.use-section){background:var(--color-paper-2);border-color:var(--color-rule)}
.landing-page .product-section{padding-block:var(--space-2xl)}
.landing-page :is(.classic-search,.ai-search,.flow-visual,.starter){background:var(--color-surface);border-color:var(--color-rule);border-radius:var(--radius-input)}
.landing-page .search-compare{border:0;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-page .search-compare article{padding:var(--space-md);border:1px solid var(--color-rule)}
.landing-page .panel-kicker{font-size:var(--text-sm);margin-bottom:var(--space-md)}
.landing-page :is(.panel-kicker>span:last-child,.search-result small,.source-chip,.example-note){font-size:var(--text-xs);letter-spacing:0;color:var(--color-muted)}
.landing-page .search-input{border:0;border-bottom:1px solid var(--color-rule);padding:var(--space-xs) 0;background:transparent;font-size:var(--text-sm)}
.landing-page .search-result strong{font-size:var(--text-base);color:var(--color-accent)}
.landing-page .search-result p,.landing-page .chat-answer p{font-size:var(--text-sm);color:var(--color-muted)}
.landing-page .skeleton{background:var(--color-rule)}
.landing-page .chat-question{font-size:var(--text-sm);background:var(--color-paper-2);padding:var(--space-xs);border-radius:var(--radius-input)}
.landing-page .chat-answer strong{font-size:var(--text-base);font-weight:600}.landing-page .source-chip{background:var(--color-paper-2)}
.landing-page .section-callout{border:0;border-bottom:1px solid var(--color-rule);padding:var(--space-md) 0;font-size:var(--text-base);gap:var(--space-md)}
.landing-page .section-callout a{font-size:var(--text-sm);white-space:nowrap}
.landing-page .two-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}
.landing-page .two-sides article{padding:0;background:transparent;border:0}
.landing-page .two-sides h3,.landing-page .flow-panel h3,.landing-page .use-panel h3{font-size:var(--text-xl);font-weight:650;line-height:1.5}
.landing-page :is(.two-sides article>p,.two-sides li,.flow-panel>div>p:not(.eyebrow),.flow-panel dl,.profile-row,.question-row,.use-panel>div>p){font-size:var(--text-sm);line-height:1.8;color:var(--color-ink-2)}
.landing-page :is(.side-output,.visual-title,.visual-title span,.visual-footer,.task-priority,.task-example p,.task-stages,.layer-note,.flow-loop,.comparison-note){font-size:var(--text-xs);letter-spacing:0;color:var(--color-muted)}
.landing-page .search-layers{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}
.landing-page .search-layers div>span{color:var(--color-ink);font-size:var(--text-xl)}
.landing-page .search-layers p{font-size:var(--text-sm)}
.landing-page .flow-tabs{display:flex;overflow-x:auto;gap:var(--space-2xs);border-color:var(--color-rule)}
.landing-page .flow-tabs button{flex:1;gap:var(--space-2xs);padding:var(--space-xs);border:0;border-radius:0;min-height:56px;background:transparent;color:var(--color-muted)}
.landing-page .flow-tabs button span{font-size:var(--text-xs);margin:0}
.landing-page .flow-tabs button[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 -2px var(--color-accent)}
.landing-page .flow-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);padding:var(--space-lg) 0}
.landing-page .flow-visual{padding:var(--space-md);background:var(--color-paper-2);border:0;min-height:0}
.landing-page :is(.profile-row,.question-row,.visual-footer){border-color:var(--color-rule)}
.landing-page .profile-brand>span{background:var(--color-ink);color:var(--color-inverse)}
.landing-page .evidence-path span,.landing-page .task-example{background:transparent;border:0;border-bottom:1px solid var(--color-rule)}
.landing-page .flow-loop{background:var(--color-paper-2);padding:var(--space-sm)}
.landing-page .decision-list{border-top:1px solid var(--color-boundary)}
.landing-page .decision-list article{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:var(--space-xl);row-gap:var(--space-xs);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-rule)}
.landing-page .decision-list h3{font-size:var(--text-xl)}
.landing-page .decision-list p{font-size:var(--text-base);color:var(--color-ink-2);line-height:1.8}
.landing-page .decision-list span{grid-column:2;font-size:var(--text-sm);color:var(--color-muted)}
.landing-page .comparison-row{font-size:var(--text-sm);grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr)}
.landing-page .comparison-row>*{padding:var(--space-sm)}
.landing-page .comparison-row>span:last-child{background:var(--color-paper-2);color:var(--color-ink)}
.landing-page .comparison-head{background:var(--color-paper-2);font-size:var(--text-xs)}
.landing-page .comparison-head>span:last-child{background:var(--color-ink);color:var(--color-inverse)}
.landing-page .use-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.landing-page .use-tabs button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:var(--space-xs) var(--space-sm);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;text-align:center}
.landing-page .use-tabs button[aria-selected=true]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}
.landing-page .use-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);padding:0}
.landing-page .use-questions{border-left:0;padding-left:0}.landing-page .use-questions>p{font-size:var(--text-base)!important;border-color:var(--color-rule);padding-block:var(--space-sm)!important}
.landing-page .method-section{background:var(--color-ink);padding-block:var(--space-2xl)}
.landing-page .method-section h2{color:var(--color-inverse)}
.landing-page .method-section :is(p,dd,dt>span){color:var(--color-inverse-muted);font-size:var(--text-sm)}
.landing-page .method-section dt{color:var(--color-inverse);font-size:var(--text-base)}
.landing-page .method-section dl>div{border-color:var(--color-ink-2)}
.landing-page .method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}
.landing-page .start-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}
.landing-page .start-section>div>p:not(.eyebrow){font-size:var(--text-base);max-width:65ch}
.landing-page :is(.start-note,.starter-help){font-size:var(--text-xs);color:var(--color-muted)}
.landing-page .starter{padding:var(--space-md);border:1px solid var(--color-rule)}
.landing-page .starter label{font-size:var(--text-sm)}
.landing-page .starter input{font-size:var(--text-base);margin-bottom:var(--space-md)}
.landing-page .starter .button{font-size:var(--text-sm)}
.landing-page .faq-section{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-xl)}
.landing-page .faqs summary{font-size:var(--text-base);padding:var(--space-md) var(--space-lg) var(--space-md) 0;min-height:44px;color:var(--color-ink)}
.landing-page .faqs p{font-size:var(--text-sm);line-height:1.9;color:var(--color-muted);padding-bottom:var(--space-md)}
.landing-page .closing{background:var(--color-paper-2);text-align:left;padding-block:var(--space-xl)}
.landing-page .closing h2{color:var(--color-ink)}
.landing-page .closing p{color:var(--color-muted);font-size:var(--text-base);margin:var(--space-sm) 0 var(--space-md)}
.landing-page .footer{background:var(--color-surface);border-top:1px solid var(--color-rule);color:var(--color-muted);padding-block:var(--space-lg)}
.landing-page .footer-inner{align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:var(--text-xs)}
.landing-page .footer a{white-space:nowrap}
/* Account access: one title, a familiar form, and a quiet explanation. */
.tgm-system.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}
.tgm-system .auth-story{padding:var(--space-xl);background:var(--color-ink);color:var(--color-inverse);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-xl)}
.tgm-system .auth-story h2{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.35;color:var(--color-inverse);margin-bottom:var(--space-md)}
.tgm-system .auth-story :is(p,small){color:var(--color-inverse-muted);font-size:var(--text-sm);line-height:1.8}
.tgm-system .auth-story ol{padding:0;list-style:none;margin-top:var(--space-lg)}
.tgm-system .auth-story li{padding:var(--space-sm) 0;border-color:var(--color-ink-2);font-size:var(--text-sm)}
.tgm-system .auth-story li span{color:var(--color-inverse-muted);margin-right:var(--space-sm)}
.tgm-system .auth-form{display:grid;place-items:center;padding:var(--space-xl) var(--space-lg);background:var(--color-surface)}
.tgm-system .auth-form>.panel{border:0;padding:0;max-width:420px;width:100%}
.tgm-system .auth-brand h1{font-size:var(--text-xl);margin-bottom:var(--space-xs)}
.tgm-system .auth-tag{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-lg)}
.tgm-system .auth-form label{display:block;margin-top:var(--space-sm);margin-bottom:var(--space-2xs)}
.tgm-system .auth-form input{width:100%}.tgm-system .auth-form .tabs{display:flex;align-items:center}
.tgm-system.centered{min-height:100dvh;padding:var(--space-md);display:grid;place-items:center}
.tgm-system.centered>.panel{width:min(100%,440px);padding:var(--space-lg)}
.journal-page main{max-width:75ch;padding-inline:var(--space-md);margin-block:var(--space-xl)}
.journal-page h1{font-size:clamp(2rem,3vw,3rem)}
.journal-page :is(.lead,.content-prose){font-size:var(--text-base);line-height:1.95;color:var(--color-ink-2)}
.journal-page .content-prose h2{font-size:var(--text-xl)}
.journal-page .content-prose h3{font-size:var(--text-lg)}
.journal-page :is(header,footer,.editor-note,.post-preview){border-color:var(--color-rule)}
.journal-page :is(header small,footer,.editor-note,.post-preview time){font-size:var(--text-xs);color:var(--color-muted)}
@media(hover:hover){.landing-page .hero .button:hover,.landing-page .studio-run:hover,.landing-page .closing .bright:hover{background:var(--color-accent-hover)}.landing-page .login:hover{background:var(--color-paper-2)}.landing-page .hero .button:hover>span{transform:none}}
@media(max-width:70rem){.landing-page .header nav{gap:var(--space-sm)}.landing-page .header nav a:nth-child(4){display:none}.landing-page .hero-inner{gap:var(--space-lg)}.landing-page .studio-fields{grid-template-columns:minmax(0,1fr) auto}.landing-page .studio-fields label:first-child{grid-column:1/-1}.landing-page .studio-clock{display:none}}
@media(max-width:60rem){.landing-page .header nav{display:none}.landing-page .login{margin-left:auto}.landing-page .hero-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.landing-page .hero-copy{max-width:700px}.landing-page .hero h1{font-size:clamp(2.5rem,7vw,4rem)}.landing-page .hero-studio{max-width:700px;width:100%}.landing-page .studio-fields{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto}.landing-page .studio-fields label:first-child{grid-column:auto}.landing-page .studio-clock{display:block}.landing-page .studio-canvas{height:520px}.landing-page :is(.flow-panel,.use-panel,.method-grid,.start-section,.faq-section){grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.landing-page .faq-section>div:first-child h2 br{display:none}.tgm-system.auth-layout{grid-template-columns:minmax(0,1fr)}.tgm-system .auth-story{padding:var(--space-lg);gap:var(--space-lg)}.tgm-system .auth-story>div,.tgm-system .auth-story>small{display:none}.tgm-system .auth-form{padding:var(--space-xl) var(--space-md);align-items:start}.landing-page .method-section h2{font-size:var(--text-2xl)}}
@media(max-width:40rem){.landing-page .wrap{width:calc(100% - var(--space-lg))}.landing-page .header-inner{height:68px;gap:var(--space-xs)}.landing-page .header .techlabs-logo{width:96px;padding:var(--space-2xs)}.landing-page .product-name{font-size:var(--text-lg);padding-left:0}.landing-page .login{padding:var(--space-2xs) var(--space-xs);font-size:var(--text-xs)}.landing-page .login span{margin-left:var(--space-2xs)}.landing-page .hero-inner{padding-block:var(--space-lg)}.landing-page .hero-copy{padding:0}.landing-page .hero h1{font-size:clamp(2.25rem,9vw,3.5rem)}.landing-page .hero-lead{font-size:var(--text-sm)}.landing-page .hero-cta{gap:var(--space-xs)}.landing-page .hero-bottom>span{display:none}.landing-page .studio-heading{padding:var(--space-xs);flex-wrap:wrap}.landing-page .studio-heading>span:last-child{display:none}.landing-page .studio-inputs{padding-inline:var(--space-xs)}.landing-page .studio-industries{gap:var(--space-3xs)}.landing-page .studio-industries button{font-size:var(--text-xs);padding-inline:var(--space-3xs)}.landing-page .studio-fields{grid-template-columns:minmax(0,1fr) auto}.landing-page .studio-fields label:first-child{grid-column:1/-1}.landing-page .studio-canvas{height:580px}.landing-page .studio-question,.landing-page .studio-evidence{left:5%;width:90%;padding:var(--space-xs)}.landing-page .studio-question>p{font-size:var(--text-sm)}.landing-page .studio-engine{width:42%;padding:var(--space-2xs);gap:var(--space-3xs)}.landing-page .engine-openai{left:4%}.landing-page .engine-gemini{right:4%}.landing-page .studio-engine-icon{display:none}.landing-page .studio-engine strong{font-size:var(--text-sm)}.landing-page .studio-engine small{font-size:var(--text-xs)}.landing-page .studio-evidence>p{font-size:var(--text-sm);line-height:1.7}.landing-page .studio-action{left:8%;width:84%}.landing-page .studio-action strong{font-size:var(--text-sm)}.landing-page .studio-player{padding:var(--space-xs);gap:var(--space-2xs)}.landing-page .studio-play{width:36px;min-width:36px}.landing-page .studio-clock{display:none}.landing-page .studio-chapters button{font-size:var(--text-xs)}.landing-page .studio-footer{padding:var(--space-xs)}.landing-page .audience-strip .wrap{gap:var(--space-xs);font-size:var(--text-xs)}.landing-page .audience-strip .wrap>span{width:100%;font-size:var(--text-sm)}.landing-page .section,.landing-page .product-section,.landing-page .method-section{padding-block:var(--space-xl)}.landing-page :is(.search-compare,.two-sides){grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.landing-page .search-compare article,.landing-page .starter,.landing-page .flow-visual{padding:var(--space-sm)}.landing-page .section-callout{align-items:flex-start;flex-direction:column}.landing-page .search-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);text-align:left}.landing-page .layer-plus{display:none}.landing-page .search-layers h3{font-size:var(--text-sm)}.landing-page .search-layers p{font-size:var(--text-xs)}.landing-page .decision-list article{grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-md)}.landing-page .decision-list span{grid-column:1}.landing-page .decision-list p{font-size:var(--text-sm)}.landing-page .comparison-row{grid-template-columns:repeat(3,minmax(0,1fr));font-size:var(--text-xs)}.landing-page .comparison-row>*{padding:var(--space-xs) var(--space-2xs)}.landing-page .use-tabs button{font-size:var(--text-xs);padding-inline:var(--space-xs)}.landing-page .closing{padding-block:var(--space-lg)}.landing-page .footer-inner{gap:var(--space-sm)}.landing-page .studio-source{left:3%;right:3%;top:44%}.journal-page header,.journal-page footer{padding:var(--space-md)}.journal-page main{margin-block:var(--space-lg);padding-inline:var(--space-sm)}}
@media(max-width:40rem){.landing-page .studio-action{height:12%;top:85%}.landing-page .studio-action-icon{display:none}}
.landing-page .product-name{color:var(--color-ink)}
.landing-page .hero-inner{align-items:start}
.landing-page .hero-copy{padding-top:var(--space-2xl)}
@media(max-width:60rem){.landing-page .hero-copy{padding-top:0}}

/* Studio alignment: one grid for cards and labels, connectors follow the rendered card edges. */
.landing-page .studio-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(104px,auto) 40px 64px 40px minmax(132px,auto) 32px minmax(64px,auto);column-gap:var(--space-lg);height:auto;padding:var(--space-sm)}
.landing-page .studio-node{position:relative;inset:auto;width:auto;height:auto;min-width:0;grid-column:1/-1;z-index:1}
.landing-page .studio-question{grid-row:1}
.landing-page .studio-engine{grid-row:3;grid-column:auto}
.landing-page .engine-openai{grid-column:1}.landing-page .engine-gemini{grid-column:2}
.landing-page .studio-evidence{grid-row:5}
.landing-page .studio-action{grid-row:7}
.landing-page .studio-wire-label{position:relative;inset:auto;grid-column:1/-1;justify-self:center;align-self:center;z-index:2;line-height:1.4}
.landing-page .label-input{grid-row:2}.landing-page .label-output{grid-row:4}
.landing-page .studio-wires{pointer-events:none;z-index:0}
.landing-page .studio-engine-icon{flex-shrink:0}.landing-page .studio-engine>div{min-width:0}
.landing-page .studio-engine-signal{flex-shrink:0}
@media(max-width:40rem){.landing-page .studio-canvas{padding:var(--space-xs);column-gap:var(--space-xs);grid-template-rows:minmax(112px,auto) 40px 64px 40px minmax(152px,auto) 32px minmax(72px,auto)}}
.landing-page .studio-action{padding:var(--space-xs) var(--space-sm)}
.landing-page .studio-action-icon{display:none}
@media(max-width:40rem){.landing-page .studio-action{padding:var(--space-xs)}}

@media(max-width:40rem){.landing-page .use-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* COCS account access: bright surfaces and the same company mark as the index. */
.tgm-system .auth-story{background:var(--color-paper);color:var(--color-ink);border-right:1px solid var(--color-rule)}
.tgm-system .auth-story h2{color:var(--color-ink)}
.tgm-system .auth-story :is(p,small){color:var(--color-ink-2)}
.tgm-system .auth-story li{border-color:var(--color-rule)}
.tgm-system .auth-story li span{color:var(--color-accent)}
.tgm-system .auth-story .auth-wordmark{display:flex;align-items:center;gap:var(--space-sm);width:auto;letter-spacing:0;color:var(--color-ink);text-decoration:none}
.auth-wordmark .cocs-logo{display:block;width:112px;height:84px;object-fit:contain;background:var(--color-surface)}
@media(max-width:60rem){.tgm-system .auth-story{border-right:0;border-bottom:1px solid var(--color-rule)}.auth-wordmark .cocs-logo{width:80px;height:60px}}

.auth-company{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-ink);text-decoration:none;margin-bottom:var(--space-sm)}
.auth-company .cocs-logo{display:block;width:80px;height:60px;object-fit:contain;background:var(--color-surface)}