@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b13;--panel:#101725;--text:#e8eef9;--muted:#8b9ab2;--blue:#548fff;--line:#243049;--ease:cubic-bezier(.22,1,.36,1);font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #93bcff;outline-offset:5px}button{border:0}img{max-width:100%;display:block}.ambient{position:absolute;left:0;right:0;top:0;height:760px;background:radial-gradient(ellipse at 68% 35%,#1844792b,transparent 60%);pointer-events:none;z-index:-1}.header{height:104px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.15em;font-weight:800;line-height:1.4}.brand img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 8px #7497cf55)}.brand span span{display:block;font-size:9px;letter-spacing:.42em;color:#8ea4c8;font-weight:500}.header nav{display:flex;gap:33px;font-size:14px;color:#92a1b9}.header nav a{transition:color .3s}.header nav a:hover,.header nav a.active{color:#e8f1ff}.account-link{font-size:14px;background:#172236;padding:12px 20px;border-radius:12px;display:flex;gap:25px;border:1px solid #2a3a56}.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;background:#172236;border-radius:10px;width:42px;height:42px}#app{min-height:60vh}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:595px;padding:54px 48px 64px;align-items:center;gap:25px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#9ebcec;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:1px;background:#5a99ff}h1{font-size:clamp(45px,6.2vw,78px);line-height:1.09;letter-spacing:-.065em;font-weight:600;margin:26px 0}h1>span{background:linear-gradient(120deg,#dae9ff,#639ce7);background-clip:text;color:transparent}.hero p{color:#9babc3;font-size:16px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:12px;margin:30px 0 24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600;background:#192439;transition:transform .4s var(--ease),box-shadow .4s,background .4s;border:1px solid transparent;min-height:48px}.button:hover{transform:translateY(-3px);background:#233551}.button.primary{background:linear-gradient(110deg,#4e8df7,#2b64d5);box-shadow:0 8px 30px #2a69ef1d;color:white}.button.primary:hover{box-shadow:0 12px 40px #327df745}.button.quiet{background:transparent;color:#a8b6cd}.hero-note{font-size:12px;letter-spacing:.04em;color:#627793}.hero-art{position:relative;display:grid;place-items:center;height:410px;isolation:isolate}.hero-logo{width:80%;max-width:360px;position:relative;filter:drop-shadow(0 0 4px #fff4) drop-shadow(0 0 32px #4789ff33);animation:logo-float 8s ease-in-out infinite;z-index:1}.orbital{position:absolute;width:100%;height:62%;border:1px solid #4778b733;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 80px #2374c913;animation:orbit-breathe 10s ease-in-out infinite}.orbit-two{width:85%;height:67%;transform:rotate(30deg);animation-direction:reverse;opacity:.6}.art-label{position:absolute;bottom:8px;font-size:10px;color:#6584af;letter-spacing:.23em}.art-coordinate{position:absolute;top:12px;right:0;font-size:10px;color:#47678d;letter-spacing:.14em}.feature-line{max-width:1184px;margin:0 auto 80px;padding:24px 8px;border-top:1px solid #27344975;border-bottom:1px solid #27344975;display:flex;justify-content:space-around;gap:25px;flex-wrap:wrap;font-size:13px;color:#96abc9}.feature-line span:before{content:'✧';color:#729bdb;margin-right:12px}.section{max-width:1280px;padding:0 48px 80px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section h2,.page-title{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:15px 0}.section-head p{max-width:350px;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{background:linear-gradient(145deg,#141e30,#0d131f);border:1px solid #25314a80;padding:29px;border-radius:19px;transition:transform .45s var(--ease),border-color .45s;min-width:0}.tile:hover{transform:translateY(-5px);border-color:#496799}.tile h3{font-size:19px;font-weight:600;letter-spacing:-.03em;margin:17px 0 10px}.tile p{color:var(--muted);font-size:14px;margin:0}.tile-symbol{width:43px;height:43px;border-radius:13px;background:#233c63;display:grid;place-items:center;color:#b2d0ff;font-size:21px}.wide-tile{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;gap:35px}.wide-tile img{width:135px}.badge{display:inline-block;font-size:11px;padding:5px 10px;border-radius:20px;background:#1b304d;color:#a8c9fa;letter-spacing:.05em}.subtle{color:var(--muted)}.footer{max-width:1280px;padding:45px 48px 30px;margin:35px auto 0;border-top:1px solid #25304670;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;font-size:13px;color:#8494ac}.footer>div:nth-child(2){display:flex;flex-direction:column;gap:10px}.footer p{font-size:12px}.footer small{grid-column:1/-1;font-size:11px;color:#5e708b;line-height:1.7}.seller-info{font-size:12px;line-height:1.9}.page{max-width:1280px;margin:auto;padding:55px 48px 50px;animation:enter .55s var(--ease)}.page-header{margin-bottom:35px}.page-header p{max-width:650px;color:var(--muted)}.pricing-card{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:32px}.pricing-card.featured{border-color:#5183ca;background:radial-gradient(ellipse at 50% 0,#24549355,transparent 65%),#101827}.pricing-card .price{font-size:37px;letter-spacing:-.05em;margin:20px 0 0;color:#e6efff}.pricing-card .price small{font-size:14px;font-weight:400;letter-spacing:0;color:#8d9eb6}.pricing-card ul{list-style:none;padding:10px 0;margin-bottom:25px;flex:1;font-size:14px;color:#abbad0}.pricing-card li{margin:11px 0}.pricing-card li:before{content:'✓';color:#75a9f8;padding-right:9px}.notice{background:#142039;border:1px solid #294367;border-radius:12px;padding:16px 19px;color:#a9c0df;font-size:14px;margin:20px 0}.notice.warn{background:#302519;border-color:#604622;color:#e5c89e}.form-card{max-width:460px;padding:35px;border:1px solid #27374e;background:#111927;border-radius:22px;margin:20px auto}.form-card h1{font-size:33px;letter-spacing:-.04em}.form-card .brand{justify-content:center;margin:0 0 30px}.form-card h2{margin:0;font-weight:500;font-size:28px}.form-card>p{color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:14px;color:#a7b8d0}.field input,.field select,.field textarea,input.control,select.control{background:#0b1220;border:1px solid #2a3b55;border-radius:10px;color:#e1ebfa;padding:12px 13px;width:100%;min-width:0;outline-offset:2px;transition:box-shadow .3s,border-color .3s}.field input:focus,.field textarea:focus{border-color:#518bdc;box-shadow:0 0 0 3px #3779d118}.field textarea{min-height:130px;resize:vertical}.form-card .button{width:100%;margin-top:10px}.form-card a.text-link{font-size:13px;color:#91b9f7}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#9aaecb;line-height:1.7;margin:20px 0}.check input{accent-color:#578ef8;margin-top:5px}.form-error{color:#f4acb5;font-size:13px}.auth-foot{display:flex;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:35px;max-width:1280px;padding:35px 48px 65px;margin:auto;min-height:620px}.side{display:flex;flex-direction:column;gap:7px;align-self:start;position:sticky;top:20px}.side a{font-size:14px;color:#9daec7;padding:12px 15px;border-radius:10px;transition:background .3s,color .3s}.side a.active{background:#1d3355;color:#bfd8ff}.side .side-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#607796;padding:10px 15px}.workspace-content{min-width:0;animation:enter .45s var(--ease)}.workspace h1{font-size:32px;letter-spacing:-.035em;margin-top:7px}.workspace .grid{gap:13px}.metric{background:#111b2a;padding:23px;border:1px solid #26334a;border-radius:15px}.metric span{font-size:12px;color:#8ea3bf}.metric strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:7px;font-weight:500}.panel{background:#101825;border:1px solid #23324a;padding:25px;border-radius:16px;margin:20px 0}.panel h2{font-size:19px;font-weight:500;margin:0 0 17px}.panel p{color:var(--muted);font-size:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:15px}.panel-head h2{margin:0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{min-width:0}.row .field{flex:1}.empty{padding:37px 25px;text-align:center;border:1px dashed #2b3d58;border-radius:13px;color:#879bb9;font-size:14px}.empty strong{display:block;color:#c6d6ef;font-size:17px;font-weight:500;margin-bottom:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{color:#8196b4;font-size:11px;text-align:left;font-weight:500}td,th{padding:14px 12px;border-bottom:1px solid #243248}td{color:#bbcade}.small-button{background:#1c2b43;color:#afcafa;padding:7px 12px;border-radius:7px;font-size:12px}.danger{color:#f1a9b3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps b{font-size:12px;color:#5f89c0;font-weight:500}.steps h3{font-size:17px}.steps p{font-size:13px;color:var(--muted)}.legal{max-width:800px}.legal h2{font-size:21px;margin-top:30px}.legal p,.legal li{font-size:15px;color:#a5b6ce}.profile-header{display:flex;gap:17px;align-items:center}.avatar{width:58px;height:58px;background:#22446f;border-radius:18px;display:grid;place-items:center;font-size:24px;color:#bdd9ff}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.chart{height:155px;display:flex;align-items:end;gap:8px;margin:20px 0}.chart-bar{flex:1;background:linear-gradient(#659ff1,#243c63);border-radius:5px 5px 0 0;min-height:2px;position:relative}.chart-bar span{position:absolute;bottom:-22px;font-size:9px;left:0;color:#6c809e}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 30px);width:max-content;background:#233955;border:1px solid #4d6990;padding:14px 22px;border-radius:13px;box-shadow:0 15px 50px #0007;color:#deebff;font-size:14px}dialog{background:#101a2a;color:#e6eefb;border:1px solid #354968;border-radius:21px;padding:30px;max-width:min(520px,calc(100% - 32px));width:100%;box-shadow:0 35px 100px #0008}dialog::backdrop{background:#030710b8;backdrop-filter:blur(8px)}dialog h2{margin-top:0;font-weight:500}.dialog-close{float:right;background:transparent;color:#9aadca;font-size:22px}.file-hint{font-size:12px;color:#758caa}.loading{padding:60px;text-align:center;color:#8ea8cb}.reveal{animation:enter .65s var(--ease) both}.status-pill{font-size:11px;background:#1b334a;color:#9ccbf0;padding:4px 9px;border-radius:12px}.admin-warning{font-size:13px;color:#9badc6}.error-page{padding:65px 25px;text-align:center}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.toolbar input{flex:1}.preview-strip{background:#173252;color:#bfd9fb;font-size:12px;text-align:center;padding:7px}.keycode{font-family:Consolas,monospace;font-size:14px;word-break:break-all}.inline-link{color:#8eb7f6;text-decoration:underline}.stats-line{display:flex;gap:20px;font-size:12px;color:#7892b4}.button-loading{opacity:.6;pointer-events:none}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes orbit-breathe{50%{opacity:.4;scale:1.04}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.header{padding:0 25px}.header nav{gap:18px}.hero{padding:40px 28px;min-height:540px}.hero-art{height:330px}.hero h1{font-size:59px}.section,.page{padding-left:28px;padding-right:28px}.workspace{padding:30px 25px;grid-template-columns:190px 1fr;gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card:last-child{grid-column:1/-1}.footer{padding:35px 28px}.steps{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media(max-width:700px){.header{height:85px;padding:0 20px}.header nav{display:none;position:absolute;top:77px;left:15px;right:15px;background:#121e30;border:1px solid #2a3d5c;padding:20px;border-radius:15px;z-index:20;flex-direction:column}.header nav.open{display:flex}.menu-toggle{display:block}.account-link{padding:10px 12px;gap:10px;font-size:12px}.brand{font-size:12px}.brand img{width:32px;height:32px}.hero{grid-template-columns:1fr;padding:35px 23px 25px;gap:5px}.hero h1{font-size:55px}.hero-art{height:295px;order:-1}.hero-logo{width:215px}.orbital{width:290px;height:175px}.orbit-two{width:240px;height:170px}.art-coordinate{display:none}.art-label{bottom:0}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:10px}.hero p{font-size:14px}.hero-actions{justify-content:center;gap:5px}.button{font-size:13px;padding:13px 18px}.hero-note{margin-bottom:25px}.feature-line{margin:0 23px 55px;display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:17px}.feature-line span:before{margin-right:5px}.section{padding:0 23px 45px}.section-head{display:block}.grid{grid-template-columns:1fr}.wide-tile{grid-column:auto}.tile{padding:24px}.wide-tile img{width:90px}.page{padding:28px 22px}.page-header{margin-bottom:25px}.page-header p{font-size:14px}.pricing-card:last-child{grid-column:auto}.footer{grid-template-columns:1fr 1fr;padding:30px 23px;gap:24px}.seller-info{grid-column:1/-1}.workspace{display:block;padding:20px}.side{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:25px;gap:4px}.side a{font-size:12px;padding:8px 10px}.side .side-label{width:100%;padding:5px;font-size:10px}.workspace h1{font-size:29px}.workspace .grid{grid-template-columns:1fr}.panel{padding:20px}.panel-head .button{width:100%}.form-card{padding:25px;margin:5px auto}.field input,.field textarea,.field select{font-size:16px}.steps{grid-template-columns:1fr}.section-head p{max-width:none}.split{display:block}.hero-actions .button.primary{width:100%}.chart{gap:4px}.legal p,.legal li{font-size:14px}.header .brand span span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Alex Visual website refinements */
.logo-canvas{position:relative;width:100%;height:100%;z-index:1;filter:drop-shadow(0 0 3px #ffffff35) drop-shadow(0 0 27px #438fff26)}
.hero-art:before{content:'';position:absolute;inset:8%;background:radial-gradient(ellipse,#1762ab20,transparent 65%);border-radius:50%}.hero-art{height:460px}.hero{min-height:655px}.header{border-bottom:1px solid #91baff0b}.eyebrow{font-size:10px;letter-spacing:.18em}.showcase{--accent:#6ea8ff;display:grid;grid-template-columns:1fr 1.9fr;gap:50px;align-items:center;padding:46px;background:radial-gradient(ellipse at 80% 50%,#19365850,transparent 60%),#0e1521;border:1px solid #25334c;border-radius:24px;overflow:hidden}.showcase[data-accent=violet]{--accent:#b09aff}.showcase[data-accent=mint]{--accent:#80dec8}.showcase h3{font-size:29px;letter-spacing:-.04em;line-height:1.4}.swatches{display:flex;gap:14px;margin:24px 0}.swatches button{width:28px;height:28px;border-radius:50%;background:#6ea8ff;outline:1px solid transparent;outline-offset:5px;transition:outline-color .3s,transform .4s}.swatches button:nth-child(2){background:#b09aff}.swatches button:nth-child(3){background:#80dec8}.swatches button.selected{outline-color:#bfd7ff}.swatches button:hover{transform:scale(1.1)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#a3b7d2;margin:28px 0}.switch-row input{appearance:none;width:40px;height:23px;border-radius:20px;background:#26334b;cursor:pointer;position:relative;transition:background .4s}.switch-row input:before{content:'';position:absolute;left:4px;top:4px;width:15px;height:15px;background:#e4edfa;border-radius:50%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.switch-row input:checked{background:#3b78ce}.switch-row input:checked:before{transform:translateX(17px)}.orbit-demo{background:#080e19;border:1px solid #344763;border-radius:15px;box-shadow:0 35px 60px #0007;transform:perspective(1100px) rotateY(-9deg) rotateX(3deg);transition:transform 1s;animation:demo-float 9s ease-in-out infinite}.showcase:hover .orbit-demo{transform:perspective(1100px) rotateY(-3deg)}.showcase.paused .orbit-demo,.showcase.paused img{animation-play-state:paused}.demo-top{padding:16px 20px;border-bottom:1px solid #1c2b41;display:flex;justify-content:space-between;gap:10px;color:#a8bbd4;font-size:9px;letter-spacing:.1em}.demo-top span:last-child{color:#56769a}.demo-body{display:grid;grid-template-columns:120px 1fr;min-height:310px}.demo-nav{padding:25px 13px;display:flex;flex-direction:column;gap:18px;font-size:9px;color:#617999;border-right:1px solid #1c2b41}.demo-nav .active{color:var(--accent)}.demo-main{text-align:center;padding:16px 20px 24px;display:flex;align-items:center;flex-direction:column}.demo-main img{height:135px;width:160px;object-fit:contain;filter:drop-shadow(0 0 20px var(--accent));animation:logo-float 8s ease-in-out infinite}.demo-main>span{font-size:8px;letter-spacing:.17em;color:#698bb4;margin-top:10px}.demo-main h3{font-size:14px;letter-spacing:-.01em;margin:13px 0 20px}.demo-play{width:80%;font-size:11px;background:color-mix(in srgb,var(--accent) 70%,#102444);border-radius:8px;padding:11px;display:flex;justify-content:space-between;color:#071225;transition:background .6s}.faq{max-width:940px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid #26364b;padding:23px 0}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-size:17px;list-style:none}.faq summary span{color:#79a6e8;font-size:22px;transition:transform .4s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#92a7c4;line-height:1.85;font-size:14px;max-width:700px;animation:enter .4s}.final-cta{text-align:center;padding:65px 25px;border:1px solid #263e60;border-radius:24px;background:radial-gradient(ellipse at 50% 100%,#1d4b823e,transparent 70%),#0c1421}.final-cta h2{font-size:46px}.final-cta .eyebrow{justify-content:center}.auth-page{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:680px}.auth-orb{display:flex;flex-direction:column;align-items:center;color:#7292be;font-size:11px;letter-spacing:.3em}.auth-orb img{width:80%;max-width:400px;filter:drop-shadow(0 0 60px #307bdb33);animation:logo-float 8s ease-in-out infinite}.auth-orb span{margin-top:40px}.auth-page .form-card{width:100%;margin:0}.form-card details summary{font-size:12px;color:#8a9dba;cursor:pointer}.download-hero{display:flex;align-items:center;gap:60px;padding:30px 0 75px}.download-hero>img{width:35%;max-width:350px;filter:drop-shadow(0 0 35px #418fff22);animation:logo-float 8s ease-in-out infinite}.download-hero h2{font-size:40px;letter-spacing:-.04em}.feedback-form{max-width:700px}.ticket-body{white-space:pre-wrap;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.keycode{white-space:pre-wrap}button,a,input,select,textarea,summary{outline-offset:5px}:focus-visible{outline:2px solid #8eb7f6}.section{scroll-margin-top:30px}
@keyframes demo-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:1000px){.showcase{gap:25px;padding:28px}.demo-body{grid-template-columns:95px 1fr}.demo-nav{font-size:8px}.showcase h3{font-size:24px}.auth-page{gap:20px}.hero-art{height:380px}}
@media(max-width:700px){.hero{min-height:0}.hero-art{height:290px}.showcase{display:block;padding:24px}.showcase aside{margin-bottom:35px}.showcase .switch-row{max-width:280px}.orbit-demo{transform:none}.demo-body{grid-template-columns:90px 1fr;min-height:270px}.demo-main{padding:12px}.demo-main img{width:125px;height:115px}.demo-main h3{font-size:11px}.demo-top{font-size:7px;padding:13px}.faq h2{font-size:32px}.faq summary{font-size:15px;gap:20px}.final-cta h2{font-size:33px}.auth-page{display:block;min-height:0}.auth-orb{display:none}.download-hero{gap:20px;flex-direction:column;padding-bottom:40px}.download-hero>img{width:65%}.download-hero h2{font-size:33px}.hero-copy h1{font-size:clamp(42px,10vw,55px)}}
@media(prefers-reduced-motion:reduce){.orbit-demo{transform:none}.logo-canvas{filter:none}}
/* Alex Visual: luminous edges, calm transitions, smooth form logos. */
.logo-canvas{filter:drop-shadow(0 0 3px #d5eeff99) drop-shadow(0 0 15px #64b1ff66) drop-shadow(0 0 38px #358aff45)}
.auth-orb img,.download-hero>img{filter:drop-shadow(0 0 4px #caeaff66) drop-shadow(0 0 20px #4ba4ff80) drop-shadow(0 0 50px #2479db40);backface-visibility:hidden;transform:translateZ(0)}
.auth-orb{isolation:isolate;position:relative}.auth-orb:before{content:'';position:absolute;inset:5% -8%;z-index:-1;background:radial-gradient(ellipse,#1764ad24,transparent 65%);pointer-events:none}
.page,.workspace-content{animation:page-arrive .65s cubic-bezier(.22,1,.36,1) both}.button{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background .45s}.button:active{transform:translateY(0) scale(.98)}
.form-card{animation:page-arrive .7s cubic-bezier(.22,1,.36,1) both}.form-card input{transition:border-color .35s,box-shadow .35s,background .35s}.auth-orb img{animation:logo-float 10s ease-in-out infinite}
@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.page,.workspace-content,.form-card,.auth-orb img{animation:none!important}}

/* Real gameplay comparison: clipping never resizes or offsets either frame. */
.comparison-card{border:1px solid #203750;border-radius:24px;background:#0c1420;box-shadow:0 24px 90px #0006;overflow:hidden}
.comparison-stage{position:relative;aspect-ratio:16/9;isolation:isolate;touch-action:pan-y;user-select:none;cursor:ew-resize;background:#101a28}
.comparison-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;max-width:none}
.comparison-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);will-change:clip-path}
.comparison-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#edfaff;box-shadow:0 0 8px #68caff,0 0 24px #48aaff80;z-index:2;outline:none}
.comparison-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:7px;width:48px;height:58px;border-radius:18px;border:1px solid #b3e6ff;background:#0c2039df;backdrop-filter:blur(14px);color:#fff;font-size:24px;box-shadow:0 0 24px #57b4ff55;transition:background .25s,box-shadow .25s}
.comparison-grip i{height:17px;width:1px;background:#abddff80}
.comparison-stage:hover .comparison-grip,.comparison-stage.dragging .comparison-grip,.comparison-divider:focus-visible .comparison-grip{background:#15477aeF;box-shadow:0 0 0 5px #79caff25,0 0 35px #57b4ff88}
.comparison-divider:focus-visible .comparison-grip{outline:2px solid white;outline-offset:4px}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;background:linear-gradient(100deg,#0b121d,#101e30)}
.comparison-controls button{font:inherit;font-size:13px;color:#a5b9ce;background:transparent;border:1px solid transparent;border-radius:12px;padding:10px 14px;cursor:pointer;transition:color .25s,background .25s,border-color .25s}
.comparison-controls button:hover,.comparison-controls button[aria-pressed=true]{color:#e3f4ff;background:#76bbff10;border-color:#76bbff30}
.comparison-controls button:focus-visible{outline:2px solid #9cdcff;outline-offset:3px}
.comparison-controls button:last-child{color:#a8dbff}
.comparison-value{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.08em}
.comparison-help{text-align:center;font-size:12px;color:#8196ad;margin-top:17px}
@media(max-width:600px){.comparison-card{border-radius:16px}.comparison-controls{padding:10px 6px;gap:1px}.comparison-controls button{font-size:10px;padding:9px 5px;border-radius:8px}.comparison-grip{width:38px;height:46px;border-radius:14px;gap:5px;font-size:20px}.comparison-help{font-size:10px}.comparison-section .section-head h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.comparison-grip,.comparison-controls button{transition:none}}
.comparison-jump{display:inline-flex;gap:14px;align-items:center;margin-top:22px;color:#a7d7ff;font-size:14px;transition:color .25s}.comparison-jump:hover{color:#fff}.comparison-jump span{transition:transform .3s}.comparison-jump:hover span{transform:translateY(3px)}
.comparison-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:24px 28px;border:1px solid #243c59;border-radius:20px;background:linear-gradient(110deg,#101e30,#0b111c)}.comparison-next strong{font-size:20px}.comparison-next p{margin:5px 0 0;color:#94a9c1;font-size:14px}.comparison-next .button{white-space:nowrap}
@media(max-width:600px){.comparison-next{flex-direction:column;align-items:stretch;padding:22px}.comparison-next .button{text-align:center}.comparison-next strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.comparison-jump,.comparison-jump span{transition:none}}