:root{--navy:#071226;--navy-soft:#0d1c34;--cream:#f8f5ee;--muted:#a9b0bf;--violet:#8c6ff7;--violet-bright:#a58cf8;--line:#f8f5ee38;--content:min(1372px, calc(100vw - 72px));color:var(--cream);background:var(--navy);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth;min-width:1120px}body{background:radial-gradient(circle at 64% 20%, #50549a14, transparent 32rem), var(--navy);min-height:100vh;margin:0}a{color:inherit}a:focus-visible{outline-offset:5px;outline:3px solid #ffd43b}.site-shell,.detail-shell{width:var(--content);margin:0 auto;padding:0 0 32px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{color:var(--cream);letter-spacing:-.04em;align-items:center;gap:12px;font-size:27px;font-weight:750;text-decoration:none;display:inline-flex}.brand__mark{width:46px;height:46px}.site-header__section,.detail-header__back{color:#b8b7c9;font-size:16px;font-weight:650;text-decoration:none}.hero{padding:42px 0 28px}.hero h1{letter-spacing:-.06em;max-width:770px;margin:0;font-size:clamp(62px,5.8vw,84px);font-weight:780;line-height:.98}.hero h1 span{color:var(--violet-bright)}.hero p{color:#d2d5dc;max-width:620px;margin:24px 0 0;font-size:21px;line-height:1.4}.presentation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.presentation-card{background:var(--cream);min-width:0;color:var(--navy);border:1px solid #0712261f;border-radius:13px;overflow:hidden;box-shadow:0 18px 44px #0000002b}.presentation-card__main{flex-direction:column;height:100%;padding:22px 20px 16px;text-decoration:none;display:flex}.presentation-card__header{grid-template-columns:58px 1fr;align-items:start;gap:10px;min-height:84px;display:grid}.presentation-card__number{color:#553cc5;letter-spacing:-.05em;font-size:43px;font-weight:800;line-height:.98}.presentation-card h2{letter-spacing:-.035em;margin:1px 0 6px;font-size:21px;line-height:1.05}.presentation-card p{color:#596174;margin:0;font-size:12.5px;line-height:1.35}.presentation-card__preview{border-radius:9px;width:calc(100% + 22px);height:auto;margin:4px -11px 12px;transition:transform .18s}.presentation-card__action{color:#553cc5;border-top:1px solid #0712262e;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;font-size:16px;font-weight:760;display:flex}.presentation-card__main:hover .presentation-card__preview{transform:translateY(-3px)}.presentation-card__main:hover .presentation-card__action span{transform:translate(4px)}.context-flow{background:var(--cream);color:var(--navy);border-radius:13px;margin-top:16px;padding:18px 25px 20px}.context-flow h2{text-align:center;letter-spacing:-.025em;margin:0 0 18px;font-size:20px}.context-flow__roles{justify-content:space-between;align-items:center;display:flex}.context-role{align-items:center;gap:10px;min-width:0;display:flex}.context-role__dot{border:3px solid var(--role-color);background:linear-gradient(90deg, transparent 46%, var(--role-color) 46% 54%, transparent 54%), linear-gradient(0deg, transparent 46%, var(--role-color) 46% 54%, transparent 54%);border-radius:50%;flex:none;width:43px;height:43px}.context-role strong{color:var(--role-color,var(--navy));font-size:15px;display:block}.context-role small{color:#545c6e;max-width:130px;margin-top:2px;font-size:11px;line-height:1.25;display:block}.context-flow__arrow{color:#525a6b;font-size:24px}.context-role__person{border:2px solid var(--navy);border-radius:50%;place-items:center;width:43px;height:43px;font-size:12px;font-weight:800;display:grid}.site-footer{border-top:1px solid var(--line);color:#9299aa;text-align:center;margin-top:28px;padding-top:26px;font-size:14px}.detail-header{margin-bottom:36px}.detail-header__back:hover{color:var(--cream)}.detail-intro{grid-template-columns:96px 1fr;align-items:start;gap:24px;margin-bottom:26px;display:grid}.detail-intro>span{color:var(--violet-bright);font-size:64px;font-weight:800;line-height:.95}.detail-intro h1{letter-spacing:-.05em;margin:0;font-size:48px;line-height:1}.detail-intro p{color:#c2c7d2;max-width:800px;margin:14px 0 0;font-size:19px;line-height:1.45}.detail-canvas{border:1px solid var(--line);border-radius:18px;margin:0;overflow:hidden;box-shadow:0 24px 70px #00000047}.detail-canvas img{width:100%;height:auto;display:block}.detail-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:22px;display:grid}.detail-actions a{color:#c9ced8;font-size:15px;font-weight:650;text-decoration:none}.detail-actions a:last-child{text-align:right}.detail-actions__source{background:var(--cream);border-radius:9px;padding:13px 20px;color:var(--navy)!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}