:root{color-scheme: light;--midnight: #101720;--petrol: #2E4B5B;--petrol-120: #253C49;--petrol-20: #D5DBDE;--orange: #F18350;--orange-80: #F49C73;--orange-60: #F7B596;--orange-40: #F9CDB9;--orange-20: #FCE6DC;--green: #41C36A;--yellow: #F8E144;--beige: #FFF6EA;--grey: #F5F5F7;--white: #FFFFFF;--coral: #E86A4C;--coral-60: #F3B09C;--coral-20: #FBE6DF;--yellow-soft: #FEF8D6;--green-soft: #E4F7EA;--ai: var(--orange);--ai-soft: var(--orange-20);--human: var(--green);--human-soft: var(--green-soft);--connect: var(--yellow);--connect-soft: var(--yellow-soft);--guy: var(--coral);--guy-soft: var(--coral-20);--accent: var(--ai);--ink-soft: rgba(16,23,32,0.72);--line: rgba(16,23,32,0.12);--font-display: "Poppins","Helvetica Neue",Arial,sans-serif;--font-text: "Roboto","Helvetica Neue",Arial,sans-serif;--fs-h1: clamp(2.25rem,1.35rem + 3.6vw,3.5rem);--fs-h2: clamp(1.875rem,1.35rem + 2.1vw,2.5rem);--fs-statement: clamp(2rem,1.1rem + 3.6vw,3.5rem);--fs-sub: clamp(1.25rem,1.1rem + 0.6vw,1.5rem);--fs-body: clamp(1rem,0.95rem + 0.2vw,1.0625rem);--fs-small: 0.875rem;--fs-label: 0.75rem;--wide: 1160px;--narrow: 760px;--section-y: clamp(4.5rem,3rem + 6vw,8rem);--radius-card: 28px;--radius-md: 20px}.role-ai{--accent: var(--ai);--accent-soft: var(--ai-soft)}.role-human{--accent: var(--human);--accent-soft: var(--human-soft)}.role-connect{--accent: var(--connect);--accent-soft: var(--connect-soft)}.role-guy{--accent: var(--guy);--accent-soft: var(--guy-soft)}[hidden]{display: none !important}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: 88px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{transition: none !important;animation: none !important}}body{margin: 0;background: var(--white);color: var(--midnight);font-family: var(--font-text);font-size: var(--fs-body);line-height: 1.5;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img{display: block;max-width: 100%;height: auto}h1,h2{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em;line-height: 1.2;text-wrap: balance;margin: 0}h1{font-size: var(--fs-h1)}h2{font-size: var(--fs-h2)}h3{font-family: var(--font-text);font-weight: 500;font-size: var(--fs-sub);letter-spacing: -0.01em;line-height: 1.3;margin: 0;text-wrap: balance}p,li,dd,summary{margin: 0;text-wrap: pretty;hyphens: auto;overflow-wrap: break-word}h1,h2,.statement p{hyphens: manual}.nowrap{white-space: nowrap}.lead{font-size: var(--fs-sub);line-height: 1.45;color: var(--petrol)}.muted{color: var(--ink-soft)}.mark{background-image: linear-gradient(transparent 60%,var(--orange-60) 60%,var(--orange-60) 94%,transparent 94%);-webkit-box-decoration-break: clone;box-decoration-break: clone;padding-inline: 0.06em}.hero .mark,.final .mark{background-image: linear-gradient(transparent 60%,var(--orange-60) 60%,var(--orange-60) 94%,transparent 94%)}.eyebrow{display: inline-flex;align-items: center;gap: 0.65rem;font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: var(--midnight)}.eyebrow::before{content: "";width: 22px;height: 4px;border-radius: 2px;background: var(--accent);flex: none}.label{font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: var(--midnight)}.tag{display: inline-flex;align-items: center;gap: 0.45rem;font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.04em;line-height: 1;color: var(--midnight);background: var(--white);border: 1px solid var(--line);border-radius: 999px;padding: 0.4rem 0.7rem 0.4rem 0.55rem;white-space: nowrap}.tag::before{content: "";width: 9px;height: 9px;border-radius: 50%;background: var(--tag-color,var(--accent));box-shadow: inset 0 0 0 1px rgba(16,23,32,0.15)}.tag.ai{--tag-color: var(--ai)}.tag.human{--tag-color: var(--human)}.tag.system{--tag-color: var(--connect)}.legend{display: flex;flex-wrap: wrap;gap: 0.5rem}.wrap{width: min(100% - 2.5rem,var(--wide));margin-inline: auto}.narrow{max-width: var(--narrow)}.section{padding-block: var(--section-y)}.bg-grey{background: var(--grey)}.bg-beige{background: var(--beige)}.bg-soft{background: var(--accent-soft)}.stack{display: grid;gap: 1.25rem;align-content: start}.stack-lg{display: grid;gap: clamp(2.5rem,2rem + 2vw,4rem)}.section-head{display: grid;gap: 1rem;justify-items: start;margin-bottom: clamp(2.5rem,2rem + 2vw,3.5rem)}:focus-visible{outline: 2px solid var(--midnight);outline-offset: 3px;border-radius: 6px}.skip-link{position: absolute;left: 1rem;top: -100px;z-index: 40;background: var(--white);color: var(--midnight);font-weight: 500;padding: 0.7rem 1rem;border-radius: 10px;box-shadow: 0 0 0 2px var(--midnight)}.skip-link:focus{top: 1rem}a{color: inherit}.text-link{color: var(--midnight);font-weight: 500;text-decoration: underline;text-decoration-color: var(--orange);text-decoration-thickness: 2px;text-underline-offset: 0.3em;display: inline-block;padding: 0.5em 0.25em;margin: -0.5em -0.25em;white-space: nowrap;transition: text-decoration-thickness .15s ease}.text-link:hover{text-decoration-thickness: 3px}.btn{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0.8rem 1.5rem;border-radius: 999px;font-family: var(--font-text);font-size: 1rem;font-weight: 500;line-height: 1.2;text-decoration: none;white-space: nowrap;transition: background-color .2s ease,border-color .2s ease,color .2s ease}.btn-primary{background: var(--orange);color: var(--midnight)}.btn-primary:hover{background: var(--orange-80)}.btn-secondary{border: 1.5px solid var(--midnight);color: var(--midnight);background: transparent}.btn-secondary:hover{background: var(--white)}.btn-dark{background: var(--midnight);color: var(--white)}.btn-dark:hover{background: var(--petrol-120)}.btn-row{display: flex;flex-wrap: wrap;gap: 1.1rem 1.25rem;align-items: center}@media (max-width: 560px){.btn-row{gap: 0.9rem}}.cta-note{font-size: var(--fs-small);color: var(--ink-soft)}.draft-bar{background: var(--yellow);color: var(--midnight);font-size: var(--fs-small);text-align: center;padding: 0.55rem 1.25rem}.review{display: inline-flex;align-items: center;justify-self: start;font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.04em;line-height: 1.35;color: var(--midnight);background: var(--white);border: 1px dashed rgba(16,23,32,0.45);border-radius: 999px;padding: 0.3rem 0.8rem}.review-block{border: 1.5px dashed rgba(16,23,32,0.4);border-radius: var(--radius-md);padding: 1.5rem 1.75rem;display: grid;gap: 0.6rem;background: rgba(255,255,255,0.7)}.site-header{position: sticky;top: 0;z-index: 20;background: rgba(255,255,255,0.84);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid var(--line)}.header-inner{display: flex;align-items: center;gap: 2rem;min-height: 72px;position: relative}.brand{display: block;padding: 8px 0;flex: none}.brand img{height: 48px;width: auto}.nav{display: flex;align-items: center;gap: 1.75rem;margin-left: auto}.nav ul{display: flex;gap: 1.75rem;list-style: none;margin: 0;padding: 0}.nav a:not(.btn){font-size: var(--fs-small);text-decoration: none;color: var(--midnight);padding: 0.75rem 0;white-space: nowrap;text-decoration-color: var(--orange);text-underline-offset: 0.45em;text-decoration-thickness: 2px}.nav a:not(.btn):hover,.nav a[aria-current="page"]{text-decoration-line: underline}.nav .btn{min-height: 40px;padding: 0.5rem 1.1rem;font-size: var(--fs-small)}.menu-toggle{display: none}@media (max-width: 1080px){.menu-toggle{display: inline-flex;align-items: center;margin-left: auto;min-height: 44px;padding: 0 1rem;border-radius: 999px;border: 1.5px solid var(--midnight);background: transparent;color: var(--midnight);font: 500 var(--fs-small) var(--font-text);cursor: pointer}.nav{display: none}.nav.is-open{display: grid;gap: 0.25rem;position: absolute;left: -1.25rem;right: -1.25rem;top: 100%;background: var(--white);padding: 1rem 1.25rem 1.5rem;border-bottom: 1px solid var(--line)}.nav.is-open ul{display: grid;gap: 0}.nav.is-open a:not(.btn){display: block;font-size: 1rem;padding: 0.85rem 0;border-bottom: 1px solid var(--grey)}.nav.is-open .btn{margin-top: 0.75rem;min-height: 48px;font-size: 1rem}}.mobile-cta{display: none}@media (max-width: 760px){.mobile-cta{display: block;position: fixed;left: 0;right: 0;bottom: 0;z-index: 25;padding: 0.75rem 1.25rem calc(0.75rem + env(safe-area-inset-bottom));background: rgba(255,255,255,0.92);-webkit-backdrop-filter: saturate(180%) blur(16px);backdrop-filter: saturate(180%) blur(16px);border-top: 1px solid var(--line)}.mobile-cta .btn{width: 100%}body{padding-bottom: 80px}}.hero{background: var(--beige);overflow: hidden}.hero-grid{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);gap: clamp(2rem,1rem + 3vw,4rem);align-items: end}.hero-copy{padding-block: clamp(3.5rem,2rem + 5vw,6.5rem);display: grid;gap: 1.5rem;align-content: start;justify-items: start}.hero .lead{max-width: 36em}.hero-meta{display: grid;gap: 0.35rem;padding-top: 1rem;border-top: 1px solid var(--line);max-width: 36em;width: 100%}.hero-meta p{font-size: var(--fs-small);color: var(--ink-soft);hyphens: manual}.hero-figure{margin: 0;align-self: end}.hero-figure img{width: 100%;max-width: 540px;margin-left: auto}.hero-mark{height: 104px;width: auto;padding: 0.75rem 0}.page-hero .hero-copy{max-width: 52rem}@media (max-width: 900px){.hero-grid{grid-template-columns: 1fr}.hero-copy{padding-bottom: 0}.hero-figure img{max-width: 420px;margin-inline: auto}}.page-hero .hero-copy{padding-bottom: clamp(3.25rem,2.25rem + 3vw,5rem)}@media (max-width: 900px){.hero-copy{padding-bottom: clamp(2.5rem,1.5rem + 4vw,4rem)}.page-hero .hero-copy{padding-bottom: clamp(3rem,2rem + 4vw,4.5rem)}}.cards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.cards.two{grid-template-columns: repeat(2,minmax(0,1fr))}@media (max-width: 900px){.cards,.cards.two{grid-template-columns: 1fr}}.audience{background: var(--white);border-radius: var(--radius-card);padding: clamp(1.75rem,1.4rem + 1vw,2.25rem);display: grid;grid-template-rows: auto auto 1fr auto;gap: 1rem;border-top: 6px solid var(--accent)}.audience .who{font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase}.audience h3{font-size: 1.25rem;line-height: 1.35}.audience .relevant{color: var(--petrol)}.audience .relevant strong{color: var(--midnight);font-weight: 500}.brand-card{background: var(--grey);border-radius: var(--radius-card);padding: clamp(1.75rem,1.4rem + 1vw,2.5rem);display: grid;grid-template-rows: auto auto 1fr auto;gap: 1rem;transition: background-color .2s ease}.brand-card:hover{background: var(--accent-soft,var(--orange-20))}.bg-grey .brand-card,.bg-soft .brand-card{background: var(--white)}.brand-icon{width: 88px;height: 88px;border-radius: 50%;background: var(--white);display: grid;place-items: center;box-shadow: inset 0 0 0 1.5px var(--accent)}.brand-icon img{width: 60px;height: 60px;object-fit: contain}.brand-card h3 a{text-decoration: none}.brand-card h3 a:hover{text-decoration: underline;text-decoration-color: var(--orange);text-underline-offset: 0.2em}.brand-card p{color: var(--petrol)}.brand-card .text-link{justify-self: start}.brand-card .role-line{font-size: var(--fs-small);color: var(--ink-soft)}.rule-list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(1.5rem,1rem + 2vw,3rem);list-style: none;margin: 0;padding: 0}.rule-list li{display: grid;gap: 0.6rem;align-content: start;padding-top: 1.25rem;border-top: 3px solid var(--accent)}.rule-list p{color: var(--petrol)}.bridge{font-size: var(--fs-sub);font-weight: 500;line-height: 1.4}@media (max-width: 760px){.rule-list{grid-template-columns: 1fr}}.statement{text-align: center}.statement p{font-family: var(--font-display);font-weight: 600;font-size: var(--fs-statement);letter-spacing: -0.02em;line-height: 1.2;text-wrap: balance}.steps-head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;gap: 1rem;margin-bottom: 1.75rem}.steps{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(7,minmax(0,1fr));counter-reset: step;position: relative}.steps::before{content: "";position: absolute;left: 22px;right: 22px;top: 22px;height: 2px;background: var(--line)}.steps li{counter-increment: step;display: grid;gap: 0.75rem;justify-items: start;position: relative;padding-right: 0.5rem}.steps li::before{content: counter(step);width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;background: var(--white);border: 2px solid var(--step-color,var(--accent));font-family: var(--font-display);font-weight: 600;font-size: 0.95rem;color: var(--midnight);font-variant-numeric: tabular-nums}.steps li.ai{--step-color: var(--ai)}.steps li.human{--step-color: var(--human)}.steps li.system{--step-color: var(--connect)}.steps .name{font-weight: 500;font-size: 1rem;hyphens: auto;overflow-wrap: break-word}.loop-note{margin-top: 2.25rem;color: var(--petrol);max-width: 40em}@media (max-width: 900px){.steps{grid-template-columns: 1fr;gap: 1rem}.steps::before{left: 21px;right: auto;top: 22px;bottom: 22px;width: 2px;height: auto}.steps li{grid-template-columns: 44px 1fr auto;align-items: center;gap: 1rem}}.num-list{list-style: none;margin: 0;padding: 0;counter-reset: n;display: grid}.num-list li{counter-increment: n;display: grid;grid-template-columns: 3.25rem 1fr;gap: 0.15rem 1rem;align-items: start;padding-block: 1.15rem;border-bottom: 1px solid var(--line)}.num-list li:first-child{border-top: 1px solid var(--line)}.num-list li::before{content: counter(n);width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;border: 2px solid var(--accent);background: var(--white);font-family: var(--font-display);font-weight: 600;font-size: 0.95rem;color: var(--midnight);font-variant-numeric: tabular-nums}.num-list .step-title{font-size: 1.25rem;font-weight: 500;line-height: 1.35}.num-list .step-text{grid-column: 2;color: var(--petrol)}.roles{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.role{--role-color: var(--ai);background: var(--white);border-radius: var(--radius-card);padding: clamp(1.75rem,1.4rem + 1vw,2.5rem);display: grid;gap: 1.25rem;align-content: start;border-top: 6px solid var(--role-color)}.role.human{--role-color: var(--human)}.role.system{--role-color: var(--connect);background: var(--yellow-soft)}.role h3{color: var(--midnight);font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.role ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.55rem}.role li{display: flex;gap: 0.6rem;align-items: baseline}.role li::before{content: "";width: 7px;height: 7px;border-radius: 50%;flex: none;background: var(--role-color);box-shadow: inset 0 0 0 1px rgba(16,23,32,0.15);transform: translateY(-2px)}@media (max-width: 900px){.roles{grid-template-columns: 1fr}}.split{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);gap: clamp(2rem,1rem + 4vw,5rem);align-items: center}.split.even{grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: start}.photo{margin: 0;display: grid;gap: 0.75rem}.photo img{border-radius: var(--radius-card);width: 100%}.photo figcaption{font-size: var(--fs-small);color: var(--ink-soft)}.quote{font-family: var(--font-display);font-weight: 600;font-size: var(--fs-h2);letter-spacing: -0.02em;line-height: 1.2;margin: 0;text-wrap: balance}.gate-logo{width: 190px;padding: 12px 0}@media (max-width: 900px){.split,.split.even{grid-template-columns: 1fr}.photo{max-width: 460px}}.fit{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.25rem}.fit-col{background: var(--white);border-radius: var(--radius-md);padding: 1.75rem;display: grid;gap: 1rem;align-content: start}.fit-col ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.75rem}.fit-col li{display: grid;grid-template-columns: 1.5rem 1fr;gap: 0.6rem;align-items: baseline}.fit-col li::before{font-weight: 500}.fit-yes li::before{content: "✓";color: var(--midnight)}.fit-yes{box-shadow: inset 0 0 0 2px var(--green)}.fit-no li::before{content: "–";color: var(--midnight)}@media (max-width: 760px){.fit{grid-template-columns: 1fr}}.offer{list-style: none;margin: 0;padding: 0;display: grid}.offer-head,.offer li{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.5rem}.offer-head{padding-bottom: 0.9rem;border-bottom: 3px solid var(--accent)}.offer li{padding-block: 1.5rem;border-bottom: 1px solid var(--line);align-items: baseline}.offer .cell{display: grid;gap: 0.3rem}.offer .cell-label{display: none}.offer .value{font-size: 1.25rem;font-weight: 500;line-height: 1.35}.offer .result .value .mark{padding-inline: 0.06em}@media (max-width: 760px){.offer-head{display: none}.offer li{grid-template-columns: 1fr;gap: 0.9rem}.offer .cell-label{display: block}}.table-wrap{overflow-x: auto;border-radius: var(--radius-md);background: var(--white);border: 1px solid var(--line)}.decision{width: 100%;border-collapse: collapse;min-width: 680px}.decision caption{text-align: left;padding: 1.25rem 1.5rem 0;color: var(--ink-soft);font-size: var(--fs-small)}.decision th,.decision td{text-align: left;padding: 1rem 1.5rem;border-bottom: 1px solid var(--line);vertical-align: middle}.decision thead th{font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase}.decision tbody th{font-weight: 500}.decision tbody tr:last-child th,.decision tbody tr:last-child td{border-bottom: 0}.meter{display: inline-flex;align-items: center;gap: 0.6rem;white-space: nowrap}.meter .bars{display: inline-flex;gap: 3px}.meter .bars i{width: 14px;height: 8px;border-radius: 2px;background: var(--petrol-20)}.meter .bars i.on{background: var(--midnight)}.flow{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.6rem 0.4rem;align-items: center}.flow li{display: inline-flex;align-items: center;gap: 0.4rem;hyphens: manual}.flow li span{background: var(--white);border: 1px solid var(--line);border-radius: 999px;padding: 0.45rem 0.9rem;font-weight: 500;white-space: nowrap}.flow li:not(:last-child)::after{content: "→";color: var(--midnight);opacity: 0.5}.status-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.25rem}.status-item{background: var(--white);border-radius: var(--radius-md);padding: 1.5rem 1.75rem;display: grid;gap: 0.75rem;align-content: start}.state{display: inline-flex;align-items: center;gap: 0.6rem;font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap}.state::before{content: "";width: 14px;height: 14px;border-radius: 50%;flex: none;box-sizing: border-box;border: 2px solid var(--midnight)}.state.ready::before{background: var(--midnight)}.state.building::before{background: linear-gradient(90deg,var(--midnight) 50%,transparent 50%)}.state.validating::before{background: radial-gradient(circle,var(--midnight) 30%,transparent 34%)}.state.later::before{border-style: dashed}.status-item p{color: var(--petrol)}@media (max-width: 760px){.status-list{grid-template-columns: 1fr}}.faq{display: grid;border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 1.5rem;padding: 1.35rem 0;font-size: 1.25rem;font-weight: 500;line-height: 1.35}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";flex: none;width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;border: 2px solid var(--accent);background: var(--white);font-family: var(--font-display);font-size: 1.25rem;color: var(--midnight);transition: transform .2s ease}.faq details[open] summary::after{transform: rotate(45deg)}.faq .answer{padding: 0 3.5rem 1.5rem 0;color: var(--petrol);max-width: 44em}.final{background: var(--orange);color: var(--midnight)}.final-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(2rem,1rem + 4vw,5rem);align-items: center}.final .lead{color: var(--midnight)}.final .cta-note{color: var(--midnight)}.final :focus-visible{outline-color: var(--midnight)}.call-steps{list-style: none;margin: 0;padding: 0;counter-reset: c;display: grid;gap: 0.75rem}.call-steps li{counter-increment: c;display: grid;grid-template-columns: 2.75rem 1fr;gap: 1rem;align-items: center;background: rgba(255,255,255,0.55);border-radius: 16px;padding: 1rem 1.25rem}.call-steps li::before{content: counter(c);width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;background: var(--white);font-family: var(--font-display);font-weight: 600;color: var(--midnight);font-variant-numeric: tabular-nums}.call-steps strong{display: block;font-weight: 500;font-size: 1.125rem}.call-steps span{display: block;margin-top: 0.15rem;color: var(--midnight)}.final .eyebrow::before{background: var(--midnight)}@media (max-width: 900px){.final-grid{grid-template-columns: 1fr}}.site-footer{background: var(--white);padding-block: clamp(3rem,2rem + 3vw,4.5rem) 2rem}.footer-logos{display: flex;flex-wrap: wrap;align-items: center;gap: clamp(2rem,1rem + 4vw,4.5rem)}.footer-logos a{display: block;padding: 12px 0}.footer-logos img{height: 64px;width: auto}.architecture{margin-top: 2.25rem;max-width: 46em;color: var(--petrol)}.footer-bottom{margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: 0.75rem 1.5rem;justify-content: space-between;align-items: center;font-size: var(--fs-small);color: var(--ink-soft)}.legal{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 1.5rem}.legal a{color: var(--midnight);text-decoration-color: var(--orange);text-underline-offset: 0.25em;padding-block: 0.5rem}@font-face{font-family: "Roboto";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/roboto-latin-400.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Roboto";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/roboto-latin-500.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Roboto";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/roboto-latin-ext-400.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Roboto";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/roboto-latin-ext-500.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.nav .nav-secondary{display: none}@media (max-width: 1080px){.nav.is-open .nav-secondary{display: block}}.breadcrumb ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.4rem;font-size: var(--fs-small);color: var(--ink-soft)}.breadcrumb li + li::before{content: "›";margin-right: 0.4rem}.breadcrumb a{color: var(--midnight);text-decoration-color: var(--orange);text-underline-offset: 0.25em}.status-badge{display: inline-flex;align-items: center;background: var(--white);border: 1px solid var(--line);border-radius: 999px;padding: 0.35rem 0.75rem}.status-badge .state{font-size: 0.6875rem}.status-legend{display: flex;flex-wrap: wrap;gap: 0.5rem 1.25rem}.offers{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.25rem}.offer-card{background: var(--white);border-radius: var(--radius-card);border: 1px solid var(--line);padding: clamp(1.75rem,1.4rem + 1vw,2.5rem);display: grid;gap: 1.1rem;align-content: start;border-top: 6px solid var(--accent)}.bg-grey .offer-card,.bg-soft .offer-card{border-color: transparent}.offer-card .card-top{display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center}.offer-card h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em;font-size: 1.5rem}.offer-card .when{font-size: 1.0625rem}.offer-card .when strong{font-weight: 500}.offer-card ul{margin: 0;padding: 0;list-style: none;display: grid;gap: 0.5rem}.offer-card li{display: grid;grid-template-columns: 1.25rem 1fr;gap: 0.5rem;align-items: baseline;color: var(--petrol)}.offer-card li::before{content: "✓";color: var(--midnight);font-weight: 500}.meta{display: grid;grid-template-columns: auto 1fr;gap: 0.35rem 1rem;margin: 0;font-size: var(--fs-small)}.meta dt{color: var(--ink-soft)}.meta dd{margin: 0;font-weight: 500}@media (max-width: 900px){.offers{grid-template-columns: 1fr}}.finder{display: grid;border-top: 1px solid var(--line)}.finder a{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) auto;gap: 1.5rem;align-items: center;padding: 1.25rem 0;border-bottom: 1px solid var(--line);text-decoration: none}.finder a:hover .finder-go{text-decoration-thickness: 3px}.finder .finder-problem{font-size: 1.125rem;font-weight: 500}.finder .finder-answer{color: var(--petrol)}.finder .finder-go{font-weight: 500;text-decoration: underline;text-decoration-color: var(--orange);text-decoration-thickness: 2px;text-underline-offset: 0.3em;white-space: nowrap}@media (max-width: 760px){.finder a{grid-template-columns: 1fr;gap: 0.4rem}}.bbc{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.bbc-col{background: var(--white);border-radius: var(--radius-md);padding: 1.75rem;display: grid;gap: 0.9rem;align-content: start}.bbc-col .bbc-letter{font-family: var(--font-display);font-weight: 600;font-size: 2.5rem;line-height: 1}.bbc-col .bbc-letter .mark{padding-inline: 0.1em}.bbc-col h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.bbc-col ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 0.4rem}.bbc-col li span{display: inline-block;border: 1px solid var(--line);border-radius: 999px;padding: 0.3rem 0.7rem;font-size: var(--fs-small);font-weight: 500}@media (max-width: 900px){.bbc{grid-template-columns: 1fr}}.phases{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 1rem;counter-reset: ph}.phases li{counter-increment: ph;background: var(--white);border-radius: var(--radius-md);padding: 1.5rem;display: grid;gap: 0.6rem;align-content: start;border-top: 6px solid var(--accent)}.phases li::before{content: "Phase " counter(ph);font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase}.phases h3{font-family: var(--font-display);font-weight: 600;font-size: 1.25rem;letter-spacing: -0.02em}.phases p{color: var(--petrol);font-size: 0.9375rem}@media (max-width: 1000px){.phases{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.phases{grid-template-columns: 1fr}}.roadmap{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.roadmap li{border-top: 3px solid var(--accent);padding-top: 1rem;display: grid;gap: 0.4rem}.roadmap .when{font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase}.roadmap h3{font-size: 1.25rem}.roadmap p{color: var(--petrol)}@media (max-width: 760px){.roadmap{grid-template-columns: 1fr}}.timeline{list-style: none;margin: 0;padding: 0;display: grid}.timeline li{display: grid;grid-template-columns: 11rem 1fr;gap: 1.5rem;padding-block: 1.5rem;border-bottom: 1px solid var(--line)}.timeline li:first-child{border-top: 1px solid var(--line)}.timeline .period{font-weight: 500;font-variant-numeric: tabular-nums;color: var(--ink-soft)}.timeline h3{font-size: 1.25rem}.timeline .org{font-weight: 500}.timeline p{color: var(--petrol);margin-top: 0.35rem}@media (max-width: 700px){.timeline li{grid-template-columns: 1fr;gap: 0.35rem}}.facts{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem}.fact{background: var(--white);border-radius: var(--radius-md);padding: 1.25rem 1.5rem;display: grid;gap: 0.3rem}.fact dt{font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ink-soft)}.fact dd{margin: 0;font-weight: 500;font-size: 1.0625rem}@media (max-width: 900px){.facts{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.facts{grid-template-columns: 1fr}}.thesis{font-family: var(--font-display);font-weight: 600;font-size: var(--fs-statement);letter-spacing: -0.02em;line-height: 1.2;margin: 0;text-wrap: balance}.thesis-source{margin-top: 1rem;color: var(--ink-soft)}.routes{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.route{background: var(--white);border-radius: var(--radius-card);padding: clamp(1.75rem,1.4rem + 1vw,2.25rem);display: grid;grid-template-rows: auto auto 1fr auto;gap: 1rem;border-top: 6px solid var(--accent)}.route h2{font-size: 1.5rem}.route p{color: var(--petrol)}.route .btn{justify-self: start;white-space: normal;text-align: center}@media (max-width: 900px){.routes{grid-template-columns: 1fr}}.contact-list{display: grid;grid-template-columns: auto 1fr;gap: 0.6rem 1.5rem;margin: 0}.contact-list dt{color: var(--ink-soft)}.contact-list dd{margin: 0;font-weight: 500;overflow-wrap: anywhere}.prose{max-width: 46rem;display: grid;gap: 1rem}.prose h2{font-size: 1.5rem;margin-top: 1.75rem}.prose h3{font-size: 1.125rem;margin-top: 0.75rem}.prose p,.prose li{color: var(--midnight)}.prose ul{margin: 0;padding-left: 1.25rem;display: grid;gap: 0.4rem}.prose address{font-style: normal}.fill{background: var(--yellow-soft);box-shadow: 0 0 0 1px var(--yellow);border-radius: 4px;padding: 0 0.3rem}.footer-nav{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1.5rem;margin-top: 2.5rem}.footer-nav .footer-title{font-family: var(--font-text);font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;margin: 0 0 0.75rem;color: var(--midnight)}.footer-nav ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.15rem}.footer-nav a{display: inline-block;padding-block: 0.4rem;text-decoration: none}.footer-nav a:hover{text-decoration: underline;text-decoration-color: var(--orange);text-decoration-thickness: 2px;text-underline-offset: 0.3em}@media (max-width: 760px){.footer-nav{grid-template-columns: repeat(2,minmax(0,1fr))}}.proof-points{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.6rem}.proof-points li{display: grid;grid-template-columns: 1.25rem 1fr;gap: 0.5rem;align-items: baseline}.proof-points li::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--accent);transform: translateY(-1px)}@font-face{font-family: "Poppins";font-style: normal;font-weight: 600;font-display: swap;src: url("/assets/fonts/poppins-latin-600.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Poppins";font-style: normal;font-weight: 600;font-display: swap;src: url("/assets/fonts/poppins-latin-ext-600.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.logic-roles{margin-top: 1.5rem}.stack > *,.stack-lg > *,.section-head > *,.split > *,.hero-copy > *,.final-grid > *,.prose > *{min-width: 0;max-width: 100%}@media (max-width: 760px){h1,h2,.quote,.thesis,.statement p{-webkit-hyphens: auto;hyphens: auto;overflow-wrap: break-word}}.audience,.offer-card,.phases li,.route,.role{border-top: 0}.audience .who,.route .eyebrow{display: inline-flex;align-items: center;gap: 0.6rem}.audience .who::before{content: "";width: 22px;height: 4px;border-radius: 2px;background: var(--accent);flex: none}.offer-card{box-shadow: inset 0 0 0 1px var(--line);border: 0}.offer-card .card-top::before{content: "";width: 22px;height: 4px;border-radius: 2px;background: var(--accent);flex: none}.phases li::before{display: flex;align-items: center;gap: 0.6rem}.phases li{position: relative}.phases li h3::before{content: "";display: block;width: 22px;height: 4px;border-radius: 2px;background: var(--accent);margin-bottom: 0.75rem}.role h3{display: flex;align-items: center;gap: 0.7rem}.role h3::before{content: "";width: 14px;height: 14px;border-radius: 50%;flex: none;background: var(--role-color);box-shadow: inset 0 0 0 1px rgba(16,23,32,0.15)}.role.system{box-shadow: inset 0 0 0 1.5px var(--yellow)}.state.later::before{border-style: solid;background: transparent}.state.validating::before{background: radial-gradient(circle,var(--midnight) 0 2.5px,transparent 3px)}@media (max-width: 760px){.lead{-webkit-hyphens: manual;hyphens: manual;font-size: 1.1875rem}.statement p{font-size: clamp(1.625rem,1.1rem + 2.8vw,2rem)}.quote,.thesis{font-size: 1.75rem}}.prose{grid-template-columns: minmax(0,1fr)}@media (max-width: 520px){.prose h1{font-size: 1.875rem;overflow-wrap: anywhere}.prose .fill{overflow-wrap: anywhere}}.eyebrow,.audience .who,.route .eyebrow{display: block}.eyebrow::before,.audience .who::before{content: "";display: inline-block;width: 22px;height: 4px;border-radius: 2px;background: var(--accent);vertical-align: middle;margin-right: 0.65rem;position: relative;top: -0.1em}.final .eyebrow::before{background: var(--midnight)}.hero-figure img{clip-path: none}.cards > *,.offers > *,.roles > *,.routes > *,.fit > *,.status-list > *,.bbc > *,.phases > *,.roadmap > *{min-width: 0}@media (max-width: 360px){.offer-card,.audience,.brand-card,.route,.role,.fit-col,.status-item{padding: 1.35rem}.offer-card h3,.route h2{font-size: 1.3125rem;-webkit-hyphens: auto;hyphens: auto}.btn{padding-inline: 1.1rem;font-size: 0.9375rem}}@media (max-width: 420px){h1{font-size: 2rem}.page-hero h1{font-size: 1.9375rem}}.contact-list .text-link{white-space: normal;overflow-wrap: anywhere}@media (max-width: 420px){.contact-list{grid-template-columns: 1fr;gap: 0.15rem}.contact-list dd{margin-bottom: 0.75rem}}.mark{-webkit-hyphens: manual;hyphens: manual}@media (max-width: 360px){h1,.page-hero h1{font-size: 1.75rem}}.references{margin-top: 2.5rem;display: grid;gap: 0.9rem}.references h3{font-size: var(--fs-small);text-transform: uppercase;letter-spacing: 0.08em;color: var(--ink-soft);margin: 0}.reference-list{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.75rem}.reference-list li{background: var(--white);box-shadow: inset 0 0 0 1px var(--line);border-radius: 999px;padding: 0.55rem 1.1rem;font-family: var(--font-display);font-weight: 600}section[id],.block[id],.rights[id]{scroll-margin-top: 6rem}.hero-status{list-style: none;margin: 1.5rem 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.6rem 1.75rem;font-size: var(--fs-small);color: var(--ink-soft)}.hero-status li{display: flex;flex-wrap: wrap;align-items: center;gap: 0.35rem 0.75rem}.logic-chain{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 1rem;counter-reset: logic}.logic-chain li{counter-increment: logic;min-width: 0}.logic-chain a{display: grid;gap: 0.45rem;align-content: start;height: 100%;background: var(--white);border-radius: var(--radius-md);padding: 1.5rem 1.25rem 1.4rem;text-decoration: none;color: var(--midnight);transition: transform 0.2s ease,box-shadow 0.2s ease}.logic-chain a::before{content: counter(logic,decimal-leading-zero);font-size: var(--fs-label);font-weight: 600;letter-spacing: 0.1em;color: var(--coral);font-variant-numeric: tabular-nums}.logic-chain a:hover{transform: translateY(-2px);box-shadow: 0 10px 28px rgba(16,23,32,0.08)}.logic-chain .term{font-family: var(--font-display);font-weight: 600;font-size: 1.125rem;letter-spacing: -0.01em;line-height: 1.25}.logic-chain .de{color: var(--petrol);font-size: var(--fs-small);line-height: 1.45}.logic-note{margin-top: 1.75rem;max-width: 44em;color: var(--petrol)}.blocks{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.25rem}.block{background: var(--grey);border-radius: var(--radius-card);padding: clamp(1.5rem,1rem + 2vw,2.25rem);display: grid;gap: 0.75rem;align-content: start;min-width: 0}.block h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.block .de,.rights .de{font-weight: 500;color: var(--midnight)}.block p:not(.de){color: var(--petrol)}.config-note{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem;font-size: var(--fs-small);color: var(--ink-soft);margin: -1rem 0 1.5rem}.levels{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.level{background: var(--white);border-radius: var(--radius-card);box-shadow: inset 0 0 0 1px var(--line);padding: clamp(1.5rem,1rem + 1.5vw,2rem);display: grid;gap: 0.9rem;align-content: start;min-width: 0}.level .meter{font-size: var(--fs-small);color: var(--petrol);white-space: normal;flex-wrap: wrap}.level h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.level ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.5rem}.level li{display: flex;gap: 0.6rem;align-items: baseline}.level li::before{content: "";width: 7px;height: 7px;border-radius: 50%;flex: none;background: var(--level-color);box-shadow: inset 0 0 0 1px rgba(16,23,32,0.15);transform: translateY(-2px)}.level.l1{--level-color: var(--ai)}.level.l2{--level-color: var(--human)}.level.l3{--level-color: var(--midnight)}.level .example{font-size: var(--fs-small);color: var(--ink-soft)}.fallback{margin-top: 1.25rem;background: var(--yellow-soft);border-radius: var(--radius-md);padding: 1.1rem 1.5rem;color: var(--midnight);max-width: 60em}.rights{margin-top: clamp(3rem,2rem + 3vw,4.5rem);display: grid;gap: 0.9rem}.rights h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.rights .de{max-width: 44em}.rights .table-wrap{margin-top: 0.5rem}.rights .decision{min-width: 620px}.data-levels{margin-bottom: 1.25rem}.principles{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1.25rem}.principle{background: var(--white);border-radius: var(--radius-md);padding: 1.5rem;display: grid;gap: 0.7rem;align-content: start;min-width: 0}.principle h3{font-size: 1.125rem;line-height: 1.3}.principle p{color: var(--petrol);font-size: 0.9375rem}.layers{list-style: none;margin: 0 0 clamp(2.5rem,2rem + 2vw,3.5rem);padding: 0;display: grid;gap: 0.5rem;counter-reset: layer}.layers li{counter-increment: layer;display: grid;grid-template-columns: 2.5rem minmax(10rem,16rem) minmax(0,1fr) auto;gap: 0.5rem 1.25rem;align-items: center;background: var(--white);border-radius: var(--radius-md);box-shadow: inset 0 0 0 1px var(--line);padding: 0.95rem 1.25rem}.layers li::before{content: counter(layer);font-family: var(--font-display);font-weight: 600;color: var(--ink-soft);font-variant-numeric: tabular-nums}.layers li.core{background: var(--yellow-soft);box-shadow: none}.layers .layer-name{font-weight: 500;color: var(--midnight)}.layers .layer-de{color: var(--petrol);font-size: 0.9375rem}.next-steps li{align-items: start}.next-steps .step-state{grid-column: 2}@media (max-width: 1100px){.logic-chain{grid-template-columns: repeat(3,minmax(0,1fr))}.principles{grid-template-columns: repeat(2,minmax(0,1fr))}.layers li{grid-template-columns: 2.25rem minmax(0,1fr) auto}.layers .layer-de{grid-column: 2 / -1}}@media (max-width: 900px){.levels,.blocks{grid-template-columns: 1fr}}@media (max-width: 640px){.logic-chain,.principles{grid-template-columns: 1fr}.layers li{grid-template-columns: 2rem minmax(0,1fr)}.layers .layer-de,.layers .state{grid-column: 2}.hero-status{flex-direction: column}}@media (prefers-reduced-motion: reduce){.logic-chain a{transition: none}.logic-chain a:hover{transform: none}}.case{background: var(--white);border-radius: var(--radius-md);padding: 1.25rem 1.5rem;margin-bottom: 1rem;display: grid;gap: 0.5rem;max-width: 60em}.case p:not(.label){color: var(--midnight)}.workflow{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.5rem;counter-reset: wf}.workflow li{counter-increment: wf;display: grid;grid-template-columns: 2.5rem minmax(9rem,12rem) minmax(0,1fr) minmax(0,17rem);gap: 0.5rem 1.25rem;align-items: start;background: var(--white);border-radius: var(--radius-md);padding: 1.1rem 1.25rem}.workflow li::before{content: counter(wf);font-family: var(--font-display);font-weight: 600;color: var(--ink-soft);font-variant-numeric: tabular-nums}.wf-step{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem 0.6rem}.wf-name{font-weight: 500;color: var(--midnight);width: 100%}.wf-text{color: var(--petrol)}.wf-result{font-size: var(--fs-small);color: var(--midnight)}.wf-result strong{font-weight: 500}.starts .label{color: var(--ink-soft)}.example-quote{color: var(--midnight);font-weight: 500}.role .terms li{align-items: baseline}.role .terms strong{font-weight: 500}@media (max-width: 1100px){.workflow li{grid-template-columns: 2.25rem minmax(0,1fr)}.workflow .wf-text,.workflow .wf-result{grid-column: 2}}@media (max-width: 640px){.rights .table-wrap{overflow: visible}.rights .decision{min-width: 0}.rights .decision thead{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.rights .decision tbody tr{display: grid;gap: 0.45rem;padding: 1rem 1.25rem;border-bottom: 1px solid var(--line)}.rights .decision tbody tr:last-child{border-bottom: 0}.rights .decision th,.rights .decision td{padding: 0;border: 0}.rights .decision .tag{white-space: normal;line-height: 1.3}.rights .decision caption{padding: 1.25rem 1.25rem 0.5rem}}@media (max-width: 760px){body{padding-bottom: calc(7.5rem + env(safe-area-inset-bottom))}html{scroll-padding-bottom: calc(7.5rem + env(safe-area-inset-bottom))}.mobile-cta{transition: transform 0.25s ease,opacity 0.2s ease}.mobile-cta.is-hidden{transform: translateY(110%);opacity: 0;pointer-events: none}h1,h2,.quote,.thesis,.statement p{-webkit-hyphens: manual;hyphens: manual;overflow-wrap: break-word;word-break: normal}h2{font-size: clamp(1.625rem,1.2rem + 2vw,1.875rem)}}@media (max-width: 1080px){body.menu-open .mobile-cta{display: none}}@media (max-width: 360px){h2{font-size: 1.5625rem}.quote,.thesis{font-size: 1.5625rem}}@media (prefers-reduced-motion: reduce){.mobile-cta{transition: none}}h3{-webkit-hyphens: manual;hyphens: manual}@media (max-width: 360px){.prose h1{font-size: 1.5rem;overflow-wrap: break-word}.prose h2{font-size: 1.1875rem}}@media (max-width: 1080px){.nav.is-open{min-height: calc(100vh - 72px);min-height: calc(100dvh - 72px);max-height: calc(100dvh - 72px);overflow-y: auto;align-content: start;overscroll-behavior: contain}body.menu-open{overflow: hidden}}@media (max-width: 414px){h2{font-size: 1.5rem}}@media (max-width: 360px){h2{font-size: 1.375rem}.page-hero h1{font-size: 1.625rem}}@media (max-width: 414px){#ansatz-title,#signature-title{font-size: 1.3125rem}}@media (max-width: 360px){#ansatz-title,#signature-title{font-size: 1.1875rem}}@media (max-width: 360px){.offer-card h3,.route h2{-webkit-hyphens: manual;hyphens: manual}}.nav .btn{white-space: nowrap;flex: none}@media (min-width: 1081px) and (max-width: 1279px){.header-inner{gap: 1.5rem}.nav,.nav ul{gap: 1.25rem}}.hero-copy{padding-top: clamp(2.5rem,1.25rem + 3.5vw,5rem)}@media (min-width: 901px){.hero-copy{padding-bottom: clamp(2.5rem,1.25rem + 3.5vw,5rem)}}.page-hero .hero-mark{height: clamp(64px,2.5rem + 3.5vw,92px);padding: 0.5rem 0}@media (min-width: 761px){.page-hero h1{font-size: clamp(2.25rem,1.2rem + 2.4vw,3.125rem)}}@media (min-width: 901px) and (max-width: 1180px){.hero-grid h1{font-size: clamp(2.125rem,0.9rem + 2.1vw,2.625rem)}.hero-grid .hero-mark{height: 72px}}@media (max-width: 414px){.hero-copy{padding-top: 2rem;gap: 1.25rem}.page-hero .hero-mark{height: 56px}}.paths{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);gap: 1.25rem}.path{background: var(--grey);border-radius: var(--radius-card);padding: clamp(1.5rem,1rem + 1.5vw,2.25rem);display: grid;gap: 0.9rem;align-content: start;min-width: 0}.path-primary{grid-row: span 2;background: var(--beige);box-shadow: inset 0 0 0 2px var(--orange)}.path h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.path-primary h3{font-size: clamp(1.5rem,1.2rem + 1vw,2rem)}.path > p:not(.eyebrow):not(.cta-note){color: var(--petrol)}.path-facts{margin: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem 1.5rem}.path-facts dt,.offer-aside dt{font-size: var(--fs-label);font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ink-soft)}.path-facts dd,.offer-aside dd{margin: 0.3rem 0 0;color: var(--midnight)}.path .text-link{justify-self: start}.path-links{font-size: var(--fs-small);color: var(--ink-soft)}.path-links a{color: var(--midnight);text-decoration-color: var(--orange);text-underline-offset: 0.25em}@media (max-width: 900px){.paths{grid-template-columns: 1fr}.path-primary{grid-row: auto}}@media (max-width: 520px){.path-facts{grid-template-columns: 1fr}}.offer-sheet{display: grid;grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);gap: clamp(2rem,1rem + 3vw,4rem);align-items: start}.offer-main{display: grid;gap: 2.25rem;min-width: 0}.offer-main h3,.brief .label{margin-bottom: 0.75rem}.offer-main h3{font-family: var(--font-display);font-weight: 600;letter-spacing: -0.02em}.offer-main p{color: var(--petrol)}.check-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.5rem}.check-list li{display: grid;grid-template-columns: 1.25rem 1fr;gap: 0.5rem;align-items: baseline;color: var(--petrol)}.check-list li::before{content: "✓";color: var(--midnight);font-weight: 500}.deliverables{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem 1.75rem;counter-reset: dl}.deliverables li{counter-increment: dl;display: grid;grid-template-columns: 2rem 1fr;gap: 0.5rem;align-items: baseline;color: var(--midnight)}.deliverables li::before{content: counter(dl,decimal-leading-zero);font-family: var(--font-display);font-weight: 600;font-size: 0.9375rem;color: var(--coral);font-variant-numeric: tabular-nums}.delimit{background: var(--grey);border-radius: var(--radius-md);padding: 1.25rem 1.5rem}.offer-aside{position: sticky;top: 6rem;background: var(--beige);border-radius: var(--radius-card);padding: clamp(1.5rem,1rem + 1.5vw,2.25rem);display: grid;gap: 1.25rem;min-width: 0}.offer-aside dl{margin: 0;display: grid;gap: 1rem}.offer-aside .btn{justify-self: start}@media (max-width: 900px){.offer-sheet{grid-template-columns: 1fr}.offer-aside{position: static}}@media (max-width: 640px){.deliverables{grid-template-columns: 1fr}}@media (min-width: 901px){.routes{grid-template-columns: minmax(0,1.35fr) repeat(2,minmax(0,1fr))}}.route-primary{background: var(--beige);box-shadow: inset 0 0 0 2px var(--orange);grid-template-rows: auto}.route-primary .brief{background: var(--white);border-radius: var(--radius-md);padding: 1rem 1.25rem}.route-primary .btn-row .btn{white-space: normal}@media (max-width: 414px){.path-primary h3,#diagnose h3{font-size: 1.25rem}#diagnose-title{font-size: 1.5rem}}@media (max-width: 360px){.path-primary h3,#diagnose h3{font-size: 1.125rem}#diagnose-title{font-size: 1.25rem}}.nur-fuer-screenreader{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.lang-switch{display: flex;align-items: center;gap: 0.35rem;flex: none;font-size: var(--fs-label);letter-spacing: 0.06em}.lang-switch a{color: var(--ink-soft);text-decoration: none;padding: 0.25rem 0.35rem;border-radius: 4px}.lang-switch a:hover{color: var(--midnight);text-decoration: underline;text-decoration-color: var(--orange);text-underline-offset: 0.25em}.lang-switch a[aria-current="true"]{color: var(--midnight);font-weight: 600;box-shadow: inset 0 -2px 0 var(--orange)}.lang-switch a:focus-visible{outline: 2px solid var(--orange);outline-offset: 2px}.lang-switch span{color: var(--line)}@media (max-width: 1080px){.lang-switch{order: -1;margin-left: auto}.menu-toggle{margin-left: 0.75rem}}@media (max-width: 360px){.header-inner{gap: 0.75rem}.lang-switch{gap: 0.2rem}.lang-switch a{padding: 0.25rem 0.2rem}.menu-toggle{margin-left: 0.5rem;padding: 0 0.7rem}}.lang-hint{position: fixed;left: 50%;transform: translateX(-50%);bottom: 1rem;z-index: 20;max-width: min(32rem,calc(100vw - 2rem));display: flex;align-items: center;gap: 0.75rem;background: var(--white);border: 1px solid var(--line);border-radius: 999px;padding: 0.5rem 0.75rem 0.5rem 1.1rem;box-shadow: 0 6px 24px rgba(16,24,40,0.12);font-size: var(--fs-small)}.lang-hint[hidden]{display: none}.lang-hint p{margin: 0;color: var(--ink-soft)}.lang-hint a{color: var(--midnight);text-decoration-color: var(--orange);text-underline-offset: 0.25em;white-space: nowrap}.lang-hint button{appearance: none;background: none;border: 0;padding: 0.25rem 0.45rem;font: inherit;font-size: 1rem;line-height: 1;color: var(--ink-soft);cursor: pointer;border-radius: 999px}.lang-hint button:hover{color: var(--midnight);background: var(--grey)}.lang-hint button:focus-visible{outline: 2px solid var(--orange);outline-offset: 2px}@media (max-width: 760px){.lang-hint{bottom: 4.75rem;font-size: var(--fs-label);padding-left: 0.9rem}}.brand-overture-wrap{display: flex;justify-content: center;padding-top: clamp(1.5rem,1rem + 1.5vw,2.5rem)}.hero-overture .hero-copy{padding-top: clamp(1rem,0.5rem + 1vw,1.75rem)}.brand-overture{margin: 0;display: grid;gap: 0.15rem;justify-items: center;text-align: center;width: 100%;max-width: 31.2rem}.hero-brand-video{display: block;width: 100%;height: auto;aspect-ratio: 16 / 5;object-fit: cover;background: transparent;mix-blend-mode: darken;clip-path: inset(2px);transition: opacity 0.2s ease}.hero-brand-video.is-aus{display: none}.hero-brand-endbild[hidden]{display: none}@media (prefers-reduced-motion: reduce){.hero-brand-video{transition: none}}@media (max-width: 900px){.brand-overture{max-width: 24.15rem}}@media (max-width: 414px){.brand-overture{max-width: 19.55rem}}@media (max-width: 360px){.brand-overture{max-width: 14.375rem}.brand-overture-wrap{padding-top: 1rem}}@media (prefers-reduced-motion: reduce){.hero-brand-video{animation: none}}.bg-role-soft{background: var(--accent-soft)}.bg-role-soft .block,.bg-role-soft .brand-card,.bg-role-soft .logic-chain a{background: var(--white)}.brand-card.role-guy .brand-icon{box-shadow: inset 0 0 0 1.5px var(--coral)}.brand-card.role-guy:hover{background: var(--coral-20)}.brand-card.role-guy h3 a:hover{text-decoration-color: var(--coral)}.role-guy .rule-list li{border-top-color: var(--coral)}.role-guy .eyebrow::before{background: var(--coral)}.role-guy .deliverables li::before,.role-guy .logic-chain a::before{color: var(--coral)}.role-ai .deliverables li::before{color: var(--orange)}.num-list .step-text{margin-top: 0.1rem}.fact dt{display: flex;align-items: center;gap: 0.5rem}.fact dt::before{content: "";flex: none;width: 1.0625rem;height: 1.0625rem;background: var(--accent);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain}.fact[data-icon="fokus"] dt::before{-webkit-mask-image: var(--icon-fokus);mask-image: var(--icon-fokus)}.fact[data-icon="branchen"] dt::before{-webkit-mask-image: var(--icon-branchen);mask-image: var(--icon-branchen)}.fact[data-icon="erfahrung"] dt::before{-webkit-mask-image: var(--icon-erfahrung);mask-image: var(--icon-erfahrung)}.fact[data-icon="sprachen"] dt::before{-webkit-mask-image: var(--icon-sprachen);mask-image: var(--icon-sprachen)}:root{--icon-fokus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");--icon-branchen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V8l6-4v17M19 21V12l-8-4'/%3E%3C/svg%3E");--icon-erfahrung: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");--icon-sprachen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18a15 15 0 0 1 0-18'/%3E%3C/svg%3E")}.next-with-figure .wrap{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,0.7fr);gap: clamp(2rem,1rem + 3vw,4rem);align-items: center}.next-with-figure .section-head{margin-bottom: 0}.phase-figure{display: grid;gap: 0.75rem;align-content: center;min-width: 0}.phase-figure .phase-row{display: grid;grid-template-columns: 2.25rem 1fr;gap: 0.85rem;align-items: center}.phase-figure .phase-dot{width: 2.25rem;height: 2.25rem;border-radius: 50%;display: grid;place-items: center;font-family: var(--font-display);font-weight: 600;font-size: 0.8125rem;color: var(--midnight);background: var(--white);box-shadow: inset 0 0 0 2px var(--phase-color,var(--orange));font-variant-numeric: tabular-nums}.phase-figure .phase-bar{height: 0.5rem;border-radius: 999px;background: var(--phase-color,var(--orange));opacity: 0.55}.phase-figure .phase-row:nth-child(1){--phase-color: var(--coral)}.phase-figure .phase-row:nth-child(2){--phase-color: var(--orange)}.phase-figure .phase-row:nth-child(3){--phase-color: var(--green)}.phase-figure .phase-row:nth-child(4){--phase-color: var(--yellow)}.phase-figure .phase-row:nth-child(1) .phase-bar{width: 45%}.phase-figure .phase-row:nth-child(2) .phase-bar{width: 65%}.phase-figure .phase-row:nth-child(3) .phase-bar{width: 82%}.phase-figure .phase-row:nth-child(4) .phase-bar{width: 100%}@media (max-width: 860px){.next-with-figure .wrap{grid-template-columns: 1fr}.phase-figure{margin-top: 0.5rem}}.role-guy .mark{background-image: linear-gradient(transparent 60%,var(--coral-60) 60%,var(--coral-60) 94%,transparent 94%)}.statement .mark,.thesis .mark{color: var(--midnight)}.eyebrow::before,.audience .who::before{width: 36px;height: 5px}.rule-list li{border-top-width: 6px}.text-link{text-decoration-thickness: 2.5px;padding: 0.7em 0.25em;margin: -0.7em -0.25em}.text-link:hover,.text-link:focus-visible{text-decoration-thickness: 4px}.nav a:not(.btn):hover,.nav a[aria-current="page"]{text-decoration-thickness: 3px}.footer-nav a{padding-block: 0.7rem}.brand-card h3 a{display: inline-block;padding-block: 0.6rem;margin-block: -0.6rem}.lang-hint a{display: inline-block;padding-block: 0.9rem;margin-block: -0.9rem}.lang-hint button{min-width: 44px;min-height: 44px}.footer-nav a:hover{text-decoration-thickness: 3px}.legal a{text-decoration-thickness: 2px}.lang-switch a{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;min-width: 44px;padding-inline: 0.5rem}.btn-secondary{border: 2px solid var(--orange)}.btn-secondary:hover{background: var(--orange-20);border-color: var(--orange-80)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline-color: var(--midnight)}.paths{counter-reset: pth}.path{position: relative}.path::before{counter-increment: pth;content: counter(pth,decimal-leading-zero);font-family: var(--font-display);font-weight: 600;font-size: 0.9375rem;letter-spacing: 0.08em;color: var(--orange);font-variant-numeric: tabular-nums;line-height: 1}.path.role-human::before{color: var(--green)}.path.role-connect::before{color: var(--midnight)}.rule-list{counter-reset: rl}.rule-list li::before{counter-increment: rl;content: counter(rl,decimal-leading-zero);font-family: var(--font-display);font-weight: 600;font-size: 0.9375rem;letter-spacing: 0.08em;color: var(--orange);line-height: 1;font-variant-numeric: tabular-nums}.steps li::before{border-width: 3px}.steps li.ai::before{background: var(--orange)}.steps::before{height: 3px;background: var(--orange-40)}@media (max-width: 900px){.steps::before{width: 3px;height: auto}}.offer-card .state.ready::before{background: var(--orange);border-color: var(--orange)}.offer-card{transition: background-color .2s ease,box-shadow .2s ease}.offer-card:hover{background: var(--orange-20);box-shadow: inset 0 0 0 1px var(--orange-60)}.statement.bg-soft{background: var(--orange-40)}.statement .mark{background-image: linear-gradient(transparent 60%,var(--orange-80) 60%,var(--orange-80) 94%,transparent 94%)}.path-primary{box-shadow: inset 0 0 0 3px var(--orange)}.path-primary .eyebrow{display: inline-block;background: var(--orange);color: var(--midnight);border-radius: 999px;padding: 0.4rem 0.85rem;justify-self: start}.path-primary .eyebrow::before{display: none}.hero .eyebrow{display: inline-block;background: var(--orange-40);border-radius: 999px;padding: 0.4rem 0.85rem}.hero .eyebrow::before{display: none}.hero{position: relative}.hero-figure{position: relative;z-index: 1}.hero-grid{position: relative;z-index: 1}@media (max-width: 900px){.hero-figure{max-width: 420px;margin-inline: auto;width: 100%}}.role-ai .section-head h2::after,.role-ai .stack > h2::after{content: "";display: block;width: 72px;height: 6px;border-radius: 3px;background: var(--orange);margin-top: 1rem}.role-guy .section-head h2::after,.role-guy .stack > h2::after{content: "";display: block;width: 72px;height: 6px;border-radius: 3px;background: var(--coral);margin-top: 1rem}.statement h2::after,.final h2::after{display: none}.role-guy .photo img{box-shadow: 0 0 0 8px var(--coral-20),0 0 0 10px var(--coral)}.role-guy .proof-points li::before{background: var(--coral)}.role-guy .text-link{text-decoration-color: var(--coral)}.brand-card.role-guy{box-shadow: inset 0 0 0 2px var(--coral)}.brand-card.role-human{box-shadow: inset 0 0 0 2px var(--green)}.brand-card.role-connect{box-shadow: inset 0 0 0 2px var(--yellow)}.figure{margin: 0;display: grid;gap: 0.75rem;justify-items: center;min-width: 0}.figure-svg{display: block;width: 100%;height: auto}.figure-svg text{font-family: var(--font-text);fill: var(--midnight)}.figure-svg .t-display{font-family: var(--font-display);font-weight: 600}.figure figcaption{font-size: var(--fs-small);color: var(--ink-soft);text-align: center;max-width: 40em}.figure-brands{max-width: 560px;margin-inline: auto;margin-bottom: clamp(2rem,1.5rem + 2vw,3rem)}.figure-loop{max-width: 600px;margin-inline: auto;margin-bottom: clamp(2rem,1.5rem + 2vw,3rem)}.aihi-head{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,0.85fr);gap: clamp(2rem,1rem + 3vw,4rem);align-items: center;margin-bottom: clamp(2.5rem,2rem + 2vw,3.5rem)}.aihi-head .section-head{margin-bottom: 0}.figure-aihi{max-width: 480px;width: 100%}@media (max-width: 900px){.aihi-head{grid-template-columns: 1fr}.figure-aihi{max-width: 440px;margin-inline: auto}}.figure-brands .brands-mobil,.figure-loop .loop-mobil{display: none}@media (max-width: 599px){.figure-brands .brands-desktop,.figure-loop .loop-desktop{display: none}.figure-brands .brands-mobil,.figure-loop .loop-mobil{display: block}.figure-brands,.figure-loop{max-width: 400px}}.figure-aihi .aihi-mobil{display: none}@media (max-width: 599px){.figure-aihi .aihi-desktop{display: none}.figure-aihi .aihi-mobil{display: block}.figure-aihi{max-width: 400px}}.swipe-wrap{position: relative}.swipe-hint{font-size: var(--fs-small);color: var(--ink-soft);margin-bottom: 0.9rem}.swipe-nav{display: flex;gap: 0.5rem;justify-content: flex-end;margin-bottom: 1rem}.swipe-btn{width: 44px;height: 44px;border-radius: 50%;border: 2px solid var(--midnight);background: var(--white);display: grid;place-items: center;cursor: pointer;font: 600 1.1rem var(--font-display);color: var(--midnight);transition: background-color .15s ease,border-color .15s ease}.swipe-btn:hover{background: var(--orange);border-color: var(--orange)}.swipe-btn:disabled{opacity: 0.35;cursor: default;background: var(--white);border-color: var(--midnight)}.swipe-btn:focus-visible{outline: 2px solid var(--midnight);outline-offset: 3px}.swipe{display: flex;gap: 1rem;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;touch-action: pan-x pan-y;scrollbar-width: thin;scrollbar-color: var(--orange) transparent;padding-bottom: 0.75rem}.swipe > *{flex: 0 0 min(100%,420px);scroll-snap-align: start;min-width: 0}.swipe:focus-visible{outline: 2px solid var(--midnight);outline-offset: 6px;border-radius: 8px}@media (prefers-reduced-motion: no-preference){.swipe{scroll-behavior: smooth}}@media (max-width: 760px){.swipe{margin-inline: calc(-1 * (100vw - 100%) / 2);padding-inline: max(1.25rem,calc((100vw - 100%) / 2));scroll-padding-inline: max(1.25rem,calc((100vw - 100%) / 2))}.swipe > *{flex-basis: 84%}}.swipe-nav[data-for="swipe-m"],.swipe-hint[data-for="swipe-m"]{display: none}@media (max-width: 900px){.cards.swipe-m{display: flex;grid-template-columns: none;gap: 1rem;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;touch-action: pan-x pan-y;scrollbar-width: thin;scrollbar-color: var(--orange) transparent;padding-bottom: 0.75rem}.cards.swipe-m > *{flex: 0 0 84%;scroll-snap-align: start}.cards.swipe-m:focus-visible{outline: 2px solid var(--midnight);outline-offset: 6px;border-radius: 8px}.swipe-nav[data-for="swipe-m"]{display: flex}.swipe-hint[data-for="swipe-m"]{display: block}@media (prefers-reduced-motion: no-preference){.cards.swipe-m{scroll-behavior: smooth}}}@media (max-width: 760px){.cards.swipe-m{margin-inline: -1.25rem;padding-inline: 1.25rem;scroll-padding-inline: 1.25rem}}@media (max-width: 900px){.audience{display: grid}}.testimonials .swipe > li{list-style: none}.testimonial{background: var(--white);border-radius: var(--radius-card);padding: clamp(1.5rem,1.2rem + 1vw,2rem);display: grid;gap: 1rem;align-content: start;height: 100%;box-shadow: inset 0 0 0 1px var(--line);margin: 0}.testimonial::before{content: "„";font-family: var(--font-display);font-weight: 600;font-size: 3rem;line-height: 0.6;color: var(--orange)}.testimonial p{font-size: 1.0625rem;line-height: 1.5;color: var(--midnight)}.testimonial footer{font-size: var(--fs-small);color: var(--ink-soft);display: grid;gap: 0.1rem}.testimonial cite{font-style: normal;font-weight: 500;color: var(--midnight)}.testimonial .topic{display: inline-block;font-size: var(--fs-label);letter-spacing: 0.08em;text-transform: uppercase;color: var(--midnight);background: var(--orange-20);border-radius: 999px;padding: 0.3rem 0.7rem;justify-self: start}.testimonial-solo{max-width: var(--narrow);margin-inline: auto;display: grid;gap: 1.25rem}.testimonial-solo p{font-family: var(--font-display);font-weight: 600;font-size: clamp(1.375rem,1.1rem + 1.2vw,1.875rem);line-height: 1.3;letter-spacing: -0.01em}.testimonial-solo p::before{content: "„";color: var(--coral)}.testimonial-solo p::after{content: "“";color: var(--coral)}.testimonial-solo footer{font-size: var(--fs-small);color: var(--ink-soft)}.testimonial-solo cite{font-style: normal;font-weight: 500;color: var(--midnight)}.stats{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem}.stat{background: var(--white);border-radius: var(--radius-md);padding: 1.25rem 1.5rem;display: grid;gap: 0.25rem;box-shadow: inset 0 0 0 1px var(--line);border-top: 6px solid var(--orange)}.stat .value{font-family: var(--font-display);font-weight: 600;font-size: clamp(1.75rem,1.4rem + 1.4vw,2.5rem);line-height: 1.1;letter-spacing: -0.02em}.stat .label{text-transform: none;letter-spacing: 0;font-size: var(--fs-small);color: var(--petrol);font-weight: 400}.stat .source{font-size: var(--fs-label);color: var(--ink-soft)}@media (max-width: 900px){.stats{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.stats{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.swipe,.cards.swipe-m{scroll-behavior: auto}.offer-card,.swipe-btn{transition: none}}
.facts.facts--2{grid-template-columns:repeat(2,minmax(0,1fr))}

.mission .eyebrow{margin-bottom:1.25rem}
/* RC20 Navigation mit Untermenü */
.nav .nav-group{position:relative}
.nav .nav-top{display:inline-flex;align-items:center;gap:.3rem}
.nav .nav-top::after{content:"";width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.nav .nav-sub{display:none;position:absolute;top:100%;left:-1rem;min-width:16rem;margin:0;padding:.5rem 0;list-style:none;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.12);z-index:30}
.nav .nav-group:hover>.nav-sub,.nav .nav-group:focus-within>.nav-sub{display:grid;gap:0}
.nav .nav-sub a:not(.btn){display:block;padding:.55rem 1rem;white-space:nowrap}
.nav .nav-group.is-active>.nav-top{text-decoration-line:underline}
@media (max-width:1080px){.nav.is-open .nav-group{display:block}.nav.is-open .nav-top::after{display:none}.nav.is-open .nav-top{font-weight:600}.nav.is-open .nav-sub{display:grid;position:static;min-width:0;padding:0 0 .5rem 1rem;border:0;border-radius:0;box-shadow:none;background:transparent}.nav.is-open .nav-sub a:not(.btn){padding:.6rem 0;font-size:.95rem}}
/* THE Orange Growth – Schaubilder (RC28). Nur auf Seiten mit Schaubild geladen. */
.sb{--sb-line:rgba(16,23,32,.12);--sb-ink:#101720;--sb-soft:rgba(16,23,32,.68);font-family:var(--font-text);color:var(--sb-ink)}
.sb *{box-sizing:border-box}
.sb-head{display:grid;gap:.75rem;max-width:var(--narrow);margin-bottom:clamp(1.75rem,1.2rem + 2vw,2.75rem)}
.sb-head h2,.sb-head h3{margin:0}
.sb-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
.sb-card{background:#fff;border:1px solid var(--sb-line);border-radius:var(--radius-md,20px);padding:1.1rem 1.1rem 1.2rem;position:relative}
.sb-n{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;font:600 .85rem/1 var(--font-display);background:var(--c,var(--orange));color:var(--midnight);flex:none}
.sb-ai{--c:var(--orange);--cs:var(--orange-20)}
.sb-hu{--c:var(--green);--cs:var(--green-soft)}
.sb-sy{--c:var(--yellow);--cs:var(--yellow-soft)}
.sb-pe{--c:var(--petrol);--cs:var(--petrol-20)}
.sb-pe .sb-n{color:#fff}
.sb-t{font:600 1rem/1.25 var(--font-display);margin:.7rem 0 .35rem}
.sb-p{font-size:var(--fs-small);line-height:1.5;color:var(--sb-soft);margin:0}
.sb-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none}
.sb-chips li{font-size:.75rem;line-height:1.2;padding:.35rem .6rem;border-radius:999px;background:var(--cs,var(--grey));color:var(--midnight)}
.sb-note{font-size:var(--fs-small);color:var(--sb-soft);margin:1.25rem 0 0;max-width:var(--narrow)}

/* 1 · Ablauf */
.sb-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.6rem;list-style:none;margin:0;padding:0;counter-reset:none}
.sb-flow>li{border-top:4px solid var(--c)}
.sb-flow>li:not(:last-child)::after{content:"";position:absolute;right:-1.25rem;top:50%;width:.9rem;height:.9rem;border-top:2px solid var(--petrol);border-right:2px solid var(--petrol);transform:translateY(-50%) rotate(45deg)}
.sb-decide{display:grid;gap:.35rem;margin:.8rem 0 0;padding:0;list-style:none}
.sb-decide li{font-size:.75rem;font-weight:500;padding:.4rem .6rem;border-radius:10px;background:var(--green-soft)}
.sb-decide li:nth-child(2){background:var(--yellow-soft)}
.sb-decide li:nth-child(3){background:var(--coral-20)}
.sb-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:1.75rem 0 0;padding:1.1rem 1.25rem;list-style:none;border-radius:var(--radius-md,20px);background:var(--midnight);color:#fff}
.sb-values li{font-size:var(--fs-small);line-height:1.4}
.sb-values strong{display:block;font:600 .95rem/1.25 var(--font-display);color:var(--orange)}
@media (max-width:1080px){.sb-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-flow>li:nth-child(3)::after{display:none}.sb-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sb-flow{grid-template-columns:1fr;gap:1.4rem}.sb-flow>li::after{right:auto!important;left:50%;top:auto!important;bottom:-1.15rem;transform:translateX(-50%) rotate(135deg)!important;display:block!important}.sb-flow>li:last-child::after{display:none!important}.sb-values{grid-template-columns:1fr}}

/* 2 · Architektur */
.sb-arch{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}
.sb-layer{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:1rem 1.5rem;align-items:center;background:var(--cs);border-radius:var(--radius-md,20px);padding:1rem 1.1rem;border:1px solid var(--sb-line)}
.sb-layer .sb-lab{display:flex;gap:.75rem;align-items:flex-start}
.sb-layer .sb-t{margin:.15rem 0 .2rem}
.sb-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.sb-row>li{background:#fff;border:1px solid var(--sb-line);border-radius:14px;padding:.55rem .75rem;font-size:.8rem;line-height:1.3;flex:1 1 9rem}
.sb-row>li b{display:block;font:600 .85rem/1.25 var(--font-display)}
.sb-row>li.sb-dock{border-style:dashed;border-color:var(--petrol);background:transparent}
.sb-row.sb-core>li{flex:1 1 13rem;padding:.8rem .9rem}
.sb-row ul{margin:.35rem 0 0;padding-left:1rem;color:var(--sb-soft)}
.sb-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:.75rem}
.sb-split .sb-layer{grid-template-columns:1fr}
.sb-plug{display:inline-flex;align-items:center;gap:.35rem}
.sb-plug::before{content:"";width:.7rem;height:.7rem;border:2px solid var(--petrol);border-radius:3px 3px 6px 6px;flex:none}
.sb-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}
.sb-why li{border-left:3px solid var(--orange);padding:.2rem 0 .2rem .85rem;font-size:var(--fs-small);line-height:1.45;color:var(--sb-soft)}
.sb-why b{display:block;color:var(--midnight);font:600 .9rem/1.3 var(--font-display);margin-bottom:.2rem}
@media (max-width:900px){.sb-layer{grid-template-columns:1fr}.sb-split{grid-template-columns:1fr}.sb-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sb-why{grid-template-columns:1fr}.sb-row>li{flex-basis:100%}}

/* 3 · Anwendungsfall */
.sb-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.1fr);gap:1rem;align-items:stretch}
.sb-kv{display:grid;gap:.55rem;margin:.6rem 0 0;padding:0;list-style:none}
.sb-kv li{font-size:.8rem;line-height:1.35;color:var(--sb-soft)}
.sb-kv b{display:block;color:var(--midnight);font-weight:500}
.sb-big{font:600 1.5rem/1 var(--font-display);color:var(--midnight)}
.sb-funnel{display:grid;gap:.35rem;justify-items:center;margin:.75rem 0}
.sb-funnel span{display:grid;place-items:center;height:3.1rem;font:600 .95rem/1.1 var(--font-display);text-align:center;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}
.sb-funnel span small{font:400 .7rem/1 var(--font-text)}
.sb-funnel span:nth-child(1){width:100%;background:var(--orange)}
.sb-funnel span:nth-child(2){width:78%;background:var(--orange-60)}
.sb-funnel span:nth-child(3){width:56%;background:var(--orange-20)}
.sb-gap{background:var(--coral-20);border-radius:14px;padding:.75rem .85rem;font-size:.8rem;line-height:1.4}
.sb-gap b{display:block;font:600 .85rem/1.25 var(--font-display);margin-bottom:.25rem}
.sb-gap ul{margin:0;padding-left:1rem}
.sb-goal{display:grid;gap:.55rem;margin:.6rem 0 0;padding:0;list-style:none}
.sb-goal li{background:var(--green-soft);border-radius:12px;padding:.5rem .7rem;font-size:.8rem;line-height:1.35}
.sb-goal b{display:block;font-weight:500}
.sb-journey{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none}
.sb-journey li{background:#fff;border:1px solid var(--sb-line);border-top:4px solid var(--c);border-radius:14px;padding:.7rem .7rem .8rem;font-size:.75rem;line-height:1.35;color:var(--sb-soft)}
.sb-journey b{display:block;color:var(--midnight);font:600 .82rem/1.25 var(--font-display);margin:.4rem 0 .2rem}
.sb-journey .sb-n{width:1.6rem;height:1.6rem;font-size:.72rem}
@media (max-width:1080px){.sb-case{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-journey{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:620px){.sb-case{grid-template-columns:1fr}.sb-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sb-t{hyphens:auto;-webkit-hyphens:auto}
.sb-flow .sb-t{font-size:.95rem}
.sb-layer .sb-chips li{background:#fff;border:1px solid var(--sb-line)}
.sb-row.sb-ctx>li{flex:0 1 auto}
.sb-plug::before{content:"+";width:1.1rem;height:1.1rem;border:1.5px solid var(--petrol);border-radius:50%;display:inline-grid;place-items:center;font:600 .8rem/1 var(--font-display);color:var(--petrol)}
.sb-log li+li::before{content:"→ ";color:var(--petrol)}

/* Lead-Magnet (RC29) */
.lm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:start}
.lm-cover{background:var(--midnight);color:#fff;border-radius:var(--radius-md,20px);padding:1.4rem 1.4rem 1.6rem;position:relative;overflow:hidden;margin-top:1rem}
.lm-cover::after{content:"";position:absolute;right:-3rem;bottom:-3rem;width:9rem;height:9rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--orange-80),var(--orange) 55%,var(--coral))}
.lm-cover small{font:600 .7rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.lm-cover strong{display:block;font:600 1.35rem/1.2 var(--font-display);margin:.6rem 0 .4rem;position:relative;z-index:1}
.lm-cover span{font-size:.85rem;color:rgba(255,255,255,.75);position:relative;z-index:1}
.lm-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md,20px);padding:1.4rem;display:grid;gap:.85rem}
.lm-form label{display:grid;gap:.3rem;font-size:.85rem;font-weight:500}
.lm-form input[type=text],.lm-form input[type=email]{font:inherit;font-weight:400;padding:.7rem .8rem;border:1px solid rgba(16,23,32,.25);border-radius:12px;background:#fff;width:100%}
.lm-form input:focus{outline:2px solid var(--orange);outline-offset:1px}
.lm-form .lm-check{grid-template-columns:auto 1fr;align-items:start;gap:.55rem;font-weight:400;font-size:.8rem;line-height:1.45;color:var(--ink-soft)}
.lm-form .lm-check input{margin-top:.2rem;width:1rem;height:1rem;accent-color:var(--orange)}
.lm-form .lm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lm-form button{justify-self:start}
.lm-note{font-size:.75rem;color:var(--ink-soft);margin:0}
@media (max-width:860px){.lm{grid-template-columns:1fr}}

/* RC32: Selbsttests, Bible, Ratgeber, 90-Tage-Zeitleiste */
.tool{display:grid;gap:14px}
.tool fieldset{border:1px solid rgba(16,23,32,.12);border-radius:20px;padding:16px 18px;margin:0;background:#fff}
.tool legend{font-weight:500;padding:0 6px;color:var(--midnight,#101720)}
.tool-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tool-opts label{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(16,23,32,.18);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.95rem;background:#fff}
.tool-opts input{accent-color:var(--orange,#F18350)}
.tool-opts label:has(input:checked){border-color:var(--orange,#F18350);background:var(--orange-20,#FCE6DC)}
.tool-opts label:has(input:focus-visible){outline:2px solid var(--petrol,#2E4B5B);outline-offset:2px}
.tool-progress{font-size:.875rem;color:var(--petrol,#2E4B5B)}
.tool:not(.tool-js) .tool-progress{display:none}
.tool-result{border-radius:28px;padding:22px 24px;background:var(--midnight,#101720);color:#fff;display:grid;gap:10px}
.tool-result h3{color:#fff}.tool-result .eyebrow{color:var(--orange-60,#F7B596)}
.tool-result .btn-secondary{color:#fff;border-color:rgba(255,255,255,.6)}
.tool-pillar{margin-top:10px;color:var(--petrol,#2E4B5B)}
.tool-bars{display:grid;gap:10px}
.tool-bar{display:grid;grid-template-columns:90px 1fr 56px;align-items:center;gap:10px}
.tool-bar i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}
.tool-bar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v,0%);background:var(--orange,#F18350);border-radius:999px;transition:width .4s}
.tool-bar b{font-weight:500;text-align:right}
.tool-form{margin-top:18px}
.bb-list{display:grid;gap:0;margin:0}
.bb-term{padding:14px 0;border-bottom:1px solid rgba(16,23,32,.1);scroll-margin-top:96px}
.bb-term dt{font-family:var(--font-display,Poppins,Arial,sans-serif);font-weight:600;font-size:1.0625rem}
.bb-abbr{font-family:var(--font-text,Roboto,Arial,sans-serif);font-weight:400;font-size:.875rem;color:var(--petrol,#2E4B5B);margin-left:6px}
.bb-term dd{margin:4px 0 0;color:rgba(16,23,32,.8)}
.rg-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.rg-card{display:grid;gap:6px;height:100%;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid rgba(16,23,32,.12);text-decoration:none;color:inherit}
.rg-card strong{font-family:var(--font-display,Poppins,Arial,sans-serif);font-weight:600}
.rg-card span{font-size:.95rem;color:rgba(16,23,32,.72)}
.rg-card:hover,.rg-card:focus-visible{border-color:var(--orange,#F18350)}
.rg-pillar{margin-top:18px;color:var(--petrol,#2E4B5B);font-family:var(--font-display,Poppins,Arial,sans-serif);font-weight:600}
.lm-q{display:grid;gap:12px;padding-left:1.4em}
/* lists with links must wrap on mobile */
p a.text-link{white-space:normal}
.check-list li>span{min-width:0}.check-list li a{white-space:normal;overflow-wrap:anywhere}
.steps-list{display:grid;gap:10px;padding-left:1.4em;margin:0}
ol.tl90{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;counter-reset:tl}
ol.tl90::before{content:"";position:absolute;left:0;right:0;top:18px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--orange-40,#F9CDB9),var(--orange,#F18350))}
ol.tl90>li{position:relative;padding:44px 18px 0 0;counter-increment:tl}
ol.tl90>li::before{content:counter(tl);position:absolute;top:2px;left:0;width:36px;height:36px;border-radius:50%;background:var(--orange,#F18350);color:#fff;display:grid;place-items:center;font-weight:600;font-family:var(--font-display,Poppins,Arial,sans-serif)}
@media (max-width:760px){ol.tl90{grid-template-columns:1fr;gap:18px}ol.tl90::before{left:16px;right:auto;width:4px;top:0;bottom:0;height:auto}ol.tl90>li{padding:0 0 0 52px}}
.universe-section {
  --universe-cream: #fff6ea;
  --universe-ink: #2e4b5b;
  --universe-line: #d9c8b6;
  --universe-copper: #99502e;
  background: var(--universe-cream);
  color: var(--universe-ink);
  scroll-margin-top: 6rem;
}
.universe-section > .wrap { max-width: 88rem; }
.universe-intro { margin-inline: auto; text-align: center; }
.universe-intro .universe-logo { width: min(100%, 22rem); margin-inline: auto; }
.universe-intro h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.universe-intro p { max-width: 51ch; margin: 1.15rem auto 0; }
.universe-map {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: var(--universe-cream);
  border-block: 1px solid var(--universe-line);
  margin-block-start: clamp(1.5rem, 4vw, 3rem);
}
.universe-orbits {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: #f18350;
  opacity: .18;
  z-index: -1;
  pointer-events: none;
}
.universe-track { min-width: 0; padding: clamp(1rem, 2.3vw, 2rem); }
.universe-track + .universe-track { border-inline-start: 1px solid var(--universe-line); }
.universe-track-label {
  margin: 0 0 .9rem;
  color: var(--universe-ink);
  font-weight: 700;
  letter-spacing: .01em;
}
.universe-scene {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 1rem;
}
.universe-scene img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 72%;
}
.universe-portrait { background: #fbf3e6; }
.universe-portrait img { transform: scaleX(-1); }
.universe-brain {
  position: absolute;
  width: 43%;
  top: 8%;
  left: 4%;
  color: #99502e;
  opacity: .6;
}
.universe-caption {
  position: absolute;
  inset-block-start: .75rem;
  inset-inline-end: .75rem;
  padding: .26rem .55rem;
  border-radius: .3rem;
  color: #2e4b5b;
  background: #fff6ea;
  font-size: .8rem;
  font-weight: 650;
}
.universe-portrait .universe-caption {
  inset-block: auto .65rem;
  inset-inline: .65rem auto;
}
.universe-model { width: 100%; }
.universe-triangle { display: block; width: 100%; color: #f18350; }
.universe-model-label { fill: #2e4b5b; font-size: 15px; font-weight: 700; }
.universe-clone { background: #698995; }
.universe-clone img {
  filter: grayscale(1) contrast(1.08);
  mix-blend-mode: multiply;
}
.universe-circuit { position: absolute; inset: 0; width: 100%; height: 100%; color: #ffbb8a; opacity: .76; }
.universe-brand { margin-block-start: 1.15rem; }
.universe-brand + .universe-brand { border-top: 1px solid var(--universe-line); padding-top: 1.15rem; }
.universe-brand h3 { margin: 0; font-size: 1.02rem; }
.universe-brand a { display: block; width: fit-content; max-width: 100%; color: #2e4b5b; text-underline-offset: .2em; }
.universe-brand a:hover { color: var(--universe-copper); }
.universe-brand a:focus-visible, .universe-pause:focus-visible {
  outline: 2px solid #2e4b5b;
  outline-offset: 5px;
}
.universe-logo {
  display: block;
  width: min(100%, 15rem);
  height: auto;
  mix-blend-mode: darken;
}
.universe-brand .universe-logo { margin-block-end: .65rem; }
.universe-brand p { margin: .35rem 0 0; max-width: 42ch; }
[data-universe-overture].brand-overture {
  position: relative;
  max-width: min(100%, 47rem);
}
[data-universe-overture] .hero-brand-video { transition: none; }
.universe-pause {
  position: absolute;
  z-index: 1;
  inset: auto .25rem .25rem auto;
  min-height: 44px;
  padding-inline: .7rem;
  border: 1px solid #d5dbde;
  border-radius: .35rem;
  color: #2e4b5b;
  background: #fff6ea;
  font: inherit;
  font-size: .8rem;
  cursor: pointer;
}
@media (max-width: 56rem) {
  .universe-map { grid-template-columns: minmax(0, 1fr); margin-inline: auto; max-width: 38rem; }
  .universe-track { padding-inline: 0; padding-block: 1.2rem 1.45rem; }
  .universe-track + .universe-track { border-inline-start: 0; border-block-start: 1px solid var(--universe-line); }
  .universe-orbits { display: none; }
  .universe-scene { max-height: 24rem; }
  .universe-model { max-width: 28rem; }
}
@media (max-width: 760px) {
  [data-universe-overture].brand-overture { max-width: min(100%, 25rem); }
}

.tog-brand-history {
  max-width: 68ch;
  margin: 1.5rem auto 0;
}
.tog-brand-history summary {
  cursor: pointer;
  font-weight: 650;
}
.tog-brand-history p { margin-block: .8rem; }

.universe-footer-brands {
  background: #fff6ea;
  color: #2e4b5b;
  padding: clamp(.85rem, 2vw, 1.5rem);
  border-radius: .75rem;
  margin-block-end: 1.25rem;
}
.universe-footer-brands ul {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: center;
  gap: .75rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.universe-footer-brands a {
  display: grid;
  place-items: center;
  min-height: 44px;
}
.universe-footer-brands .universe-logo {
  width: 100%;
  max-width: 9rem;
}
.universe-footer-brands a:focus-visible,
.tog-brand-history summary:focus-visible {
  outline: 2px solid #2e4b5b;
  outline-offset: 3px;
}
.universe-footer-brands p {
  margin: .9rem 0 0;
  font-size: .875rem;
  text-align: center;
}
@media (max-width: 760px) {
  .universe-footer-brands ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.universe-brand[id] { scroll-margin-top: 6rem; }
.orange-site {
  --orange: #f18350;
  --petrol: #2e4b5b;
  --orange-cream: #fff6ea;
  --orange-ink: #253c49;
  --orange-rule: #d8c5b5;
  --orange-paper: #fffdf9;
  accent-color: var(--petrol);
  color: var(--orange-ink);
  background: var(--orange-paper);
}

.orange-site ::selection { background: #ffd5bf; color: #253c49; }
.orange-site :is(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.orange-site :is(section, article, h2)[id] { scroll-margin-top: 6rem; }
.orange-site .site-header {
  background: var(--orange-paper);
  border-bottom: 1px solid var(--orange-rule);
  backdrop-filter: none;
}
.orange-site .nav-sub { background: var(--orange-paper); }
.orange-site .btn {
  border-radius: .5rem;
  min-height: 44px;
}
.orange-site .btn-primary {
  background: var(--orange);
  border-color: var(--orange);
  color: #101720;
}
.orange-site .btn-primary:hover {
  background: #f9b28f;
  border-color: #f9b28f;
  color: #101720;
}

.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) {
  color: var(--orange-cream);
  background: var(--petrol);
  border-bottom: 3px solid var(--orange);
}
.orange-site .hero-overture {
  color: var(--orange-ink);
  background: var(--orange-cream);
  border-bottom: 1px solid var(--orange-rule);
}
.orange-site :is(.page-hero, .hero-overture, .hero.role-guy) h1,
.orange-site .tog-hero h1 {
  letter-spacing: -.035em;
  text-wrap: balance;
}
.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) :is(h1, .lead, .eyebrow, .breadcrumb, .breadcrumb a, .text-link, .tog-lead) {
  color: var(--orange-cream);
}
.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) :is(.mark, .eyebrow) { color: #ffd3b9; }
.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) .btn-secondary {
  color: var(--orange-cream);
  border-color: #e1c6b7;
  background: transparent;
}
.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) .btn-secondary:hover {
  color: var(--orange-ink);
  background: var(--orange-cream);
}
.orange-site .page-hero > .wrap > .hero-copy {
  max-width: 66rem;
  padding-block: clamp(2.8rem, 6.4vw, 6rem);
}
.orange-site .page-hero .lead { max-width: 64ch; }
.orange-site .page-hero .breadcrumb { margin-bottom: .25rem; }
.orange-site .hero-overture .hero-copy { gap: clamp(.85rem, 2vw, 1.35rem); }

.orange-site main .section:is(.bg-soft, .bg-grey):not(.universe-section, .final) { background: var(--orange-cream); }
.orange-site main .section-head :is(h2, h3) { text-wrap: balance; }
.orange-site main :is(.card, .brand-card) {
  border-radius: .75rem;
  border-color: var(--orange-rule);
  box-shadow: none;
}
.orange-site main .text-link { text-underline-offset: .2em; }
.orange-site .rc-toc {
  background: var(--orange-paper);
  border-bottom-color: var(--orange-rule);
}
.orange-site .rc-toc a { border-radius: .4rem; }

.orange-site .site-footer {
  background: var(--petrol);
  color: var(--orange-cream);
  border-top: 3px solid var(--orange);
}
.orange-site .site-footer :is(.footer-nav a, .footer-title, .footer-bottom, .architecture) { color: var(--orange-cream); }
.orange-site .site-footer .footer-bottom { border-top-color: #9eafb8; }
.orange-site .site-footer .footer-nav a:hover { color: #ffd3b9; }
.orange-site .site-footer .universe-footer-brands {
  margin-block-end: clamp(1.5rem, 3vw, 2.75rem);
}
.orange-site.tog-page > footer { padding-block: 1.5rem; }
.orange-site .universe-section :is(h2, h3, p) { text-wrap: initial; }

@media (max-width: 760px) {
  .orange-site .page-hero > .wrap > .hero-copy { padding-block: 2.25rem 2.75rem; }
  .orange-site :is(.page-hero, .hero-overture, .hero.role-guy) h1 { overflow-wrap: anywhere; }
}

.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) .mark {
  background-image: none;
  padding-inline: 0;
}
.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) .breadcrumb ol { color: #e5d8d0; }
.orange-site :is(.page-hero, .hero.role-guy, .tog-hero) .eyebrow {
  background: transparent;
  padding-inline: 0;
}
.orange-site main .text-link { white-space: normal; overflow-wrap: anywhere; }
.orange-site .hero-overture .hero-grid { align-items: center; }

@media (min-width: 901px) {
  .orange-site .hero-overture h1 { font-size: clamp(2.8rem, 3.75vw, 3.8rem); }
}
[data-ux] {
  --ux-paper: #fffdf9;
  --ux-cream: #fff6ea;
  --ux-ink: #2e4b5b;
  --ux-dark: #203943;
  --ux-orange: #f18350;
  --ux-rule: #dfcdbd;
  --ux-link: #854128;
}

[data-ux] :is(button, a, input, textarea, select, summary):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

[data-ux]:not([data-ux="home"]) main :is(section, article, div)[id] {
  scroll-margin-top: 6.25rem;
}

[data-ux]:not([data-ux="home"]) .page-hero,
[data-ux="brand"] .hero.role-guy,
[data-ux] .tog-hero {
  background: var(--ux-cream);
  color: var(--ux-dark);
  border-bottom: 1px solid var(--ux-rule);
}

[data-ux="brand"] .page-hero,
[data-ux="brand"] .hero.role-guy,
[data-ux="read"] .page-hero {
  background: var(--ux-paper);
}

[data-ux]:not([data-ux="home"]) :is(.page-hero, .hero.role-guy, .tog-hero)
  :is(h1, .lead, .eyebrow, .breadcrumb, .breadcrumb ol, .breadcrumb a, .text-link, .tog-lead) {
  color: var(--ux-dark);
}

[data-ux]:not([data-ux="home"]) :is(.page-hero, .hero.role-guy, .tog-hero) .mark {
  color: inherit;
  background: none;
}

[data-ux]:not([data-ux="home"]) :is(.page-hero, .hero.role-guy) .btn-secondary {
  color: var(--ux-ink);
  border-color: var(--ux-ink);
}
[data-ux]:not([data-ux="home"]) :is(.page-hero, .hero.role-guy) .btn-secondary:hover {
  background: var(--ux-ink);
  color: var(--ux-paper);
}

[data-ux]:not([data-ux="home"]) .page-hero > .wrap > .hero-copy {
  gap: clamp(.85rem, 1.7vw, 1.4rem);
  padding-block: clamp(2.5rem, 5vw, 5.25rem);
}
[data-ux]:not([data-ux="home"]) .page-hero h1 {
  max-width: 24ch;
  font-size: clamp(2.3rem, 4.2vw, 4.6rem);
  line-height: 1.04;
  letter-spacing: -.038em;
  text-wrap: pretty;
}
[data-ux="read"] .page-hero h1 {
  font-size: clamp(2.2rem, 3.8vw, 3.9rem);
  max-width: 27ch;
}
[data-ux]:not([data-ux="home"]) .page-hero .lead {
  font-size: clamp(1.02rem, 1.35vw, 1.24rem);
  line-height: 1.58;
}
[data-ux]:not([data-ux="home"]) .page-hero .breadcrumb {
  margin-block-end: .55rem;
}
[data-ux]:not([data-ux="home"]) main .section-head h2::after { display: none; }

[data-ux="offer"] main > .section:is(.bg-soft, .bg-grey):not(.final),
[data-ux="brand"] main > .section:is(.bg-soft, .bg-grey):not(.final),
[data-ux="read"] main > .section:is(.bg-soft, .bg-grey):not(.final) {
  background: var(--ux-paper);
  border-top: 1px solid var(--ux-rule);
}
[data-ux="read"] main > .section:not(.final) {
  padding-block: clamp(2.15rem, 4.25vw, 4.5rem);
}
[data-ux="read"] main :is(.stack.narrow, .section-head.narrow) { max-width: 71ch; }
[data-ux="legal"] main h1 { font-size: clamp(2.3rem, 3.8vw, 4rem); }
[data-ux="legal"] main :is(p, li) { max-width: 73ch; overflow-wrap: anywhere; }
[data-ux="legal"] main h2 { margin-top: 1.75em; }
[data-ux="action"] .mobile-cta { display: none; }
[data-ux="action"] .routes .route {
  border-radius: .7rem;
  box-shadow: none;
}
[data-ux="action"] .routes .route-primary { border-color: var(--ux-orange); }
[data-ux="action"] #booking-consent {
  padding: clamp(1rem, 2vw, 1.6rem);
  border: 1px solid var(--ux-rule);
  border-radius: .7rem;
  background: var(--ux-cream);
  max-width: 62ch;
  margin-block: 1.5rem;
}
[data-ux="action"] #booking-calendar { max-width: 100%; }

.ux-index { background: var(--ux-paper); border-bottom: 1px solid var(--ux-rule); }
.ux-index summary {
  display: list-item;
  cursor: pointer;
  width: fit-content;
  padding: .8rem .25rem;
  min-height: 44px;
  color: var(--ux-ink);
  font-weight: 650;
}
.ux-index ul {
  list-style: none;
  margin: 0;
  padding: 0 0 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  column-gap: 1.5rem;
}
.ux-index a {
  display: flex;
  align-items: center;
  padding: .4rem 0;
  min-height: 44px;
  color: var(--ux-ink);
  text-decoration-color: var(--ux-orange);
  text-underline-offset: .18em;
}

.ux-wordmark {
  display: block;
  width: clamp(8rem, 15vw, 13rem);
  height: auto;
  mix-blend-mode: darken;
}
[data-ux="brand"] .tog-brand-identity:has(.ux-wordmark) {
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
[data-ux] :is(.site-footer, .tog-page > footer) {
  background: var(--ux-cream);
  color: var(--ux-dark);
  border-top: 1px solid var(--ux-rule);
}
[data-ux] .site-footer :is(.footer-nav a, .footer-title, .footer-bottom, .architecture) { color: var(--ux-dark); }
[data-ux] .site-footer .footer-nav a:hover { color: var(--ux-link); }
[data-ux] .site-footer .footer-bottom { border-top-color: var(--ux-rule); }
[data-ux] .universe-footer-brands {
  background: transparent;
  padding: 0 0 1.4rem;
  border: 0;
  border-bottom: 1px solid var(--ux-rule);
  border-radius: 0;
  margin-block-end: clamp(1.35rem, 2.5vw, 2.4rem);
}
[data-ux] .universe-footer-brands ul { gap: clamp(.5rem, 3vw, 2.6rem); }
[data-ux] .universe-footer-brands .universe-logo { max-width: 8.25rem; }
[data-ux] .universe-footer-brands p {
  color: var(--ux-ink);
  text-align: left;
  font-size: .78rem;
}
[data-ux] .universe-brand h3 a > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

[data-ux] #selbsttest {
  background: var(--ux-cream);
}
[data-ux] #selbsttest > .wrap > .narrow {
  max-width: 56rem;
  width: 100%;
  margin-inline: auto;
}
[data-ux] .ux-assessment {
  background: var(--ux-paper);
  border: 1px solid var(--ux-rule);
  border-radius: .875rem;
  padding: clamp(1rem, 3.2vw, 2.5rem);
  color: var(--ux-dark);
  max-width: 56rem;
  margin-block: 1rem;
}
.ux-assessment [hidden], [data-ux] form.lm-form[hidden] { display: none !important; }
.ux-assessment:not(.ux-assessment-complete) [data-result],
.ux-assessment .tool-pillar { display: none !important; }
.ux-assessment-status {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  font-weight: 650;
}
.ux-assessment-status .ux-question-topic:empty { display: none; }
.ux-question-position { font-variant-numeric: tabular-nums; }
.ux-assessment-progress {
  display: block;
  width: 100%;
  height: .5rem;
  margin: .55rem 0 1.5rem;
  border: 0;
  border-radius: .25rem;
  overflow: hidden;
  background: #eaddd1;
  accent-color: var(--ux-ink);
}
.ux-assessment-progress::-webkit-progress-bar { background: #eaddd1; }
.ux-assessment-progress::-webkit-progress-value { background: var(--ux-ink); }
.ux-assessment-progress::-moz-progress-bar { background: var(--ux-ink); }
[data-ux] .ux-assessment fieldset[data-q] {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}
[data-ux] .ux-assessment fieldset[data-q] legend {
  font-size: clamp(1.15rem, 2.5vw, 1.85rem);
  line-height: 1.32;
  margin-block-end: 1rem;
  padding: 0;
}
[data-ux] .ux-assessment fieldset[data-q] :is(.tool-options, .tool-opts) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
  gap: .5rem;
}
[data-ux] .ux-assessment fieldset[data-q] label {
  display: inline-flex;
  align-items: center;
  justify-content: start;
  min-height: 48px;
  padding: .5rem .65rem;
  border-radius: .45rem;
  border: 1px solid var(--ux-rule);
  margin: 0 .2rem .35rem 0;
  line-height: 1.3;
  white-space: normal;
}
[data-ux] .ux-assessment fieldset[data-q] label:has(:checked) {
  background: var(--ux-cream);
  border-color: var(--ux-ink);
}
[data-ux] .ux-assessment fieldset[data-q] label:has(:focus-visible) {
  outline: 2px solid var(--ux-ink);
  outline-offset: 2px;
}
.ux-assessment-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  margin-top: 1.35rem;
}
.ux-assessment-actions .btn-primary { margin-inline-start: auto; }
.ux-assessment-actions .btn:disabled {
  color: #57666a;
  background: #eee8e0;
  border-color: #ded6cc;
  cursor: default;
}
.ux-assessment-outcome { margin-block: 1.25rem .65rem; }

@media (max-width: 760px) {
  [data-ux]:not([data-ux="home"]) .page-hero > .wrap > .hero-copy { padding-block: 2.25rem 2.6rem; }
  [data-ux]:not([data-ux="home"]) .page-hero h1 { font-size: clamp(2rem, 8vw, 2.75rem); }
  [data-ux] .ux-assessment fieldset[data-q] :is(.tool-options, .tool-opts) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-ux] .universe-footer-brands ul { gap: .35rem .95rem; }
}

[data-ux] .ux-hero-layout { display: grid; }
.ux-index-rail {
  align-self: start;
  background: transparent;
  border-top: 1px solid var(--ux-rule);
  border-bottom: 0;
  padding-block: .9rem 1.15rem;
}
.ux-index-rail > p { font-weight: 650; color: var(--ux-ink); margin-block: 0 .35rem; }
.ux-index-rail ul { display: block; padding-bottom: 0; }
.ux-index-rail a {
  font-size: .94rem;
  border-bottom: 1px solid var(--ux-rule);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.ux-index-rail a:hover { color: var(--ux-link); text-decoration: underline; }
.ux-index-rail details { margin-top: .3rem; }

.ux-booking-layout { display: grid; gap: 1.4rem; align-items: start; }
.ux-booking-layout h1 {
  font-size: clamp(2.35rem, 4vw, 4.2rem);
  line-height: 1.08;
  max-width: 17ch;
  margin-block-end: .7rem;
}
.ux-booking-layout p { max-width: 48ch; }
.ux-booking-access {
  border-top: 1px solid var(--ux-rule);
  padding-top: 1rem;
}
.ux-booking-access > p { margin-block: 0 .6rem; }
[data-ux] .ux-booking-access #booking-consent { margin: .95rem 0 0; }
[data-ux] #booking-calendar:not([hidden]) { margin-top: 1.5rem; }
[data-ux] .ux-assessment-actions button { border-style: solid; }

@media (min-width: 901px) {
  [data-ux] .ux-hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    gap: clamp(2rem, 5vw, 5rem);
  }
  [data-ux] .ux-hero-layout > .hero-copy h1 { font-size: clamp(2.5rem, 3.7vw, 3.8rem); }
  .ux-index-rail { margin-block-start: clamp(3rem, 6vw, 6rem); }
  .ux-booking-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 4rem); }
}
[data-universe-overture].brand-overture {
  max-width: min(100%, 62rem);
}

[data-universe-overture] .universe-pause:not([hidden]) {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
}

@media (max-width: 760px) {
  .hero-overture .brand-overture-wrap { width: calc(100% - 1rem); }
  [data-universe-overture].brand-overture { max-width: 100%; }
}
/* Keep mixed inline content in one flow, including text after a strong element. */
.check-list > li {
  position: relative;
  display: block;
  padding-inline-start: 1.75rem;
  overflow-wrap: break-word;
}
.check-list > li::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

[data-universe-overture].brand-overture .hero-brand-video {
  clip-path: inset(1% 1%);
}

.orange-home .hero-figure img {
  display: block;
  clip-path: inset(1%);
  mix-blend-mode: darken;
}

.universe-brand .universe-logo {
  aspect-ratio: 2 / 1;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
.universe-scene.universe-model-scene {
  background: color-mix(in srgb, var(--universe-line) 18%, transparent);
}

@media (min-width: 56.01rem) {
  .universe-track {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
  }
}

.sb-head,
.rc-chooser {
  grid-template-columns: minmax(0, 1fr);
}
.rc-chooser .rc-options {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
}
.universe-clone > .universe-caption {
  z-index: 1;
  color: #101720;
  background-color: #fff6ea;
}
