/* CONTENT OS — a scroll-built creative machine. No animation dependencies. */
:root{--acid:#ffe34f;--pink:#ff1493;--story-progress:0}
.preview{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;color:var(--cream)}
.preview>span{color:var(--pink)}
.hero-coordinate{position:absolute;inset:24px 3% auto;display:flex;justify-content:space-between;direction:ltr;font-size:10px;letter-spacing:2px;color:#fff3da88;pointer-events:none}
.hero-facts dt{color:var(--pink)}
.scroll-cue{display:flex;align-items:center;justify-content:center;gap:18px;padding:28px 20px 22px;font-size:12px;color:var(--muted)}
.scroll-cue i{font-style:normal;color:var(--acid);font-size:22px;animation:cue-drift 2s ease-in-out infinite}
.machine-story{position:relative;margin-top:80px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 30% 50%,#45201740,transparent 60%),#0c0908}
.machine-sticky{padding-block:30px 28px;overflow:hidden}
.machine-story-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}
.story-index{font-size:12px;color:var(--acid);direction:ltr}
.machine-scene{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;min-height:620px}
.machine-narrative{position:relative;z-index:2}
.machine-narrative h2{font-size:clamp(36px,4.2vw,64px);margin-block:14px 32px}
.story-copy{display:grid;min-height:190px}
.story-chapter{grid-area:1/1;transition:opacity .5s,transform .5s;align-self:start}
.story-chapter:not(.active){display:none}
.chapter-label{display:block;font-size:10px;letter-spacing:2px;color:var(--pink);direction:ltr;text-align:right;margin-bottom:14px}
.story-chapter h3{font-size:clamp(25px,2.6vw,38px);line-height:1.2}
.story-chapter p{font-size:16px;color:var(--muted);max-width:350px;margin-top:16px;line-height:1.9}
.story-link{display:inline-flex;gap:50px;padding-block:12px;border-bottom:1px solid var(--acid);color:var(--acid);font-size:14px;margin-top:22px}
.reactor{aspect-ratio:1;position:relative;isolation:isolate;direction:ltr;--rotation:0deg;--pulse:1}
.reactor-grid{position:absolute;inset:0;background-image:linear-gradient(#fff3da07 1px,transparent 1px),linear-gradient(90deg,#fff3da07 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000 25%,transparent 72%)}
.reactor-orbit{position:absolute;border:1px solid #ffe34f26;border-radius:50%;inset:15%;transform:rotate(var(--rotation))}
.orbit-one:before,.orbit-two:after{content:'';position:absolute;top:15%;left:15%;width:8px;height:8px;background:var(--acid);box-shadow:0 0 20px var(--acid);border-radius:50%}
.orbit-two{inset:7%;border-style:dashed;transform:rotate(calc(var(--rotation) * -1));border-color:#ff149340}
.orbit-two:after{background:var(--pink);box-shadow:0 0 20px var(--pink)}
.orbit-three{inset:24%;border:10px double #fff3da16;transform:rotateX(55deg) rotate(-35deg)}
.reactor-core{position:absolute;inset:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 20%,#564337,#1a110b 65%);border:1px solid #ffe34f88;box-shadow:0 0 90px #ff14931a,inset 0 0 40px #ffe34f0a;border-radius:24%;transform:rotate(-8deg) scale(var(--pulse));transition:box-shadow .5s}
.core-kicker{font-size:7px;letter-spacing:1.8px;color:var(--muted)}
.core-symbol{font-size:38px;color:var(--acid);line-height:1.3}
.reactor-core strong{font-size:clamp(26px,3.2vw,49px);line-height:.95;text-align:center;letter-spacing:-2px}
.core-state{margin-top:15px;padding-top:10px;border-top:1px solid #fff3da26;font-size:8px;letter-spacing:1.5px;color:var(--acid)}
.reactor-node{position:absolute;display:grid;gap:6px;width:135px;min-height:95px;background:#17110ef5;border:1px solid var(--line);border-radius:5px;padding:16px;transform:translateY(0);transition:border-color .5s,box-shadow .5s,transform .5s;direction:rtl}
.reactor-node>span{color:var(--muted);font-size:9px;direction:ltr;text-align:right}
.reactor-node strong{font-size:18px}.reactor-node i{position:absolute;inset-inline-end:13px;top:13px;color:#fff3da44;font-style:normal}
.reactor-node.active{border-color:var(--acid);box-shadow:0 0 35px #ffe34f12;transform:translateY(-5px)}
.reactor-node.active>span,.reactor-node.active i{color:var(--acid)}
.node-input{top:8%;right:7%}.node-voice{top:20%;left:0}.node-style{bottom:15%;left:4%}.node-publish{bottom:7%;right:3%}
.reactor-node .waveform{font-size:12px;letter-spacing:-1px;top:16px}
.reactor-footer{position:absolute;bottom:0;inset-inline:8%;display:flex;justify-content:space-between;gap:20px;font-size:7px;color:#fff3da66;letter-spacing:1px;align-items:center}
.reactor-meter{height:3px;width:90px;background:#fff3da16;overflow:hidden}.reactor-meter i{display:block;width:100%;height:100%;background:var(--acid);transform-origin:left;transform:scaleX(var(--story-progress))}
.story-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#fff3da66}
.story-track span{transition:color .4s}.story-track span.active{color:var(--acid)}
.story-track>i{position:absolute;top:-1px;right:0;height:2px;width:100%;background:linear-gradient(90deg,var(--pink),var(--acid));transform:scaleX(var(--story-progress));transform-origin:right}
.manifesto{padding-block:130px 40px}
.manifesto-text{font-size:clamp(33px,5.6vw,78px);line-height:1.35;max-width:1100px;margin-top:28px;text-wrap:pretty}
.manifesto-word{color:#fff3da38;transition:color .25s}.manifesto-word.lit{color:var(--cream)}
.manifesto-signature{display:flex;gap:30px;direction:ltr;justify-content:flex-end;margin-top:35px;padding-top:25px;border-top:1px solid var(--line);font-size:10px;letter-spacing:2px;color:var(--pink)}
.purchase-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:120px 85px;align-items:center}
.purchase-intro h2{font-size:clamp(60px,7vw,102px);line-height:1.05;margin-block:20px 32px}
.purchase-intro>p{font-size:20px;color:var(--muted);max-width:380px;line-height:1.8}
.purchase-stamp{font-size:13px;line-height:1.5;direction:ltr;text-align:left;display:inline-block;border:1px solid var(--pink);color:var(--pink);padding:18px 25px;transform:rotate(-8deg);margin:45px 12px 0;letter-spacing:2px}.purchase-stamp>span{float:right;font-size:35px;margin-left:30px}
.purchase-card{position:relative;background:linear-gradient(145deg,#281a12,#110d0a 70%);border:1px solid #ffe34f66;padding:35px;border-radius:6px;box-shadow:12px 12px 0 #ff149314;overflow:hidden}
.purchase-card:before{content:'';position:absolute;top:0;right:0;width:50%;height:3px;background:var(--acid)}
.purchase-topline{display:flex;justify-content:space-between;gap:10px;direction:ltr;font-size:9px;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}
.purchase-card>h3{font-size:25px}.purchase-price{display:flex;gap:14px;align-items:center;margin-top:20px;line-height:1}.purchase-price>strong{font-size:112px;letter-spacing:-6px;color:var(--acid)}.purchase-price>span{font-size:38px}.purchase-price small{display:block;font-size:12px;margin-top:14px;line-height:1.5;color:var(--muted)}
.purchase-price-note{font-size:12px;color:var(--muted);margin-top:12px}
.package-list{list-style:none;padding:24px 0;margin:22px 0;border-block:1px solid var(--line);display:grid;gap:13px;font-size:15px}.package-list li{display:flex;gap:12px}.package-list li:before{content:'↗';color:var(--acid)}
.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-fields>div{min-width:0}.checkout-fields label{font-size:12px;display:block;margin-bottom:8px;color:var(--muted)}
.checkout-fields input{min-width:0;width:100%;padding:14px 12px;background:#090807;color:var(--cream);border:1px solid #fff3da40;border-radius:3px;font-size:15px;min-height:50px}.checkout-fields input:focus{border-color:var(--acid)}
.checkout-consent{display:flex;gap:9px;align-items:flex-start;margin-block:18px;font-size:12px;line-height:1.8;color:var(--muted)}.checkout-consent input{flex-shrink:0;width:17px;height:17px;accent-color:var(--acid);margin-top:3px}.checkout-consent a[href]{text-decoration:underline;text-underline-offset:3px}
.checkout-submit{width:100%;justify-content:space-between;min-height:62px;font-size:18px}.checkout-submit:disabled{cursor:wait}
.checkout-status{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px;min-height:22px}.checkout-status.error{color:#ff9ab7}
.checkout-trust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.purchase-section:target .purchase-card{border-color:var(--acid)}
.motion-ready .machine-story.immersive{height:330vh;min-height:1800px}
.machine-story.immersive .machine-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:space-between}
.machine-story.immersive .machine-scene{flex:1;min-height:0}.machine-story.immersive .reactor{max-height:65svh;width:100%;max-width:580px;justify-self:center}
.machine-story.immersive .story-chapter{display:block;opacity:0;transform:translateY(18px);visibility:hidden}.machine-story.immersive .story-chapter.active{opacity:1;transform:none;visibility:visible}
.machine-story:not(.immersive) .story-copy{display:flex;flex-direction:column;gap:25px}.machine-story:not(.immersive) .story-chapter{display:block}.machine-story:not(.immersive) .story-chapter h3 br{display:none}
@keyframes cue-drift{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@media(min-width:761px){.foundry-hero-bar .btn{flex-shrink:0}.format,.steps article{border-radius:4px}.machine-story.immersive .story-copy{height:210px}}
@media(max-width:1000px){.purchase-section{gap:35px}.purchase-card{padding:26px}.machine-scene{gap:20px}.reactor-node{width:110px;padding:12px;min-height:85px}.reactor-node strong{font-size:15px}.core-kicker{font-size:6px}.core-symbol{font-size:25px}}
@media(max-width:760px){
 .preview{font-size:10px;gap:8px;flex-wrap:wrap}.hero-coordinate{display:none}.scroll-cue{font-size:11px}.machine-story{margin-top:45px}.machine-sticky{padding-block:22px}.machine-scene{grid-template-columns:1fr;gap:22px;min-height:0;padding-block:30px}.machine-narrative h2{font-size:38px;margin-bottom:25px}.story-chapter p{max-width:none;font-size:15px}.story-copy{min-height:155px}.reactor{width:min(100%,470px);margin:auto}.reactor-core strong{font-size:36px}.reactor-node{width:105px;min-height:78px;padding:12px}.reactor-node strong{font-size:15px}.core-kicker{font-size:6px}.core-state{font-size:6px;margin-top:10px;padding-top:8px}.node-voice{left:0}.reactor-footer{font-size:5px}.story-track{gap:8px;font-size:10px}.story-link{margin-top:15px}.manifesto{padding-top:75px}.manifesto-signature{font-size:7px;gap:15px;letter-spacing:1px}.manifesto-text{font-size:35px;line-height:1.45}.purchase-section{grid-template-columns:1fr;padding-top:80px;gap:35px}.purchase-intro h2{font-size:65px}.purchase-intro>p{font-size:17px}.purchase-stamp{display:none}.purchase-card{padding:25px 22px}.purchase-price>strong{font-size:104px}.checkout-fields{grid-template-columns:1fr}.checkout-trust{font-size:9px}.purchase-card>h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.scroll-cue i{animation:none}.manifesto-word{color:var(--cream)}.story-chapter,.reactor-orbit,.reactor-core,.reactor-node{transition:none;transform:none}.machine-story.immersive{height:auto!important;min-height:0!important}.machine-story.immersive .machine-sticky{position:relative;height:auto}.machine-story.immersive .story-copy{display:flex;flex-direction:column;gap:25px;height:auto}.machine-story.immersive .story-chapter{opacity:1;visibility:visible;transform:none}.reactor-core{transform:rotate(-8deg)}}