.ampax-section{--ax-cyan:#53eafd;background:#06090e;padding-bottom:100px;overflow:clip;color:#e3e9f1;}
.ax-intro{padding:110px 0 72px;}
.ax-intro .eyebrow{color:#94adbd;}
.ax-intro h2{font-size:clamp(58px,7.9vw,114px);line-height:1.02;letter-spacing:-.065em;margin:32px 0 30px;font-weight:450;}
.ax-intro h2 span:last-child{color:var(--ax-cyan);}
.ax-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:60px;}
.ax-intro-bottom>p{max-width:720px;font-size:20px;line-height:1.6;color:#9aaebf;}
.ax-intro .project-meta{margin-top:30px;color:#7d91a4;}
.ax-intro .text-link{white-space:nowrap;color:#bdeaf1;}
.ax-journey{position:relative;--ax-progress:0;}
.ax-pin{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:900px;min-height:650px;padding:38px 4vw 28px;background:radial-gradient(ellipse at 50% 45%,#070e14 0%,#050b10 45%,#03070b 78%);}
.ax-motion{height:350svh;min-height:2250px;}
.ax-motion .ax-pin{position:sticky;top:0;height:100svh;}
.ax-scene-heading{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:end;position:relative;z-index:3;pointer-events:none;}
.ax-scene-heading .eyebrow{color:var(--ax-cyan);font-size:12px;}
.ax-scene-heading h3{font-size:clamp(32px,3.8vw,55px);line-height:1.08;letter-spacing:-.05em;margin-top:15px;max-width:820px;}
.ax-scene-heading>p{font-size:16px;line-height:1.6;color:#8fa4b8;max-width:380px;min-height:76px;}
.ax-stage{position:relative;min-height:0;perspective:1600px;perspective-origin:50% 48%;touch-action:pan-y;}
.ax-world{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;}
.ax-screen{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:3/2;padding:0;margin:0;background:#05090e;border:0;transform:translate3d(-50%,-50%,0);backface-visibility:hidden;pointer-events:none;cursor:zoom-in;}
.ax-screen.is-featured{pointer-events:auto;}
.ax-screen:not(:first-child){visibility:hidden;}
.ax-screen>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;}
.ax-screen:focus-visible{outline:2px solid var(--ax-cyan);outline-offset:5px;}
.ax-story-footer{display:grid;grid-template-columns:1fr;align-items:end;column-gap:50px;row-gap:18px;position:relative;z-index:5;}
.ax-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.ax-chapters button{border-top:1px solid #263b4a;background:none;text-align:left;min-height:53px;padding:13px 0 4px;color:#718697;font-size:16px;display:flex;align-items:center;gap:14px;transition:color .2s,border-color .2s;}
.ax-chapters button span{font-size:12px;font-variant-numeric:tabular-nums;}
.ax-chapters button[aria-pressed=true]{border-color:var(--ax-cyan);color:#d7faff;}
.ax-chapters button:hover{color:var(--ax-cyan);}
.ax-scene-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;color:#6f8498;font-size:12px;}
.ax-progress{height:2px;position:absolute;bottom:0;left:0;width:100%;transform:scaleX(var(--ax-progress));transform-origin:left;background:var(--ax-cyan);}
.ax-journey:not(.ax-motion) .ax-story-footer{display:none;}
.reduced-motion .ax-motion{height:auto;min-height:0;}
.reduced-motion .ax-pin{position:relative;height:900px;}
.reduced-motion .ax-stage{perspective:none;}
.reduced-motion .ax-scroll-hint,.ax-compact .ax-scroll-hint{visibility:hidden;}
.ax-workflow{padding-top:95px;}
.ax-workflow-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;margin-bottom:42px;}
.ax-workflow-heading h3{font-size:clamp(36px,4vw,56px);letter-spacing:-.05em;line-height:1.1;margin-top:20px;}
.ax-workflow-heading>p{font-size:17px;line-height:1.7;color:#8fa2b3;max-width:480px;}
.ax-workflow .eyebrow{color:#79bfcc;}
.ax-detail{border-top:1px solid #24323f;}
.ax-detail:last-of-type{border-bottom:1px solid #24323f;}
.ax-detail>summary{list-style:none;display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;padding:28px 0;min-height:96px;cursor:pointer;}
.ax-detail>summary::-webkit-details-marker{display:none;}
.ax-detail>summary>span:first-child{font-size:13px;color:#53eafd;}
.ax-detail>summary strong{font-weight:450;font-size:clamp(23px,2.2vw,31px);letter-spacing:-.03em;}
.ax-detail>summary small{display:block;font-size:14px;letter-spacing:0;color:#7e93a6;margin-top:3px;}
.ax-detail>summary>b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #344858;border-radius:50%;font-size:24px;font-weight:400;color:#9cb5c5;transition:transform .3s;}
.ax-detail[open]>summary>b{transform:rotate(45deg);color:var(--ax-cyan);}
.ax-detail-body{padding:10px 0 40px 70px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start;}
.ax-detail-body>div>p,.ax-detail-body>p{font-size:17px;line-height:1.7;color:#9aabbd;}
.ax-detail-body ul{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:13px;}
.ax-detail-body li{font-size:15px;color:#c2d1de;padding-left:19px;position:relative;}
.ax-detail-body li:before{content:'';position:absolute;left:0;top:.6em;width:5px;height:5px;background:#53eafd;border-radius:50%;}
.ax-schema{background:linear-gradient(140deg,#111e2a,#090f17);border:1px solid #273b4c;border-radius:12px;padding:25px;box-shadow:0 24px 60px #0004;}
.ax-schema-head{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#9db5c9;border-bottom:1px solid #213240;padding-bottom:15px;margin-bottom:20px;}
.ax-schema-head span:last-child{color:#53eafd;}
.ax-brief{font-size:19px!important;color:#e0e8f0!important;line-height:1.55!important;letter-spacing:-.02em;}
.ax-rule-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;}
.ax-rule-map span{padding:15px 10px;text-align:center;background:#112332;border:1px solid #29495c;border-radius:5px;color:#b7d7e8;font-size:13px;}
.ax-replay-layout{grid-template-columns:.85fr 1.35fr;gap:48px;}
.ax-replay-terminal{padding:24px;background:#090f18;border:1px solid #243744;border-radius:12px;box-shadow:0 24px 60px #0004;}
.ax-replay-terminal header{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9ab1c4;font-size:13px;}
.ax-chart{width:100%;height:auto;display:block;aspect-ratio:2.7;margin:25px 0 12px;}
.ax-chart-grid{stroke:#253443;stroke-width:1;}
.ax-cursor{stroke:#d8edf4;stroke-dasharray:3 4;stroke-width:1;}
.ax-replay-tools{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;}
.ax-replay-tools label{display:block;font-size:13px;color:#8198ac;margin-bottom:9px;}
.ax-replay-tools input{width:100%;accent-color:#53eafd;cursor:ew-resize;min-height:28px;}
.ax-replay-tools button{padding:10px 15px;background:#0e2c36;border:1px solid #315965;border-radius:6px;color:#a7f1fc;min-height:44px;font-size:13px;}
.ax-replay-tools button:disabled{color:#84919d;background:#17202a;border-color:#2b3845;cursor:default;}
.ax-replay-terminal .ax-replay-foot{font-size:12px;color:#667f93;margin-top:14px;}
.ax-route{display:grid;gap:0;}
.ax-route>div{display:grid;grid-template-columns:30px 1fr;column-gap:15px;align-items:start;padding:0 0 23px;position:relative;}
.ax-route>div:not(:last-child):before{content:'';position:absolute;width:1px;left:13px;top:28px;bottom:0;background:#284857;}
.ax-route i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border:1px solid #365566;border-radius:50%;font-size:12px;color:#77d9ed;background:#0a1722;}
.ax-route strong{font-size:15px;font-weight:500;color:#d1e2ed;}
.ax-route p{grid-column:2;font-size:14px;line-height:1.6;color:#7f96aa;margin-top:4px;}
.ax-contribution{margin-top:52px;padding-top:35px;border-top:1px solid #24323f;display:grid;grid-template-columns:1fr 1.5fr;gap:75px;}
.ax-contribution h4{font-size:26px;letter-spacing:-.035em;font-weight:450;}
.ax-contribution p{font-size:16px;line-height:1.75;color:#8a9eb2;}
.ax-footnote{margin-top:35px;font-size:12px;line-height:1.65;color:#607b91;max-width:820px;}
@media(max-width:1000px){
 .ax-intro-bottom{display:block;}.ax-intro-bottom .text-link{margin-top:24px;}
 .ax-scene-heading{grid-template-columns:1fr 310px;gap:30px;}
 .ax-scene-heading>p{font-size:15px;}
 .ax-story-footer{column-gap:30px;}
 .ax-detail-body{padding-left:0;gap:35px;}
}
@media(max-width:700px){
 .ampax-section{padding-bottom:65px;}
 .ax-intro{padding:75px 0 50px;}
 .ax-intro h2{font-size:58px;margin-top:26px;}
 .ax-intro h2 span{display:block;}
 .ax-intro-bottom>p{font-size:17px;}
 .ax-motion{height:310svh;min-height:1900px;}
 .ax-pin{padding:28px 22px 20px;min-height:590px;}
 .ax-scene-heading{display:block;min-height:150px;}
 .ax-scene-heading h3{font-size:34px;margin-top:12px;max-width:355px;}
 .ax-scene-heading>p{font-size:14px;line-height:1.6;margin-top:15px;min-height:0;max-width:350px;}
 .ax-stage{perspective:1000px;margin-inline:-10px;}
 .ax-story-footer{grid-template-columns:1fr;gap:14px;}
 .ax-chapters{gap:15px;}
 .ax-chapters button{font-size:15px;gap:9px;}
 .ax-scene-meta{display:block;min-height:55px;font-size:11px;line-height:1.55;}
 .ax-scene-meta>span{display:block;max-width:200px;}
 .ax-scene-meta>span:last-child{margin-top:8px;max-width:100%;}
 .ax-scroll-hint{max-width:175px!important;padding-top:9px;}
 .reduced-motion .ax-pin{height:760px;}
 .ax-workflow{padding-top:65px;}
 .ax-workflow-heading{display:block;}.ax-workflow-heading>p{margin-top:25px;font-size:16px;}
 .ax-workflow-heading h3{font-size:39px;}
 .ax-detail>summary{grid-template-columns:24px 1fr 35px;gap:12px;padding:23px 0;}
 .ax-detail>summary strong{font-size:24px;}.ax-detail>summary small{font-size:13px;}
 .ax-detail>summary>b{width:34px;height:34px;}
 .ax-detail-body{grid-template-columns:1fr;gap:28px;padding-top:0;padding-bottom:30px;}
 .ax-detail-body>div>p{font-size:16px;}
 .ax-schema,.ax-replay-terminal{padding:19px;}
 .ax-rule-map{gap:7px;}.ax-rule-map span{padding:12px 3px;font-size:12px;}
 .ax-replay-tools{gap:15px;}.ax-replay-tools button{padding:9px 10px;}
 .ax-contribution{display:block;margin-top:35px;}.ax-contribution p{margin-top:18px;}
}
.ax-motion.ax-compact{height:auto;min-height:0;}
.ax-compact .ax-pin{position:relative;height:auto;min-height:0;grid-template-rows:auto minmax(280px,65svh) auto;row-gap:18px;}
@media(max-height:650px) and (min-width:701px){.ax-pin{min-height:500px;padding-top:24px;padding-bottom:18px;}.ax-scene-heading h3{font-size:34px;}.ax-scene-heading>p{font-size:14px;}.ax-scene-meta{font-size:11px;}}
