.product-page{--product-gutter: clamp(20px, 3vw, 44px);--product-gap: clamp(32px, 4vw, 64px);background:var(--color-paper)}.product-hero{background:var(--color-surface)}.product-hero__layout{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);align-items:center;gap:var(--product-gap);width:min(100%,1440px);min-height:560px;margin-inline:auto;padding:64px var(--product-gutter) 80px}.product-hero h1{font-size:clamp(48px,5.2vw,72px);font-weight:600;line-height:1.1}.product-hero__intro{max-width:33em;margin-top:28px;font-size:18px;line-height:1.75}.product-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px}.product-hero__actions>a:last-child{display:inline-flex;min-height:44px;align-items:center;font-size:16px}.product-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:24px;padding:12px 20px;border-radius:4px;background:var(--color-brand);color:var(--color-surface);font-size:16px;font-weight:500;transition:background-color .16s ease,transform .16s ease}.product-button:hover{background:var(--color-brand-strong);transform:translateY(-2px)}.product-button:active{transform:translateY(0)}.product-signal{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding:28px;border-radius:4px;background:var(--color-brand);color:var(--color-paper)}.product-signal__title{grid-column:1 / -1;margin-bottom:8px;font-size:20px;font-weight:500;line-height:1.4}.product-signal__track svg{display:block;width:40px;height:400px}.product-signal__links{display:grid}.product-signal__links a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:80px;color:var(--color-paper);text-underline-offset:5px}.product-signal__links a:focus-visible{outline-color:var(--color-paper)}.product-signal__name{font-size:18px;font-weight:500;line-height:1.4}.product-signal__desc{grid-column:1;color:var(--color-brand-soft);font-size:14px;line-height:1.5}.product-signal__arrow{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:16px;transition:transform .16s ease}.product-signal__links a:hover .product-signal__arrow{transform:translateY(3px)}.product-chapter{scroll-margin-top:8px}.product-chapter__inner{width:min(100%,1440px);margin-inline:auto;padding:96px var(--product-gutter)}.product-chapter__header{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:var(--product-gap);margin-bottom:48px}.product-chapter__header h2{max-width:19em;font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.18}.product-chapter__intro{max-width:42em;margin-top:18px;font-size:18px;line-height:1.75}.product-chapter__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 24px;font-size:16px}.product-chapter__actions a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-brand)}.product-chapter__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:var(--product-gap)}.product-chapter:nth-child(2n) .product-chapter__body .product-chapter__media{order:2}.product-chapter:nth-child(2n) .product-chapter__body .product-chapter__points{order:1}.product-chapter__body--solo{grid-template-columns:1fr}.product-chapter__media{min-width:0}.product-chapter__media figure{margin:0;border-radius:4px;background:var(--color-paper)}.product-chapter__media img{display:block;width:100%;height:auto}.product-chapter__media figcaption{padding:12px 0 0;font-size:14px;line-height:1.65}.product-chapter__points{display:grid;gap:24px;margin:0}.product-chapter__points dt{font-size:18px;font-weight:500;line-height:1.5}.product-chapter__points dd{margin:8px 0 0;color:var(--color-ink-2);font-size:16px;line-height:1.75}.product-chapter__body--solo .product-chapter__points{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.product-chapter__note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;color:var(--color-ink-2);font-size:14px;line-height:1.7}.product-chapter--interlude{background:var(--color-ink);color:var(--color-paper)}.product-chapter--interlude .product-chapter__intro,.product-chapter--interlude .product-chapter__points dd,.product-chapter--interlude .product-chapter__media figcaption{color:var(--color-brand-soft)}.product-chapter--interlude .product-chapter__actions a{color:var(--color-paper)}.product-chapter--interlude .product-chapter__media figure{background:var(--color-ink)}.product-chapter--interlude a:focus-visible{outline-color:var(--color-paper)}.product-roles{background:var(--color-paper)}.product-roles__layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:var(--product-gap);width:min(100%,1440px);margin-inline:auto;padding:96px var(--product-gutter)}.product-roles__heading{position:sticky;top:96px}.product-roles__heading h2,.product-after h2{font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.18}.product-roles__heading p{max-width:32em;margin-top:18px;color:var(--color-ink-2);font-size:16px;line-height:1.75}.product-role-list{display:grid}.product-role{display:grid;grid-template-columns:minmax(110px,2fr) minmax(0,4fr) minmax(0,5fr) minmax(150px,3fr);gap:16px 24px;padding-block:24px;scroll-margin-top:8px}.product-role:first-child{padding-top:0}.product-role:last-child{padding-bottom:0}.product-role h3{font-size:18px;font-weight:500;line-height:1.5}.product-role p{color:var(--color-ink-2);font-size:16px;line-height:1.7}.product-role__name,.product-role__guide{display:inline-flex;min-height:44px;align-items:center;align-self:start;color:var(--color-brand);font-size:14px;text-underline-offset:5px}.product-role__name{color:var(--color-ink);font-size:16px;font-weight:500}.product-after{background:var(--color-surface)}.product-after__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:var(--product-gap);width:min(100%,1440px);margin-inline:auto;padding:96px var(--product-gutter)}.product-after__intro{margin-top:18px;color:var(--color-ink-2);font-size:16px;line-height:1.75}.product-boundaries ul{display:grid;gap:24px;margin:32px 0 0;padding:0;list-style:none}.product-boundaries h3{font-size:18px;font-weight:500;line-height:1.5}.product-boundaries li p{margin-top:8px;color:var(--color-ink-2);font-size:16px;line-height:1.75}.product-faq{scroll-margin-top:8px}.product-faq__list{margin-top:20px}.product-faq details{padding-block:20px}.product-faq summary{display:flex;cursor:pointer;list-style:none;gap:16px;font-size:18px;font-weight:500;line-height:1.5}.product-faq summary::-webkit-details-marker{display:none}.product-faq summary span{color:var(--color-ink-2);transition:transform .16s ease}.product-faq details[open] summary span{transform:rotate(45deg)}.product-faq details p{max-width:60ch;margin:12px 0 0 28px;font-size:16px;line-height:1.75}.product-after__links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:16px}.product-after__links a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-brand)}@media(max-width:1100px){.product-signal{gap:16px;padding:24px}.product-role{grid-template-columns:minmax(110px,2fr) minmax(0,6fr)}.product-role p,.product-role__guide{grid-column:2}}@media(max-width:960px){.product-hero__layout{grid-template-columns:1fr;min-height:0;gap:48px;padding-block:56px 64px}.product-hero__copy{max-width:660px}.product-hero h1{font-size:clamp(48px,8vw,64px)}.product-signal{max-width:720px}.product-chapter__inner,.product-roles__layout,.product-after__layout{padding-block:72px}.product-chapter__header{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.product-chapter__actions{justify-content:flex-start}.product-chapter__body{grid-template-columns:1fr;gap:32px}.product-chapter:nth-child(2n) .product-chapter__body .product-chapter__media,.product-chapter:nth-child(2n) .product-chapter__body .product-chapter__points{order:initial}.product-chapter__body--solo .product-chapter__points{grid-template-columns:repeat(2,minmax(0,1fr))}.product-roles__layout,.product-after__layout{grid-template-columns:1fr;gap:96px}.product-roles__heading{position:static}.product-roles__heading p{max-width:42em}}@media(max-width:640px){.product-hero__layout{gap:36px;padding-block:44px 56px}.product-hero h1{font-size:clamp(32px,9.6vw,48px);line-height:1.16}.product-hero__intro{margin-top:24px;font-size:18px}.product-hero__actions{gap:12px 20px;margin-top:26px}.product-signal{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px}.product-signal__title{font-size:18px}.product-signal__track svg{width:32px}.product-chapter__inner,.product-roles__layout,.product-after__layout{padding-block:64px}.product-chapter__header h2,.product-roles__heading h2,.product-after h2{font-size:32px;line-height:1.25}.product-chapter__body--solo .product-chapter__points{grid-template-columns:1fr}.product-role{grid-template-columns:1fr;gap:8px;padding-block:24px}.product-role p,.product-role__guide{grid-column:auto}.product-role__guide{margin-top:4px}.product-faq summary{font-size:18px}.product-faq details p{margin-left:0}}@media(prefers-reduced-motion:reduce){.product-page *,.product-page *:before,.product-page *:after{scroll-behavior:auto;transition:none;animation:none}}.product-hero__note{max-width:33em;margin-top:12px;color:var(--color-ink-2);font-size:var(--text-meta);line-height:1.6}
