/* PumpXO · editorial public identity · 22 September 2026 */
/* Customer presentation: no development banner; all transactional controls remain disabled. */
:root{--ink:#101013;--muted:#726b6a;--paper:#faf9f7;--line:#ded9d5;--purple:#c91020;--lime:#ff3947;--radius:12px}
body{background:var(--paper);font-family:Arial,Helvetica,sans-serif}
::selection{background:#ff243b;color:white}
h1{font-weight:700;letter-spacing:-3px}h2{letter-spacing:-1.5px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#e7182b}
#header{background:#fff;border-bottom:1px solid #eae6e3}
.nav{min-height:82px}.navlinks{gap:30px;font-size:13px}.nav-actions{gap:12px}
.brand-logo{position:relative;display:block;overflow:hidden;width:156px;aspect-ratio:1395/361;background:white;flex-shrink:0}
.brand-logo img{position:absolute;width:127.17%;height:auto;max-width:none;left:-13.98%;top:-71.47%}
.nav>a{flex-shrink:0}.btn{padding:13px 24px;border-radius:5px;font-size:12px;letter-spacing:.2px;font-weight:700}
.btn:hover:not(:disabled){background:#eee8e5;transform:translateY(-2px)}
.btn.dark{background:#131316;color:white;border-color:#131316}.btn.dark:hover:not(:disabled){background:#353037}
.btn.red,.btn.lime,.btn.purple{background:#e7172a;color:white;border-color:#e7172a;position:relative;overflow:hidden}
.btn.red:hover:not(:disabled),.btn.lime:hover:not(:disabled),.btn.purple:hover:not(:disabled){background:#c90e1f;border-color:#c90e1f;box-shadow:0 8px 28px #e7172a30}
.btn.red:after{content:'';position:absolute;width:35%;height:300%;background:linear-gradient(90deg,transparent,#ffffff24,transparent);transform:rotate(25deg);top:-100%;left:-70%;transition:left .7s}
.btn.red:hover:after{left:150%}
.preview{background:#f2efec;color:#726b6a;font-size:10px;letter-spacing:1px;padding:6px 10px}
.pagehero{padding:48px 0 35px}.pagehero h1{font-weight:700;max-width:900px}.eyebrow{font-size:10px;letter-spacing:2.2px}
.pill{border-radius:5px;padding:9px 16px;font-size:12px}
.card{border-color:#e2dcd7;border-radius:10px;box-shadow:none}.panel{border-color:#e2dcd7;border-radius:12px}
.badge{border-radius:3px;background:#f2ebe8;color:#755954;font-size:10px}.textlink{color:#bd1422}
.form-note{border-radius:6px;background:#f3ebe7;color:#755750}.soft{background:#f1e9e3}
input:not([type=checkbox]):not([type=range]),select,textarea{border-radius:6px;border-color:#d9d0ca}
.empty{border-radius:10px}.help-item{border-radius:8px}.help-item:hover{border-color:#c91020}
.article-graphic{background:#dbc7c3;color:#672d31}.article-graphic.alt{background:#d5cfca;color:#58504c}
.stepnum{color:#bf1424}.auth{gap:75px;margin-top:55px}.auth-aside{background:radial-gradient(ellipse at 90% 90%,#65131c,#121216 60%);border-radius:12px;position:relative}
.auth-aside h2{font-size:54px;letter-spacing:-2.5px;position:relative;z-index:1}
.auth-mark{width:220px;height:220px;object-fit:contain;align-self:center;filter:drop-shadow(0 12px 30px #f20d1730);transform:rotate(-8deg)}
.auth .btn.full{margin-top:20px}.social-options .filters{justify-content:center}
.calculator-output{background:radial-gradient(ellipse at 100% 100%,#51131a,#141418 65%);border-radius:12px}.money{color:#ff515e}
.banner{background:radial-gradient(ellipse at 90% 110%,#71111b,#151519 60%);border-radius:14px}
.manifesto{background:#17171b;color:white;max-width:950px;padding:55px}.manifesto p{color:#c8c0bd;max-width:680px}
.manifesto h2{font-size:44px}.manifesto .eyebrow{color:#ff5964}
.profile-cover{background:#d0b5b0}.profile-cover .art-word{color:#ffffff80}.avatar{border-radius:12px}.plan{border-radius:8px}.plan.selected{border-color:#b91524;background:#fcf1ef}.plan input{accent-color:#ba1726}
.locked{background:repeating-linear-gradient(45deg,#eee9e5,#eee9e5 10px,#f4efeb 10px,#f4efeb 20px);color:#856e69;border-radius:8px}
.brand-sample{background:#fff;border:1px solid #ded9d5;border-radius:12px;padding:45px 25px;display:grid;place-items:center}.brand-sample .brand-logo{width:min(100%,420px)}
#footer{background:white;padding:42px 0 20px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:30px}.footer-grid h3{font-size:10px;letter-spacing:1.7px}.footer-grid a:not(.brand-logo){font-size:12px}.footer-grid>div:first-child>a{display:inline-block}.footer-grid>div:first-child>p{font-size:13px}.footer-bottom{font-size:10px}.cookie{border-radius:9px;padding:20px;box-shadow:0 10px 40px #0002}.cookie .btn{border-radius:4px}.cookie b{font-size:14px}#notice:not(:empty){border-radius:8px}
.home-view #main>.wrap{max-width:none;padding:0}
.noir-hero{position:relative;overflow:hidden;background:#0b0b0f;color:#fff;isolation:isolate;min-height:min(820px,calc(100svh - 108px))}
.hero-inner{position:relative;max-width:1320px;margin:auto;padding:27px 50px 0;z-index:2}
.hero-topline,.hero-baseline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px;color:#a39b9e}
.hero-topline span:first-child{display:flex;align-items:center;gap:9px}.hero-topline i{width:5px;height:5px;border-radius:50%;background:#f52c40;box-shadow:0 0 12px #f52c4080}
.noir-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:0;align-items:center;min-height:590px}
.noir-copy{position:relative;z-index:3;padding:60px 0 50px}
.noir-copy h1{font-size:clamp(65px,7.4vw,112px);line-height:.99;letter-spacing:-6.5px;font-weight:700;margin-bottom:28px;white-space:nowrap}
.noir-copy h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-5.5px;color:#ff394a}
.noir-copy>p{font-size:16px;line-height:1.65;color:#b9b1b5;margin-bottom:30px}
.noir-copy .actions{align-items:center;gap:30px;margin:0}
.noir-copy .btn{min-height:52px;padding:15px 27px}.hero-link{font-size:12px;color:#ded8dc;display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #5e4148}
.hero-link:hover{color:#ff5964}.hero-baseline{padding:24px 0;border-top:1px solid #ffffff16}.hero-baseline a{color:#d6cbd0;display:flex;gap:20px}
.hero-glow{position:absolute;width:800px;height:800px;background:radial-gradient(ellipse,#ba091c40 0%,#80081718 38%,transparent 67%);right:-180px;top:-50px;z-index:0;pointer-events:none}
.noir-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 50%,#ff17260b 70%,transparent 90%);pointer-events:none;z-index:0}
.emblem-scene{position:relative;min-height:470px;display:grid;place-items:center;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .6s ease-out}
.hero-emblem{position:relative;z-index:2;width:380px;max-width:95%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 30px #ff001820);transform:rotate(-10deg);animation:emblem-float 9s ease-in-out infinite}
.emblem-halo{position:absolute;width:310px;height:310px;border-radius:50%;background:#fe162421;filter:blur(70px);z-index:0}
.orbit{position:absolute;border:1px solid #a750593c;border-radius:50%;width:440px;height:440px;z-index:1;pointer-events:none}
.orbit-one{transform:rotate(-32deg) scaleY(.55);animation:orbit-turn 40s linear infinite}.orbit-two{width:470px;height:470px;transform:rotate(55deg) scaleY(.6);opacity:.5}
.scene-caption{position:absolute;bottom:7px;right:0;font-size:8px;letter-spacing:3px;color:#916c74}
.editorial-section,.creator-call{max-width:1320px;margin:auto;padding:78px 50px}
.editorial-head{display:grid;grid-template-columns:1fr 1.2fr;gap:0 50px;margin-bottom:32px}.editorial-head>.eyebrow{grid-column:1/-1;margin-bottom:20px;color:#aa1522}
.editorial-head h2{font-size:44px;line-height:1.14;margin:0}.editorial-head h2 em{font:italic 1.04em Georgia,'Times New Roman',serif;letter-spacing:-1.7px}
.editorial-head>div{justify-self:end;align-self:end}.editorial-head p{font-size:13px;margin-bottom:13px}
.editorial-head .textlink{font-size:12px;text-decoration:none;border-bottom:1px solid #bca8a5;padding-bottom:6px;color:#292126}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-view .creator-card{background:transparent;border:0;border-radius:0}
.home-view .creator-art{height:260px;border-radius:8px;isolation:isolate}
.home-view .creator-art .monogram{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:95px;letter-spacing:-9px;color:#291b25b0;transition:transform .6s}
.home-view .creator-art:before{border-width:1px;width:230px;height:320px;border-color:#fff8;transform:rotate(-32deg);z-index:0}
.home-view .creator-art:after{background:#2f11281a;border-radius:100px 100px 0 0;width:170px;height:230px;right:-20px;bottom:-80px;transform:rotate(20deg)}
.home-view .card-link:hover .monogram{transform:scale(1.08) rotate(-5deg)}
.home-view .creator-art .badge{font-size:9px;letter-spacing:.3px;font-weight:400;background:#fff9;backdrop-filter:blur(8px);border-radius:3px}
.home-view .creator-card .card-body{padding:20px 0}.home-view .creator-card .card-body>p:not(.handle){display:none}
.home-view .creator-card h3{font-size:18px}.home-view .creator-card .handle{font-size:11px;margin-bottom:0}.home-view .creator-card .row:last-child{font-size:12px;border-top:0;margin-top:14px;padding-top:0;color:#766568}.home-view .creator-card .row:last-child .small{font-size:11px}
.creator-call{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:65px;padding-bottom:75px}
.creator-call h2{font-size:65px;line-height:1.03;letter-spacing:-3px;margin:0}.creator-call h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#ba1324;letter-spacing:-2px}
.creator-call>div:last-child{align-self:center;max-width:380px;justify-self:end}.creator-call p{font-size:14px}.creator-call .eyebrow{color:#9b1522}.call-foot{font-size:8px;letter-spacing:1.7px;color:#8b797b;margin-top:24px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
.home-view #footer{margin-top:0}
@keyframes emblem-float{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-13px) rotate(-7deg)}}
@keyframes orbit-turn{0%{transform:rotate(-32deg) scaleY(.55)}100%{transform:rotate(328deg) scaleY(.55)}}
@media(min-width:1500px){.noir-layout{min-height:650px}.hero-inner{max-width:1400px}.hero-emblem{width:420px}}
@media(max-width:1000px){.noir-copy h1{font-size:76px;letter-spacing:-4.8px}.noir-copy h1 em{letter-spacing:-4px}.hero-inner{padding-left:35px;padding-right:35px}.hero-emblem{width:330px}.emblem-scene{min-height:400px}.noir-layout{min-height:535px}.orbit{width:340px;height:340px}.orbit-two{width:390px;height:390px}.editorial-section,.creator-call{padding-left:35px;padding-right:35px}.editorial-head h2{font-size:36px}.creator-call h2{font-size:54px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{min-height:70px}.brand-logo{width:123px}.nav-actions{gap:7px}.nav-actions .btn{padding:9px 13px}.mobile-toggle{border-radius:5px;width:34px;height:34px}.navlinks.open{top:70px;background:white;gap:24px;padding:25px;border-top:1px solid #eee}.preview{font-size:8px;letter-spacing:.6px;padding:6px 12px}
.hero-inner{padding:22px 24px 0}.hero-topline{font-size:7px;letter-spacing:1.3px}.hero-topline span:last-child{display:none}
.noir-layout{min-height:0;grid-template-columns:1fr;position:relative;padding-bottom:0}.noir-copy{padding:50px 0 15px}.noir-copy h1{font-size:clamp(56px,11.2vw,82px);letter-spacing:-3.5px;line-height:1.03;margin-bottom:23px}.noir-copy h1 em{letter-spacing:-3px}.noir-copy>p{font-size:14px;max-width:300px;margin-bottom:26px}.noir-copy .actions{gap:23px;flex-wrap:nowrap}.noir-copy .btn{min-height:46px;padding:13px 19px;font-size:11px}.hero-link{font-size:11px;gap:10px;white-space:nowrap}
.emblem-scene{min-height:270px;margin-top:-6px}.hero-emblem{width:225px;max-width:75%}.orbit{width:250px;height:250px}.orbit-two{width:285px;height:285px}.emblem-halo{width:230px;height:230px}.scene-caption{bottom:7px;right:0;font-size:6px;letter-spacing:2px}.hero-glow{right:-250px;top:180px;width:750px;height:750px}.hero-baseline{padding:20px 0;font-size:6px;letter-spacing:1px}.hero-baseline>span:nth-child(2){display:none}.hero-baseline a{gap:10px}
.editorial-section,.creator-call{padding:46px 24px}.editorial-head{grid-template-columns:1fr;gap:18px}.editorial-head>.eyebrow{margin:0;font-size:8px}.editorial-head h2{font-size:34px}.editorial-head>div{justify-self:start;display:flex;align-items:end;justify-content:space-between;gap:16px;width:100%}.editorial-head p{font-size:11px;margin:0}.editorial-head .textlink{font-size:10px;white-space:nowrap}.editorial-grid{grid-template-columns:1fr;gap:16px}.home-view .creator-art{height:255px}.home-view .creator-card .card-body{padding:17px 0}.home-view .creator-card h3{font-size:19px}
.creator-call{grid-template-columns:1fr;gap:25px}.creator-call h2{font-size:50px}.creator-call>div:last-child{justify-self:start;max-width:100%}.creator-call p{font-size:13px}.creator-call .eyebrow{font-size:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid .brand-logo{width:142px}.auth{gap:25px}.auth-aside{padding:30px;min-height:350px}.auth-aside h2{font-size:43px}.auth-mark{width:165px;height:165px}.manifesto{padding:28px}.manifesto h2{font-size:31px}.manifesto p{font-size:14px}
}
@media(min-width:520px) and (max-width:760px){.editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-view .creator-art{height:190px}.home-view .creator-card h3{font-size:16px}.home-view .creator-art .badge{font-size:7px;left:8px;top:8px}.home-view .creator-card .row:last-child{display:block}.home-view .creator-card .row:last-child .small{display:block;margin-top:8px}}
@media(max-width:360px){.nav{gap:7px}.brand-logo{width:103px}.nav-actions{gap:5px}.nav-actions .btn{font-size:10px;padding:8px 9px}.mobile-toggle{width:29px;height:31px}.noir-copy h1{font-size:50px;letter-spacing:-3px}.noir-copy h1 em{letter-spacing:-2.5px}.noir-copy .btn{padding:12px 14px;font-size:10px}.hero-link{font-size:10px;gap:6px}.noir-copy .actions{gap:16px}.hero-inner{padding-left:20px;padding-right:20px}.editorial-section,.creator-call{padding-left:20px;padding-right:20px}.editorial-head h2{font-size:30px}.editorial-head>div{display:block}.editorial-head .textlink{display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hero-emblem,.orbit{animation:none!important}.emblem-scene{transform:none!important}.reveal{opacity:1;transform:none;transition:none}.btn.red:after{display:none}.noir-hero *{transition:none!important}}