/* Original Atlas foundation, with a restrained analog illustration layer. */
body.atlas-personality{background:#100d14}
body.atlas-personality:before{background:radial-gradient(ellipse at 55% 15%,#54324732,transparent 62%)}
.atlas-personality .pa-stories{padding:76px 0 88px;position:relative}
.pa-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.pa-kicker{display:flex;gap:12px;align-items:center;color:#d4bdcc!important;font-size:13px!important;letter-spacing:.12em;margin:0 0 22px}
.pa-kicker span{font-family:ui-monospace,monospace;color:#efb9dc}
.pa-intro h2{margin:0;max-width:760px}
:is(html body.atlas-personality,.pa-foundation) .pa-intro>p{font-size:20px!important;line-height:1.5!important;text-align:right;margin:0 0 5px;color:#c8bac8}
.pa-explorer{border-block:1px solid #edd7e52b}
.pa-tabs{display:flex;gap:7px;padding:18px 0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #edd7e51a}
.pa-tabs::-webkit-scrollbar{display:none}
:is(html body.atlas-personality,.pa-foundation) .pa-tabs button{font-family:inherit;white-space:nowrap;flex:1;min-height:44px;font-size:15px;font-weight:550;line-height:1.3;padding:11px 15px;border:1px solid transparent;border-radius:12px;background:transparent;color:#bcafbd;box-shadow:none;transition:background .2s,color .2s}
:is(html body.atlas-personality,.pa-foundation) .pa-tabs button[aria-selected=true]{background:#e9b7d9;color:#281c2c;border-color:#f7dbee;box-shadow:0 3px 0 #63435d}
:is(html body.atlas-personality,.pa-foundation) .pa-tabs button:hover{color:#f8e7f3;background:#ffffff08}
:is(html body.atlas-personality,.pa-foundation) .pa-tabs button[aria-selected=true]:hover{color:#281c2c;background:#f1c5e4}
.pa-stage{position:relative;touch-action:pan-y;overflow:hidden}
.pa-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:35px;align-items:center;min-height:540px;padding:42px 26px 32px}
.pa-panel>*{min-width:0}
.pa-copy{padding:0 0 0 10px}
.pa-label{display:block;font:12px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#d6b6cb;margin-bottom:22px}
:is(html body.atlas-personality,.pa-foundation) .pa-copy h3{font-size:clamp(33px,3.4vw,47px)!important;line-height:1.12;letter-spacing:-.045em;font-weight:780;margin:0 0 24px}
.pa-copy h3 em{font-style:normal;color:#efbedf}
:is(html body.atlas-personality,.pa-foundation) .pa-copy p{font-size:18px!important;line-height:1.55!important;margin:0 0 15px;color:#c8bdcc;max-width:440px}
.pa-benefit{display:flex;gap:10px;align-items:baseline;color:#f0d9e8;line-height:1.5;font-size:16px;margin-top:25px;border-top:1px solid #e9ccde25;padding-top:20px}
.pa-benefit>span{color:#edb5d8;font-size:21px;flex:none}
.pa-scene{position:relative;isolation:isolate;min-height:442px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 12px}
.pa-scene>img{width:100%;height:340px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 15px 24px #0002);transform-origin:50% 80%;animation:pa-drift 7s ease-in-out infinite}
.pa-handnote{color:#dbc1d4;font-size:17px;font-family:Georgia,serif;font-style:italic;display:block;position:relative;z-index:2;transform:rotate(-4deg);align-self:flex-end;margin:0 28px -4px 0}
.pa-orbit{position:absolute;width:90%;height:62%;border:1px dashed #efb9dc24;border-radius:50%;transform:rotate(-15deg);top:70px;z-index:0}
.pa-orbit:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#efb9dc;left:10%;top:15%;box-shadow:0 0 18px #efb9dc22}
.pa-work-strip{display:flex;gap:0;justify-content:center;color:#dcc8d7;font:13px ui-monospace,monospace;z-index:2}
.pa-work-strip span+span:before{content:'→';padding:0 13px;color:#826c81}
.pa-instruction{width:88%;background:#1c1621;border:1px solid #eac5dc32;border-radius:12px;padding:16px 20px;margin-top:-7px;z-index:2;transform:rotate(-1deg)}
.pa-instruction>span{font:11px ui-monospace,monospace;letter-spacing:.08em;color:#b39aa9;text-transform:uppercase}
.pa-instruction>strong{display:block;font-size:17px;font-weight:550;margin:5px 0 10px}
.pa-instruction>div{display:flex;gap:9px;color:#d4afc8;align-items:center;font-size:12px}
.pa-instruction i{font-style:normal;color:#847283}
.pa-emma-modes{display:flex;gap:12px;z-index:2}
:is(html body.atlas-personality,.pa-foundation) .pa-mini-action{background:#bddec8;color:#193525;border-radius:10px;padding:11px 17px;font-size:15px;box-shadow:0 4px 0 #324a3c;border:1px solid #e2f7e8;line-height:1.4;display:flex;align-items:center;gap:13px}
:is(html body.atlas-personality,.pa-foundation) .pa-mini-action.blue{background:#b9d4fb;border-color:#e5effe;color:#20334d;box-shadow:0 4px 0 #33465e}
.pa-emma-scene>img{animation-duration:5s}
.pa-call-strip{display:flex;align-items:center;gap:14px;font-size:14px;padding:15px 19px;border-block:1px solid #bddcca33;color:#c9e5d3;max-width:100%}
.pa-signal{display:flex;align-items:center;height:25px;gap:4px}
.pa-signal i{display:block;width:3px;height:12px;border-radius:5px;background:#b8d9c3;animation:pa-voice 1.1s ease-in-out infinite alternate}
.pa-signal i:nth-child(2){height:23px;animation-delay:-.3s}.pa-signal i:nth-child(3){height:16px;animation-delay:-.6s}.pa-signal i:nth-child(4){height:25px;animation-delay:-.1s}.pa-signal i:nth-child(5){animation-delay:-.8s}
.pa-example{width:80%;display:flex;flex-direction:column;gap:7px;z-index:2;margin-top:-14px}
.pa-example>span{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#a495aa;margin-bottom:5px;text-align:center}
.pa-message{font-size:14px;line-height:1.4;padding:10px 15px;max-width:92%;border-radius:16px;background:#302737;color:#f2e9f3;align-self:flex-start;animation:pa-message-in 650ms both}
.pa-message.sent{background:#1e68d0;color:#fff;align-self:flex-end;border-bottom-right-radius:4px;animation-delay:500ms}
.pa-message.received{border-bottom-left-radius:4px}
.pa-blue-scene>img{height:285px;animation:pa-scoot 6s ease-in-out infinite}
.pa-partner-sign{display:flex;align-items:center;justify-content:center;gap:14px;transform:rotate(-2deg);background:#f4e9db;border:1px solid #796478;color:#271a28;border-radius:5px;padding:13px 24px;box-shadow:4px 5px 0 #4e394a;font-family:ui-monospace,monospace;margin-top:-5px;z-index:2}
.pa-partner-sign>span{letter-spacing:.13em;font-size:17px;font-weight:700}.pa-partner-sign small{color:#635063;font:12px/1.3 inherit;border-left:1px solid #c9b9c3;padding-left:14px}
.pa-fuel-scene{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:22px 15px 0}
.pa-fuel-pump{position:relative;width:min(340px,90%);background:#dfb5d1;padding:24px 24px 20px;border-radius:28px 28px 10px 10px;color:#2c1c2b;border:2px solid #f2d3e6;box-shadow:7px 8px 0 #4b3349;transform:rotate(-2deg)}
.pa-fuel-brand{display:block;font:11px ui-monospace,monospace;letter-spacing:.17em;text-align:center;margin:0 0 16px}
.pa-fuel-display{padding:15px 12px 18px;border-radius:8px;background:#261e2b;box-shadow:inset 0 2px 6px #0008;text-align:center;display:flex;flex-direction:column;color:#f7e8ee}
.pa-fuel-display .credits-eyebrow{font-size:12px;color:#c4adba;margin-bottom:5px}.pa-fuel-display .credits-total{font:700 43px/1.2 ui-monospace,monospace;letter-spacing:-.05em;color:#f7e7e7}.pa-fuel-display .credits-total-label{font-size:12px;color:#c7b3c4;margin-top:4px}
.pa-fuel-gauge{position:relative;margin:22px auto 14px;border-radius:6px;max-width:210px;height:42px;background:repeating-linear-gradient(90deg,transparent 0,transparent 24px,#8e667c 25px,#8e667c 26px);border-top:1px solid #8e667c;display:flex;justify-content:space-between;padding-top:24px;font:10px ui-monospace,monospace}
.pa-fuel-gauge i{position:absolute;left:88%;height:22px;width:3px;top:0;background:#3b2639;transform-origin:bottom;animation:pa-needle 5s ease-in-out infinite}
:is(html body.atlas-personality,.pa-foundation) .pa-fuel-pump p{font-size:14px!important;line-height:1.5!important;color:#4f344b;text-align:center;margin:0}
.pa-fuel-details{margin-top:27px;max-width:390px;text-align:center}.pa-fuel-details>strong{font-size:18px;color:#efd8e8}
:is(html body.atlas-personality,.pa-foundation) .pa-fuel-details p{font-size:14px!important;line-height:1.5!important;margin:9px 0;color:#bfaebf}
.pa-launch-steps{display:flex;gap:17px;font-size:12px;color:#cfbac9;margin:-5px 0 23px;z-index:2}.pa-launch-steps b{font-family:ui-monospace,monospace;color:#e4add0;display:block;font-size:11px;margin-bottom:5px}
.pa-launch-scene>img{height:285px}.pa-launch-scene .primary{font-size:17px!important;padding:12px 25px!important}
.pa-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid #e9ccde1c}
.pa-controls>div{display:flex;align-items:center;gap:18px}.pa-count{font:14px ui-monospace,monospace;color:#eed0e3}.pa-swipe{font-size:13px;color:#a995aa}
:is(html body.atlas-personality,.pa-foundation) .pa-controls button{display:flex;align-items:center;justify-content:center;gap:28px;min-height:46px;min-width:48px;padding:10px 16px;border-radius:11px;border:1px solid #edd2e132;background:#241b2a;color:#eed2e5;box-shadow:0 3px 0 #0a070d;font-size:15px}
:is(html body.atlas-personality,.pa-foundation) .pa-controls button b{font-size:23px;line-height:1;font-weight:400}.pa-prev>span{font-size:22px;line-height:1}
.pa-controls button:disabled{opacity:.25}.pa-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pa-hero-aside{position:absolute;right:3%;top:85%;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.4;color:#d5b4cc;transform:rotate(7deg);width:140px;pointer-events:none}
.atlas-personality .hero{position:relative}
.pa-offer-art{position:absolute;right:0;top:0;width:210px;transform:rotate(7deg);opacity:.94;pointer-events:none}.pa-offer-art img{width:100%;height:135px;object-fit:contain}.pa-offer-art>span{display:block;text-align:center;font:italic 16px Georgia,serif;color:#e4c3d9;margin-top:-12px}
.atlas-personality #offer .offer-heading{position:relative}
.pa-faq-art{max-width:300px;margin-top:28px;position:relative}.pa-faq-art img{display:block;width:100%;height:210px;object-fit:contain}.pa-faq-art figcaption{text-align:center;color:#dab7cf;font:italic 17px Georgia,serif;transform:rotate(-3deg);margin-top:-6px}
@keyframes pa-drift{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.6deg)}}
@keyframes pa-scoot{0%,100%{transform:translateX(-5px) rotate(-.4deg)}50%{transform:translateX(7px) rotate(.7deg)}}
@keyframes pa-voice{to{transform:scaleY(.45)}}
@keyframes pa-needle{0%,100%{transform:rotate(6deg)}50%{transform:rotate(-7deg)}}
@keyframes pa-message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.pa-panel[hidden]{display:none!important}.pa-panel.is-offscreen *{animation-play-state:paused!important}
@media(min-width:1400px){.pa-panel{min-height:580px}.pa-scene>img{height:365px}.pa-blue-scene>img,.pa-launch-scene>img{height:310px}}
@media(max-width:1050px){.pa-tabs{gap:4px}.pa-tabs button{padding-inline:10px!important;font-size:14px!important}.pa-panel{gap:24px;padding-inline:10px}.pa-handnote{font-size:15px}.pa-offer-art{width:150px;right:-10px;top:15px}.pa-offer-art img{height:105px}.pa-offer-art>span{font-size:14px}.pa-hero-aside{display:none}}
@media(max-width:760px){.pa-intro{display:block}.pa-intro>p{display:none}.pa-tabs button{flex:none!important;padding-inline:16px!important}.pa-panel{grid-template-columns:1fr;gap:8px;padding:30px 6px 24px;min-height:0}.pa-copy{padding:0 8px}.pa-label{font-size:11px;margin-bottom:16px}:is(html body.atlas-personality,.pa-foundation) .pa-copy h3{font-size:38px!important;line-height:1.12;margin-bottom:19px}.pa-copy h3 br{display:none}.pa-copy h3 br:after{content:' '}:is(html body.atlas-personality,.pa-foundation) .pa-copy p{font-size:17px!important;line-height:1.5!important;max-width:100%;margin-bottom:13px}.pa-benefit{font-size:15px;margin-top:18px;padding-top:16px}.pa-scene{min-height:0;padding-top:22px}.pa-scene>img{height:310px}.pa-handnote{font-size:16px;margin:0 15px -6px 0}.pa-instruction{max-width:400px}.pa-blue-scene>img,.pa-launch-scene>img{height:265px}.pa-example{max-width:370px}.pa-controls{gap:12px;padding:20px 0}.pa-controls>div{gap:0;flex-direction:column}.pa-swipe{font-size:11px;margin-top:4px}.pa-controls .pa-next{gap:16px!important;max-width:43%}.pa-offer-art{display:none}.pa-faq-art{max-width:190px;position:absolute;right:0;top:6px;margin:0;opacity:.82}.pa-faq-art img{height:130px}.pa-faq-art figcaption{font-size:13px}.atlas-personality #faq .faq-layout>div:first-child{position:relative;padding-right:180px}.atlas-personality #faq .faq-layout>div:first-child h2{font-size:36px!important}.atlas-personality #faq .faq-layout>div:first-child>p{font-size:16px!important}.atlas-personality .pa-stories{padding:50px 0 60px}.pa-fuel-scene{padding-block:20px}.pa-launch-steps{font-size:12px}}
@media(max-width:420px){.pa-copy h3{font-size:34px!important}.pa-scene>img{height:250px}.pa-blue-scene>img,.pa-launch-scene>img{height:230px}.pa-scene{padding-top:20px}.pa-handnote{font-size:14px}.pa-work-strip{font-size:11px}.pa-work-strip span+span:before{padding:0 9px}.pa-call-strip{font-size:12px;padding:12px 9px;gap:9px}.pa-partner-sign{padding:12px 16px;gap:10px}.pa-partner-sign>span{font-size:14px}.pa-partner-sign small{font-size:10px}.pa-example{width:94%}.pa-faq-art{max-width:125px;top:35px}.pa-faq-art img{height:95px}.pa-faq-art figcaption{display:none}.atlas-personality #faq .faq-layout>div:first-child{padding-right:120px}.pa-swipe{display:none}.pa-controls .pa-next{font-size:13px!important}.pa-emma-modes{gap:9px}.pa-mini-action{font-size:14px!important;padding:10px 13px!important}.pa-launch-steps{gap:12px}}
@media(prefers-reduced-motion:reduce){.pa-panel *{animation:none!important;transition:none!important}.pa-scene>img{transform:none}}

/* Phone polish: keep the new scenes within the original page's canvas. */
:is(html body.atlas-personality,.pa-foundation) .pa-tabs button:focus-visible{outline-offset:-3px}
:is(html body.atlas-personality,.pa-foundation) .pa-tabs button{border-radius:12px}
@media(max-width:760px){
 :is(html body.atlas-personality,.pa-foundation) .pa-copy h3{font-size:34px!important;letter-spacing:-.04em}
 :is(html body.atlas-personality,.pa-foundation) .pa-copy h3 br{display:initial}
 .pa-scene>img{height:260px}
 .pa-blue-scene>img,.pa-launch-scene>img{height:230px}
 .pa-tabs{scroll-padding-inline:4px;padding-bottom:19px}
 .pa-controls .pa-next{flex-shrink:0}
}
@media(max-width:760px){
 .atlas-personality .hero:before{left:-10px;right:-10px}
 .atlas-personality #faq .faq-layout>div:first-child{padding-right:0}
 .atlas-personality #faq .faq-layout>div:first-child>p br{display:initial}
 .pa-faq-art{position:static;max-width:200px;margin:12px auto 25px;opacity:1}
 .pa-faq-art img{height:135px}
 .pa-faq-art figcaption{display:block;font-size:14px}
}
@media(max-width:600px){
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-name{display:block!important;font-size:14px!important;line-height:1.3!important;min-height:36px;margin:4px 0 7px;padding-right:5px}
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-price{display:block!important;font-size:28px!important;line-height:1.15!important;white-space:nowrap}
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-price>span{font-size:13px!important;margin-top:4px}
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-plan{padding:20px 15px!important;min-width:0}
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-math{font-size:14px!important;margin-top:16px}
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-blue-note{font-size:14px!important;line-height:1.5!important;margin-top:12px}
}
@media(max-width:600px){
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-plan{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important}
 :is(html body.atlas-personality,.pa-foundation) #offer .purchase-saving{display:inline-block!important;white-space:nowrap;font-size:11px!important;line-height:1.3!important;letter-spacing:0;padding:5px 7px!important;border-radius:6px!important;width:max-content;max-width:100%;margin-top:8px!important}
}

/* Chief is the system. The owner directs it. */
.pa-owner-scene>img{height:auto!important;max-height:none!important;aspect-ratio:3/2;object-fit:contain;border:1px solid #806486;border-radius:18px;animation:none!important;filter:none!important;margin:18px 0}
.pa-owner-scene .pa-handnote,.pa-console-scene .pa-handnote{transform:none;align-self:center;text-align:center;font-size:18px;margin:0 0 8px}
.pa-chief-console{width:100%;box-sizing:border-box;padding:20px;background:linear-gradient(145deg,#f2d8df,#a18db5);border:2px solid #554060;border-radius:30px 30px 16px 16px;box-shadow:0 12px 0 #493550,0 28px 50px #0005;color:#35243e;transform:perspective(1000px) rotateY(-3deg)}
.cc-top,.cc-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 12px/1.4 system-ui;letter-spacing:.08em;padding:0 4px 14px}.cc-power{color:#3c6051;letter-spacing:0}
.cc-screen{background:radial-gradient(ellipse at top,#34283f,#17131f);border:6px solid #796181;border-radius:20px;padding:24px 20px;color:#f6e7ed;box-shadow:inset 0 0 30px #0005}
.cc-kicker{font:600 12px system-ui;letter-spacing:.12em;color:#d4b4d9}
.cc-screen h4{font:600 clamp(24px,2.5vw,34px)/1.15 inherit;letter-spacing:-.035em;margin:15px 0 22px;font-size:30px}
.cc-prompt{border:1px solid #806b8b;border-radius:8px;padding:15px;font-size:18px;line-height:1.45;color:#dbcbe1}
.cc-plan{display:block;margin:14px 0 0 auto;width:max-content;padding:11px 18px;background:#edbddf;border:2px solid #17111d;border-radius:4px;box-shadow:3px 3px 0 #806186;color:#35243e;font-size:18px;font-weight:650}
.cc-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 0}
.cc-switches>span{padding:12px 6px;text-align:center;border:2px solid #65506e;border-radius:4px;box-shadow:0 4px 0 #65506e;background:#d9c2ed;font-size:16px;line-height:1.3;font-weight:600}
.cc-switches>span:nth-child(2){background:#f3c1db}.cc-switches>span:nth-child(3){background:#b7d8f8}
.cc-bottom{padding:5px 0 0;font-size:10px;gap:7px}.cc-bottom span{margin-right:auto}.cc-bottom i{width:8px;height:8px;background:#375247;border-radius:50%;box-shadow:0 0 5px #a5efd0}
@media(max-width:760px){.pa-chief-console{transform:none;padding:14px;border-radius:22px 22px 12px 12px;margin:15px 0}.cc-top{font-size:10px}.cc-screen{padding:20px 14px}.cc-screen h4{font-size:27px}.cc-switches{gap:8px}.cc-switches>span{font-size:14px}.pa-owner-scene>img{border-radius:12px}.pa-owner-scene .pa-handnote{font-size:17px}}

/* A distinct owner story, composed separately for desktop and phone. */
.pa-studio-picture{display:block;width:100%;margin:18px 0;min-width:0}
.pa-studio-picture img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:1px solid #806486;border-radius:18px;box-sizing:border-box}
.pa-owner-scene:has(.pa-studio-picture){min-width:0}
.pa-owner-scene:has(.pa-studio-picture) .pa-emma-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}
@media(max-width:760px){.pa-studio-picture{max-width:440px;margin:16px auto}.pa-studio-picture img{border-radius:12px;aspect-ratio:4/5}.pa-owner-scene:has(.pa-studio-picture) .pa-mini-action{min-height:48px;flex:1 1 130px;font-size:17px!important}.pa-panel:has(.pa-studio-picture) .pa-copy p{font-size:18px!important;line-height:1.55!important}.pa-panel:has(.pa-studio-picture) .pa-benefit{font-size:17px;line-height:1.5}.pa-owner-scene:has(.pa-studio-picture) .pa-handnote{font-size:18px;line-height:1.4;margin:0 8px;text-wrap:balance}}
.pa-scene:is(.pa-voice-scene,.pa-blue-scene,.pa-partner-scene)>img{display:block;height:auto!important;aspect-ratio:3/2;object-fit:contain;border:1px solid #806486;border-radius:18px;box-sizing:border-box;animation:none!important;filter:none!important;margin:18px 0}
.pa-scene:is(.pa-voice-scene,.pa-blue-scene,.pa-partner-scene) .pa-handnote{transform:none;align-self:center;text-align:center;line-height:1.4}
.pa-launch-scene>img{animation:none!important;filter:none!important}
@media(max-width:760px){.pa-scene:is(.pa-voice-scene,.pa-blue-scene,.pa-partner-scene)>img{border-radius:12px;margin:16px 0}}
