:root{--bg:#080808;--surface:#101010;--line:#242424;--text:#f2f2f2;--muted:#858585;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,.tilt-zone:focus-visible,input:focus-visible{outline:2px solid #aaa;outline-offset:6px}::selection{background:#eee;color:#111}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1200px;width:calc(100% - 88px);margin-inline:auto}.dim{color:#777}p{color:var(--muted);line-height:1.8;margin:0}h1,h2,h3{margin:0}h1,h2,.brand{font-family:Unbounded,Arial,sans-serif}h2{font-size:29px;line-height:1.6;letter-spacing:-1.1px;font-weight:700}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:12;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#particles{position:absolute;top:0;left:0;width:100%;height:900px;pointer-events:none;z-index:0;opacity:.6}.header{height:76px;position:relative;margin-top:24px;border:1px solid #2c2c2c;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(120deg,#161616d9,#0e0e0ed9);backdrop-filter:blur(24px);z-index:20}.brand{font-size:23px;letter-spacing:1.5px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.brand-dot{font-family:Arial,sans-serif;font-size:10px;align-self:flex-start;margin:3px 0 0 -5px;color:#aaa}.moon-logo{width:27px;height:27px;display:inline-block;border-radius:50%;background:linear-gradient(130deg,#fff 10%,#929292);position:relative;transform:rotate(-30deg);box-shadow:0 0 16px #ffffff13;flex-shrink:0}.moon-logo:after{content:'';position:absolute;width:25px;height:25px;left:10px;top:-5px;border-radius:50%;background:#141414}.header nav{display:flex;gap:30px;color:#979797;font-size:12px;font-weight:500}.header nav a{transition:color .25s}.header nav a:hover{color:white}.header-actions{display:flex;gap:20px;align-items:center}.effects-btn{background:none;border:0;padding:8px;color:#888}.effects-btn:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 24px;border-radius:10px;font-weight:700;font-size:12px;border:1px solid transparent;transition:transform .4s var(--ease),background .3s,box-shadow .3s;white-space:nowrap;position:relative}.btn:hover{transform:translateY(-3px)}.btn.primary{color:#111;background:linear-gradient(130deg,#fff,#d9d9d9);border-color:#fff;box-shadow:0 3px 20px #ffffff09}.btn.primary:hover{background:#fff;box-shadow:0 6px 35px #ffffff24}.btn.outline{border-color:#333;background:#ffffff03}.btn.outline:hover{background:#ffffff0d;border-color:#5a5a5a}.btn.small{min-height:38px;padding:0 15px;gap:10px;font-size:11px;border-radius:7px}.btn.small svg{width:17px;height:17px}.btn.small .tiny{width:12px;height:12px}.hero{position:relative;text-align:center;min-height:656px;padding-top:94px;isolation:isolate}.hero-content{position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px;color:#939393}.hero-tag{width:max-content;max-width:100%;margin:0 auto 31px;background:#111111ab;border:1px solid #303030;border-radius:30px;padding:10px 14px;color:#b9b9b9;font-size:8px;letter-spacing:1.5px;backdrop-filter:blur(8px)}.status-dot{display:inline-block;width:5px;height:5px;background:#ddd;border-radius:50%;position:relative;flex-shrink:0}.hero-tag .status-dot:after{content:'';position:absolute;inset:-4px;border:1px solid #8b8b8b;border-radius:50%;animation:pulse 3s infinite}.tag-end{border-left:1px solid #444;margin-left:4px;padding-left:14px;color:#666;font-size:8px}.hero h1{font-size:clamp(34px,5.5vw,75px);letter-spacing:-3.5px;line-height:1.2;font-weight:800}.hero h1>span{background:linear-gradient(180deg,#f1f1f1 0%,#a7a7a7 55%,#565656 100%);background-clip:text;color:transparent}.hero-copy{margin:24px auto 28px;font-size:13px;color:#8d8d8d;line-height:1.9}.hero-buttons{display:flex;gap:12px;justify-content:center}.hero-meta{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:23px;font-size:9px;color:#767676}.hero-meta>span{display:flex;align-items:center;gap:6px}.hero-meta svg{height:13px;width:13px;stroke:#929292}.hero-meta i{width:2px;height:2px;background:#555;border-radius:50%}.windows b{font-size:18px;font-weight:400;line-height:10px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:72px;padding:22px 0;border-bottom:1px solid var(--line);color:#626262;font-size:8px;letter-spacing:1.4px}.hero-bottom>span:first-child{display:flex;align-items:center;gap:8px}.hero-bottom .status-dot{width:4px;height:4px;background:#888}.hero-bottom a{display:flex;align-items:center;gap:11px}.scroll-line{width:10px;height:16px;border:1px solid #777;border-radius:7px;position:relative}.scroll-line:after{content:'';position:absolute;left:3px;top:3px;height:3px;width:2px;background:#aaa;animation:scroll 2s infinite}.hero-orbits{position:absolute;left:50%;top:-100px;width:1100px;height:720px;transform:translateX(-50%);z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}.orbit{position:absolute;border:1px solid #ffffff09;left:50%;top:47%;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:960px;height:420px}.orbit-two{width:1180px;height:560px}.orbit-three{width:1390px;height:690px}.orbit-dot{position:absolute;width:4px;height:4px;background:#888;border-radius:50%;box-shadow:0 0 12px #aaa}.d1{left:102px;top:333px}.d2{right:113px;top:389px;width:3px;height:3px}.planet{position:absolute;right:185px;top:34px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 33% 22%,#626262 0,#2a2a2a 14%,#171717 33%,#080808 64%);opacity:.65;box-shadow:-3px -2px 8px #ffffff07;z-index:-1}.planet:after{content:'';position:absolute;inset:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07' numOctaves='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Ccircle cx='100' cy='100' r='100' filter='url(%23m)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light;mask-image:linear-gradient(130deg,black,transparent 60%)}.section{padding-top:93px}.section-heading{margin-bottom:35px}.section-heading>.eyebrow{margin-bottom:23px}.section-line{height:1px;flex:1;background:linear-gradient(90deg,#292929,transparent)}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.heading-row p{font-size:11px;line-height:1.9;padding-bottom:7px;color:#8b8b8b}.heading-row small{font-size:10px;color:#555}.drag-icon{display:inline-block;margin-right:5px;color:#ddd}.showcase{padding-top:57px}.showcase h2{font-size:25px;line-height:1.5}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.tilt-zone{perspective:1300px;position:relative;border-radius:14px;touch-action:pan-y}.tilt-card{border:1px solid #373737;border-radius:13px;overflow:hidden;box-shadow:0 15px 50px #0009;transform-style:preserve-3d;will-change:transform;position:relative;background:#0e0e0e;transition:border-color .4s,box-shadow .4s}.tilt-zone:hover .tilt-card{border-color:#707070;box-shadow:0 15px 70px #ffffff10}.tilt-card img{width:100%;height:auto;display:block;pointer-events:none}.card-glare{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff1a,transparent 55%)}.tilt-zone:hover .card-glare{opacity:1}.showcase-caption{display:flex;align-items:center;justify-content:space-between;margin-top:21px;font-size:11px}.showcase-caption>div>span{font-size:9px;color:#5e5e5e;border:1px solid #2b2b2b;padding:4px 6px;border-radius:4px;margin-right:8px}.showcase-caption>span{display:flex;align-items:center;gap:13px;font-size:8px;color:#707070;letter-spacing:1px}.showcase-caption svg{width:14px;height:14px}.section-note{text-align:center;font-size:7px;letter-spacing:1.3px;color:#555;margin-top:29px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{border:1px solid #252525;border-radius:14px;background:linear-gradient(120deg,#121212,#0d0d0d);padding:25px;transition:transform .4s var(--ease),border-color .4s,background .4s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-6px);border-color:#555;background:linear-gradient(120deg,#1a1a1a,#101010)}.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.feature-top>span:last-child{font-size:9px;letter-spacing:2px;color:#555}.icon-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #323232;background:linear-gradient(120deg,#252525,#141414);border-radius:10px;color:#d7d7d7;transition:transform .4s,background .4s,color .4s}.feature-card:hover .icon-box{transform:rotate(-6deg);background:#ddd;color:#111}.feature-card h3{font-size:15px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px}.feature-card p{font-size:11px;line-height:1.9;max-width:280px}.feature-label,.feature-link{font-size:7px;color:#626262;letter-spacing:1px;display:flex;align-items:center;margin-top:25px;height:15px}.feature-link{color:#aaa;gap:8px;width:max-content}.feature-link svg{width:11px;height:11px}.custom-panel{padding:48px;background:radial-gradient(ellipse at 77% 40%,#21212180,transparent 65%),#101010;border:1px solid #2a2a2a;border-radius:18px;display:grid;grid-template-columns:1fr 1.25fr;gap:50px;overflow:hidden}.custom-copy>.eyebrow{font-size:8px;margin-bottom:24px}.custom-copy h2{font-size:28px;line-height:1.5}.custom-copy>p{margin:20px 0 26px;font-size:11px;line-height:1.9}.custom-control{margin-bottom:22px}.custom-control>span{display:flex;align-items:center;gap:35px;font-size:10px;margin-bottom:13px;color:#a4a4a4}.custom-control b{font-size:9px;color:#666;font-weight:400}.swatches{display:flex;gap:12px;align-items:center}.swatch{border-radius:50%;width:23px;height:23px;border:0;background:var(--swatch);position:relative}.swatch.selected:after{content:'';position:absolute;inset:-5px;border:1px solid #8a8a8a;border-radius:50%}.swatch:hover{transform:scale(1.1)}.custom-color{width:25px;height:25px;position:relative;border:1px dashed #5a5a5a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:3px;cursor:pointer}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.segmented{display:inline-flex;padding:4px;border:1px solid #2b2b2b;background:#090909;border-radius:8px;gap:3px}.segmented button{border:0;background:transparent;color:#7c7c7c;padding:8px 15px;font-size:10px;border-radius:5px;transition:.25s}.segmented button.selected{background:#292929;color:#eee;box-shadow:0 1px 4px #0007}.text-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;font-size:10px;cursor:pointer;transition:color .25s}.text-btn svg{width:14px;height:14px}.text-btn:hover{color:#aaa}.custom-copy>.text-btn{color:#aaa;font-size:9px;padding-top:4px}.custom-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-width:0}.live-tag{align-self:flex-end;display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.8px;border:1px solid #333;padding:7px 10px;border-radius:5px;margin-bottom:15px}.live-tag .status-dot{width:4px;height:4px}.mini-app{--accent:#eee;--app-bg:#141414;--app-panel:#1c1c1c;--app-text:#eee;--app-muted:#858585;background:var(--app-bg);color:var(--app-text);border:1px solid #414141;border-radius:12px;width:100%;box-shadow:0 30px 65px #0008;transition:background .4s,color .4s;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);font-family:Manrope,sans-serif}.mini-app[data-bg=graphite]{--app-bg:#27282b;--app-panel:#333539;--app-muted:#aaa}.mini-app[data-bg=light]{--app-bg:#dedede;--app-panel:#f4f4f4;--app-text:#161616;--app-muted:#555}.mini-title{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #8882}.mini-title .brand{font-size:12px;gap:5px}.mini-title .moon-logo{width:17px;height:17px;background:var(--accent)}.mini-title .moon-logo:after{height:16px;width:16px;left:6px;top:-3px;background:var(--app-bg)}.mini-title>span:last-child{color:var(--app-muted);font-size:9px}.mini-body{display:flex}.mini-body aside{width:56px;border-right:1px solid #8882;padding:20px 10px;display:flex;align-items:center;flex-direction:column;gap:14px}.mini-body aside span{padding:7px;color:var(--app-muted);border-radius:7px;display:flex}.mini-body aside svg{width:17px;height:17px}.mini-body aside .mini-active{background:var(--accent);color:#111}.mini-content{padding:24px;flex:1;min-width:0}.mini-overline{font-size:6px;color:var(--app-muted);letter-spacing:1.7px}.mini-content h3{font-size:16px;margin-top:7px;margin-bottom:18px}.mini-preview{height:149px;background:var(--app-panel);border:1px solid #8882;border-radius:8px;text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden}.mini-moon{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 20%,var(--accent),transparent 67%);opacity:.28}.mini-preview>span{position:relative;font-family:Unbounded,sans-serif;font-size:37px;letter-spacing:8px;color:var(--accent);opacity:.8;margin-left:8px}.mini-preview small{font-size:5px;color:var(--app-muted);letter-spacing:4px;margin-top:7px}.mini-setting{display:flex;justify-content:space-between;font-size:8px;margin-top:19px;color:var(--app-muted)}.mini-setting b{font-weight:500;color:var(--accent)}.mini-app[data-bg=light] .mini-setting b{color:#333}.mini-content input[type=range]{width:100%;height:3px;accent-color:var(--accent);margin:13px 0 23px;cursor:pointer}.mini-footer{display:flex;align-items:center;justify-content:space-between;gap:7px}.mini-footer>span{font-size:7px;color:var(--app-muted)}.mini-footer .status-dot{width:3px;height:3px;background:var(--accent);margin-right:4px}.mini-footer button{background:var(--accent);border:0;border-radius:5px;font-size:8px;font-weight:700;color:#111;display:flex;align-items:center;gap:10px;padding:9px 12px}.mini-footer svg{width:11px;height:11px}.visual-caption{font-size:6px;color:#585858;letter-spacing:1.7px;margin-top:29px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:16px}.price-card{background:#101010;border:1px solid #2a2a2a;border-radius:14px;padding:28px;position:relative;transition:transform .4s var(--ease),border-color .4s}.price-card:hover{transform:translateY(-5px);border-color:#666}.plan-top{display:flex;justify-content:space-between;align-items:center;color:#8d8d8d;margin-bottom:26px;height:20px}.plan-top>span{font-size:8px;letter-spacing:1.4px}.plan-top .infinity{font-size:30px;font-family:Arial,sans-serif;line-height:15px}.plan-top svg{width:17px;height:17px}.price-card h3{font-size:18px}.plan-desc{font-size:10px;margin-top:7px}.price{font-size:47px;font-weight:600;letter-spacing:-2px;margin-top:25px;display:flex;align-items:baseline}.price>span{font-size:28px;margin-left:5px;letter-spacing:-1px}.price small{font-weight:400;font-size:9px;letter-spacing:0;color:#777;margin-left:10px}.price-card ul{list-style:none;padding:23px 0 0;margin:22px 0 29px;border-top:1px solid #272727;display:flex;flex-direction:column;gap:14px;font-size:10px;color:#a9a9a9}.price-card li:before{content:'✓';color:#ddd;margin-right:11px}.price-card>.btn{width:100%;justify-content:space-between;min-height:45px;font-size:10px;padding:0 17px}.price-card>.btn svg{width:15px;height:15px}.plan-foot{display:block;text-align:center;font-size:6px;color:#676767;letter-spacing:1.4px;margin-top:15px}.price-card.featured{border-color:#9e9e9e;background:radial-gradient(ellipse at 50% -20%,#41414188,transparent 80%),#151515;box-shadow:0 0 60px #ffffff04}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:7px;font-weight:700;letter-spacing:1px;color:#111;background:#ddd;border:1px solid #fff;border-radius:20px;padding:7px 13px;display:flex;align-items:center;gap:9px;white-space:nowrap}.popular svg{width:11px;height:11px}.trial-strip{margin-top:24px;padding:25px 28px;border-radius:12px;display:flex;align-items:center;gap:20px;border:1px solid #262626;background:linear-gradient(100deg,#141414,#0c0c0c)}.trial-strip strong{font-size:12px}.trial-strip p{font-size:10px;margin-top:5px}.trial-strip>.text-btn{margin-left:auto;font-weight:600}.key-strip{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;font-size:10px;color:#707070}.key-strip>span{display:flex;align-items:center;gap:7px}.key-strip svg{width:14px;height:14px}.key-strip button{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#b6b6b6}.faq-section{display:grid;grid-template-columns:.9fr 1.4fr;gap:75px}.faq-intro>.eyebrow{margin-bottom:22px}.faq-intro h2{font-size:26px;line-height:1.6}.faq-intro p{font-size:11px;margin-top:19px;margin-bottom:25px}.faq-intro .btn{font-size:10px;min-height:44px;padding:0 17px}.faq-intro .btn svg{height:15px;width:15px}details{border-bottom:1px solid #2a2a2a}details:first-child{border-top:1px solid #2a2a2a}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:21px 0;gap:15px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;line-height:20px;font-weight:300;color:#aaa;transition:transform .3s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:10px;line-height:1.9;padding:0 35px 22px 0;animation:appear .3s}.final-cta{position:relative;overflow:hidden;text-align:center;padding:90px 20px 70px;margin-top:100px;border-top:1px solid #272727;border-bottom:1px solid #272727}.final-cta>.eyebrow{justify-content:center;position:relative;font-size:8px}.final-cta h2{font-size:30px;position:relative;margin:20px 0 13px}.final-cta h2 span{color:#858585}.final-cta p{font-size:12px;position:relative}.final-cta .btn{margin-top:27px;font-size:11px}.final-cta>small{display:block;font-size:6px;letter-spacing:1.5px;color:#5c5c5c;margin-top:20px}.cta-orbit{position:absolute;width:650px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff06;border-radius:50%;box-shadow:0 0 0 100px #ffffff02,0 0 0 200px #ffffff02;background:radial-gradient(circle,#20202077,transparent 65%);pointer-events:none}footer{padding-top:38px;padding-bottom:27px}.footer-main{display:flex;align-items:center;gap:30px}.footer-main .brand{font-size:18px}.footer-main .moon-logo{width:23px;height:23px}.footer-main .moon-logo:after{width:22px;height:22px;background:#080808}.footer-main>span{font-size:10px;color:#666;margin-right:auto}.footer-main>a:not(.brand),.footer-main>button{font-size:9px;color:#888;display:flex;gap:5px;align-items:center}.footer-main svg{width:12px;height:12px}.footer-main .back-top{padding:9px 12px;border:1px solid #333;border-radius:7px;font-size:15px!important}.footer-bottom{display:flex;justify-content:space-between;font-size:6px;color:#4f4f4f;letter-spacing:1.3px;border-top:1px solid #1e1e1e;padding-top:24px;margin-top:32px}.little-moon{font-size:11px;color:#888;margin-left:8px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.hero-content{animation:hero-in 1.2s var(--ease) both}.hero-bottom{animation:hero-in 1.4s var(--ease) .2s both}dialog{background:radial-gradient(ellipse at 100% 0,#25252588,transparent 60%),#101010;border:1px solid #3c3c3c;border-radius:20px;padding:37px;color:#eee;width:min(500px,calc(100% - 32px));max-height:85dvh;box-shadow:0 50px 150px #000;overflow-y:auto}dialog[open]{animation:modal-in .4s var(--ease)}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}body.modal-open{overflow:hidden}.close-modal{position:absolute;top:14px;right:16px;border:0;background:none;color:#777;font-size:25px;line-height:25px;cursor:pointer}.close-modal:hover{color:#eee}dialog .eyebrow{font-size:8px;margin-bottom:24px}dialog h2{font-size:23px;line-height:1.5;letter-spacing:-.6px;margin-bottom:15px}dialog p{font-size:11px;line-height:1.9;margin-bottom:18px}dialog .btn{width:100%;font-size:11px;min-height:47px;margin-top:10px}dialog .modal-icon{width:50px;height:50px;border-radius:14px;background:#222;display:flex;align-items:center;justify-content:center;margin-bottom:21px}dialog .modal-icon svg{height:24px;width:24px}.modal-steps{display:flex;gap:20px;margin:23px 0}.modal-step{flex:1;font-size:10px;color:#8c8c8c;display:flex;gap:8px;line-height:1.7}.modal-step b{flex-shrink:0;border:1px solid #404040;border-radius:50%;width:21px;height:21px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:9px}.notice{font-size:10px;line-height:1.8;color:#aaa;background:#ffffff05;border:1px solid #353535;padding:13px 15px;border-radius:8px;margin:18px 0}.modal-subtle{font-size:9px!important;color:#656565;text-align:center;margin-top:15px;margin-bottom:0!important}.account-status{background:#191919;border:1px solid #323232;border-radius:10px;padding:20px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.account-status small{font-size:9px;color:#777;display:block;margin-bottom:7px}.account-status strong{font-size:14px}.account-status svg{color:#aaa}.field-label{display:block;font-size:10px;color:#aaa;margin:23px 0 9px}.key-form{display:flex;gap:7px}.key-form input{width:100%;min-width:0;border:1px solid #404040;color:#ddd;border-radius:7px;background:#0a0a0a;padding:13px;font-family:monospace;font-size:10px}.key-form button{border:1px solid #444;background:#222;border-radius:7px;padding:8px 14px}.key-form svg{width:17px;height:17px}.inline-error{color:#dedede;font-size:10px;padding-top:9px;line-height:1.7;min-height:18px}.logout{margin-top:23px;color:#888}.order-summary{display:flex;justify-content:space-between;border-top:1px solid #333;border-bottom:1px solid #333;padding:22px 0;margin:22px 0;font-size:13px}.order-summary strong{font-size:22px}.order-number{padding:20px;background:#080808;border:1px dashed #555;border-radius:9px;font-family:monospace;text-align:center;font-size:24px;letter-spacing:3px;margin:20px 0}.history{margin-top:20px;border-top:1px solid #333;padding-top:15px}.history h3{font-size:12px;margin-bottom:12px}.history-item{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#aaa;padding:9px 0}.history-item span:last-child{font-size:8px;color:#777}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#e8e8e8;border:1px solid white;border-radius:10px;padding:15px 22px;z-index:100;color:#141414;font-size:12px;box-shadow:0 5px 40px #0008;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:calc(100% - 30px);text-align:center;min-width:230px}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes pulse{0%,100%{transform:scale(.7);opacity:.6}70%{transform:scale(1.5);opacity:0}}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.4}60%{transform:translateY(5px);opacity:1}}@keyframes hero-in{from{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes appear{from{opacity:0}to{opacity:1}}@media(min-width:1500px){.wrap{max-width:1280px}.hero{padding-top:110px;min-height:700px}.hero h1{font-size:83px}.hero-bottom{margin-top:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:20px;font-size:11px}.header-actions{gap:8px}.hero h1{font-size:6.3vw;letter-spacing:-2.5px}.hero-orbits{max-width:calc(100vw - 10px)}.hero{padding-top:100px;min-height:620px}.hero-bottom>span:last-child{display:none}.hero-bottom{margin-top:72px}.heading-row h2{font-size:23px}.heading-row p{font-size:10px}.custom-panel{padding:30px;gap:30px;grid-template-columns:1fr 1.2fr}.custom-copy h2{font-size:22px}.mini-content{padding:18px}.mini-content h3{font-size:12px}.mini-preview>span{font-size:27px}.mini-preview{height:125px}.price-card{padding:22px}.faq-section{gap:35px}.faq-intro h2{font-size:23px}.footer-main{gap:20px}.showcase-caption>span{font-size:6px;gap:5px}.showcase-caption>div{font-size:10px}.features-grid{gap:11px}.feature-card{padding:22px}.feature-card h3{font-size:13px}.final-cta h2{font-size:25px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{margin-top:14px;height:64px;padding:0 17px;border-radius:13px}.header .brand{font-size:19px}.header nav{display:none}.effects-btn{padding:5px}.header-actions{gap:10px}.btn.small{min-height:35px;font-size:10px;padding:0 11px}.header .moon-logo{width:24px;height:24px}.hero{padding-top:75px;min-height:600px}.hero-tag{font-size:6px;letter-spacing:1px;padding:9px 11px;margin-bottom:27px;gap:8px}.tag-end{font-size:6px;padding-left:10px}.hero h1{font-size:clamp(24px,6.8vw,45px);letter-spacing:-1.7px;line-height:1.35}.hero-copy{font-size:10px;margin:21px 0 26px}.hero-buttons{flex-direction:column;align-items:center;gap:11px}.hero-buttons .btn{width:min(300px,100%);min-height:49px;font-size:11px;justify-content:center}.hero-meta{font-size:7px;gap:9px;margin-top:21px}.hero-meta>span{gap:4px}.hero-meta svg{width:10px;height:10px}.hero-meta .windows b{font-size:14px}.hero-bottom{margin-top:53px;font-size:6px;letter-spacing:1px;padding-bottom:19px}.hero-bottom a{font-size:6px}.hero-orbits{top:-40px;height:570px}.planet{right:-5px;top:30px;width:165px;height:165px;opacity:.4}.orbit-one{width:600px;height:270px}.orbit-two{width:760px;height:400px}.orbit-three{width:920px;height:530px}.section{padding-top:65px}.showcase{padding-top:25px}.section-heading{margin-bottom:26px}.section-heading>.eyebrow{margin-bottom:20px}.eyebrow{font-size:7px;letter-spacing:1.6px}.heading-row{display:block}.heading-row h2,.showcase h2{font-size:21px;letter-spacing:-.8px}.heading-row p{margin-top:16px;font-size:10px}.heading-row small{font-size:9px}.showcase-grid{grid-template-columns:1fr;gap:28px}.showcase-caption{margin-top:16px}.showcase-caption>span{font-size:7px}.showcase-caption>div{font-size:11px}.section-note{font-size:6px;line-height:1.9;letter-spacing:.7px;margin-top:23px}.features-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:18px 15px;border-radius:11px}.feature-top{margin-bottom:20px}.feature-top>span:last-child{font-size:6px}.icon-box{width:34px;height:34px;border-radius:8px}.icon-box svg{width:17px;height:17px}.feature-card h3{font-size:11px;line-height:1.5;min-height:32px}.feature-card p{font-size:9px;line-height:1.9}.feature-label,.feature-link{font-size:5px;letter-spacing:.6px;margin-top:18px;line-height:1.8}.custom-panel{grid-template-columns:1fr;padding:25px 22px;gap:30px}.custom-copy h2{font-size:25px}.custom-copy>p{font-size:10px}.custom-copy>.eyebrow{font-size:7px;margin-bottom:17px}.custom-copy>p{margin:16px 0 22px}.mini-app{transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.mini-content{padding:20px 18px}.mini-content h3{font-size:13px}.mini-body aside{width:48px;padding:20px 8px}.mini-preview{height:144px}.mini-preview>span{font-size:31px}.visual-caption{margin-top:23px}.pricing-grid{grid-template-columns:1fr;gap:22px;padding-top:5px}.price-card{padding:26px}.price-card.featured{order:-1}.price-card h3{font-size:20px}.plan-top{margin-bottom:19px}.price{font-size:48px;margin-top:16px}.price-card ul{font-size:11px;gap:14px;margin-top:20px}.price-card>.btn{font-size:11px;min-height:48px}.plan-foot{font-size:7px}.trial-strip{padding:21px;gap:13px;flex-wrap:wrap}.trial-strip>.icon-box{display:none}.trial-strip p{font-size:9px}.trial-strip strong{font-size:11px}.trial-strip>.text-btn{margin-left:0;margin-top:5px}.key-strip{flex-wrap:wrap;gap:9px}.key-strip button,.key-strip>span{font-size:9px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-intro h2{font-size:23px}.faq-intro h2 br{display:none}.faq-intro>.eyebrow{margin-bottom:16px}.faq-intro p{font-size:10px;margin-top:13px;margin-bottom:18px}summary{font-size:11px;padding:19px 0}details p{font-size:10px}.final-cta{margin-top:60px;padding:56px 12px 47px}.final-cta h2{font-size:23px;line-height:1.6;margin:20px 0 12px}.final-cta h2 span{display:block}.final-cta p{font-size:10px}.final-cta .btn{font-size:10px;min-height:48px;padding:0 15px}.final-cta>small{font-size:5px;letter-spacing:1px}.footer-main{flex-wrap:wrap;gap:22px 16px}.footer-main>.brand{font-size:18px;width:calc(50% - 16px)}.footer-main>span{width:50%;font-size:8px;text-align:right;margin:0}.footer-main>a:not(.brand),.footer-main>button{font-size:8px}.footer-main .back-top{margin-left:auto}.footer-bottom{font-size:5px;letter-spacing:.7px;line-height:1.7;gap:20px}.footer-bottom>span:last-child{text-align:right}.toast{font-size:10px;padding:13px 18px}dialog{padding:32px 24px}dialog h2{font-size:21px}.modal-step{font-size:9px}.modal-steps{gap:15px}#particles{height:750px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.tilt-card{transform:none!important}.hero-content,.hero-bottom{opacity:1;transform:none}#particles{display:none}}
/* Keep narrow layouts and rotated disclosure glyphs inside the viewport. */
.faq-list{min-width:0}summary{padding-right:8px}summary>span{width:16px;height:16px;line-height:16px;text-align:center;flex:0 0 16px}
@media(max-width:360px){.header{padding-inline:12px}.header-actions{gap:5px}.header .brand{font-size:17px;gap:7px}.faq-intro h2{font-size:21px}.hero h1{letter-spacing:-1.3px}.mini-content{padding:18px 12px}.mini-content h3{font-size:11px}.mini-preview>span{font-size:23px}.mini-footer{gap:4px}.mini-footer>span{font-size:6px}.mini-footer button{font-size:7px;padding:8px}.feature-card{padding-inline:12px}.feature-card h3{font-size:10px}}
.hero-orbits{max-width:calc(100vw - 10px)}

/* v2 — persistent navigation, satin feature cards, and cursor-driven screenshots. */
.header{position:sticky;top:16px;z-index:50;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease;box-shadow:0 8px 35px #00000014}
.header.scrolled{background:linear-gradient(115deg,#1a1a1af0,#101010ed);border-color:#424242;box-shadow:0 14px 45px #0009,0 1px 0 #ffffff05 inset;backdrop-filter:blur(26px)}
.header nav a{position:relative;padding-block:9px}
.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#ccc;transform:scaleX(0);transform-origin:center;transition:transform .4s var(--ease)}
.header nav a.current{color:#eee}.header nav a.current:after{transform:scaleX(1)}
.tilt-zone{isolation:isolate;outline-offset:8px}
.tilt-card{pointer-events:none;backface-visibility:hidden;transform-origin:50% 50%;transition:border-color .55s ease,box-shadow .55s ease}
.tilt-zone.is-tilting{z-index:2}
.tilt-zone.is-tilting .tilt-card{border-color:#787878;box-shadow:0 28px 65px #000a,0 0 32px #ffffff0c}
.card-glare{background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%),#ffffff22,transparent 60%);transition:opacity .55s ease;mix-blend-mode:screen}
.tilt-zone.is-tilting .card-glare{opacity:1}
.feature-card{isolation:isolate;--frx:0deg;--fry:0deg;--lift:0px;box-shadow:0 0 0 transparent;transition:opacity .8s var(--ease),transform .65s var(--ease),border-color .6s ease,box-shadow .6s ease}
.feature-card.visible{transform:perspective(900px) translateY(var(--lift)) rotateX(var(--frx)) rotateY(var(--fry))}
.feature-card:hover{background:linear-gradient(120deg,#121212,#0d0d0d);border-color:#383838}
.feature-card.is-hovered,.feature-card:focus-within{--lift:-7px;border-color:#626262;box-shadow:0 22px 40px #0008,0 1px 0 #ffffff0a inset}
.feature-card::before{content:'';position:absolute;inset:0;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff12,transparent 72%);opacity:0;pointer-events:none;transition:opacity .65s ease;z-index:0}
.feature-card.is-hovered::before,.feature-card:focus-within::before{opacity:1}
.feature-card::after{content:'';position:absolute;top:-85%;left:0;width:40%;height:270%;background:linear-gradient(90deg,transparent,#ffffff03 28%,#ffffff13 50%,#ffffff03 72%,transparent);transform:translateX(-220%) rotate(24deg);opacity:0;pointer-events:none;z-index:2}
.feature-card.is-hovered::after,.feature-card:focus-within::after{animation:feature-sheen 1.35s cubic-bezier(.2,.65,.3,1) both}
.feature-card>*{position:relative;z-index:1}
.feature-card .icon-box{transition:transform .65s var(--ease),background .6s ease,color .6s ease,box-shadow .6s ease}
.feature-card.is-hovered .icon-box,.feature-card:focus-within .icon-box{transform:translateY(-2px) rotate(-8deg) scale(1.06);background:#dedede;color:#161616;box-shadow:0 7px 20px #ffffff0e}
.feature-top>span:last-child{transition:transform .6s var(--ease),color .5s ease}
.feature-card.is-hovered .feature-top>span:last-child{transform:translate(2px,-2px);color:#b5b5b5}
.feature-label,.feature-link{transition:color .5s ease,transform .6s var(--ease)}
.feature-card.is-hovered .feature-label,.feature-card.is-hovered .feature-link{color:#a5a5a5;transform:translateX(3px)}
@keyframes feature-sheen{0%{transform:translateX(-220%) rotate(24deg);opacity:0}18%{opacity:.8}70%{opacity:.55}100%{transform:translateX(430%) rotate(24deg);opacity:0}}
.login-steps{display:flex;flex-direction:column;gap:13px;margin-top:22px}
.login-step{padding:17px;border:1px solid #2e2e2e;border-radius:12px;background:linear-gradient(135deg,#181818,#121212);transition:border-color .5s,background .5s,box-shadow .5s}
.login-step.next-step{border-color:#606060;box-shadow:0 0 22px #ffffff06}
.login-step-title{display:flex;align-items:center;gap:12px}
.step-number{font-size:10px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;flex:0 0 31px;height:31px;border:1px solid #484848;border-radius:9px;color:#d2d2d2}
.login-step-title h3{font-size:12px;line-height:1.6}.login-step-title small{display:block;font-size:9px;color:#828282;margin-top:3px;line-height:1.6}
.login-step .btn{margin-top:15px;font-size:10px;gap:8px;white-space:normal;min-height:45px;padding:10px 12px}
.login-step .invite-status{font-size:9px;color:#858585;line-height:1.8;margin:12px 0 0}
.login-step .notice{margin:13px 0 0;padding:12px;font-size:9px;line-height:1.9}
.login-step .notice strong{display:block;font-weight:600;color:#d0d0d0;margin-bottom:4px}
@media(max-width:700px){.header{top:10px}.login-step{padding:14px}.login-step-title{gap:9px}.login-step-title h3{font-size:11px}.login-step-title small{font-size:8px}.login-step .btn{font-size:9px}}
@media(prefers-reduced-motion:reduce){.feature-card.visible,.feature-card.visible:hover,.feature-card.is-hovered{transform:none!important}.feature-card::after{display:none}.feature-card .icon-box,.feature-card .feature-label,.feature-card .feature-link{transform:none!important}.tilt-card{transform:none!important}}

/* V3: deliberately visible motion, with a user-controlled accessibility override. */
.showcase-tools{text-align:right;max-width:420px}.showcase-tools>p{font-size:11px;line-height:1.8;padding:0}.showcase-tools>p small{color:#999}
.motion-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.motion-toggle,.motion-demo{border:1px solid #424242;border-radius:7px;background:#181818;color:#c5c5c5;font-size:9px;line-height:1.6;padding:7px 10px;transition:background .3s,border-color .3s}.motion-toggle:hover,.motion-demo:hover{background:#303030;border-color:#888}.motion-toggle[aria-pressed=true]{color:#eee;border-color:#666}.motion-toggle:before{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;background:#555;border-radius:50%;margin-right:7px}.motion-toggle[aria-pressed=true]:before{background:#eee;box-shadow:0 0 8px #ffffff55}.motion-demo{background:transparent}.showcase-tools>#motion-status{display:block;font-size:8px;line-height:1.7;margin-top:9px;color:#777}.feature-heading-tools{text-align:right}.feature-heading-tools .motion-toggle{margin-top:8px}
.tilt-card{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;transition:box-shadow .5s ease,border-color .5s ease}.tilt-zone{perspective:1000px;cursor:move}.tilt-meter{position:absolute;right:12px;bottom:12px;padding:6px 9px;border:1px solid #ffffff27;border-radius:6px;background:#111c;backdrop-filter:blur(12px);font:9px/1.5 monospace;letter-spacing:.6px;color:#ccc;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s;pointer-events:none}.tilt-zone.is-tilting .tilt-meter,.tilt-zone:focus-visible .tilt-meter{opacity:1;transform:translateY(0)}
.feature-card{--motion-transition:opacity .8s var(--ease),transform .65s var(--ease),border-color .6s ease,box-shadow .6s ease;transition:var(--motion-transition)}
.feature-card.is-hovered{--lift:-11px;border-color:#929292;box-shadow:0 30px 45px #0009,0 1px 0 #ffffff20 inset}.feature-card::before{background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff12,transparent 78%)}
.feature-card::after{width:65%;height:280%;top:-90%;background:linear-gradient(90deg,transparent,#ffffff05 20%,#ffffff10 38%,#ffffff38 50%,#ffffff13 60%,#ffffff03 80%,transparent);transform:translateX(-210%) rotate(23deg)}
.feature-card.is-hovered::after,.feature-card:focus-within::after{animation:feature-sheen-v3 3.2s cubic-bezier(.2,.55,.3,1) infinite}
.feature-card h3{transition:transform .65s var(--ease)}.feature-card.is-hovered h3{transform:translateY(-2px) translateX(3px)}
.feature-card.is-hovered .icon-box{transform:translateY(-5px) rotate(-12deg) scale(1.13);box-shadow:4px 12px 25px #ffffff16}.feature-card.is-hovered .feature-top>span:last-child{transform:translate(5px,-5px);color:#ddd}.feature-card.is-hovered .feature-label,.feature-card.is-hovered .feature-link{transform:translateX(6px);color:#c5c5c5}
@keyframes feature-sheen-v3{0%{transform:translateX(-210%) rotate(23deg);opacity:0}8%{opacity:.8}40%{opacity:.85}65%{transform:translateX(290%) rotate(23deg);opacity:0}100%{transform:translateX(290%) rotate(23deg);opacity:0}}
html[data-interactive-motion=off] .tilt-card{transform:none!important}html[data-interactive-motion=off] .feature-card.visible,html[data-interactive-motion=off] .feature-card:hover{transform:none!important}html[data-interactive-motion=off] .feature-card::after{animation:none!important;opacity:0}html[data-interactive-motion=off] .feature-card .icon-box{transform:none!important}
@media(max-width:1000px){.showcase-tools{max-width:320px}.motion-controls{flex-wrap:wrap}}
@media(max-width:700px){.showcase-tools,.feature-heading-tools{text-align:left;max-width:100%;margin-top:16px}.showcase-tools>p{font-size:10px}.motion-controls{justify-content:flex-start;margin-top:10px}.motion-toggle,.motion-demo{font-size:8px;padding:7px 9px}.showcase-tools>#motion-status{font-size:7px}.tilt-meter{font-size:7px;padding:4px 6px;bottom:8px;right:8px}}
@media(prefers-reduced-motion:reduce){
 html[data-interactive-motion=on] .tilt-card{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important}
 html[data-interactive-motion=on] .feature-card.visible,html[data-interactive-motion=on] .feature-card.visible.is-hovered{transform:perspective(900px) translateY(var(--lift)) rotateX(var(--frx)) rotateY(var(--fry))!important;transition:var(--motion-transition)!important}
 html[data-interactive-motion=on] .feature-card::after{display:block!important}
 html[data-interactive-motion=on] .feature-card.is-hovered::after{animation:feature-sheen-v3 3.2s cubic-bezier(.2,.55,.3,1) infinite!important}
 html[data-interactive-motion=on] .feature-card.is-hovered .icon-box{transform:translateY(-5px) rotate(-12deg) scale(1.13)!important;transition:transform .65s var(--ease),background .6s,color .6s!important}
}

/* V4 — three independent lunar trajectories and floating interface labels. */
.hero-orbits{width:1400px;height:850px;top:-126px;max-width:calc(100vw - 8px);mask-image:linear-gradient(to bottom,#000 73%,transparent 100%);overflow:hidden}
.orbit-scene{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:none;overflow:visible;pointer-events:none}
.orbit-track{fill:none;stroke:#bdbdbd;stroke-width:.65;vector-effect:non-scaling-stroke}
.track-one{opacity:.3}.track-two{opacity:.2}.track-three{opacity:.13}
.orbit-traveler{stroke:none}.hero-orbits .planet{right:235px;top:91px;width:235px;height:235px;z-index:0;opacity:.85;box-shadow:-2px -2px 15px #ffffff0a}
.floating-chips{position:absolute;inset:0;pointer-events:none;z-index:1}
.float-chip{position:absolute;display:flex;align-items:center;justify-content:center;gap:11px;height:49px;padding:0 20px;border:1px solid #ffffff26;background:linear-gradient(130deg,#191919b8,#0e0e0eab);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 12px 35px #0006,0 1px 0 #ffffff04 inset;font-size:9px;letter-spacing:1.8px;font-weight:600;color:#8d8d8d;transform:translateY(0) rotate(var(--chip-angle));animation:chip-float var(--chip-duration) ease-in-out infinite;animation-delay:var(--chip-delay);will-change:transform}
.chip-system{--chip-angle:-10deg;--chip-duration:6.2s;--chip-delay:-1.4s;top:164px;left:4px}
.chip-online{--chip-angle:10deg;--chip-duration:7.4s;--chip-delay:-3.7s;top:340px;right:8px;height:44px;padding-inline:18px}
.chip-custom{--chip-angle:-6deg;--chip-duration:6.8s;--chip-delay:-.3s;top:458px;left:73px;height:44px;padding-inline:17px}
.chip-diamond{font-size:15px;color:#c2c2c2;line-height:1}.chip-light{width:5px;height:5px;border-radius:50%;background:#f3f3f3;box-shadow:0 0 9px #ffffff40}.chip-custom b{font-size:13px;letter-spacing:1px;font-weight:700;color:#dedede}
@keyframes chip-float{0%,100%{transform:translateY(0) rotate(var(--chip-angle))}50%{transform:translateY(-14px) rotate(calc(var(--chip-angle) + 2deg))}}
html[data-ambient-motion=off] .float-chip{animation-play-state:paused}
.auth-alert{padding:17px;background:linear-gradient(120deg,#242424,#171717);border:1px solid #777;border-radius:11px;margin:18px 0;text-align:left}
.auth-alert>strong{display:block;font-size:13px;line-height:1.6;color:#f0f0f0}.auth-alert>p{font-size:11px;line-height:1.8;color:#b5b5b5;margin:9px 0 12px}.auth-alert>code{display:block;padding:9px 10px;font-size:10px;overflow-wrap:anywhere;background:#0b0b0b;border:1px solid #363636;border-radius:6px;color:#ddd;user-select:text}.auth-alert>small{display:block;font-size:9px;color:#888;line-height:1.7;margin-top:9px}.auth-confirmed{color:#c7c7c7!important;font-size:11px!important}
#account-dialog:has(.auth-alert){border-color:#686868}
@media(min-width:1500px){.chip-system{left:17px;top:171px}.chip-online{right:18px;top:360px}.chip-custom{left:94px;top:483px}}
@media(max-width:1150px){.chip-system{top:41px;left:12px}.chip-online{top:414px;right:3px}.chip-custom{top:482px;left:14px}.float-chip{font-size:8px;height:41px;padding:0 14px;gap:9px}.hero-orbits .planet{right:120px;top:105px}}
@media(max-width:700px){.hero-orbits{top:-70px;height:700px}.orbit-scene{width:950px;max-width:none;left:50%;transform:translateX(-50%)}.hero-orbits .planet{width:180px;height:180px;right:5px;top:53px;opacity:.65}.float-chip{font-size:6px;height:31px;padding:0 10px;gap:6px;border-radius:8px;letter-spacing:1px}.chip-system{top:24px;left:2px}.chip-online{top:15px;right:1px}.chip-custom{top:auto;bottom:61px;left:7px}.chip-custom b{font-size:10px}.chip-diamond{font-size:12px}.chip-light{width:4px;height:4px}.auth-alert{padding:14px}.auth-alert>strong{font-size:12px}.auth-alert>p{font-size:10px}.hero-bottom{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){.float-chip{animation:none!important}html[data-ambient-motion=on] .float-chip{animation:chip-float var(--chip-duration) ease-in-out infinite!important;animation-delay:var(--chip-delay)!important}}
@media(max-width:700px){.chip-custom{bottom:104px}}

/* V5: movement starts ON, no old stored preference silently disables the hero. */
.chip-system{--chip-duration:4.8s}.chip-online{--chip-duration:5.6s}.chip-custom{--chip-duration:6.1s}
@keyframes chip-float{0%,100%{transform:translateY(4px) rotate(var(--chip-angle))}50%{transform:translateY(-15px) rotate(calc(var(--chip-angle) + 1.5deg))}}
.login-primary{padding:18px;margin-top:19px}.login-primary .btn{margin-top:0;white-space:normal}.login-hint{font-size:10px!important;line-height:1.8!important;margin:12px 0 0!important;color:#8b8b8b}
.community-separator{display:flex;align-items:center;gap:12px;color:#666;font-size:7px;letter-spacing:1.6px;margin:25px 0 14px}.community-separator:before,.community-separator:after{content:'';height:1px;background:#333;flex:1}.community-note{font-size:10px!important;line-height:1.8!important;color:#8c8c8c;margin-bottom:12px!important}.discord-address{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;font-size:9px;color:#939393;flex-wrap:wrap}.discord-address>a{overflow-wrap:anywhere}.discord-address button{font-size:9px;text-decoration:underline;text-underline-offset:3px}
html[data-ambient-motion=off] .float-chip{animation-play-state:paused!important}
/* Public project information and pre-release payment status. */
.release-strip{display:flex;align-items:center;gap:28px;border:1px solid #3c3c3c;border-radius:13px;padding:23px 26px;margin-bottom:28px;background:linear-gradient(115deg,#181818,#101010)}.release-strip>div{flex:1;min-width:0}.release-badge{display:inline-block;vertical-align:middle;font-size:8px;letter-spacing:1.2px;border:1px solid #555;border-radius:4px;padding:4px 7px;margin-right:12px;color:#ccc}.release-strip strong{font-size:12px;font-weight:600}.release-strip p{font-size:11px;line-height:1.85;color:#8e8e8e;margin-top:10px;max-width:850px}.release-strip p a{color:#ccc;text-decoration:underline;text-underline-offset:3px}.release-contact{flex-shrink:0;font-size:10px;color:#777;border-left:1px solid #343434;padding-left:24px;line-height:1.8}.release-contact strong{display:block;font-size:15px;color:#ddd}.legal-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:24px;padding-top:20px;border-top:1px solid #262626;font-size:10px;line-height:1.8;color:#888}.legal-footer-links a:hover{color:#eee}.review-marker{margin-left:auto;white-space:normal;font-size:9px;color:#777;letter-spacing:0}.review-marker b{font-family:monospace;font-weight:400;color:#b1b1b1;margin-left:4px}.login-legal{font-size:10px!important;line-height:1.8!important;color:#888!important}.login-legal a{color:#ccc;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.release-strip{padding:19px;display:block}.release-strip strong{font-size:11px}.release-badge{font-size:7px;margin-right:8px}.release-strip p{font-size:10px}.release-contact{display:block;border-left:0;border-top:1px solid #333;padding:14px 0 0;margin-top:16px;font-size:9px}.release-contact strong{font-size:13px}.legal-footer-links{gap:12px 18px;font-size:9px}.review-marker{margin-left:0;flex-basis:100%;font-size:8px}}
/* Keep both step titles clear of their action buttons. */
#account-dialog .login-step-title+.btn{margin-top:15px}