@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0a0a;--card:#111111;--line:#292929;--text:#f3f1ed;--muted:#8d8a84;--lime:#d9ff4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.05em;display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--lime);color:#0b0b0b;width:27px;height:27px;border-radius:50%;font-size:16px}.muted{color:#777;font-weight:500}.nav nav{display:flex;gap:30px}.nav nav a,.text-link,.footer a{color:#aaa;text-decoration:none;font-size:12px}.nav nav a:hover,.footer a:hover{color:var(--lime)}.nav-btn{color:var(--text);text-decoration:none;border:1px solid #414141;border-radius:30px;padding:11px 17px;font-size:12px}.nav-btn span{color:var(--lime);margin-left:15px}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{font:11px 'DM Mono',monospace;color:#868680;letter-spacing:.09em}.eyebrow i,.live i{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--lime)}h1{font-size:clamp(60px,8vw,108px);line-height:.91;letter-spacing:-.09em;margin:25px 0 27px;font-weight:700}h1 em{color:var(--lime);font-style:normal}.lead{max-width:405px;color:#999;line-height:1.65;font-size:14px}.actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button{display:inline-block;text-decoration:none;padding:15px 19px;border-radius:4px;font-size:12px;font-weight:700}.button span{margin-left:18px}.primary{color:#111;background:var(--lime)}.ghost{color:var(--text);border:1px solid #444}.hero-art{height:420px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:310px;height:310px;background:radial-gradient(circle at 35% 30%,#dcff79, #5b8b24 36%,#16220e 63%,transparent 70%);opacity:.75}.orb-b{width:430px;height:430px;border:1px solid #36491e;transform:rotate(35deg) scaleY(.35)}.hud-card{position:relative;width:225px;padding:17px;background:#10120dE8;border:1px solid #597330;box-shadow:0 0 50px #b4e84c44;transform:rotate(-8deg);font:10px 'DM Mono',monospace}.hud-top{display:flex;justify-content:space-between;color:#777;font-size:8px}.live{color:var(--lime)}.hud-title{font:700 28px Manrope;margin:27px 0 20px;letter-spacing:-.07em}.hud-row{border-top:1px solid #293420;padding:11px 0;display:flex;justify-content:space-between;color:#a4a9a0}.hud-row b{color:var(--lime)}.hud-line{height:3px;background:#293420;margin-top:8px}.hud-line span{display:block;width:68%;height:100%;background:var(--lime)}.code-label{position:absolute;bottom:23px;right:12px;color:#626e4c;font:11px 'DM Mono'}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;color:#777;font:10px 'DM Mono';white-space:nowrap;overflow:hidden;text-align:center}.ticker span{color:var(--lime);padding:0 30px}.section{padding-top:130px;padding-bottom:60px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2,.faq h2{font-size:52px;line-height:1;letter-spacing:-.07em;margin:20px 0 0}.section-head h2 span{color:#777}.section-head p{max-width:270px;color:#888;font-size:13px;line-height:1.6;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article,.plan{border:1px solid var(--line);padding:26px;min-height:260px;display:flex;flex-direction:column}.num{font:11px 'DM Mono';color:var(--lime);margin-bottom:45px}.feature-grid h3{font-size:25px;line-height:1;letter-spacing:-.06em;margin:0}.feature-grid p,.plan p{color:#858585;font-size:12px;line-height:1.6;margin-top:18px}.feature-grid a{margin-top:auto;color:var(--lime);text-decoration:none;font-size:11px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan{min-height:250px;position:relative}.plan-name{font:11px 'DM Mono';color:#aaa}.price{font-size:48px;font-weight:700;letter-spacing:-.07em;margin-top:30px}.price small{font-size:16px;color:#888}.plan .button{margin-top:auto;text-align:center}.featured{border-color:var(--lime);background:#11150b}.tag{position:absolute;right:18px;top:18px;color:var(--lime);font:9px 'DM Mono'}.faq{padding-bottom:130px}.faq h2{margin-bottom:45px}.faq-list{max-width:780px;margin-left:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:var(--lime);font-size:20px;font-weight:400}details p{color:#888;font-size:13px;line-height:1.6;max-width:560px}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;color:#666;font:10px 'DM Mono'}
@media(max-width:700px){.nav nav{display:none}.nav-btn{padding:9px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px;padding-bottom:60px}.hero-art{height:320px}.section{padding-top:85px}.section-head{display:block}.section-head p{margin-top:25px}.section-head h2,.faq h2{font-size:39px}.feature-grid,.plans{grid-template-columns:1fr}.feature-grid article{min-height:220px}.footer{gap:20px;flex-wrap:wrap}.footer>span{order:3;width:100%}}
/* motion + cabinet */
body:before{content:"";position:fixed;inset:-30%;z-index:-1;background:radial-gradient(circle at 75% 15%,#24341155,transparent 27%),radial-gradient(circle at 10% 60%,#15200d44,transparent 25%);animation:drift 14s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(3%,2%) scale(1.05)}}
.hero-copy,.hero-art{animation:rise .9s both}.hero-art{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.orb-a{animation:pulse 5s ease-in-out infinite alternate}.orb-b{animation:spin 18s linear infinite}@keyframes pulse{to{transform:scale(1.08);filter:blur(3px);opacity:.95}}@keyframes spin{to{transform:rotate(395deg) scaleY(.35)}}.hud-card{animation:float 4.5s ease-in-out infinite}@keyframes float{50%{transform:rotate(-5deg) translateY(-11px)}}
.feature-grid article,.plan{transition:transform .35s,border-color .35s,background .35s}.feature-grid article:hover,.plan:hover{transform:translateY(-8px);border-color:#76933b;background:#151a0d}.feature-grid article:nth-child(2){transition-delay:.08s}.feature-grid article:nth-child(3){transition-delay:.16s}.cabinet-shell{border:1px solid #30372a;background:linear-gradient(110deg,#11150d,#101010 70%);padding:62px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;overflow:hidden;position:relative}.cabinet-shell:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#cfff4d12;filter:blur(45px);right:-60px;top:-80px}.cabinet-copy h2{font-size:49px;line-height:.96;letter-spacing:-.07em;margin:22px 0}.cabinet-copy h2 span{color:#777}.cabinet-copy p{font-size:13px;color:#888;line-height:1.7;max-width:295px;margin-bottom:30px}.dashboard{border:1px solid #30362a;background:#0c0e0a;padding:20px;position:relative;box-shadow:0 20px 70px #0008;transform:rotate(2deg);transition:transform .4s}.dashboard:hover{transform:rotate(0) translateY(-5px)}.dash-head,.profile,.license,.dash-stats,.dash-progress span{display:flex;justify-content:space-between;align-items:center}.dash-head{font:9px 'DM Mono';color:#777;padding-bottom:20px;border-bottom:1px solid #252b21}.status{color:var(--lime)}.status i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.profile{padding:22px 0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--lime);color:#111;display:grid;place-items:center;font-weight:800;margin-right:12px}.profile>div:nth-child(2){margin-right:auto}.profile strong,.profile small{display:block}.profile small{font:9px 'DM Mono';color:#777;margin-top:5px}.dots{letter-spacing:3px;color:#777}.license{background:#171c11;border:1px solid #364525;padding:17px}.license small,.dash-stats small{display:block;color:#777;font:9px 'DM Mono';margin-bottom:8px}.license b{font-size:17px}.license-mark{font-size:38px;color:var(--lime)}.dash-stats{padding:20px 0}.dash-stats>div{flex:1}.dash-stats b{font:11px 'DM Mono'}.green{color:var(--lime)}.dash-progress{border-top:1px solid #292f25;padding-top:15px;font:9px 'DM Mono'}.dash-progress em{font-style:normal;color:var(--lime)}.dash-progress i{display:block;height:4px;background:#252b21;margin-top:12px}.dash-progress i b{display:block;width:100%;height:100%;background:var(--lime);box-shadow:0 0 12px #d9ff4f}.login-modal{position:fixed;inset:0;background:#000b;z-index:20;display:none;place-items:center;padding:20px}.login-modal:target{display:grid}.login-box{width:min(420px,100%);background:#111;padding:38px;border:1px solid #444;box-shadow:0 20px 80px #000;animation:rise .35s}.close{position:absolute;margin-left:325px;margin-top:-22px;color:#888;text-decoration:none;font-size:24px}.login-box h2{font-size:34px;letter-spacing:-.07em;margin:24px 0 8px}.login-box p{font-size:12px;color:#888;margin-bottom:26px}.login-box label{font:10px 'DM Mono';color:#888;display:block;margin-top:15px}.login-box input{display:block;width:100%;margin-top:8px;padding:13px;background:#0a0a0a;border:1px solid #333;color:white;outline:none}.login-box input:focus{border-color:var(--lime)}.login-box button{border:0;margin-top:24px;width:100%;cursor:pointer}.login-box>small{display:block;color:#777;text-align:center;margin-top:20px;font-size:11px}.login-box>small a{color:var(--lime)}.success{color:var(--lime);border:1px solid #40531e;background:#18220d;padding:15px;margin:22px 0;font:11px 'DM Mono'}
@media(max-width:700px){.cabinet-shell{grid-template-columns:1fr;padding:30px 20px;gap:35px}.cabinet-copy h2{font-size:40px}.dashboard{transform:none}.close{margin-left:calc(100% - 30px)}}
/* final polish */
.nav{position:sticky;top:0;z-index:10;background:#0a0a0add;backdrop-filter:blur(18px)}
.nav:after{content:"";position:absolute;bottom:-1px;left:0;width:22%;height:1px;background:var(--lime);box-shadow:0 0 18px var(--lime);animation:navline 6s ease-in-out infinite alternate}@keyframes navline{to{left:78%}}
.nav-btn,.button,.feature-grid article,.plan,.cabinet-shell{position:relative;overflow:hidden}.button:before,.nav-btn:before{content:"";position:absolute;inset:0;transform:translateX(-110%) skewX(-20deg);background:#ffffff22;transition:transform .5s}.button:hover:before,.nav-btn:hover:before{transform:translateX(110%) skewX(-20deg)}
.hero{position:relative}.hero:before{content:"DOX / 26.2";position:absolute;right:3%;top:70px;color:#292d26;font:10px 'DM Mono';letter-spacing:.2em;writing-mode:vertical-rl}.hero-art:before{content:"";position:absolute;inset:12% 5%;border:1px solid #1d2616;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 45px #b8ed4c0a}
h2{font-weight:700}.section-head{position:relative}.section-head:after{content:"✦";position:absolute;right:0;top:0;color:var(--lime);font-size:18px;animation:twinkle 2s infinite}@keyframes twinkle{50%{opacity:.25;transform:rotate(90deg) scale(.7)}}
.feature-grid article:before,.plan:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--lime);transition:width .5s}.feature-grid article:hover:before,.plan:hover:before{width:100%}.feature-grid article p,.plan p{max-width:250px}.plan.featured{box-shadow:0 0 45px #b9eb4c0d}.plan.featured:after{content:"BEST VALUE";position:absolute;bottom:18px;right:18px;color:#556d32;font:8px 'DM Mono';letter-spacing:.1em}
.cabinet-shell{box-shadow:inset 0 1px #ffffff09,0 25px 80px #0005}.cabinet-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#d9ff4f06 50%,transparent 65%);transform:translateX(-100%);animation:sheen 8s infinite}@keyframes sheen{18%,100%{transform:translateX(100%)}}
.dashboard{border-radius:2px}.profile .avatar{box-shadow:0 0 22px #d9ff4f55}.license{box-shadow:inset 0 0 25px #d9ff4f08}.login-box{border-radius:3px;background:linear-gradient(145deg,#151515,#0e0e0e)}.login-box input{border-radius:2px;transition:border-color .2s,box-shadow .2s}.login-box input:focus{box-shadow:0 0 0 3px #d9ff4f12}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:700px){.hero:before{display:none}.section-head:after{right:4px;top:-8px}.nav{height:72px}.nav-btn span{margin-left:5px}}
/* tiny decorative Claude Code runner */
.code-runner{position:fixed;z-index:8;left:-150px;bottom:14px;width:118px;height:38px;pointer-events:none;animation:codeRun 18s linear infinite;filter:drop-shadow(0 7px 7px #0009)}.runner-body{position:absolute;left:23px;top:3px;width:28px;height:25px;border-radius:9px 9px 8px 4px;background:linear-gradient(135deg,#e7b7ff,#8d4ed1);border:2px solid #f4ddff;transform:rotate(-8deg);box-shadow:0 0 14px #b96aff99}.runner-body:after{content:"";position:absolute;right:-6px;bottom:3px;width:8px;height:8px;border-radius:50%;background:#f0cfff}.runner-body b{color:#4e2371;font:700 16px Arial;position:absolute;left:7px;top:3px}.runner-leg{position:absolute;top:25px;width:4px;height:13px;border-radius:5px;background:#b879e9;transform-origin:top center}.leg-a{left:29px;animation:legA .28s infinite alternate}.leg-b{left:45px;animation:legB .28s infinite alternate}.runner-shadow{position:absolute;left:14px;bottom:0;width:58px;height:5px;border-radius:50%;background:#0008;filter:blur(2px);animation:shadow .28s infinite alternate}.runner-label{position:absolute;left:62px;top:10px;color:#ac83c9;font:8px 'DM Mono';white-space:nowrap;letter-spacing:.08em;opacity:.75}@keyframes codeRun{0%{transform:translateX(0) scaleX(1)}45%{transform:translateX(calc(50vw + 40px)) scaleX(1)}48%{transform:translateX(calc(50vw + 40px)) scaleX(-1)}95%{transform:translateX(calc(100vw + 160px)) scaleX(-1)}100%{transform:translateX(calc(100vw + 160px)) scaleX(1)}}@keyframes legA{to{transform:rotate(28deg)}}@keyframes legB{to{transform:rotate(-28deg)}}@keyframes shadow{to{transform:scaleX(.75);opacity:.5}}@media(max-width:700px){.code-runner{bottom:9px;animation-duration:15s}.runner-label{display:none}}
/* ensure the mascot is visible immediately in the preview */
.code-runner{z-index:19;bottom:22px;animation-delay:-7s}
/* real Claude Code mascot asset */
.code-runner{width:82px;height:82px;left:-110px;bottom:8px;filter:drop-shadow(0 8px 6px #0007);animation:mascotRun 20s linear infinite;animation-delay:-8s}.code-runner img{display:block;width:82px;height:82px;object-fit:contain;image-rendering:auto;animation:mascotBounce .32s ease-in-out infinite alternate}.code-runner img{background:transparent}@keyframes mascotRun{0%{transform:translateX(0) scaleX(1)}48%{transform:translateX(calc(100vw + 100px)) scaleX(1)}50%{transform:translateX(calc(100vw + 100px)) scaleX(-1)}98%{transform:translateX(0) scaleX(-1)}100%{transform:translateX(0) scaleX(1)}}@keyframes mascotBounce{to{transform:translateY(-4px) rotate(-2deg)}}
/* spider-like walking motion for the mascot */
.code-runner{bottom:5px;animation:mascotRun 22s linear infinite;animation-delay:-6s}.code-runner img{animation:spiderWalk .48s steps(2,end) infinite;transform-origin:50% 90%}@keyframes spiderWalk{0%{transform:translateY(0) rotate(-3deg) scaleX(1)}25%{transform:translateY(-2px) rotate(2deg) scaleX(.96)}50%{transform:translateY(0) rotate(3deg) scaleX(1)}75%{transform:translateY(-2px) rotate(-2deg) scaleX(.96)}100%{transform:translateY(0) rotate(-3deg) scaleX(1)}}
/* edge-to-edge ricochet and clearer eight-leg cadence */
.code-runner{left:0;animation:ricochet 12s linear infinite;animation-delay:-3s}
@keyframes ricochet{0%{transform:translateX(0) scaleX(1)}3%{transform:translateX(0) scaleX(.86) rotate(-5deg)}7%{transform:translateX(3vw) scaleX(1) rotate(0)}46%{transform:translateX(calc(100vw - 82px)) scaleX(1)}48%{transform:translateX(calc(100vw - 82px)) scaleX(.86) rotate(5deg)}52%{transform:translateX(calc(100vw - 75px)) scaleX(1) rotate(0)}96%{transform:translateX(0) scaleX(1)}98%{transform:translateX(0) scaleX(.86) rotate(-5deg)}100%{transform:translateX(0) scaleX(1)}}
@keyframes spiderWalk{0%{transform:translateY(1px) rotate(-5deg) skewX(-4deg) scaleX(1.03)}20%{transform:translateY(-3px) rotate(4deg) skewX(3deg) scaleX(.94)}40%{transform:translateY(1px) rotate(6deg) skewX(4deg) scaleX(1.03)}60%{transform:translateY(-3px) rotate(-4deg) skewX(-3deg) scaleX(.94)}80%{transform:translateY(1px) rotate(-6deg) skewX(-4deg) scaleX(1.03)}100%{transform:translateY(1px) rotate(-5deg) skewX(-4deg) scaleX(1.03)}}
/* natural motion: restore the original walk and soften edge turns */
.code-runner{animation:softRicochet 16s ease-in-out infinite;animation-delay:-4s}
.code-runner img{animation:oldWalk .32s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes softRicochet{0%{transform:translateX(0) scaleX(1)}44%{transform:translateX(calc(100vw - 82px)) scaleX(1)}47%{transform:translateX(calc(100vw - 78px)) scaleX(.96) rotate(3deg)}50%{transform:translateX(calc(100vw - 82px)) scaleX(1)}94%{transform:translateX(0) scaleX(1)}97%{transform:translateX(4px) scaleX(.96) rotate(-3deg)}100%{transform:translateX(0) scaleX(1)}}
@keyframes oldWalk{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-4px) rotate(2deg)}}
/* Figma-like clean system */
:root{--radius:16px;--radius-sm:10px;--surface:#121212;--surface-2:#171717;--stroke:#292929}
.nav{border-bottom:0;margin-top:10px;border:1px solid #202020;border-radius:18px;padding-top:0;padding-bottom:0;box-shadow:0 10px 35px #0003}.nav:after{display:none}.nav-btn{border-radius:12px;background:#141414;transition:.25s}.nav-btn:hover{background:#1c1c1c;border-color:#555}
.button{border-radius:12px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0006}.primary:hover{box-shadow:0 0 25px #d9ff4f33}.ghost{background:#141414;border-color:#333}
.hero-art{border-radius:28px;background:radial-gradient(circle at 50% 48%,#283a1644,transparent 55%),linear-gradient(145deg,#111,#0d0d0d);border:1px solid #1e1e1e;box-shadow:inset 0 1px #ffffff08,0 20px 60px #0004}.hero-art:before{inset:10%;border-radius:50%}.hud-card{border-radius:16px}.feature-grid{gap:16px}.feature-grid article,.plan{border-radius:16px;background:linear-gradient(145deg,#131313,#0f0f0f);box-shadow:inset 0 1px #ffffff07}.feature-grid article:hover,.plan:hover{border-color:#657d38;box-shadow:0 18px 40px #0007}.feature-grid article:before,.plan:before{border-radius:16px 16px 0 0}
.plans{gap:16px}.plan.featured{background:linear-gradient(145deg,#18200e,#11150b)}.cabinet-shell{border-radius:22px;padding:52px;box-shadow:inset 0 1px #ffffff09,0 25px 80px #0005}.dashboard{border-radius:16px}.license{border-radius:12px}.avatar{border-radius:12px}.login-box{border-radius:18px}.login-box input{border-radius:10px}.faq-list{border-top:0}.faq details{background:#111;border:1px solid #222;border-radius:12px;padding:20px 22px;margin-bottom:10px;transition:.25s}.faq details:hover{border-color:#3a3a3a;background:#151515}.faq details p{margin-bottom:0}.footer{border-top:0;margin-top:30px;margin-bottom:20px;padding:22px 28px;border:1px solid #1f1f1f;border-radius:16px;background:#0e0e0e}
@media(max-width:700px){.nav{margin-top:6px;border-radius:14px}.hero-art{border-radius:20px}.cabinet-shell{border-radius:18px;padding:28px 20px}.footer{border-radius:14px;padding:18px}.section-head:after{right:10px}}
/* brighter purchase cues */
.purchase-btn{display:flex;align-items:center;justify-content:center;gap:12px;border-color:#647d2f;background:linear-gradient(135deg,#1b2411,#12170d);color:#eaffb0;box-shadow:inset 0 0 20px #d9ff4f0b,0 0 0 1px #d9ff4f08;position:relative}.purchase-btn:after{content:"✦";display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--lime);color:#151b0b;font-size:14px;box-shadow:0 0 16px #d9ff4f99;transition:.3s}.purchase-btn:hover:after{transform:rotate(20deg) scale(1.12);box-shadow:0 0 25px #d9ff4fcc}.plan.featured .purchase-btn{background:var(--lime);color:#111;box-shadow:0 0 28px #d9ff4f44}.plan.featured .purchase-btn:after{background:#10130b;color:var(--lime);box-shadow:none}.price{color:#f4f4ee}.featured .price{color:var(--lime)}.tag{background:#263717;padding:6px 9px;border-radius:7px;box-shadow:0 0 16px #d9ff4f22}
.plan-meta{color:#b6c68a;font:10px 'DM Mono';line-height:2;margin-top:7px}.featured .plan-meta{color:var(--lime)}
/* restrained typography */
body{font-family:Arial,Helvetica,sans-serif}.eyebrow,.plan-name,.plan-meta,.dash-head,.dash-progress,.profile small,.license small,.dash-stats small{font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em}.purchase-btn:after{display:none}.purchase-btn{gap:0}.feature-grid h3,.section-head h2,.faq h2,.cabinet-copy h2,.login-box h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.055em}.hud-title{font-family:Arial,Helvetica,sans-serif}.price{font-family:Arial,Helvetica,sans-serif}.plan-meta{line-height:1.8}
/* human, editorial finish */
body{background:#0d0d0d;color:#e9e9e7}.noise{opacity:.018}.hero-art{background:#111;border-color:#242424;box-shadow:none}.orb-a{opacity:.28;filter:blur(4px)}.orb-b{opacity:.35}.hud-card{box-shadow:0 18px 45px #0008}.section-head:after{display:none}.code-label{display:none}.ticker{color:#666}.ticker span{padding:0 16px}.feature-grid article,.plan{box-shadow:none;background:#121212}.feature-grid article:hover,.plan:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0005}.cabinet-shell{box-shadow:none;background:#121212}.dashboard{box-shadow:0 12px 30px #0008}.plan.featured{box-shadow:0 0 0 1px #d9ff4f22}.plan.featured:after{display:none}.tag{box-shadow:none}.primary{box-shadow:none}.primary:hover{box-shadow:0 7px 18px #d9ff4f22}.footer{background:#111;box-shadow:none}.nav{box-shadow:none}.nav-btn{background:#121212}.hero:before{display:none}.faq details{box-shadow:none}.code-runner{filter:none}.runner-label{display:none}
/* Saturn-like hero planet */
.orb-a{width:210px;height:210px;z-index:2;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff0ba 0 2%,#d8ae67 10%,#a97842 28%,#4a3022 52%,#17130f 76%);box-shadow:inset -22px -18px 35px #050403, inset 16px 12px 22px #ffe1a855,0 0 45px #d99c4d33;filter:none;animation:planetFloat 6s ease-in-out infinite alternate}.orb-a:before,.orb-a:after{content:"";position:absolute;left:8%;right:8%;height:7px;border-radius:50%;background:#d6ab70aa;transform:rotate(-13deg);filter:blur(2px)}.orb-a:before{top:32%}.orb-a:after{top:62%;height:4px;background:#e5bd7a55}.orb-b{width:370px;height:105px;z-index:3;border:16px solid #b58a58aa;border-left-color:#e3c48766;border-right-color:#75502e99;border-radius:50%;transform:rotate(-14deg) scaleY(.42);box-shadow:0 0 0 5px #4e392866,0 0 18px #d7a55d33;animation:ringFloat 6s ease-in-out infinite alternate}.hero-art .orb-b:after{content:"";position:absolute;left:5%;right:5%;top:43%;height:8px;border-radius:50%;background:#17120eaa;filter:blur(1px)}@keyframes planetFloat{to{transform:translateY(-8px) rotate(2deg)}}@keyframes ringFloat{to{transform:rotate(-14deg) scaleY(.42) translateY(-8px)}}
/* refined planet composition */
.hero-art{overflow:hidden}.orb-a{width:178px;height:178px;background:radial-gradient(circle at 34% 25%,#f5d99a 0,#c7975c 18%,#805a38 40%,#3b2920 67%,#11100e 100%);box-shadow:inset -24px -16px 32px #050403,inset 10px 8px 18px #ffe2a944,0 0 35px #b77b3b22;animation:planetFloat 7s ease-in-out infinite alternate}.orb-a:before,.orb-a:after{left:4%;right:4%;background:#edc68155;filter:blur(2px);transform:rotate(-12deg)}.orb-a:before{top:35%;height:5px}.orb-a:after{top:61%;height:3px;background:#f0c98638}.orb-b{width:330px;height:74px;border:10px solid #b68b5b66;border-left-color:#dcb77955;border-right-color:#68482966;transform:rotate(-15deg) scaleY(.45);box-shadow:0 0 0 3px #3b2a1d55,0 0 20px #d19a5330;animation:ringFloat 7s ease-in-out infinite alternate}.hero-art .orb-b:after{left:4%;right:4%;top:41%;height:5px;background:#0b0a09aa}.hud-card{z-index:5;transform:rotate(-5deg) translate(8px,4px);background:#10120de8}.hero-art .code-label{display:block;z-index:6}
.account-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #292f25;padding-top:16px;margin-top:3px}.account-info>div{padding:10px;background:#11150e;border-radius:8px}.account-info small{display:block;color:#777;font:8px Arial;margin-bottom:7px;letter-spacing:.05em}.account-info strong{display:block;color:#e9efdc;font-size:14px}.account-info span{display:block;color:#82906a;font-size:9px;margin-top:5px;white-space:nowrap}.dash-actions{display:flex;gap:8px;margin-top:14px}.dash-actions a{flex:1;padding:10px 8px;text-align:center;border:1px solid #303a27;border-radius:8px;color:#b7c799;text-decoration:none;font-size:9px;transition:.2s}.dash-actions a:hover{background:#1c2812;color:var(--lime);border-color:#759344}.dash-actions a span{color:var(--lime);margin-left:4px}@media(max-width:700px){.account-info{grid-template-columns:1fr}.account-info span{white-space:normal}.dash-actions{flex-wrap:wrap}.dash-actions a{min-width:30%}}
.cabinet-page{padding-top:100px;padding-bottom:80px}.cabinet-page h1{font-size:76px;margin:22px 0 15px}.cabinet-page h1 em{color:var(--lime);font-style:normal}.cabinet-intro{color:#888;max-width:390px;font-size:13px;line-height:1.6;margin-bottom:45px}.full-dashboard{max-width:820px;border:1px solid #30362a;background:#0c0e0a;padding:24px;border-radius:18px;box-shadow:0 25px 70px #0006}.full-dashboard .license{margin:24px 0}.license-sub{display:block;color:#82906a;font-size:11px;margin-top:7px}.cabinet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.info-card{background:#12170e;border:1px solid #293421;border-radius:10px;padding:16px}.info-card small{display:block;color:#777;font-size:9px;margin-bottom:16px}.info-card strong{display:block;font-size:17px}.info-card p{color:#7e896f;font-size:10px;margin:7px 0 0}.cabinet-actions{display:flex;gap:10px;margin-top:22px}.cabinet-actions .button{flex:1;text-align:center}@media(max-width:700px){.cabinet-page{padding-top:70px}.cabinet-page h1{font-size:56px}.cabinet-grid{grid-template-columns:1fr 1fr}.cabinet-actions{flex-wrap:wrap}.cabinet-actions .button{min-width:45%}}