.subscription-page{--bg:#10151c;--accent:#91caff;--secondary:#aab8c8;--line:#91caff22;--gutter:40px;background:var(--bg);color:#eef4fa}.subscription-page .container,.subscription-page .case-layout.container{width:calc(100% - var(--gutter)*2);max-width:1160px;padding-inline:0;margin-inline:auto}.subscription-page .header{background:#121a24d9}.subscription-page .case-layout{display:block;margin-top:88px}.subscription-page .case-content{width:100%;max-width:none;padding:0;margin:0;min-width:0}.subscription-page h2{font-size:2.5rem;font-weight:500;line-height:1.18;letter-spacing:-.045em;margin:0}.subscription-page h3{font-size:1.5rem;font-weight:500;line-height:1.3;letter-spacing:-.025em}.subscription-page p{font-size:1rem;line-height:1.8;color:#aab8c8}.subscription-page .sub-kicker{font-size:0.75rem;line-height:1.6;letter-spacing:.14em;color:#84a6c6;margin:0 0 22px}.subscription-hero{padding-top:160px}.sub-mast{display:flex;justify-content:space-between;gap:24px;color:#788ea4;font-size:0.75rem;letter-spacing:.08em}.sub-mast a{font-size:0.875rem;letter-spacing:0;color:#b6cce2}.sub-title{display:grid;grid-template-columns:1.5fr .5fr;gap:48px;align-items:end;margin:64px 0 48px}.sub-title h1{font-size:var(--type-step-48-80);font-weight:500;line-height:1.04;letter-spacing:-.06em;margin:0}.sub-title h1 em{font-style:normal;color:var(--accent)}.sub-title>p{font-size:1rem;margin:0 0 4px;max-width:28ch}.sub-cover{border-radius:24px;border:1px solid #91caff33;background:radial-gradient(ellipse at 80% 0,#2e699a3b,transparent 75%),#1b2838;overflow:hidden}.cover-label{display:flex;align-items:center;gap:24px;padding:24px 32px;border-bottom:1px solid #91caff22}.cover-label strong{font-size:1.5rem;font-weight:550;letter-spacing:-.04em}.cover-label>span{font-size:0.75rem;letter-spacing:.12em;color:#97b8d6;margin-left:auto}.cover-label>span.cover-dot{margin-left:0;color:#91caff;font-size:0.875rem}.cover-ui{padding:36px 36px 0;overflow:hidden;max-height:470px}.cover-ui svg{width:100%;height:auto;display:block;border-radius:12px 12px 0 0;box-shadow:0 20px 50px #0005}.cover-foot{position:relative;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:20px 24px;background:#142130;border-top:1px solid #91caff22;font-size:0.75rem;letter-spacing:.12em;color:#afd3f5}.cover-foot span+span{border-left:1px solid #91caff22}.sub-overview{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin:64px 0 40px}.sub-overview h2{font-size:2rem}.sub-overview p{margin:0}.sub-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-block:1px solid var(--line);padding:30px 0}.sub-meta span{font-size:0.75rem;color:#7e9ab5;letter-spacing:.08em}.sub-meta p{font-size:0.875rem;margin:12px 0 0;color:#c1cfdd}.subscription-page .case-chapter{border-top:1px solid var(--line);padding-top:64px;scroll-margin-top:120px}.subscription-page .case-chapter+.case-chapter{margin-top:96px}.sub-context{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px;align-items:start}.sub-context p{margin:0}.sub-context p+p{margin-top:16px}.sub-context ul{margin:0;padding:0;list-style:none}.sub-context li{padding:14px 0;border-top:1px solid var(--line);font-size:1rem;line-height:1.7;color:#afbfce}.sub-context .sub-kicker{margin-bottom:16px}.intent-board{margin:48px 0 0;border:1px solid #91caff33;border-radius:22px;overflow:hidden;background:linear-gradient(130deg,#26394c,#182330)}.intent-heading{display:flex;justify-content:space-between;gap:24px;padding:28px 32px;border-bottom:1px solid #91caff22}.intent-heading .sub-kicker{margin:0}.intent-heading>span:last-child{font-size:0.75rem;color:#9dbedb}.intent-grid{display:grid;grid-template-columns:repeat(4,1fr)}.intent-grid>a{padding:32px 28px;position:relative;border-right:1px solid #91caff20;transition:background .35s}.intent-grid>a:last-child{border-right:0}.intent-key{display:grid;place-items:center;background:linear-gradient(140deg,#bbdfff,#6e9cc7);color:#213d5c;border:1px solid #badbff99;box-shadow:0 5px 0 #476887;width:45px;height:47px;border-radius:10px;font-size:1rem;margin-bottom:32px;transition:transform .35s}.intent-type{font-size:0.75rem;letter-spacing:.1em;color:#82a7c8}.intent-grid h3{font-size:1.25rem;margin:12px 0}.intent-grid p{font-size:0.875rem;line-height:1.7;margin:0}.intent-arrow{position:absolute;right:28px;top:38px;font-size:1.5rem;color:#729abc}.intent-grid a:hover{background:#91caff0c}.intent-grid a:hover .intent-key{transform:translateY(-4px) rotate(-5deg)}.decision-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.decision-context p{margin:0}.decision-context p+p{margin-top:20px}.decision-route{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:44px 0 28px}.decision-route>div{display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid #91caff22;border-radius:12px;background:#1b2837;position:relative}.decision-route>div:not(:last-child):after{content:'→';position:absolute;right:-20px;color:#6385a4;font-size:1rem}.decision-route span{font-size:0.75rem;color:#7cadd8;letter-spacing:.1em}.decision-route p{font-size:0.875rem;line-height:1.5;margin:0;color:#c3d4e4}.prototype-player{margin:0;border:1px solid #91caff30;border-radius:20px;background:#1c2a3a;overflow:hidden;min-width:0}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid #91caff22}.player-heading>div{display:flex;align-items:center;gap:10px}.player-heading strong{font-size:0.875rem;font-weight:500;color:#d7e7f6}.player-heading>span{font-size:0.75rem;letter-spacing:.1em;color:#85a5c3}.player-dot{width:6px;height:6px;background:#91caff;border-radius:50%;box-shadow:0 0 12px #91caff66}.video-wrap{position:relative;margin:24px;background:#0b121c;border-radius:12px;overflow:hidden;aspect-ratio:2500/1560}.video-wrap video{display:block;width:100%;height:100%;object-fit:contain}.video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:15px 24px;border-radius:100px;border:1px solid #c2e0ffaa;background:#12283fea;color:#e3f1ff;font:500 0.875rem/1.4 inherit;backdrop-filter:blur(16px);box-shadow:0 8px 32px #0005;cursor:pointer;transition:background .3s}.video-start:hover{background:#315274}.video-start[hidden]{display:none}.video-start>span{font-size:0.75rem}.prototype-player figcaption{display:flex;justify-content:space-between;gap:20px;padding:0 28px 22px;color:#829fbb;font-size:0.75rem;line-height:1.6}.design-notes{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding-top:32px}.design-notes h3{font-size:1.25rem;margin:0}.design-notes ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.design-notes li{display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--line);padding-top:16px}.design-notes li>span{font-size:0.75rem;color:#799fbe}.design-notes li p{font-size:0.875rem;line-height:1.7;margin:0}.sub-close{margin-top:96px;padding:48px;border-radius:24px;background:linear-gradient(120deg,#aad4fa,#759fc9);color:#152b42}.subscription-page .sub-close .sub-kicker{color:#426889}.sub-close h2 em{font-style:normal;color:#395e82}.sub-close>p:not(.sub-kicker){max-width:65ch;color:#2b4d6a;font-size:1rem;margin:28px 0}.sub-close>div{display:flex;justify-content:space-between;border-top:1px dashed #345c8160;padding-top:24px;font-size:0.75rem;letter-spacing:.12em;color:#426382}.sub-more{padding-block:96px}.sub-more>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sub-more a{padding:32px;border:1px solid var(--line);border-radius:16px;background:#192331}.sub-more a>span{font-size:0.75rem;color:#8aa6bf}.sub-more h3{font-size:2rem;margin:20px 0 0}.subscription-page a:focus-visible,.subscription-page button:focus-visible{outline:2px solid #b9dfff;outline-offset:4px}body#top.subscription-page footer.site-footer{--accent:#91caff;--footer-rgb:145,202,255;background:transparent}body#top.subscription-page .site-footer .footer-title em{color:#91caff}.subscription-hero{animation:sub-enter .8s cubic-bezier(.22,1,.36,1) both}@keyframes sub-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.subscription-page{--gutter:32px}.sub-title{grid-template-columns:1fr;gap:24px}.sub-title>p{max-width:55ch}.sub-overview,.sub-context,.decision-heading{gap:36px}.intent-grid{grid-template-columns:1fr 1fr}.intent-grid>a:nth-child(2){border-right:0}.intent-grid>a:nth-child(-n+2){border-bottom:1px solid #91caff20}.decision-route{gap:20px}.decision-route>div{padding:16px}.decision-route>div:not(:last-child):after{right:-17px}.design-notes{grid-template-columns:1fr 2.4fr;gap:32px}}
@media(max-width:760px){.sub-overview,.sub-context,.decision-heading{grid-template-columns:1fr;gap:28px}.sub-meta{grid-template-columns:1fr 1fr}.sub-mast>span:last-child{display:none}.sub-mast>span{font-size:0.75rem}.cover-ui{padding:20px 20px 0}.cover-label{padding:20px}.cover-label>span{font-size:0.75rem}.design-notes{grid-template-columns:1fr;gap:24px}.decision-route{gap:14px}.decision-route>div{display:block;padding:14px 12px}.decision-route p{margin-top:8px;font-size:0.75rem}.decision-route>div:not(:last-child):after{right:-13px;top:45%;font-size:0.75rem}.video-wrap{margin:16px}.prototype-player figcaption{padding:0 20px 20px}.prototype-player figcaption span:last-child{display:none}.player-heading{padding:18px 20px}.player-heading>span{font-size:0.75rem}.subscription-page h2{font-size:2rem}.sub-overview h2{font-size:2rem}.sub-close{padding:32px}.sub-close>div{gap:20px;font-size:0.75rem}.sub-title h1{font-size:3.75rem}}
@media(max-width:480px){.subscription-page{--gutter:20px}.subscription-hero{padding-top:130px}.sub-title{margin:40px 0 32px}.sub-title h1{font-size:2.75rem}.subscription-page .sub-kicker{font-size:0.75rem}.sub-title>p{font-size:1rem}.cover-label>strong{font-size:1.25rem}.cover-label>span{font-size:0.75rem;letter-spacing:.06em}.cover-ui{padding:12px 12px 0}.cover-ui svg{border-radius:6px 6px 0 0}.cover-foot{font-size:0.75rem;padding:16px 8px}.sub-overview{margin:40px 0 32px}.sub-meta{padding:24px 0}.sub-meta p{font-size:0.875rem}.subscription-page .case-layout{margin-top:64px}.subscription-page .case-chapter{padding-top:40px;scroll-margin-top:145px}.subscription-page .case-chapter+.case-chapter{margin-top:64px}.intent-heading{padding:24px}.intent-heading>span:last-child{display:none}.intent-grid>a{padding:24px 18px}.intent-grid h3{font-size:1.25rem}.intent-grid p{font-size:0.75rem}.intent-type{font-size:0.75rem}.intent-arrow{right:16px;top:30px;font-size:1.25rem}.intent-key{width:38px;height:40px;font-size:0.875rem}.design-notes ol{grid-template-columns:1fr;gap:20px}.player-heading{padding:16px}.player-heading strong{font-size:0.75rem}.player-heading>span{max-width:100px;text-align:right;font-size:0.75rem;line-height:1.6}.video-wrap{margin:10px}.video-start{font-size:0.75rem;padding:10px 15px;gap:8px;white-space:nowrap}.prototype-player figcaption{padding:0 16px 16px;font-size:0.75rem}.sub-close{margin-top:64px;padding:28px 24px}.sub-close h2{font-size:1.75rem}.sub-close>p:not(.sub-kicker){font-size:0.875rem}.sub-close>div{flex-direction:column;gap:10px}.sub-more{padding-block:64px}.sub-more>div{grid-template-columns:1fr}.sub-more a{padding:24px}}
@media(prefers-reduced-motion:reduce){.subscription-hero{animation:none}.intent-key,.intent-grid a,.video-start{transition:none}}html.no-motion .subscription-hero{animation:none}html.no-motion .intent-key,html.no-motion .intent-grid a{transition:none}