/* Cogni Work Design v1.0, adapted to the marketing website.
   Sources and full licenses are retained in licenses.txt. */
.release-info { background: var(--paper); color: var(--ink); border-bottom: 1px solid var(--line); scroll-margin-top: 20px; }
.release-inner { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 0 16px; align-items: center; min-height: 60px; padding-block: 8px; }
.release-badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 4px; background: var(--info); color: #fff; font: 500 10px/1.5 var(--mono); letter-spacing: .08em; }
.release-copy { margin: 0; font-size: 13px; line-height: 1.5; color: var(--ink); }
.release-cta { display: inline-flex; align-items: center; justify-self: end; gap: 8px; min-height: 44px; color: var(--info); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.release-cta > span { font-size: 18px; line-height: 1; }
.release-cta:hover { color: var(--ink); }
.release-cta:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; }
@media(max-width:600px) {
 .release-inner { grid-template-columns: auto minmax(0,1fr); gap: 0 12px; }
 .release-cta { grid-column: 2; justify-self: start; }
}
:root{--ink:#111111;--accent:#C8E62E;--info:#1565C0;--lime:var(--accent);--paper:#FAFAF8;--surface:#F2F2EE;--line:#E0E0DC;--muted:#55594F;--sans:'DM Sans',Arial,sans-serif;--mono:'JetBrains Mono',monospace;--radius:12px;--gutter:clamp(20px,4vw,64px);--max:1200px;--space:24px}
body{font:16px/1.6 var(--sans)}.wrap{max-width:var(--max);width:100%;padding-inline:var(--gutter)}h1,h2,h3{font-weight:700;letter-spacing:-.035em;overflow-wrap:break-word}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.08}h3{font-size:23px;line-height:1.2}.eyebrow,.small-caps,.micro,.step-tag,.step-number,.demo-toolbar,.response-eyebrow,.demo-disclaimer,.price-caption,.price-note,.copyright{font-family:var(--mono)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500}.small-caps{font-weight:500;font-size:11px;letter-spacing:.13em}.micro{font-size:12px;line-height:1.6}.section{padding-block:80px}.lead{font-size:20px;line-height:1.55}.header{background:var(--ink);color:white;max-width:none;padding-inline:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));height:80px;border-color:#35362E}.brand{gap:12px;font-size:21px;letter-spacing:-.02em;font-weight:700}.brand-mark{position:static;width:25px;height:25px;background:none;color:var(--accent);border-radius:0;padding:0;margin:0;font-size:inherit}.brand-ai,.brand-hyphen{color:var(--accent);font-weight:700}.header nav{font-weight:500;font-size:13px;gap:24px}.header nav>a{color:#D7D9D0}.header nav>a:hover{color:var(--accent)}.nav-cta{background:var(--accent);color:var(--ink)!important;border-color:var(--accent);border-radius:8px;min-height:44px;padding:10px 18px}.nav-cta:hover{background:#A8C424}.hero-shell{background:var(--ink);color:#fff}.hero{grid-template-columns:1.25fr 1fr;padding-top:72px;padding-bottom:64px;gap:40px}.hero .eyebrow{color:var(--accent)}.hero .dot{background:var(--accent)}.hero h1{font-size:clamp(44px,5.3vw,72px);font-weight:700;letter-spacing:-.035em;line-height:1.08}.hero h1>span{color:var(--accent)}.hero-text{color:#D5D8CE;font-size:20px;line-height:1.5;max-width:600px;margin-top:28px}.hero .micro{color:#BFC1B9;font-size:11px;max-width:460px;margin-top:20px}.hero .text-link{color:#D5D8CE}.hero .text-link:hover{color:var(--accent)}.actions{gap:24px;margin-top:32px}.button{border-radius:8px;padding:14px 18px;min-height:44px;font-size:13px;font-weight:600;transition:background .18s}.button:hover{transform:none}.primary{background:var(--accent);color:var(--ink)}.primary:hover{background:#A8C424}.text-link{font-size:13px}.text-link:hover{color:#55594F}.hero-visual{border:1px solid #414338;background:transparent;border-radius:var(--radius);min-height:464px;padding:24px}.visual-top{font-family:var(--mono)}.visual-top .small-caps{font-size:10px;letter-spacing:.08em}.visual-badge{font-size:9px;color:#BFC1B9}.orbit{height:316px}.orbit-circle{border-color:#414338}.ring-one{width:172px;height:172px}.ring-two{width:240px;height:240px}.ring-three{width:304px;height:304px;border-color:#2b2c26}.core{background:var(--accent);box-shadow:none;width:164px;height:164px}.core strong{font-size:23px;letter-spacing:-.035em;font-weight:700}.core>span:last-child{font-size:9px;font-family:var(--mono)}.core-symbol .triangle{width:32px;height:32px}.orbit-label{background:#1d1e19;border-color:#515448;box-shadow:none;padding:9px 11px;font-size:11px;border-radius:8px}.label-knowledge{left:0;top:20%}.label-method{right:0;top:60%}.label-team{left:10%;bottom:3%}.visual-bottom{border-color:#414338;color:#BFC1B9;font-size:12px}.orbit-label>span{color:var(--accent)}.visual-arrow{color:var(--accent)}.principle-strip{background:var(--accent);border:0}.strip-inner{font-family:var(--mono);font-size:10px;color:var(--ink);padding-block:16px;gap:20px}.strip-inner>span{padding-left:0}.strip-inner>span:before{display:none}.intro{gap:64px}.intro-copy>p+p{font-size:16px}.work-section{background:var(--surface)}.work-heading{margin-bottom:36px}.work-heading>p{font-size:14px;max-width:290px}.studio-demo{grid-template-columns:240px 1fr;border-radius:var(--radius);box-shadow:none}.demo-sidebar{background:#FAFAF8;padding:24px 16px}.demo-brand{font-size:16px;margin-bottom:36px;gap:10px}.demo-brand .triangle{color:#829800;width:20px;height:20px}.demo-sidebar>.small-caps{color:var(--muted);font-size:9px}.demo-note{color:var(--muted);font-size:16px}.tabs button{color:var(--muted);font-size:11px;gap:8px}.tabs button>span:first-child{color:var(--muted);font-family:var(--mono);font-size:9px}.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.tabs button[aria-selected=true]>span{color:var(--accent)}.demo-content{padding:24px 32px}.demo-toolbar{color:var(--muted)}.demo-toolbar .dot{background:#829800}.avatar{background:var(--surface);color:var(--muted)}.prompt p{font-size:14px;color:var(--muted)}.response-icon{background:var(--ink);color:var(--accent)}.response-icon .triangle{width:17px;height:17px}.response-eyebrow{color:var(--muted);font-size:9px;line-height:1.6}.response h3{font-size:30px;font-weight:700}.response>div>p:not(.response-eyebrow){font-size:14px}.result-lines>span{color:var(--muted);font-size:12px;border-color:var(--line)}.result-lines b{color:var(--muted);font-family:var(--mono)}.result-lines i{background:var(--surface);color:var(--muted);font-family:var(--mono)}.demo-disclaimer{font-size:11px;color:var(--muted);line-height:1.5}.work-foot p{font-size:13px}.work-foot strong{font-weight:500}.journey{gap:64px;grid-template-columns:1fr 1.3fr}.journey-heading .lead{font-size:20px}.step{padding-block:24px;gap:24px}.step-number{background:var(--accent);color:var(--ink);width:36px;height:36px;border-radius:4px}.step .small-caps{color:var(--muted);font-size:10px}.step h3{font-size:23px}.step p:not(.small-caps){font-size:16px}.step-tag{font-size:11px;color:var(--muted);border-color:var(--line)}.pricing-section{background:var(--ink)}.pricing-grid{gap:64px;grid-template-columns:1.05fr 1fr}.pricing-copy .eyebrow{color:var(--accent)}.pricing-copy h2{font-size:clamp(30px,3.5vw,44px)}.pricing-copy>p:not(.eyebrow){color:#D5D8CE;font-size:16px}.support{border-color:#414338;margin-top:36px}.support>span{color:var(--accent)}.support h3{font-size:21px;font-weight:700;letter-spacing:-.02em}.support p{color:#BFC1B9;font-size:14px}.support strong{color:#D5D8CE;font-weight:600}.price-card{border-radius:var(--radius);padding:32px;background:#fff}.price-card .small-caps{color:var(--muted);font-size:10px;line-height:1.7}.price{font-size:72px;font-weight:700;letter-spacing:-.045em}.price>span{font-size:32px}.price-caption{font-size:12px;color:var(--muted)}.price-card li{font-size:14px;padding:10px 0}.price-card li:before{color:var(--ink);background:var(--accent)}.price-note{font-size:11px;color:var(--muted);line-height:1.6}.founder{gap:64px}.founder-art{background:var(--ink);border-radius:var(--radius);min-height:340px;color:#fff}.asterisk{color:var(--accent)}.asterisk .triangle{width:220px;height:220px}.founder-art-caption>span:first-child{color:var(--accent)}.founder-art-caption>span:last-child{font-family:var(--mono);color:#BFC1B9;font-size:11px}.founder-copy .lead{font-size:20px}.founder-copy>p:not(.lead):not(.eyebrow){font-size:16px}.faq{gap:64px}.faq h2{font-size:clamp(30px,3.5vw,44px)}summary{font-size:16px;font-weight:600}summary>span{color:var(--muted)}details p{font-size:15px}.start-section{background:var(--ink);color:white;padding-block:64px}.start-inner{gap:48px}.start-inner h2{font-size:clamp(30px,3.5vw,44px)}.start-inner .eyebrow{color:var(--accent);font-size:11px}.start-inner .dot{background:var(--accent)}.start-inner p:not(.eyebrow){color:#D5D8CE;font-size:16px}.light{background:var(--accent);color:var(--ink)}.light:hover{background:#A8C424}.inverse{color:#D5D8CE}.inverse:hover{color:var(--accent)}.start-actions .micro{color:#BFC1B9;font-size:11px}.footer{background:var(--paper);padding-block:32px}.footer .brand{font-size:21px;color:var(--ink)}.footer .brand-mark{color:#829800}.footer .brand-ai,.footer .brand-hyphen{color:var(--muted)}.footer p{font-size:12px;color:var(--muted)}.footer-links{gap:20px;flex-wrap:wrap;max-width:440px;justify-content:flex-end}.footer-links button,.footer-links a{font-size:12px;color:var(--muted)}.copyright{color:var(--muted)!important;font-size:11px!important}dialog{border-radius:var(--radius);padding:36px}dialog h2{font-size:32px}dialog>p:not(.eyebrow){font-size:15px}.notice{background:var(--surface);border-color:#829800}.notice p{font-size:13px}input,textarea{font-size:14px}.notice strong{color:var(--ink)}:focus-visible{outline:3px solid #1565C0;outline-offset:5px}
@media(max-width:1100px){.hero{gap:32px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(44px,5.5vw,64px)}.hero-text{font-size:18px}.hero-visual{padding:20px;min-height:440px}.orbit{height:300px}.ring-three{width:280px;height:280px}.ring-two{width:230px;height:230px}.orbit-label{font-size:10px;padding:8px}.label-team{left:12%}.intro,.journey,.pricing-grid,.founder,.faq{gap:40px}.studio-demo{grid-template-columns:220px 1fr}.demo-content{padding:24px}.strip-inner{flex-wrap:wrap;font-size:10px;gap:12px 24px}.start-inner{gap:32px}.start-actions{max-width:270px}}
@media(max-width:800px){.wrap{padding-inline:var(--gutter)}.header{padding-inline:var(--gutter);height:76px}.header nav{top:75px;background:var(--ink);color:#D7D9D0;padding:24px var(--gutter);border-color:#414338}.menu-toggle{border-color:#515448}.menu-toggle span{background:#D5D8CE}.hero{grid-template-columns:1fr;gap:40px;padding-top:52px;padding-bottom:48px}.hero h1{font-size:clamp(44px,8vw,72px)}.hero-text{font-size:20px;max-width:620px}.hero-visual{width:100%;max-width:560px;min-height:440px;margin:0}.hero .micro{max-width:100%}.orbit{height:300px}.ring-three{width:290px;height:290px}.label-knowledge{left:8%}.label-method{right:7%}.label-team{left:23%}.section{padding-block:64px}.intro,.journey,.pricing-grid,.founder,.faq{grid-template-columns:1fr;gap:32px}.intro-copy .lead{font-size:20px}.work-heading>p{margin-top:20px;max-width:520px}.studio-demo{grid-template-columns:1fr}.demo-sidebar{padding:20px}.demo-brand{margin-bottom:16px}.tabs button{font-size:11px;padding:12px 6px;min-height:44px}.demo-content{padding:24px}.price-card{max-width:none}.pricing-copy h2{font-size:44px}.founder-art{max-width:none}.founder-copy .lead{font-size:20px}.start-inner{align-items:flex-start;flex-direction:column}.start-inner h2{font-size:44px}.start-actions{max-width:100%;width:auto}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;max-width:none}.step h3{font-size:23px}.faq-list details:first-child{padding-top:20px}.intro-copy>p+p{font-size:16px}.hero h1>span{display:inline}}
@media(max-width:480px){.hero h1{font-size:43px;letter-spacing:-.035em}.hero-text{font-size:18px}.brand{font-size:19px;gap:9px}.brand-mark{width:22px;height:22px}.section{padding-block:44px}.eyebrow{font-size:10px}.hero .actions{gap:22px;align-items:flex-start;flex-direction:column}.hero-visual{padding:20px;min-height:406px}.visual-top{flex-wrap:wrap}.visual-top .small-caps{font-size:9px}.visual-badge{font-size:8px}.orbit{height:268px}.ring-three{width:248px;height:248px}.ring-two{width:205px;height:205px}.ring-one{width:156px;height:156px}.core{width:146px;height:146px}.core strong{font-size:22px}.core>span:last-child{font-size:8px}.label-knowledge{left:0;top:15%}.label-method{right:0;top:57%}.label-team{left:9%;bottom:1%}.orbit-label{font-size:9px;gap:6px;padding:8px}.strip-inner{display:block;font-size:10px}.strip-inner>span{display:block;padding-block:3px}.intro-copy .lead,.journey-heading .lead,.founder-copy .lead{font-size:18px}.demo-content{padding:20px}.demo-brand{font-size:16px}.tabs button{font-size:10px;gap:4px;padding:10px 4px}.tabs button>span:first-child{display:none}.demo-toolbar{font-size:9px}.demo-toolbar>span:first-child{font-size:8px}.demo-toolbar>span:last-child{font-size:8px}.prompt p{font-size:13px}.response h3{font-size:26px}.response>div>p:not(.response-eyebrow){font-size:13px}.response-eyebrow{font-size:8px}.response{gap:10px}.response-icon{width:22px;height:22px}.result-lines>span{font-size:11px;gap:8px}.result-lines i{font-size:8px}.demo-disclaimer{font-size:10px}.work-foot p{font-size:12px}.pricing-copy h2,.start-inner h2{font-size:34px}.price-card{padding:24px}.price{font-size:62px}.price-caption{font-size:11px}.price-card li{font-size:13px}.price-note{font-size:11px}.step{gap:16px}.step p:not(.small-caps){font-size:15px}.step h3{font-size:23px}.step-tag{font-size:10px}.support p{font-size:14px}.founder-art{min-height:290px}.asterisk .triangle{width:180px;height:180px}.founder-art-caption{left:24px;right:24px}.founder-copy>p:not(.lead):not(.eyebrow){font-size:15px}summary{font-size:15px}.start-section{padding-block:44px}.footer-links{gap:14px 20px}.footer .brand{font-size:19px}dialog{padding:30px 24px}dialog h2{font-size:29px}}
@media print{@page{size:A4;margin:16mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{font-size:10pt}.header,.actions,.start-actions,.footer-links,.skip,dialog{display:none!important}.wrap{padding:0;max-width:none}.hero{padding:24px;grid-template-columns:1fr}.hero h1{font-size:43pt}.hero-text{font-size:15pt}.hero-visual{display:none}.hero-shell{break-after:page}.section{padding-block:24px;break-before:page}.intro,.journey,.pricing-grid,.founder,.faq{grid-template-columns:1fr;gap:24px}.studio-demo{grid-template-columns:200px 1fr}.demo-note{display:none}.pricing-section{padding:24px}.price-card,.step,.founder-art,.faq-list details{break-inside:avoid}.start-section{padding:24px;break-before:page}.founder-art{min-height:220px}.copyright{color:var(--muted)!important}.footer{padding-top:24px}}

.founder-contact{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:24px}.founder-contact .text-link{margin-top:0}.inline-link{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.email-draft{margin-top:16px;width:100%}

.founder-photo{margin:0;align-self:center}.founder-photo>a{display:block;border-radius:var(--radius)}.founder-photo img{width:100%;height:auto;display:block;border-radius:var(--radius)}.founder-photo figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;font:11px/1.6 var(--mono);color:var(--muted)}.founder-photo figcaption strong{font-weight:500;color:var(--ink)}@media print{.founder-photo{max-width:120mm;break-inside:avoid}}

/* Integrated workspace: concrete architecture and consulting journey. */
.architecture { padding-top: 0; }
.architecture-heading { max-width: 850px; }
.architecture-heading .lead { margin-top: 26px; }
.architecture-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 42px; }
.architecture-cards h3 { margin: 14px 0; font-size: 23px; line-height: 1.25; letter-spacing: -.035em; }
.architecture-cards p { font-size: 15px; line-height: 1.7; color: #62625e; }
@media(max-width:800px) { .architecture-cards { grid-template-columns: 1fr; gap: 25px; } }

/* Perspective on the future of consulting. */
.future-section { background: #f2f2ee; border-top: 1px solid #ddddd5; }
.future-heading { max-width: 860px; }
.future-heading h2 { max-width: 780px; }
.future-heading .lead { margin: 26px 0 18px; }
.future-heading > p:last-child { max-width: 760px; color: #62625e; font-size: 16px; line-height: 1.8; }
.future-label { display: flex; align-items: center; gap: 24px; margin-top: 40px; margin-bottom: 24px; }
.future-label p { margin: 0; font-size: clamp(18px, 2.2vw, 22px); font-weight: 700; line-height: 1.4; letter-spacing: .06em; }
.future-hand { display: block; width: 112px; height: auto; flex: 0 0 auto; }
@media(max-width:650px) { .future-label { gap: 16px; } .future-hand { width: 76px; } .future-label p { max-width: 220px; line-height: 1.7; } }
.future-shifts { list-style: none; counter-reset: future; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,auto); grid-auto-flow: column; gap: 0 44px; padding: 0; margin: 0; }
.future-shifts li { counter-increment: future; position: relative; border-top: 1px solid #d4d4cc; padding: 26px 0 28px 36px; }
.future-shifts li::before { content: '0' counter(future); position: absolute; left: 0; top: 28px; font-family: 'JetBrains Mono',monospace; font-size: 11px; color: #62625e; }
.future-from { display: block; color: #62625e; font-size: 14px; line-height: 1.5; margin-bottom: 7px; }
.future-shifts h3 { font-size: 23px; letter-spacing: -.035em; line-height: 1.25; margin: 0 0 12px; }
.future-shifts p { font-size: 15px; line-height: 1.7; color: #62625e; }
.future-example { margin-top: 24px; border-left: 4px solid #c8e62e; padding: 28px 32px; background: #fafaf8; }
.future-example h3 { font-size: 24px; letter-spacing: -.03em; max-width: 750px; margin: 12px 0; line-height: 1.3; }
.future-example > p:last-child { max-width: 800px; font-size: 15px; line-height: 1.7; color: #62625e; }
.future-outlook { max-width: 800px; padding-top: 34px; }
.future-outlook p { font-size: 17px; line-height: 1.7; margin-bottom: 15px; }
.future-outlook .text-link { margin-top: 12px; }
@media(max-width:650px) { .future-shifts { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; } .future-shifts h3 { font-size: 21px; } .future-example { padding: 24px 20px; } .future-example h3 { font-size: 21px; } .future-outlook p { font-size: 16px; } }

/* Release preparation: accessible controls and narrow screens. */
.menu-toggle,.dialog-close{min-width:44px;min-height:44px}
.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.secondary:hover{background:#e0e0dc}
body:has(dialog[open]){overflow:hidden}
.no-script{padding-block:24px}
.legal-page{max-width:850px;padding-block:48px}
.legal-page>.text-link{margin-bottom:36px}
.legal-page h1{font-size:clamp(32px,6vw,48px);margin-bottom:24px}
.legal-page>p{margin-block:18px}
.legal-page nav{margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:360px){.hero h1{font-size:35px}.hero-text{font-size:17px}.tabs{flex-wrap:wrap}.tabs button{flex-basis:100%;justify-content:flex-start;font-size:12px;padding:12px}.result-lines>span{flex-wrap:wrap}.result-lines i{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.legal-page h3{margin-top:32px;font-size:23px;line-height:1.3}
.legal-page .eyebrow{margin-bottom:24px}
.legal-page p{overflow-wrap:anywhere}

/* ChatGPT Business foundation and separate subscription costs. */
.platform-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;border-top:1px solid var(--line)}
.platform-copy>p+p{margin-top:20px}
.platform-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}
.platform-links a{display:inline-block;font-size:14px;line-height:1.6;padding-block:11px;min-height:44px}
@media(max-width:800px){.platform-grid{grid-template-columns:1fr;gap:32px}}

/* The brand triangle connects the team's knowledge with better consulting. */
.hero-visual.triangle-visual{min-height:0;padding:24px;align-self:center}
.consulting-triangle{display:block;width:100%;height:auto;max-height:380px;margin:24px 0;overflow:visible;font-family:var(--sans)}
.triangle-shape{fill:var(--accent)}
.triangle-benefit{fill:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px}
.triangle-product{fill:var(--ink);font-size:34px;font-weight:700;letter-spacing:-1px}
.triangle-foundation{fill:#fff;font-size:23px;font-weight:600;letter-spacing:-.3px}
.triangle-visual .visual-bottom{font-size:13px}
@media(max-width:600px){
 .hero-visual.triangle-visual{padding:20px 16px}
 .consulting-triangle{margin:20px 0}
 .triangle-benefit{font-size:32px}
 .triangle-foundation{font-size:29px}
 .triangle-product{font-size:36px}
}
@media print{.hero-visual.triangle-visual{display:none}}

.pricing-copy .pricing-emphasis{color:var(--accent)}

/* Complete page index in the header. */
.header { position: relative; gap: 20px; }
.header > .menu-toggle { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 12px; width: auto; height: 44px; padding: 0 14px; margin-left: auto; color: #D7D9D0; background: transparent; border: 1px solid #515448; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 600; }
.header .menu-lines { display: flex; flex-direction: column; gap: 5px; width: 17px; height: auto; background: none; }
.menu-lines i { display: block; width: 17px; height: 1px; background: currentColor; }
.header > nav { display: none; position: absolute; top: 100%; left: auto; right: var(--gutter); width: min(600px, calc(100vw - 2 * var(--gutter))); padding: 24px; background: var(--ink); border: 1px solid #414338; border-radius: 0 0 12px 12px; box-shadow: 0 12px 24px #0002; z-index: 20; gap: 8px 24px; }
.header > nav.open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.header > nav > a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; border-bottom: 1px solid #414338; }
.header > .nav-cta { display: inline-flex; align-items: center; gap: 20px; font-size: 13px; font-weight: 600; }
.architecture-status { font-size: 14px; color: #62625e; margin-top: 18px; max-width: 760px; }
.architecture-note { padding-bottom: 24px; font-size: 14px; line-height: 1.7; color: #62625e; }
.architecture-source { margin-top: 20px; font-size: 12px; color: #62625e; }
@media(max-width:650px) { .header { gap: 12px; } .header > .nav-cta { display: none; } .header > nav.open { grid-template-columns: 1fr; max-height: 75vh; overflow-y: auto; } }

/* Readable green heading accent on the light introduction background. */
#studio .intro-heading-accent{color:#748700}

/* Product name: semibold Consulting, regular Studio; retain the surrounding typography. */
.studio-name { font-weight: 400; font-style: normal; white-space: nowrap; }
.studio-name-consulting { font-weight: 600; }
.demo-brand > .studio-name { font-size: inherit; }
.faq-list summary > .faq-question { font-size: inherit; font-weight: inherit; color: inherit; transform: none; }

/* Keep the inquiry label below the 44px close control, including at 320px. */
#inquiry-dialog{padding-top:64px}