/* Shared tokens and accessible, progressive motion. */
:root{--radius-card:20px;--radius-feature:28px;--motion-fast:160ms;--motion-state:220ms;--motion-enter:320ms;--ease-out:cubic-bezier(.22,1,.36,1)}
[hidden]{display:none!important}
button{font:inherit;cursor:pointer}
button:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid #00889e;outline-offset:5px}
section{padding:72px 0}
.eyebrow,.tiny{font-size:12px;letter-spacing:.1em}
.micro,.small{font-size:14px}
.button{background:linear-gradient(110deg,#235edb,#1949d7);font-size:15px;transition:transform var(--motion-fast),box-shadow var(--motion-fast)}
.button:active{transform:translateY(1px);box-shadow:0 4px 12px #235be82b}
.hero{padding:40px 0 48px}
.hero-grid{grid-template-columns:1.08fr 1fr;gap:48px}
h1{font-size:clamp(38px,3.45vw,52px);line-height:1.08}
.brand{font-size:12px}
.brand span{font-size:11px}
.tags{margin:22px 0 18px}
.tags span{font-size:12px}
.intro{font-size:17px;line-height:1.6;margin-top:20px}
.event{margin:22px 0}
.event span{font-size:15px}
.event small{font-size:13px}
.hero-art{padding:0}
.glow{pointer-events:none}
.art-note{position:relative}
.agent-window{transform:none;border:1px solid #dbe5f0}
.window-bar{color:#596577;padding:16px 20px}
.window-bar small{font-size:11px}
.window-bar b{font-size:10px;color:#076052}
.window-title{padding:24px}
.window-title .eyebrow{font-size:11px}
.window-title h2{font-size:30px}
.agent-row{padding:13px;margin:0 18px 10px;gap:12px;transition:border-color var(--motion-state),background-color var(--motion-state),transform var(--motion-state)}
.agent-row b{font-size:15px}
.agent-row small{font-size:13px;color:#596577;line-height:1.4}
.agent-row .number{font-size:13px;min-width:36px}
.agent-row .check{color:#12645f;width:24px;height:24px;line-height:24px;font-size:16px;flex-shrink:0}
.agent-row.step-active{background:#eaf2ff;border-color:#2360e9;transform:translateX(3px)}
.agent-row.step-active .number{background:#235edb;color:white;border-color:#235edb}
.window-footer{font-size:13px;padding:14px 20px 20px;color:#526173}
.art-note{margin-top:14px}
.art-caption{position:static;font-size:12px;color:#596577;line-height:1.5}
.replay{display:inline-flex;gap:8px;align-items:center;margin-top:8px;min-height:36px;padding:4px 0;color:#1b50c8;border:0;background:none;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.section-head{margin-bottom:32px}
.section-head p{margin-top:18px}
.example-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 24px;flex-wrap:wrap}
.example-tabs button{border:1px solid #516782;border-radius:100px;background:transparent;color:#d9e5f5;padding:13px 22px;min-height:48px;font-size:15px;transition:background-color var(--motion-fast),color var(--motion-fast)}
.example-tabs button[aria-selected=true]{background:#e9f2ff;color:#162b4b;border-color:#e9f2ff;font-weight:700}
.example-panel{background:#142239;border:1px solid #354a67;border-radius:var(--radius-feature);padding:32px}
.example-panel + .example-panel{margin-top:24px}
.example-panel[role=tabpanel]{margin-top:0;animation:panel-in var(--motion-state) ease-out}
.example-heading{max-width:780px}
.example-heading h3{font-size:30px;line-height:1.2;margin:12px 0}
.example-heading p{font-size:16px;color:#bac8dc}
.example-label{font-size:12px;letter-spacing:.06em;color:#9ddce8}
.example-flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;gap:16px}
.example-flow>div{border:1px solid #415570;background:#192c46;border-radius:16px;padding:24px}
.example-flow .tiny{color:#a9c8ff}
.example-flow h4{font-size:21px;letter-spacing:-.025em;line-height:1.2;margin:15px 0}
.example-flow p,.example-flow li{font-size:15px;line-height:1.65;color:#d0dbea}
.example-flow ul{padding-left:19px;margin:0}
.example-flow li+li{margin-top:7px}
.example-flow .example-output{background:#163d4c;border-color:#418697}
.example-output .tiny{color:#9ae4e6}
.example-foot{font-size:14px;margin-top:22px;color:#bac8dc!important}
.card p{font-size:16px}
.agenda-top small{font-size:12px;letter-spacing:.025em}
.slot>b{font-size:14px}
.slot p{font-size:16px}
.materials .card{padding:28px}
.materials .card p{font-size:16px}
.mentor{gap:56px}
.mentor-photo{margin:0;padding:24px;border:1px solid #dce5f1;border-radius:var(--radius-feature);background:radial-gradient(ellipse at 50% 25%,#e0edff,#f0f5fc 75%);text-align:center;overflow:hidden}
.mentor-photo img{display:block;width:100%;height:auto;max-width:440px;margin:auto;aspect-ratio:1;object-fit:cover;border-radius:0;mask-image:radial-gradient(ellipse 46% 46% at 50% 50%,#000 99.5%,transparent 100%)}
.mentor-photo figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 0 4px}
.mentor-photo figcaption strong{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-.035em}
.mentor-photo figcaption span{font-size:14px;color:var(--muted)}
.mentor-topics{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0}
.mentor-topics li{font-size:13px;background:#e7effc;color:#204d9d;padding:8px 12px;border-radius:100px}
.name-panel{min-height:290px;padding:32px}
.name-panel h2{font-size:68px;padding:25px 0}
.name-panel>div{font-size:12px}
.mentor p{font-size:16px;margin-top:18px}
.text-link{font-size:15px}
.offer-label{font-size:12px}
.offer-date{font-size:16px}
.offer-date small{font-size:14px}
.offer-list li{font-size:16px}
.bonus p,.bonus .small{font-size:14px}
.bonus .eyebrow{font-size:12px}
.price>span{font-size:14px;color:#596577}
.recordings,.recordings p{font-size:14px}
.questions summary{font-size:16px;padding-block:22px}
.questions summary:after{content:'+';transition:transform var(--motion-fast)}
.questions details[open] summary:after{content:'+';transform:rotate(45deg)}
.questions details p,.faq>div>p{font-size:16px}
.closing{padding:64px 0}
.closing p{font-size:17px}
.closing .micro,.closing-price small{font-size:14px}
footer p,footer small{font-size:12px;color:#596577}
.mobile-enroll{display:none}
@keyframes panel-in{from{opacity:.65}to{opacity:1}}
@media(max-width:1050px){.hero-grid{gap:28px}.window-title{padding:22px 18px}.window-bar{gap:6px;padding:14px 12px}.window-bar small{font-size:10px}.window-bar b{font-size:9px}.agent-row{margin-inline:12px;padding:12px 9px;gap:8px}.agent-row small{font-size:12px}.agent-row b{font-size:14px}.example-flow>div{padding:20px}.mentor{gap:32px}}
@media(max-width:760px){
 section{padding:52px 0}
 .wrap{width:calc(100% - 40px)}
 .hero{padding:28px 0 40px}
 .hero-grid{grid-template-columns:1fr;gap:32px}
 h1{font-size:clamp(35px,9.1vw,48px);line-height:1.09}
 h2{font-size:32px}
 .brand{font-size:11px;padding:8px 12px;gap:5px}
 .brand span{font-size:10px}
 .tags{margin:20px 0 16px;gap:6px}
 .tags span{font-size:11px;padding:5px 8px}
 .intro{font-size:16px;margin-top:18px}
 .event{margin:20px 0}
 .event span{font-size:14px}
 .event small{font-size:12px}
 .hero .button{width:100%;font-size:15px}
 .hero .micro{font-size:13px;text-align:center}
 .hero-art{width:100%;max-width:500px;padding:0}
 .window-title{padding:20px}
 .window-title h2{font-size:27px}
 .window-bar{padding:14px}
 .agent-row{padding:12px;margin:0 12px 9px;gap:10px}
 .agent-row b{font-size:14px}
 .agent-row small{font-size:12px}
 .number{width:32px;height:36px}
 .window-footer{font-size:12px;padding:12px 16px 16px}
 .art-caption{font-size:12px}
 .section-head p{font-size:16px}
 .example-tabs{gap:8px;flex-wrap:nowrap}
 .example-tabs button{flex:1;padding:12px;font-size:13px;border-radius:14px;line-height:1.4}
 .example-panel{padding:22px 18px;border-radius:20px}
 .example-heading h3{font-size:26px}
 .example-label{font-size:11px}
 .example-flow{grid-template-columns:1fr;gap:12px;margin-top:22px}
 .example-flow>div{padding:20px}
 .example-flow h4{margin:10px 0;font-size:21px}
 .example-flow p,.example-flow li{font-size:15px}
 .example-foot{font-size:13px}
 .agenda-top{gap:14px}
 .agenda-top small{font-size:11px}
 .slot{grid-template-columns:54px 1fr;gap:10px}
 .slot p{font-size:15px}
 .materials .card{padding:24px;display:block}
 .materials .icon{margin-bottom:16px}
 .materials .card p{font-size:16px}
 .mentor{gap:28px}
 .name-panel{min-height:240px;padding:26px}
 .name-panel h2{font-size:60px}
 .mentor p{font-size:16px}
 .offer-card{padding:30px 22px}
 .offer-card>h3{font-size:28px}
 .offer-list li{font-size:15px}
 .bonus{padding:20px}
 .bonus p,.bonus .small{font-size:14px}
 .offer-card .button{font-size:15px}
 .micro{font-size:13px}
 .questions summary,.questions details p{font-size:16px}
 .closing h2{font-size:33px}
 .closing p{font-size:16px}
 .closing .micro{font-size:13px}
 .mobile-enroll{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;justify-content:space-between;align-items:center;gap:12px;background:#fffffffa;border-top:1px solid #cbd9eb;box-shadow:0 -6px 24px #132b4810;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .mobile-enroll>div{display:flex;flex-direction:column;font-size:12px;line-height:1.5}
 .mobile-enroll>div span{color:#596577}
 .mobile-enroll .button{min-height:48px;padding:11px 18px;font-size:14px;gap:10px;box-shadow:none}
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 html{scroll-padding-bottom:100px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.button:active,.agent-row.step-active{transform:none}}