@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080a12;--panel:#10131e;--panel2:#151926;--line:#282d40;--line2:#333950;--text:#f7f6ff;--muted:#989bb2;--pur:#8a70ff;--pur2:#5e65ed;--cyan:#66eadc;--amber:#fcb873;--radius:19px;--wrap:1210px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.logo,.price-box strong,.stat-card strong{font-family:'Space Grotesk','DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%}::selection{background:#917cff60;color:#fff}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}main.wrap{min-height:calc(100vh - 150px);position:relative;z-index:1}.ambient{position:absolute;pointer-events:none;filter:blur(95px);border-radius:100%;opacity:.16;z-index:0}.ambient-a{height:510px;width:490px;left:-260px;top:150px;background:#754fff}.ambient-b{height:620px;width:620px;right:-460px;top:300px;background:#167d9a}.topbar{height:86px;border-bottom:1px solid #ffffff0e;position:relative;z-index:5;backdrop-filter:blur(17px);background:#090c14d9}.navbar{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-1px;font-weight:700;white-space:nowrap;line-height:1.1}.logo>span:last-child{display:flex;flex-direction:column}.logo>span:last-child>.gradient-text{display:inline}.logo small{font-size:8px;color:#81859f;letter-spacing:1.15px;margin-top:5px;font-family:'DM Sans';font-weight:600;text-transform:uppercase}.logo-mark{width:41px;height:41px;border:1px solid #d3c5ff70;box-shadow:0 4px 28px #7c66ff48;background:linear-gradient(145deg,#8b70fe,#473c94);border-radius:12px;display:grid;place-items:center;position:relative;font-size:21px;font-weight:700}.asterisk{position:absolute;font-size:11px;top:4px;right:5px}.gradient-text{background:linear-gradient(115deg,#c5b3ff 5%,#747aff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.navlinks,.nav-actions{display:flex;align-items:center;gap:35px}.navlinks a,.nav-mini{font-size:13px;color:#abb0c5;font-weight:700;transition:color .2s}.navlinks a:hover,.nav-mini:hover{color:white}.nav-actions{gap:17px}.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 21px;font-weight:800;font-size:13px;line-height:1.2;min-height:48px;transition:transform .2s,box-shadow .2s,border-color .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn span:last-child{font-size:16px}.btn-primary{background:linear-gradient(115deg,#9176ff,#625cdd);color:white;box-shadow:0 10px 28px #685dcd42}.btn-primary:hover{box-shadow:0 12px 33px #7366e969}.btn-outline{border-color:#373d56;background:#181b28b8;color:#e6e5f2}.btn-outline:hover{border-color:#6f6eac;background:#1e2232}.btn-light{background:#fff;color:#151322}.btn-small{min-height:38px;padding:10px 15px;font-size:12px}.btn-full{width:100%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.35px;color:#aea1ff;display:inline-flex;align-items:center;gap:12px;text-transform:uppercase}.eyebrow-line{height:1px;width:30px;background:#7d75a8}.star-dot{font-size:18px;color:#e6caff}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:610px;gap:30px;padding:45px 0 45px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(50px,5.55vw,78px);line-height:1.07;letter-spacing:-5px;margin:24px 0}.hero h1 em,.section h2 em,.service-banner h2 em,.auth-intro h1 em{font-style:normal;background:linear-gradient(130deg,#b39eff,#7f92ff 55%,#7bf1df);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:16px;color:#adb0c8;line-height:1.85;max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 40px}.hero-trust{display:flex;flex-wrap:wrap;gap:19px}.hero-trust span{font-size:11px;font-weight:800;color:#9299b3;display:flex;gap:7px;align-items:center}.hero-trust b{color:#bfaaff;font-size:15px}.hero-visual{height:490px;position:relative;display:grid;place-items:center;perspective:1000px}.visual-glow{background:radial-gradient(ellipse,#8366ff6e 0%,#5744c111 62%,transparent 75%);position:absolute;inset:10px}.visual-window{height:342px;width:94%;max-width:500px;border:1px solid #b1a7ff57;border-radius:17px;background:#131527;box-shadow:12px 30px 45px #05050caa,0 0 100px #5e46d333,inset 0 1px #ffffff24;transform:rotateY(-11deg) rotateX(6deg) rotateZ(-3deg);overflow:hidden}.window-bar{height:40px;background:#1e2035;display:flex;align-items:center;padding:0 13px;gap:6px;border-bottom:1px solid #30324b}.window-bar i{width:7px;height:7px;background:#655f81;border-radius:50%}.window-bar i:first-child{background:#ff857e}.window-bar i:nth-child(2){background:#ffcb7c}.window-bar i:nth-child(3){background:#7cdea5}.window-bar span{font-size:9px;color:#656b86;margin:auto;letter-spacing:.7px}.window-body{height:302px;display:flex}.visual-side{width:51px;border-right:1px solid #2a2946;background:#121526;display:flex;align-items:center;flex-direction:column;gap:16px;padding:15px 0}.visual-side b{color:#ba9cff;font-size:17px}.visual-side div{width:18px;height:4px;background:#393a54;border-radius:9px}.visual-side div:first-of-type{background:#9b86ff}.visual-screen{padding:25px 30px;flex:1;overflow:hidden;background:radial-gradient(circle at 70% 20%,#50409780,transparent 57%),linear-gradient(125deg,#18172e,#252048)}.visual-chip{background:#8a6afe30;color:#dacfff;padding:6px 9px;font-size:8px;letter-spacing:1.8px;border:1px solid #8d73bd7d;border-radius:50px}.visual-screen h3{font-size:45px;line-height:1.1;margin:19px 0 17px;letter-spacing:-2px}.visual-screen h3 em{font-style:normal;color:#94f5dc}.visual-strips{display:grid;gap:7px;max-width:220px}.visual-strips span{background:#5d577a;height:6px;border-radius:12px}.visual-strips span:nth-child(2){width:75%}.visual-strips span:nth-child(3){width:48%}.visual-samples{display:flex;gap:10px;margin-top:20px}.visual-samples i{height:85px;width:85px;background:linear-gradient(135deg,#5f5bd7,#ad83ed);border-radius:8px;opacity:.5}.visual-samples i:nth-child(2){background:linear-gradient(135deg,#57d6cb,#4b61c3)}.visual-samples i:nth-child(3){background:linear-gradient(135deg,#d289b1,#7e4b9f)}.floating-tag{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 18px;border:1px solid #4d4b76;background:#24243bea;border-radius:12px;box-shadow:0 20px 30px #0909147f;animation:float 6s ease-in-out infinite}.tag-top{top:44px;right:-5px}.tag-bottom{bottom:42px;left:4px;animation-delay:-3s}.floating-tag .tag-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#8d6ffd;color:#fff;font-size:18px}.floating-tag .green-icon{background:#2b8d85}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:11px}.floating-tag small{font-size:9px;color:#adb0c7}@keyframes float{50%{transform:translateY(-12px)}}.stats-strip{display:flex;align-items:center;justify-content:space-evenly;padding:21px;background:#111520;border:1px solid #22283a;border-radius:16px;gap:15px}.stats-strip div{display:flex;align-items:center;gap:13px}.stats-strip strong{font-family:'Space Grotesk';font-size:24px;color:#9784ff}.stats-strip span{font-size:11px;color:#a6a9c1;font-weight:800}.stats-strip i{height:30px;width:1px;background:#35364b}.section{margin-top:105px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2,.service-banner h2{font-size:clamp(31px,3.5vw,49px);line-height:1.17;letter-spacing:-2px;margin:13px 0}.section-head p{color:#a6abc1;font-size:14px;margin:0}.section-count{font-size:12px;background:#181b29;border:1px solid #2a3044;color:#b6b6d1;padding:11px 16px;border-radius:30px;white-space:nowrap}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filter-chip{border:1px solid #2e3447;background:#141823;color:#989fb4;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800;transition:all .2s}.filter-chip:hover,.filter-chip.is-active{background:#7564e8;border-color:#9c8afd;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-grid>div.is-hidden{display:none}.product-card{height:100%;border:1px solid #272c3e;background:#121520;border-radius:17px;overflow:hidden;transition:transform .24s,border-color .24s,box-shadow .24s}.product-card:hover{transform:translateY(-5px);border-color:#655a9a;box-shadow:0 18px 45px #0005}.product-art{height:213px;display:block;position:relative;overflow:hidden;background:linear-gradient(133deg,#25204a,#171a3d 70%,#11182b);border-bottom:1px solid #ffffff14}.product-art.violet,.mini-icon.violet,.checkout-miniart.violet{background:linear-gradient(130deg,#362970,#533899,#222a64)}.product-art.aqua,.mini-icon.aqua,.checkout-miniart.aqua{background:linear-gradient(125deg,#094953,#23627d,#192b5f)}.product-art.amber,.mini-icon.amber,.checkout-miniart.amber{background:linear-gradient(125deg,#71502c,#995d4d,#44335e)}.product-art.rose,.mini-icon.rose,.checkout-miniart.rose{background:linear-gradient(125deg,#662753,#883b66,#383061)}.product-art.blue,.mini-icon.blue,.checkout-miniart.blue{background:linear-gradient(125deg,#243766,#2f6d9e,#272766)}.product-art.green,.mini-icon.green,.checkout-miniart.green{background:linear-gradient(125deg,#1f6249,#338566,#263f69)}.art-orb{position:absolute;width:225px;height:225px;border-radius:50%;background:#ffffff22;filter:blur(38px);right:-50px;top:-70px}.art-browser{position:absolute;width:70%;height:174px;left:16%;top:30px;border:1px solid #fefeff6a;box-shadow:2px 15px 40px #0c0d2266;transform:rotate(-8deg);border-radius:9px;background:linear-gradient(135deg,#f8f4ff,#cfc5e9);overflow:hidden}.art-header{height:23px;background:#201b3c;display:flex;align-items:center;padding:0 9px;gap:4px}.art-header i{height:5px;width:5px;border-radius:50%;background:#d9a0d8}.art-header i:nth-child(2){background:#f1cc85}.art-header i:nth-child(3){background:#8cd5c8}.art-header b{margin-left:20px;height:5px;width:39%;background:#6d6182;border-radius:9px}.art-content{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:27px 41px 42px;gap:7px;padding:12px;background:linear-gradient(130deg,#f8f4ff,#b7b3df)}.art-content em{height:9px;background:#7d73bb;border-radius:8px}.art-content em:nth-child(2){background:#ccc3e3}.art-content span{border-radius:7px;background:linear-gradient(135deg,#9993d6,#735ba6)}.art-content span:last-child{background:linear-gradient(135deg,#a49bd2,#e4d4f8)}.art-icon{position:absolute;right:10%;bottom:34px;background:#17172e;color:#fff;border:1px solid #ffffff22;border-radius:13px;box-shadow:0 8px 15px #0005;padding:6px 14px;font-size:30px;transform:rotate(9deg)}.product-art-label{position:absolute;bottom:12px;left:15px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:#e5dcff;opacity:.9}.product-body{padding:20px 20px 17px}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.pill{border-radius:20px;display:inline-flex;align-items:center;padding:5px 10px;font-size:10px;font-weight:800}.pill-soft{color:#c7b7ff;background:#7767c830;border:1px solid #7f6bc650}.tiny-muted{font-size:11px;color:#81849b}.product-title{font-size:18px;line-height:1.35;font-weight:700;font-family:'Space Grotesk';display:block;min-height:48px}.product-title:hover{color:#bdabff}.product-body p{font-size:12px;color:#9ca1b7;line-height:1.6;min-height:42px;margin:10px 0 17px}.product-bottom{border-top:1px solid #2a2d3d;display:flex;align-items:center;justify-content:space-between;padding-top:14px}.product-bottom small,.product-bottom strong{display:block}.product-bottom small{font-size:10px;color:#8f92a9}.product-bottom strong{font-size:19px;letter-spacing:-.6px}.arrow-btn{width:35px;height:35px;border-radius:9px;background:#27233c;border:1px solid #443f63;display:grid;place-items:center;color:#beadff;font-size:21px}.arrow-btn:hover{background:#6956b7;color:white}.empty-products{grid-column:1/-1;padding:50px;border:1px dashed #424257;border-radius:20px;text-align:center;color:#9399ac}.service-banner{background:linear-gradient(100deg,#3c278a,#4d3ca4 50%,#3c438d);padding:55px 60px;border:1px solid #8072bb;border-radius:22px;display:flex;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 28px 80px #423b9129}.service-banner>div:first-child{max-width:580px;position:relative;z-index:2}.service-banner .eyebrow{color:#dcceff}.service-banner h2{margin:18px 0}.service-banner h2 em{color:#aaffee;background:none;-webkit-text-fill-color:#aaffee}.service-banner p{color:#d5d0ef;max-width:480px;font-size:13px;line-height:1.85;margin-bottom:23px}.service-graphic{align-self:center;text-align:center;transform:rotate(-7deg);font-family:'Space Grotesk';opacity:.7;margin-right:40px}.service-graphic span{font-size:90px;display:block;color:#bcf8e6;line-height:1}.service-graphic strong{font-size:48px;line-height:1;letter-spacing:-3px;text-shadow:10px 12px #2119565c}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps-grid>div{background:#141722;border:1px solid #2b2d40;border-radius:15px;padding:26px;min-height:175px}.steps-grid span{font-size:10px;color:#aa96ff;letter-spacing:1.5px;font-weight:800}.steps-grid h3{font-size:21px;margin:13px 0}.steps-grid p{font-size:12px;color:#a6acc0;margin:0;line-height:1.8}.footer{position:relative;margin-top:95px;border-top:1px solid #25283a;background:#0a0d17;z-index:3}.footer-inner{width:min(var(--wrap),calc(100% - 64px));margin:auto;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:26px}.footer .logo small{display:none}.footer-links{display:flex;gap:19px}.footer-links a,.footer .muted{color:#8f93ad;font-size:11px}.footer-links a:hover{color:#ccc0ff}.muted{color:var(--muted)}.hint{font-size:12px;color:#9298ae;line-height:1.7}.breadcrumb{font-size:12px;color:#9198ae;display:flex;gap:12px;align-items:center;margin:32px 0}.breadcrumb a:hover{color:#c0a9ff}.breadcrumb span{color:#586079}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.87fr);gap:28px;align-items:start}.detail-content,.buy-panel,.content-panel{background:#111520;border:1px solid #2a2e40;border-radius:17px;overflow:hidden}.detail-content{padding:18px}.hero-art{height:330px;border-radius:12px;border:1px solid #ffffff0c;display:grid;place-items:center}.detail-art-word{font-family:'Space Grotesk';font-size:120px;letter-spacing:-12px;font-weight:800;color:#f9f1ff;text-shadow:0 20px 30px #1208247a}.detail-art-word span{font-size:85px;color:#aef8e8}.detail-tabs{display:flex;gap:24px;border-bottom:1px solid #303449;margin:24px 0}.detail-tabs span{font-size:12px;font-weight:800;color:#777e92;padding-bottom:13px}.detail-tabs .active{color:#ded8ff;border-bottom:2px solid #9a80ff}.detail-section{padding:0 8px 16px}.detail-section h2{font-size:22px;margin:28px 0 10px}.detail-section .description{white-space:normal;color:#a6abc1;font-size:14px;line-height:1.9}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.feature-item{display:flex;align-items:center;gap:10px;background:#1a1e2c;padding:11px;border:1px solid #303549;border-radius:9px;font-size:12px}.check{color:#79ebce;font-size:17px}.spec-row{display:flex;align-items:flex-start;justify-content:space-between;gap:17px;border-bottom:1px solid #2b3042;padding:14px 0;font-size:12px}.spec-row span{color:#8f96ad;flex:0 0 35%}.spec-row strong,.spec-row b{font-weight:700;text-align:right;overflow-wrap:anywhere}.buy-panel{padding:25px;position:sticky;top:28px}.panel-tag{font-size:10px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:9px;text-transform:uppercase;color:#c7bafa}.indicator{height:8px;width:8px;background:#7bdecb;box-shadow:0 0 12px #79eec9;border-radius:100%}.buy-panel h1{font-size:30px;line-height:1.2;margin:16px 0 13px;letter-spacing:-1px}.buy-panel>p{font-size:13px;color:#a0a6ba}.price-box{background:#1c2030;border:1px solid #32384f;padding:19px;border-radius:13px;margin:25px 0}.price-box span,.price-box strong,.price-box small{display:block}.price-box span{font-size:11px;color:#aaaac4}.price-box strong{font-size:33px;letter-spacing:-1.4px;margin:6px 0}.price-box small{font-size:11px;color:#9c9fb7}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px}.demo-buttons .btn{padding:12px 7px;font-size:11px;gap:1px;white-space:normal}.buy-note{font-size:10px;color:#9fa4b9;text-align:center;margin:15px 0}.warning-box{color:#ffca92;background:#4a311b66;border:1px solid #9a67375e;padding:14px;border-radius:10px;font-size:11px}.toast{padding:14px 18px;border-radius:10px;background:#174036;color:#baffeb;border:1px solid #2d7b64;margin:20px 0;font-size:13px}.toast.bad{background:#401c26;border-color:#7d3341;color:#ffc4cf}.simple-state{padding:100px 20px;text-align:center;max-width:680px;margin:auto}.simple-state h1{font-size:42px;margin:18px 0}.simple-state p{color:#a2a7bf;line-height:2;margin-bottom:35px}.auth-layout{display:grid;grid-template-columns:1fr 470px;gap:90px;align-items:center;min-height:670px}.auth-intro h1{font-size:clamp(44px,5vw,68px);line-height:1.11;letter-spacing:-3px;margin:25px 0}.auth-intro p{font-size:15px;line-height:1.9;max-width:430px;color:#a4a8c0}.auth-mark{font-family:'Space Grotesk';font-size:150px;font-weight:700;letter-spacing:-20px;color:#1a1d36;margin-top:30px;text-shadow:0 0 75px #826cff4a}.auth-mark span{color:#8d75fa}.auth-card{padding:34px;border:1px solid #32354e;background:#151724;border-radius:20px;box-shadow:0 20px 85px #0005}.auth-switch{display:flex;background:#0d1120;padding:5px;gap:5px;border-radius:10px;margin-bottom:33px}.auth-switch a{flex:1;text-align:center;padding:11px;border-radius:7px;color:#8f93a9;font-weight:800;font-size:12px}.auth-switch .active{background:#302e50;color:white}.auth-card h2{font-size:28px;margin:0 0 9px}.auth-card>p{font-size:12px;color:#a2a8c0}.stack-form{display:grid;gap:15px}.stack-form label{font-size:12px;font-weight:700;color:#d6d8e7;display:grid;gap:8px}.stack-form input,.stack-form textarea,.stack-form select,.verify-search input,.inline-form select{width:100%;border:1px solid #363b51;border-radius:9px;background:#1b2030;color:#f1efff;outline:0;padding:12px 13px;transition:border-color .2s;font-size:13px}.stack-form :is(input,textarea,select):focus,.verify-search input:focus{border-color:#9982ff}.stack-form input::placeholder,.stack-form textarea::placeholder{color:#777d96}.stack-form input[type="checkbox"]{width:auto;accent-color:#7c68ec}.stack-form textarea{resize:vertical;min-height:80px}.form-note{margin:19px 0 0;text-align:center;color:#717895!important;font-size:11px}.dashboard-heading{padding:57px 0 28px}.dashboard-heading h1,.admin-top h1{font-size:44px;letter-spacing:-2px;margin:10px 0}.dashboard-heading p,.admin-top p{color:#a0a5bc}.wave{color:#927bff}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:19px 0 27px}.stat-card{border:1px solid #2c3247;background:#151a28;padding:22px;border-radius:12px;min-width:0}.stat-card small,.stat-card strong{display:block}.stat-card small{font-size:11px;color:#9aa0b8;margin-bottom:11px}.stat-card strong{font-size:34px;line-height:1.2;overflow-wrap:anywhere}.stat-card .stat-money{font-size:24px}.content-panel{padding:25px;margin-bottom:24px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panel-head h2{margin:0;font-size:23px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:630px}.data-table th,.data-table td{text-align:left;padding:15px 12px;border-bottom:1px solid #292f40;font-size:12px;vertical-align:middle}.data-table th{font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:#7f88a0}.data-table td{color:#dadcea}.data-table td strong,.data-table td small{display:block}.data-table td small{font-size:10px;color:#8f95b0;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:50px;background:#293344;color:#bad0ea;border:1px solid #3e5066;font-size:10px;font-weight:800;padding:6px 10px;white-space:nowrap}.status-paid{background:#17453a;color:#89efd1;border-color:#276954}.status-pending{background:#4b381d;color:#ffd192;border-color:#745326}.status-expired,.status-cancelled,.status-refunded{background:#492730;color:#ffacb9;border-color:#6f3846}.table-link{font-size:12px;color:#b1a0ff;font-weight:800}.table-link:hover{color:white}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:40px 0 18px}.admin-top h1{margin:5px 0}.admin-tabs{display:flex;gap:7px;border-bottom:1px solid #313548;margin-bottom:30px;overflow-x:auto;white-space:nowrap}.admin-tabs a{padding:12px 17px;color:#a2a5bc;border-bottom:2px solid transparent;font-size:12px;font-weight:800}.admin-tabs a.active{color:#d7cdff;border-bottom-color:#a08bff;background:#ffffff06}.admin-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:22px;align-items:start}.admin-products-list{display:grid;gap:13px}.admin-product{display:flex;align-items:center;gap:12px;border:1px solid #2c3143;padding:12px;border-radius:11px}.mini-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:10px;font-size:22px;flex:none}.admin-product>div:nth-child(2){flex:1;min-width:0}.admin-product strong,.admin-product small{display:block}.admin-product strong{font-size:12px}.admin-product small{font-size:10px;color:#9498ac;margin-top:4px}.admin-product-actions{display:grid;gap:5px;text-align:right}.text-button{border:0;background:none;color:#c7b9ff;font-size:10px;padding:0}.two-input{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{display:flex!important;flex-direction:row;align-items:center;justify-content:center}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{font-size:11px;padding:7px;min-width:140px}.mini-btn{padding:8px;border:1px solid #7466a3;background:#322b55;color:white;border-radius:6px;font-size:10px}.verify-search{display:flex;gap:10px;margin:24px 0}.verify-search input{flex:1;min-width:0}.narrow-panel{max-width:770px;margin:35px auto}.verify-result{background:#1b2231;border:1px solid #3b475d;padding:23px;border-radius:13px;margin-top:24px}.hairline{border:0;border-top:1px solid #303648;margin:23px 0}.checkout-layout,.order-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.78fr);gap:22px;align-items:start;min-height:510px}.checkout-layout h1{font-size:36px;letter-spacing:-1.8px;margin:12px 0}.checkout-layout h3{font-size:17px}.checkout-product{display:flex;gap:13px;align-items:center;border:1px solid #33364b;border-radius:11px;padding:13px;margin:28px 0}.checkout-product>div:nth-child(2){flex:1}.checkout-product strong,.checkout-product small{display:block;font-size:13px}.checkout-product small{font-size:11px;color:#9098b0}.checkout-product>b{white-space:nowrap;font-size:14px}.checkout-miniart{width:55px;height:54px;border-radius:9px;display:grid;place-items:center;font-size:24px}.payment-choice{display:flex!important;align-items:center;gap:13px;padding:16px;border:1px solid #3a3d57;border-radius:10px;cursor:pointer}.payment-choice input{width:auto!important;accent-color:#917bff}.payment-choice span{flex:1}.payment-choice b,.payment-choice small{display:block}.payment-choice small{font-size:10px;color:#9ca3bb;font-weight:500;margin-top:4px}.payment-choice>strong{font-size:12px}.order-banner{background:radial-gradient(circle at 85% 10%,#6e5ad551,transparent 45%),linear-gradient(145deg,#262245,#1c1c36);border:1px solid #45406b;padding:25px;border-radius:13px;margin-bottom:25px}.order-code-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:11px}.order-code-row h1{font-size:clamp(18px,3vw,32px);margin:0;overflow-wrap:anywhere}.order-banner p{font-size:12px;color:#b5b0d2;margin:14px 0}.copy-btn{border:1px solid #625791;background:#3d365e;border-radius:8px;color:#eee5ff;padding:8px 11px;font-size:11px}.pay-box{margin:20px 0;border:1px solid #383f56;background:#171c2c;border-radius:13px;padding:25px}.qr-card{display:grid;justify-items:center;gap:12px;text-align:center}.qr-card h3{font-size:27px;margin:0}.qr-card .hint{margin:0}.qr-image,#qrcode{max-width:245px;background:white;padding:12px;border-radius:11px;min-width:170px;min-height:170px;display:grid;place-items:center}.success-box{background:#16382e;border:1px solid #3a7767;color:#a5f4d6;padding:20px;border-radius:12px;margin:24px 0}.success-box p{font-size:12px;color:#c1dfd1;margin:5px 0 0}.download-box{display:flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #363f54;border-radius:11px;padding:16px;margin:20px 0}.download-box h3{margin:0 0 5px}.download-box p{font-size:11px;color:#9a9fb5;margin:0}.contact-buttons{display:flex;flex-wrap:wrap;gap:9px}.contact-buttons .btn{font-size:11px;min-height:40px}.service-status{margin-top:23px;padding:15px;border:1px solid #363a55;background:#1b1d34;border-radius:10px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.service-status span{color:#969eb8}.status-helper{font-size:11px;margin-left:12px;color:#a2adc0}
@media(max-width:1050px){.navlinks{gap:15px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:56px}.hero-visual{height:410px}.visual-window{height:300px}.visual-screen h3{font-size:36px}.product-grid{grid-template-columns:repeat(2,1fr)}.service-graphic{margin-right:0}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.wrap,.footer-inner{width:min(100% - 35px,var(--wrap))}.topbar{height:72px}.navlinks{display:none}.nav-actions{gap:8px}.nav-mini{font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0 16px;gap:0}.hero-copy{max-width:600px}.hero h1{font-size:clamp(48px,10vw,74px)}.hero-visual{height:410px}.visual-window{max-width:480px}.tag-top{right:0}.stats-strip{gap:10px;flex-wrap:wrap}.stats-strip i{display:none}.stats-strip div{min-width:35%;justify-content:center}.section{margin-top:77px}.detail-layout,.checkout-layout,.order-layout,.admin-two,.auth-layout{grid-template-columns:1fr}.buy-panel{position:static}.auth-layout{gap:10px}.auth-intro{padding-top:42px}.auth-mark{display:none}.auth-card{margin:20px 0 50px}.service-banner{padding:40px 30px}.service-graphic{display:none}.steps-grid{gap:13px}.footer-inner{flex-wrap:wrap;padding:26px 0}.admin-top{align-items:start}.admin-top h1{font-size:35px}}
@media(max-width:540px){.logo{font-size:16px}.logo small{font-size:7px}.logo-mark{width:35px;height:35px;font-size:18px}.nav-actions>.nav-mini{display:none}.navbar .btn-small{padding:8px 10px;min-height:36px;font-size:11px}.hero h1{letter-spacing:-3px;font-size:48px}.hero-copy>p{font-size:14px}.hero-actions{gap:8px}.hero-actions .btn{flex:1;padding:12px 9px;font-size:11px;gap:8px}.hero-trust{gap:8px 13px}.hero-trust span{font-size:9px}.hero-visual{height:315px}.visual-window{height:250px;width:94%;transform:rotateY(-7deg) rotateX(5deg) rotateZ(-2deg)}.window-body{height:210px}.visual-screen{padding:18px}.visual-screen h3{font-size:30px;margin:13px 0}.visual-samples{margin-top:14px}.visual-samples i{height:45px;width:65px}.floating-tag{padding:8px;gap:7px}.tag-top{top:4px;right:-2px}.tag-bottom{bottom:11px}.floating-tag .tag-icon{width:27px;height:27px}.floating-tag b{font-size:9px}.floating-tag small{font-size:8px}.stats-strip{padding:14px}.stats-strip strong{font-size:18px}.stats-strip span{font-size:9px}.section h2,.service-banner h2{font-size:34px}.section-head{align-items:start;flex-direction:column;gap:15px}.product-grid{grid-template-columns:1fr;gap:17px}.product-art{height:230px}.service-banner{margin-top:65px;padding:32px 22px}.steps-grid{grid-template-columns:1fr}.footer-links{width:100%;flex-wrap:wrap}.footer .muted{width:100%}.detail-content{padding:10px}.hero-art{height:225px}.detail-art-word{font-size:78px}.detail-art-word span{font-size:55px}.detail-section{padding:0 5px}.features-grid{grid-template-columns:1fr}.demo-buttons{grid-template-columns:1fr}.buy-panel{padding:19px}.buy-panel h1{font-size:26px}.auth-card{padding:20px}.auth-intro h1{font-size:43px}.dashboard-heading h1{font-size:35px}.admin-stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card strong{font-size:26px}.stat-card .stat-money{font-size:16px}.content-panel{padding:16px}.admin-top{flex-direction:column}.admin-top h1{font-size:32px}.two-input{grid-template-columns:1fr}.verify-search{flex-direction:column}.checkout-product{flex-wrap:wrap}.checkout-product>b{margin-left:auto}.order-code-row{gap:10px}.order-code-row h1{font-size:22px}.download-box{align-items:stretch;flex-direction:column}.payment-choice{flex-wrap:wrap}}

/* Galeri screenshot produk */
.product-art{position:relative;overflow:hidden}.product-photo,.detail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.product-photo{border-radius:inherit}.product-art:has(.product-photo) .art-orb,.product-art:has(.product-photo) .art-browser,.product-art:has(.product-photo) .art-icon{display:none}.product-art:has(.product-photo) .product-art-label{z-index:3;text-shadow:0 2px 7px #000;background:#080b17bb;padding:5px 8px;border-radius:6px}.hero-art:has(.detail-photo) .art-orb,.hero-art:has(.detail-photo) .detail-art-word{display:none}.product-screenshot-strip{display:flex;gap:10px;overflow-x:auto;padding:13px 0 18px}.product-screenshot-strip a{display:block;min-width:102px;width:130px;height:90px;border-radius:8px;overflow:hidden;border:1px solid #363b53}.product-screenshot-strip img{width:100%;height:100%;object-fit:cover}.admin-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;margin:15px 0}.admin-gallery-item img{width:100%;height:92px;object-fit:cover;border-radius:7px;border:1px solid #343b56}.admin-gallery-item form{text-align:center;margin:7px 0}


/* ============================================================
   NUSA CODE v1.1 / RESPONSIVE STUDIO EDITION
   Desktop = layered editorial storefront. Mobile = app-like UX.
   ============================================================ */
:root{--halo:rgba(135,106,255,.13);--glass:rgba(18,22,37,.79)}
html{scroll-padding-top:92px}
body{background-image:radial-gradient(ellipse 900px 600px at 75% -10%,rgba(108,78,219,.105),transparent 70%),radial-gradient(ellipse 700px 540px at -8% 28%,rgba(48,166,168,.06),transparent 70%);}
::selection{background:#7d65dd;color:#fff}
:focus-visible{outline:2px solid #ad9bff;outline-offset:3px}
.topbar{z-index:100;transition:background .28s ease,box-shadow .28s ease,border-color .28s ease}
.topbar.is-scrolled{background:rgba(9,11,22,.92);box-shadow:0 13px 38px rgba(0,0,0,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.navlinks a{position:relative;transition:color .2s}
.navlinks a:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;border-radius:4px;background:linear-gradient(90deg,#8b78ff,#56d9d1);transition:width .2s}
.navlinks a:hover:after{width:100%}
.btn{transition:transform .24s ease,background .2s ease,border-color .2s ease,box-shadow .24s ease}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.btn-primary:hover:not(:disabled){box-shadow:0 12px 36px rgba(108,82,244,.25)}
.hero{position:relative}.hero:before{content:"";position:absolute;inset:7% -4% 10%;background:radial-gradient(ellipse at 60% 52%,rgba(112,86,240,.065),transparent 56%);z-index:-1;pointer-events:none}
.product-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;will-change:transform}
.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 65px rgba(0,0,0,.28),0 0 0 1px rgba(137,119,245,.12);border-color:rgba(141,117,255,.43)}
.product-art img{transition:transform .5s cubic-bezier(.2,.65,.2,1)}
.product-card:hover .product-photo{transform:scale(1.055)}
.product-art{isolation:isolate}
.content-panel,.buy-panel,.auth-card,.stat-card{box-shadow:0 10px 44px rgba(0,0,0,.09)}
.filter-chip{transition:background .2s,border-color .2s,transform .2s}
.filter-chip:hover{transform:translateY(-2px)}
.status{letter-spacing:.02em}
.mobile-menu-toggle,.mobile-drawer,.mobile-dock{display:none}
/* Motion enhancements load progressively; content stays visible if JS is off */
@media (prefers-reduced-motion:no-preference){
 .motion-enhanced .section-head,.motion-enhanced .steps-grid>div,.motion-enhanced .product-grid>div,.motion-enhanced .service-banner{animation:rise-in .58s both;animation-timeline:view();animation-range:entry 0% cover 20%}
 @keyframes rise-in{from{opacity:.68;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media (min-width:801px){
 .hero-copy{position:relative;z-index:2}
 .product-grid{gap:22px}
 .buy-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 .steps-grid>div{transition:transform .25s,border-color .25s}
 .steps-grid>div:hover{transform:translateY(-5px);border-color:rgba(147,120,246,.5)}
}
@media (max-width:800px){
 html{scroll-padding-top:75px}
 .topbar{position:sticky;top:0;z-index:100;height:68px;background:rgba(10,12,23,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .navbar{min-height:68px;height:68px;gap:10px;align-items:center}
 .nav-actions{margin-left:auto}
 .mobile-menu-toggle{display:flex;position:relative;z-index:104;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:41px;height:41px;border:1px solid #383d56;border-radius:12px;background:#202137;color:#fff;cursor:pointer;flex:none}
 .mobile-menu-toggle span{display:block;width:17px;height:2px;border-radius:3px;background:#eae6ff;transition:transform .2s,opacity .2s}
 .mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .mobile-drawer:not([hidden]){display:grid;position:absolute;left:0;right:0;top:68px;z-index:102;padding:12px max(18px,calc((100vw - 700px)/2)) 21px;background:rgba(13,15,30,.99);border-bottom:1px solid #39394e;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:drawer-drop .18s ease-out}
 .mobile-drawer a{display:flex;justify-content:space-between;align-items:center;color:#f4f1ff;text-decoration:none;padding:14px 12px;font-weight:700;font-size:14px;border-bottom:1px solid rgba(255,255,255,.07)}
 .mobile-drawer a span{color:#b8aaf9;font-size:17px}
 @keyframes drawer-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
 .store-page .mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:12px;left:12px;right:12px;z-index:99;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));border:1px solid rgba(147,132,220,.29);border-radius:22px;background:rgba(20,23,42,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
 .mobile-dock a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;text-decoration:none;color:#969ab6;font-size:10px;font-weight:800;letter-spacing:.01em;padding:4px 0;border-radius:13px;transition:color .18s,background .18s}
 .mobile-dock a:hover,.mobile-dock a.is-active{color:#fff;background:rgba(138,110,255,.13)}
 .mobile-dock .dock-icon{font-size:23px;line-height:1.1;color:#c2b5ff;font-family:system-ui}
 .store-page .footer{padding-bottom:105px}
 .store-page main.wrap{padding-bottom:36px}
 .hero{padding-top:43px;gap:16px}
 .hero-visual{filter:drop-shadow(0 18px 30px rgba(50,29,108,.15))}
 .product-card:hover{transform:none;box-shadow:none}
 .product-photo{max-width:100%}
 .filter-row{display:flex;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:1px 2px 10px;scrollbar-width:none}
 .filter-row::-webkit-scrollbar{display:none}
 .filter-chip{flex:none}
 .admin-tabs{position:sticky;top:68px;z-index:80;background:rgba(10,12,23,.97);scrollbar-width:none;padding-top:8px}
 .admin-tabs::-webkit-scrollbar{display:none}
 .table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .buy-panel{border-radius:20px}
 .demo-buttons .btn{min-height:48px}
 .content-panel{border-radius:18px}
}
@media (max-width:540px){
 .wrap,.footer-inner{width:calc(100% - 30px)}
 .logo{gap:7px}.logo small{display:none}
 .logo-mark{border-radius:11px}
 .nav-actions>.nav-mini{display:none}
 .navbar .desktop-auth{display:none}
 .hero{padding-top:40px}
 .hero h1{font-size:clamp(42px,11.9vw,58px);line-height:1.04;letter-spacing:-2.6px}
 .hero-copy>p{max-width:370px;line-height:1.65;font-size:14px}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .hero-actions .btn{min-width:0;min-height:49px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;border-radius:12px}
 .hero-visual{height:270px;overflow:visible}
 .visual-window{transform:rotateY(-4deg) rotateX(3deg) rotateZ(-1deg);width:97%;max-width:410px}
 .floating-tag{box-shadow:0 6px 22px rgba(0,0,0,.28)}
 .stats-strip{border-radius:18px;gap:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));text-align:center}
 .stats-strip div{width:100%;padding:7px 2px}
 .stats-strip div:nth-child(odd){border-right:1px solid #343448}
 .section{margin-top:64px}
 .section h2{font-size:clamp(28px,8vw,37px);letter-spacing:-1.4px}
 .product-grid{gap:15px}
 .product-card{border-radius:18px;overflow:hidden}
 .product-art{height:210px}
 .product-body{padding:17px}
 .product-title{font-size:17px;line-height:1.3}
 .product-bottom{margin-top:15px}
 .service-banner{border-radius:21px;padding:29px 23px}
 .detail-layout,.checkout-layout,.order-layout{gap:14px}
 .detail-content{padding:0}
 .hero-art{border-radius:20px;height:225px}
 .detail-section{padding:4px 0}
 .buy-panel{padding:21px}
 .auth-intro h1{font-size:clamp(33px,10vw,48px)}
 .auth-card{margin-top:12px}
 .admin-stat-grid{gap:10px}
 .admin-stat-grid .stat-card{min-width:0}
 .admin-stat-grid .stat-card strong{overflow-wrap:anywhere}
 .order-code-row h1{font-size:20px}
 .payment-choice{padding:13px;align-items:center}
 .payment-choice>strong{margin-left:auto}
 .mobile-dock{left:10px;right:10px}
}
@media (max-width:370px){
 .hero-actions{grid-template-columns:1fr}
 .hero-visual{height:250px}
 .navbar .logo{font-size:14px}
 .checkout-product{align-items:start}
 .service-status{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ========== NUSA CODE v1.2 — BRAND STUDIO / MOBILE PRECISION ========== */
/* Font presets. Google Fonts loaded once by the existing stylesheet + selective fallback stacks. */

:root{--font-body:'DM Sans',system-ui,sans-serif;--font-heading:'Space Grotesk','DM Sans',sans-serif;--accent:#8a70ff;--accent-soft:rgba(138,112,255,.22);--accent2:#65e8db;--page-glow:#7055ec;--studio-round:19px;--brand-logo-size:43px}
body,button,input,textarea,select{font-family:var(--font-body)}
h1,h2,h3,h4,.logo,.price-box strong,.stat-card strong{font-family:var(--font-heading)}
body[data-font="jakarta"]{--font-body:'Plus Jakarta Sans',system-ui,sans-serif;--font-heading:'Plus Jakarta Sans',system-ui,sans-serif}
body[data-font="outfit"]{--font-body:'Outfit',system-ui,sans-serif;--font-heading:'Outfit',system-ui,sans-serif}
body[data-font="manrope"]{--font-body:'Manrope',system-ui,sans-serif;--font-heading:'Manrope',system-ui,sans-serif}
body[data-font="sora"]{--font-body:'Sora',system-ui,sans-serif;--font-heading:'Sora',system-ui,sans-serif}
body[data-font="poppins"]{--font-body:'Poppins',system-ui,sans-serif;--font-heading:'Poppins',system-ui,sans-serif}
body[data-font="inter"]{--font-body:'Inter',system-ui,sans-serif;--font-heading:'Inter',system-ui,sans-serif}
body[data-theme="ocean"]{--pur:#48bfff;--pur2:#4466ef;--cyan:#73ecff;--accent:#48bfff;--accent2:#73ecff;--accent-soft:#47bfff24;--page-glow:#1268c7;--bg:#060d19;--panel:#101d30;--panel2:#16283c;--line:#284258;--line2:#31536c}
body[data-theme="emerald"]{--pur:#51d4a1;--pur2:#15846b;--cyan:#b4f1d4;--accent:#51d4a1;--accent2:#b4f1d4;--accent-soft:#51d4a124;--page-glow:#168669;--bg:#061410;--panel:#10221d;--panel2:#182e26;--line:#2a443b;--line2:#386052}
body[data-theme="sunset"]{--pur:#ff8e87;--pur2:#dc587a;--cyan:#ffd1aa;--accent:#ff8e87;--accent2:#ffcc98;--accent-soft:#ff8e8726;--page-glow:#d35871;--bg:#170d16;--panel:#251722;--panel2:#301e2c;--line:#503243;--line2:#694155}
body[data-theme="gold"]{--pur:#e9c481;--pur2:#b78d43;--cyan:#fdeac1;--accent:#e9c481;--accent2:#ffe0a3;--accent-soft:#e9c48124;--page-glow:#9c6f24;--bg:#14100a;--panel:#211b13;--panel2:#30281d;--line:#504332;--line2:#615341}
body[data-theme="mono"]{--pur:#ced2e3;--pur2:#777d94;--cyan:#d9dce7;--accent:#ced2e3;--accent2:#e9ebf4;--accent-soft:#bec3de1c;--page-glow:#41475f;--bg:#07090e;--panel:#14161d;--panel2:#20232e;--line:#333746;--line2:#485066}
body[data-theme="arctic"]{--pur:#4c55e8;--pur2:#697adf;--cyan:#007e86;--accent:#5363db;--accent2:#079ea8;--accent-soft:#5670dd1a;--page-glow:#a7d0ff;--bg:#f3f6ff;--panel:#ffffff;--panel2:#eef2ff;--line:#d2d9e8;--line2:#c2cadc;--text:#18243b;--muted:#627188}
body[data-theme]:not([data-theme="aurora"]) .ambient-a{background:var(--page-glow)}
body[data-theme]:not([data-theme="aurora"]) .ambient-b{background:var(--accent2);opacity:.10}
body[data-theme]:not([data-theme="aurora"]) .btn-primary{background:linear-gradient(120deg,var(--pur),var(--pur2));box-shadow:0 11px 27px var(--accent-soft)}
body[data-theme]:not([data-theme="aurora"]) .gradient-text,body[data-theme]:not([data-theme="aurora"]) .hero h1 em,body[data-theme]:not([data-theme="aurora"]) .section h2 em,body[data-theme]:not([data-theme="aurora"]) .service-banner h2 em{background:linear-gradient(115deg,var(--accent2),var(--pur));-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-theme]:not([data-theme="aurora"]) .eyebrow{color:var(--accent)}
body[data-theme]:not([data-theme="aurora"]) .logo-mark{background:linear-gradient(145deg,var(--pur),var(--pur2))}
body[data-theme]:not([data-theme="aurora"]) .product-card:hover{border-color:var(--accent)}
body[data-theme="arctic"] .topbar{background:rgba(249,251,255,.88);border-color:#dce2f0}
body[data-theme="arctic"] .navlinks a,body[data-theme="arctic"] .nav-mini{color:#52607c}
body[data-theme="arctic"] .btn-outline{background:#fff;color:#28364f;border-color:#c8d3e8}
body[data-theme="arctic"] .product-card,body[data-theme="arctic"] .content-panel,body[data-theme="arctic"] .buy-panel,body[data-theme="arctic"] .auth-card,body[data-theme="arctic"] .stat-card{background:#fff;color:#192742;border-color:#d6deef}
body[data-theme="arctic"] .product-card p,body[data-theme="arctic"] .section-head p,body[data-theme="arctic"] .hero-copy>p,body[data-theme="arctic"] .hint,body[data-theme="arctic"] .muted{color:#65738b}
body[data-theme="arctic"] .filter-chip{background:#fff;color:#52617b;border-color:#d6deef}
body[data-theme="arctic"] .filter-chip.is-active{background:#e2e9ff;color:#243a81;border-color:#7289e2}
body[data-theme="arctic"] .topbar .logo,body[data-theme="arctic"] .section h2{color:#202d46}
body[data-theme="arctic"] .mobile-drawer:not([hidden]){background:#fff;border-color:#d6deef}
body[data-theme="arctic"] .mobile-drawer a{color:#202d46;border-color:#d6deef}
body[data-theme="arctic"] .mobile-menu-toggle{background:#fff;border-color:#c9d5ed}
body[data-theme="arctic"] .mobile-menu-toggle span{background:#3b4a6c}
body[data-theme="arctic"] .mobile-dock{background:rgba(255,255,255,.96);border-color:#d6deef}
body[data-theme="arctic"] .mobile-dock a.is-active{color:#27386d;background:#dbe6ff}
body[data-theme="arctic"] .mobile-dock .dock-icon{color:#4a61bb}
body[data-theme="arctic"] .form-note,body[data-theme="arctic"] .auth-card p{color:#65738b}
body[data-theme="arctic"] input,body[data-theme="arctic"] select,body[data-theme="arctic"] textarea{color:#1e2b45;background:#f8faff;border-color:#cbd5e8}
body[data-theme="arctic"] .service-banner,body[data-theme="arctic"] .hero-visual,body[data-theme="arctic"] .visual-window{color:#f5f2ff}

/* Different layout styles selected in admin */
body[data-style="minimal"]{--studio-round:10px}
body[data-style="minimal"] .product-card,body[data-style="minimal"] .content-panel,body[data-style="minimal"] .buy-panel,body[data-style="minimal"] .auth-card{border-radius:10px;box-shadow:none;backdrop-filter:none}
body[data-style="minimal"] .btn{border-radius:7px;box-shadow:none}
body[data-style="minimal"] .product-art{border-radius:8px}
body[data-style="neo"] .product-card,body[data-style="neo"] .buy-panel,body[data-style="neo"] .content-panel{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 0 34px var(--accent-soft),inset 0 1px #ffffff12}
body[data-style="neo"] .btn-primary{box-shadow:0 5px 28px var(--accent-soft)}
body[data-style="soft"] .product-card,body[data-style="soft"] .content-panel,body[data-style="soft"] .auth-card,body[data-style="soft"] .buy-panel{border-radius:30px}
body[data-style="soft"] .btn,body[data-style="soft"] .filter-chip{border-radius:999px}
body[data-style="sharp"] .product-card,body[data-style="sharp"] .content-panel,body[data-style="sharp"] .auth-card,body[data-style="sharp"] .buy-panel,body[data-style="sharp"] .btn,body[data-style="sharp"] .filter-chip{border-radius:4px}
body[data-style="sharp"] h1,body[data-style="sharp"] h2{letter-spacing:-.035em}
body[data-hero="mesh"] .hero-visual{filter:hue-rotate(25deg) saturate(1.1)}
body[data-hero="grid"] .hero-visual{background-image:linear-gradient(to right,#ffffff0d 1px,transparent 1px),linear-gradient(to bottom,#ffffff0d 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 88%,transparent)}
body[data-hero="clean"] .hero-visual{filter:saturate(.62)}
body[data-motion="off"] .ambient,body[data-motion="off"] .floating-tag{animation:none!important}
body[data-motion="off"] .product-card,body[data-motion="off"] .btn{transition:none!important}
body[data-motion="off"] .motion-enhanced .section-head,body[data-motion="off"] .motion-enhanced .product-grid>div,body[data-motion="off"] .motion-enhanced .steps-grid>div{animation:none!important}

/* Brand upload */
.brand-uploaded-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);object-fit:contain;border-radius:10px;flex-shrink:0}
.logo b{letter-spacing:-.03em}
.logo{min-width:0}.logo>span:last-child{min-width:0}.logo b{overflow-wrap:anywhere}

/* Product spotlight: only fine-pointer desktops, all effects progressive */
.product-card{position:relative;isolation:isolate;transform-style:preserve-3d;backface-visibility:hidden}
.product-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(280px circle at var(--shine-x,50%) var(--shine-y,0%),color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);opacity:0;transition:opacity .35s;z-index:2}
.product-card:hover::before{opacity:1}
.product-art{overflow:hidden}.product-photo{display:block;object-fit:cover}
.product-card .product-bottom{position:relative;z-index:3}
body[data-card-effect="glow"] .product-card:hover{box-shadow:0 0 0 1px var(--accent-soft),0 15px 45px var(--accent-soft)}
body[data-card-effect="none"] .product-card:hover{transform:none;box-shadow:none}
body[data-card-effect="none"] .product-card::before{display:none}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body[data-card-effect="tilt"] .product-card{transition:transform .28s ease,border-color .25s,box-shadow .25s;transform:perspective(1250px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(var(--lift,0px))}
 body[data-card-effect="tilt"] .product-card:hover{--lift:-7px}
}

/* CAPTCHA display never contains the answer in a hidden input. Backend verifies session challenge. */
.captcha-panel{display:grid;gap:11px;padding:17px;border-radius:17px;background:linear-gradient(135deg,rgba(120,106,218,.14),rgba(55,204,199,.07));border:1px solid var(--line2);min-width:0}
.captcha-panel .captcha-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--text)}
.captcha-panel .captcha-time{color:var(--muted);font-weight:600;letter-spacing:normal}
.captcha-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.24em;font-size:clamp(21px,6.7vw,30px);line-height:1.2;font-weight:900;background:repeating-linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.045) 2px,transparent 2px,transparent 9px),rgba(0,0,0,.14);text-align:center;padding:14px 8px;border:1px dashed var(--line2);border-radius:12px;user-select:none;-webkit-user-select:none;overflow-wrap:anywhere}
.captcha-panel label{width:100%}.captcha-panel small{font-size:11px;color:var(--muted)}
.honeypot-field{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* Brand studio admin */
.appearance-layout{align-items:start}
.appearance-layout .content-panel{min-width:0}
.appearance-side{position:sticky;top:100px}
.theme-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.theme-sample{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;font-size:10px;color:var(--muted);cursor:pointer;text-align:center}
.theme-sample input{position:absolute;opacity:0;pointer-events:none}
.theme-sample>span{width:100%;height:38px;border:2px solid transparent;border-radius:12px;background:linear-gradient(125deg,#141625,#8a70ff)}
.theme-sample:has(input:checked)>span{outline:2px solid var(--accent);outline-offset:3px}
.theme-sample:focus-within>span{outline:2px solid var(--accent);outline-offset:3px}
.theme-sample small{overflow-wrap:anywhere}
.theme-ocean>span{background:linear-gradient(125deg,#051e38,#48bfff)}.theme-emerald>span{background:linear-gradient(125deg,#071c14,#51d4a1)}
.theme-sunset>span{background:linear-gradient(125deg,#301420,#ff8e87)}.theme-gold>span{background:linear-gradient(125deg,#191007,#e9c481)}
.theme-mono>span{background:linear-gradient(125deg,#08090e,#a7b0cd)}.theme-arctic>span{background:linear-gradient(125deg,#edf4ff,#5b6ed3)}
.setting-toggles{display:grid;gap:12px;margin:8px 0}.setting-toggles .check-row{gap:10px}
.brand-logo-preview{display:flex;align-items:center;gap:14px;border:1px solid var(--line2);border-radius:16px;min-height:91px;padding:16px;margin:16px 0 20px;background:var(--panel2)}
.brand-logo-preview img{width:58px;height:58px;object-fit:contain}
.brand-logo-preview>div{min-width:0;display:flex;flex-direction:column}.brand-logo-preview strong{overflow-wrap:anywhere}.brand-logo-preview small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.logo-remove-form{margin:11px 0}.appearance-preview-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:11px;padding:24px 20px;border-radius:18px;min-height:236px;border:1px solid var(--line2);background:linear-gradient(140deg,var(--panel2),var(--bg))}
.appearance-preview-card .preview-chip{align-self:start;padding:6px 10px;border-radius:30px;border:1px solid var(--line2);font-size:10px;color:var(--accent)}
.appearance-preview-card strong{font-size:20px;line-height:1.35;max-width:190px}.appearance-preview-card>span{font-size:11px;color:var(--muted)}
.preview-orb{position:absolute;width:130px;height:130px;border-radius:50%;right:-35px;top:10px;background:var(--accent);opacity:.22;filter:blur(16px);z-index:-1}
.preview-button{margin-top:auto;align-self:start;background:var(--pur);color:#fff;border-radius:10px;padding:9px 14px;font-size:11px;font-weight:800}

/* Mobile precision: eliminate accidental layout zoom/side-scrolling without disabling browser accessibility zoom. */
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:clip;min-width:0}
body,main,header,footer,section,article,.wrap,.navbar,.content-panel,.buy-panel,.product-card,.detail-layout,.hero,.product-grid,.auth-layout,.admin-two{min-width:0}
input,select,textarea,button{max-width:100%}
img,video,iframe,svg{max-width:100%}
.product-card,.product-body,.product-title{overflow-wrap:anywhere}
:where(.grid,.admin-two,.detail-layout,.checkout-layout,.order-layout,.auth-layout,.product-grid,.hero)>*{min-width:0}
@media(max-width:800px){
 .brand-uploaded-logo{--brand-logo-size:40px}
 .hero-visual,.product-grid>div,.product-card{transform:none!important}
 .product-card::before{display:none}
 .topbar,.admin-tabs{max-width:100vw}
 .admin-tabs{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
 .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .appearance-side{position:static}
 .product-card:hover{--lift:0px}
 .mobile-drawer:not([hidden]){max-height:min(75vh,560px);overflow-y:auto}
 .hero h1{overflow-wrap:break-word}
 .hero-copy,.hero-visual,.visual-window{max-width:100%}
 .stats-strip,.steps-grid,.product-grid{max-width:100%}
 .service-banner{overflow:hidden}
 .hero-actions .btn,.demo-buttons .btn{white-space:normal;text-align:center}
 .captcha-panel{padding:14px}
}
@media(max-width:540px){
 .wrap,.footer-inner{width:calc(100% - 30px)}
 .logo{font-size:clamp(13px,3.7vw,16px);max-width:calc(100% - 48px)}
 .brand-uploaded-logo{--brand-logo-size:36px}
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-visual{min-width:0}
 .hero-actions{min-width:0}
 .hero-actions .btn{padding:13px 9px}
 .buy-panel,.content-panel,.auth-card{max-width:100%}
 .spec-row{gap:12px}.spec-row>*{min-width:0;overflow-wrap:anywhere}
 .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-two{grid-template-columns:minmax(0,1fr)}
 .appearance-layout .two-input{grid-template-columns:minmax(0,1fr)}
 .theme-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 .appearance-side{width:100%}
 .auth-layout{grid-template-columns:minmax(0,1fr)}
 .store-page .mobile-dock{left:10px;right:10px;max-width:calc(100vw - 20px)}
 /* iOS auto zoom is triggered by font sizes smaller than 16px on editable fields */
 input:not([type="checkbox"]):not([type="radio"]),textarea,select{font-size:16px!important;line-height:1.35;min-height:46px}
 input[type="checkbox"],input[type="radio"]{flex:none}
 .captcha-code{letter-spacing:.16em}
 .product-art{height:auto;min-height:188px;aspect-ratio:16/10}
}
@media(max-width:355px){
 .wrap,.footer-inner{width:calc(100% - 24px)}
 .hero h1{font-size:clamp(34px,10vw,44px);letter-spacing:-1.7px}
 .brand-uploaded-logo{--brand-logo-size:33px}
 .theme-samples{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-grid{grid-template-columns:minmax(0,1fr)}
 .hero-actions{grid-template-columns:minmax(0,1fr)}
}
@media(hover:none),(pointer:coarse){.product-card::before{display:none}.product-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.product-card,.hero-visual,.visual-window{transform:none!important}.product-card::before{display:none}}
/* Announcement + support widgets configured in the admin settings */
.global-announcement{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:11px;text-align:center;padding:11px 22px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,var(--panel2),var(--panel));color:var(--text);font-size:12px;font-weight:650;overflow-wrap:anywhere}
.announcement-pulse{width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2)}
.support-links{position:fixed;right:18px;bottom:26px;z-index:88;display:flex;flex-direction:column;gap:8px}
.support-links a{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font-size:12px;font-weight:900;box-shadow:0 14px 35px #0005;transition:transform .2s,background .2s}
.support-links a:hover{transform:translateY(-3px);background:var(--pur)}
@media(max-width:800px){.support-links{right:14px;bottom:103px}.support-links a{height:40px;width:40px;border-radius:13px}.global-announcement{font-size:11px;padding:10px 15px}}