:root{--ink:#182938;--muted:#7b8690;--mint:#3bd8b3;--green:#168b73;--paper:#fff;--bg:#f7f9fa;--line:#e8ecef;--navy:#122b37;--soft:#eff5f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Manrope','IBM Plex Sans Thai',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button{transition:background .18s,transform .18s,color .18s}:focus-visible{outline:3px solid #35cba7;outline-offset:4px}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.icon{width:21px;height:21px;vertical-align:middle;flex-shrink:0}.skip{position:fixed;top:-100px;left:20px;background:var(--mint);padding:12px;z-index:99}.skip:focus{top:10px}header{background:var(--paper);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:88px;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.15;white-space:nowrap}.brandmark{width:39px;height:41px;border-radius:11px;background:var(--navy);color:var(--mint);display:inline-flex;align-items:center;justify-content:center}.brandmark .icon{width:26px;height:26px}.brandlight{font-weight:500;margin-left:3px}.brand small{display:block;font-size:6.8px;letter-spacing:1.45px;margin-top:6px;font-weight:700;color:#76828a}.nav nav{display:flex;gap:27px;align-items:center;font-size:13px;font-weight:500}.nav nav a.active{color:var(--green)}.vip-link{display:flex;align-items:center;gap:6px}.vip-link .icon{width:17px;color:#ac8955}.nav-actions{display:flex;align-items:center;gap:17px;font-size:12px;font-weight:600}.theme{border:0;background:none;color:var(--ink);padding:0}.theme .icon{width:18px}.language{font-size:10px;color:var(--muted);padding-right:14px;border-right:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--mint);border:1px solid transparent;border-radius:7px;color:#123b32;font-weight:700;font-size:14px;padding:13px 22px;line-height:1.5}.btn:hover{background:#24c7a2;transform:translateY(-1px)}.btn.small{padding:10px 16px;font-size:12px;gap:8px}.btn.small .icon{width:16px}.btn.outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn.outline:hover{background:var(--soft)}.btn.full{width:100%;margin-top:15px}.hero{background:var(--navy);color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#63818028 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:35px;min-height:493px;align-items:center;position:relative}.hero-copy{padding:55px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b4d3cb;font-size:9px;font-weight:700;letter-spacing:2px;border:1px solid #456458;border-radius:30px;padding:6px 11px;background:#26433f66}.dot{height:5px;width:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #3bd8b3}.hero h1{font-size:45px;line-height:1.43;letter-spacing:-1.4px;margin:20px 0 13px;font-weight:600}.hero h1 span{color:var(--mint)}.hero-copy>p{font-size:13px;line-height:1.9;color:#a9bcc4;margin-bottom:26px}.hero-buttons{display:flex;align-items:center;gap:23px}.hero-secondary{font-size:12px;display:flex;align-items:center;gap:8px;color:#d1dfdf}.hero-secondary .icon{width:16px}.hero-proof{display:flex;gap:20px;font-size:10px;margin-top:30px;color:#9bafb6}.hero-proof .icon{width:13px;color:var(--mint);margin-right:3px}.hero-art{height:390px;position:relative;display:flex;align-items:center;perspective:1200px}.mock-window{width:100%;background:#fff;color:#283b45;border:6px solid #ffffff14;background-clip:padding-box;border-radius:12px;transform:rotate(-3deg) rotateY(-6deg);box-shadow:0 25px 60px #0005;z-index:2}.mock-top{display:flex;justify-content:space-between;align-items:center;background:#f6f8f9;border-bottom:1px solid #e9edef;padding:11px 13px;font-size:7px;color:#9aa6ad;border-radius:7px 7px 0 0}.window-dots{color:#b4c4ca;font-size:8px;letter-spacing:3px}.mock-content{display:flex}.mock-content aside{width:44px;flex-shrink:0;border-right:1px solid #edf0f2;display:flex;align-items:center;flex-direction:column;padding:15px 0;gap:18px}.mini-logo{color:#168b73;margin-bottom:7px}.mini-logo .icon{width:20px}.mock-content aside i{display:block;height:8px;width:11px;border:1.5px solid #bac8cf;border-radius:2px}.mock-content aside i.selected{border-color:#28b396;box-shadow:0 0 0 7px #e2f5ee}.mock-body{padding:20px;width:100%}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title small{font-size:6px;color:#97a3ad;letter-spacing:1px}.mock-title h3{margin:3px 0 15px;font-size:14px}.mock-title h3 span{color:#22b699}.mock-avatar{background:#e5f5f0;border-radius:50%;font-size:10px;padding:4px 9px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-stats>div{border:1px solid #edf0f2;border-radius:5px;padding:10px}.mock-stats small{font-size:6px;display:block;color:#87969d}.mock-stats strong{font-size:16px;display:block;margin:3px 0}.mock-stats em{color:#24a689;font-size:6px;font-style:normal;background:#edf8f3;padding:2px 4px}.mock-chart{border:1px solid #edf0f2;border-radius:5px;padding:12px;margin-top:13px}.mock-chart>div:first-child{display:flex;justify-content:space-between;font-size:7px}.mock-chart small{font-size:6px;color:#9aa6ad}.chart-lines{height:105px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 2px;font-size:6px;color:#adb7bc;background:repeating-linear-gradient(0deg,transparent 0px,transparent 30px,#edf0f2 31px)}.chart-lines svg{position:absolute;left:25px;bottom:0;width:calc(100% - 25px);height:90px}.chart-months{display:flex;justify-content:space-between;font-size:5px;color:#a7b0b6;margin:8px 0 0 25px}.mock-bottom{display:flex;align-items:center;gap:8px;margin-top:13px}.tiny-app{padding:4px;background:#e7f7f1;border-radius:5px;color:#229f84}.tiny-app .icon{width:17px}.mock-bottom b{display:block;font-size:7px}.mock-bottom small{display:block;font-size:6px;color:#9aa6ad}.mock-bottom>span:last-child{margin-left:auto;color:#25b695}.floating{position:absolute;z-index:3;background:white;color:#233b45;padding:12px 17px;display:flex;align-items:center;gap:10px;border:1px solid #e4eeee;border-radius:9px;box-shadow:0 10px 35px #0002;font-size:11px;font-weight:700}.floating small{font-size:8px;display:block;color:#8a969c;font-weight:400}.floating>.icon{background:#def7ee;border-radius:8px;width:32px;height:32px;padding:7px;color:#1baf8e}.ready{right:-16px;top:0;transform:rotate(3deg)}.source{bottom:9px;left:-20px;transform:rotate(-4deg)}.source>.icon{background:#eff0ff;color:#8570bc}.float-code{position:absolute;right:9px;bottom:8px;font-size:38px;color:#6fb9ac;font-weight:700;transform:rotate(12deg)}.art-caption{position:absolute;bottom:-26px;left:95px;font-size:7px;letter-spacing:1.8px;color:#70928e}.orbit{position:absolute;border:1px solid #49716844;border-radius:50%;height:460px;width:460px;top:-32px;left:15px}.orbit-two{height:540px;width:540px;top:-75px;left:-25px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:27px;border-bottom:1px solid var(--line);gap:25px}.benefits>div{display:flex;align-items:center;gap:13px;justify-content:center;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits .icon{width:26px;height:26px;color:#5d8b7d}.benefits strong{display:block;font-size:12px;font-weight:600}.benefits small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.catalog{padding-top:54px;padding-bottom:48px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.overline{font-size:9px;font-weight:800;letter-spacing:1.6px;color:var(--green)}h1,h2,h3,p{margin-top:0}h2{font-size:26px;letter-spacing:-.7px;line-height:1.5;margin-bottom:8px;font-weight:600}.section-head h2{margin-top:8px}.section-head p{color:var(--muted);font-size:12px;margin:0}.mint-text{color:var(--mint)}.search{border:1px solid var(--line);background:var(--paper);border-radius:7px;display:flex;align-items:center;padding:9px 12px;gap:10px;width:310px}.search>.icon{width:17px;color:#8c989f}.search input{border:0;background:none;color:var(--ink);width:100%;outline:none;font-size:11px;padding:5px 0}.search button{border:0;border-radius:4px;background:var(--soft);color:var(--green);padding:4px}.search button .icon{width:16px}.catalog-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);align-items:center;margin-bottom:26px}.catalog-tabs>div{display:flex;gap:25px}.catalog-tabs>div>a{font-size:12px;padding:13px 1px 17px;position:relative;display:flex;align-items:center;gap:8px;color:var(--muted)}.catalog-tabs .icon{width:17px}.catalog-tabs>div>a.selected{color:var(--green);font-weight:700}.catalog-tabs>div>a.selected:after{content:'';height:2px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0}.catalog-tabs a>span{background:#e7eeeb;color:var(--green);border-radius:4px;padding:0 6px;font-size:9px}.free-chip{font-size:11px;background:#eaf6ee;padding:5px 10px;color:#40825b;border-radius:4px}.catalog-layout{display:grid;grid-template-columns:195px 1fr;gap:30px}.filters h3{font-size:12px;font-weight:600;margin:7px 0 12px}.filters>a{display:flex;gap:9px;align-items:center;padding:9px 10px;margin-left:-10px;font-size:11px;color:var(--muted);border-radius:6px}.filters>a .icon{width:15px;height:15px}.filters>a.selected{background:#e8f3ee;color:var(--green);font-weight:600}.filters>a>span:last-child:not(.radio){margin-left:auto;font-size:10px}.filters hr{border:0;border-top:1px solid var(--line);margin:23px 0}.radio{width:13px;height:13px;border:1px solid #bec9c6;border-radius:50%;display:block}.radio.checked{border:4px solid #2bab8d}.sidebar-vip{margin-top:28px;padding:20px 16px;border-radius:8px;background:#edf3f0;border:1px solid #dfe9e4}.sidebar-vip>.icon{color:#518673;width:25px;height:25px}.sidebar-vip h3{font-size:15px;margin:10px 0 6px}.sidebar-vip p{font-size:10px;color:#73897c;line-height:1.9}.sidebar-vip a{font-size:11px;color:var(--green);display:flex;align-items:center;justify-content:space-between;font-weight:600}.sidebar-vip a .icon{width:15px}.results-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:18px;min-height:25px}.results-head strong{color:var(--ink)}.results-head select{border:0;background:none;color:var(--ink);font-size:10px;margin-left:6px;max-width:145px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);background:var(--paper);border-radius:9px;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #15352a0c}.product-art{display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center;height:176px;overflow:hidden;background:var(--art-bg);color:var(--art-ink);text-align:center}.mint{--art-bg:#e5f1eb;--art-ink:#287967}.violet{--art-bg:#ece9f7;--art-ink:#7763a8}.orange{--art-bg:#fbefe5;--art-ink:#bf865c}.blue{--art-bg:#e6eff8;--art-ink:#608cba}.pink{--art-bg:#f5e9ed;--art-ink:#af728d}.yellow{--art-bg:#f6f0de;--art-ink:#ab9156}.art-badge{position:absolute;left:12px;top:12px;background:#fffc;border-radius:4px;font-size:9px;font-weight:700;padding:2px 7px;z-index:1}.art-type{position:absolute;right:12px;top:15px;font-size:7px;letter-spacing:1.1px;opacity:.65}.product-symbol{width:52px;height:52px;border:1px solid #ffffffc0;border-radius:14px;background:#ffffff85;box-shadow:0 8px 14px #00000005;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);margin-bottom:8px;z-index:1}.product-symbol .icon{width:29px;height:29px}.art-name{font-size:20px;font-weight:800;letter-spacing:-.8px;z-index:1}.art-detail{font-size:5px;letter-spacing:2px;margin-top:5px;opacity:.7;z-index:1}.art-circle{position:absolute;width:190px;height:190px;border:1px solid #fff7;border-radius:50%;right:-100px;bottom:-112px;box-shadow:0 0 0 22px #ffffff25,0 0 0 44px #ffffff20,0 0 0 66px #ffffff15}.product-art:before{content:'+';position:absolute;left:20px;bottom:25px;font-size:20px;font-weight:300;opacity:.35}.product-art:after{content:'';width:30px;height:30px;border:1px solid currentColor;border-radius:8px;position:absolute;left:-13px;top:50%;transform:rotate(25deg);opacity:.12}.product-info{padding:16px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:8px;color:var(--muted)}.vip-tag{color:#99824d;font-size:7px;background:#faf5e7;padding:1px 5px;border-radius:3px;white-space:nowrap}.vip-tag .icon{width:10px;height:10px}.product-info h3{font-size:16px;font-weight:800;margin:7px 0 3px;letter-spacing:-.3px}.product-info>p{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px}.card-tags{display:flex;gap:5px;font-size:7px;color:#87948f}.card-tags>span{border:1px solid var(--line);padding:2px 5px;border-radius:3px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:15px}.card-bottom strong{font-size:17px;letter-spacing:-.5px}.card-bottom del{font-size:9px;color:#9ea7ac;margin-left:6px}.card-bottom a{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:5px;color:#547d6f}.card-bottom .icon{width:15px}.free-price{color:var(--green);font-size:13px!important}.vip-banner{display:flex;gap:25px;align-items:center;border-radius:12px;background:var(--navy);color:#fff;padding:35px 40px;position:relative;overflow:hidden;margin-bottom:55px}.vip-banner:after{content:'';position:absolute;width:350px;height:350px;border:1px solid #45685c;border-radius:50%;right:-40px;top:-145px;pointer-events:none;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff04}.vip-banner-icon{padding:16px;border:1px solid #567268;border-radius:14px;background:#ffffff06;color:var(--mint)}.vip-banner-icon .icon{width:32px;height:32px}.vip-banner .overline{color:#8cbaad;font-size:8px}.vip-banner h2{font-size:23px;margin:5px 0}.vip-banner p{color:#9cafb5;font-size:11px;margin:0}.vip-banner>.btn{margin-left:auto;white-space:nowrap;z-index:1;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-bottom:60px}.faq h2{font-size:23px;margin-top:8px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-size:12px;cursor:pointer;font-weight:500}.faq details p{font-size:12px;color:var(--muted);margin:12px 0 0}.footer-main{display:flex;gap:24px;align-items:center;padding-top:34px;padding-bottom:30px}.footer-main .brand{font-size:19px}.footer-main .brandmark{width:32px;height:34px}.footer-main p{font-size:10px;color:var(--muted);margin:0}.footer-main>div{display:flex;gap:25px;margin-left:auto;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;padding-top:16px;padding-bottom:20px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}footer{border-top:1px solid var(--line);background:var(--paper)}
.page{padding-top:40px;padding-bottom:60px;min-height:65vh}.page h1{font-size:34px;letter-spacing:-1px;font-weight:600}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:28px;margin-bottom:24px}.panel h2{font-size:21px}.panel h3{font-size:16px}.muted{color:var(--muted);font-size:12px}.notice{padding:14px 20px;background:#eaf5ef;border:1px solid #c7e6d6;border-radius:7px;color:#326750;font-size:12px;margin-top:20px;margin-bottom:20px}.notice.wrap{max-width:1176px}.notice .icon{width:16px}.breadcrumb{color:var(--muted);font-size:11px;margin-bottom:25px}.detail-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:32px}.product-art.large{height:370px;border-radius:12px;margin-bottom:25px}.large .product-symbol{width:100px;height:100px;border-radius:24px}.large .product-symbol .icon{width:60px;height:60px}.large .art-name{font-size:40px}.large .art-detail{font-size:8px}.large .art-type{font-size:11px;right:25px;top:25px}.purchase{align-self:start;position:sticky;top:20px}.purchase h1{margin:12px 0 8px}.purchase>p{color:var(--muted);font-size:13px}.detail-price{font-size:42px;font-weight:800;letter-spacing:-1px;margin:18px 0}.detail-price del{font-size:18px;color:var(--muted);font-weight:400}.detail-price small{font-size:13px;color:var(--muted);font-weight:400}.checklist{list-style:none;padding:0;font-size:12px;margin:25px 0}.checklist li{display:flex;align-items:center;gap:10px;padding:7px 0}.checklist .icon{color:var(--green);width:17px}.description{line-height:2;font-size:13px;color:var(--muted)}.specs{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:11px}.specs b{display:block;color:var(--ink)}label{display:block;font-size:12px;margin:14px 0;color:var(--ink)}label input:not([type=checkbox]),label textarea,label select{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 12px;margin-top:6px;background:var(--bg);color:var(--ink);min-width:0}input[type=file]{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex;gap:9px;align-items:center}.auth-section{max-width:1040px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:0 35px;align-items:center}.auth-story h1{font-size:40px;line-height:1.5;margin:20px 0}.auth-story p{font-size:14px;color:var(--muted)}.auth-icons{display:flex;gap:20px;margin-top:40px;color:var(--green)}.auth-icons .icon{background:#e2f0e9;border-radius:15px;width:65px;height:65px;padding:18px;transform:rotate(-8deg)}.auth-form{padding:35px}.auth-form>.brandmark{margin-bottom:20px}.auth-switch{font-size:12px;text-align:center;margin:20px 0 0}.auth-switch a{color:var(--green);font-weight:600}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.account-stats .panel{display:flex;flex-direction:column;position:relative}.account-stats .icon{position:absolute;right:25px;top:27px;color:var(--green)}.account-stats small{color:var(--muted)}.account-stats strong{font-size:32px;display:block;margin-top:10px}.account-stats strong.small-value{font-size:16px}.account-stats a{font-size:10px;margin-top:6px;color:var(--green)}.account-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:25px;align-items:start}.empty{text-align:center;padding:45px 15px}.empty>.icon{width:45px;height:45px;color:#a4bcb3;margin-bottom:15px}.empty h3{font-size:18px}.empty p{color:var(--muted);font-size:12px}.library-row,.history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px 0}.library-row h3{margin-bottom:3px}.library-row p{font-size:11px;color:var(--muted);margin:0}.library-row small,.history-row small,table small{display:block;color:var(--muted);font-size:10px}.history-row{font-size:12px}.status{font-size:10px;padding:3px 6px;border-radius:4px;background:var(--soft)}.status.approved{color:var(--green)}.status.rejected{color:#b54f4f}.center{text-align:center}.center h1{margin:15px 0 10px}.center p{color:var(--muted)}.vip-emblem{display:block;margin:0 auto 20px;color:#bd9c59}.vip-emblem .icon{width:55px;height:55px}.pricing-grid{max-width:880px;margin:45px auto;display:grid;grid-template-columns:1fr 1fr;gap:28px}.price-card{position:relative;padding:36px}.price-card.featured{border:2px solid var(--green)}.best-value{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;background:var(--green);color:white;padding:4px 14px;border-radius:20px}.price-card h2{font-size:26px;margin-top:10px}.price-card>.muted{display:block;text-align:center;margin-top:10px;font-size:10px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:25px 0}.levels>div{display:flex;align-items:center;flex-direction:column;background:var(--soft);padding:20px;border-radius:8px}.levels .icon{color:#b19760;margin-bottom:10px}.levels span{color:var(--muted);font-size:12px}.levels small{font-size:10px;color:var(--green);margin-top:5px}.admin-tabs{display:flex;gap:25px;padding:15px 0;margin-bottom:25px;border-bottom:1px solid var(--line);flex-wrap:wrap}.admin-tabs a{color:var(--green);font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:14px 10px;border-bottom:1px solid var(--line)}th{font-size:10px;color:var(--muted);font-weight:500}td a{color:var(--green)}.inline{display:flex;gap:6px}.announcement{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border:1px solid var(--line);background:var(--paper);border-radius:7px;margin-bottom:24px;font-size:11px}.announcement span{color:var(--green);font-weight:600}.announcement p{margin:0;flex:1}.announcement button{background:none;border:0;color:var(--green);font-size:10px}.announcement-dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;max-width:500px;padding:30px}.announcement-dialog::backdrop{background:#0b243980}body.dark{--paper:#172c36;--bg:#10212b;--ink:#e1eeea;--muted:#93aaa9;--line:#2c414a;--soft:#203f3c;--green:#67d2b8}.dark .filters>a.selected,.dark .sidebar-vip{background:#203c35;color:#83d6bd}.dark .notice{background:#20443a;border-color:#376453;color:#c4e6d9}.dark .product-art{color:var(--art-ink)}.dark .free-chip{background:#204237;color:#a7d9b6}
@media(min-width:1500px){.hero-grid{min-height:535px}.hero h1{font-size:49px}.hero-art{height:410px}}
@media(max-width:1100px){.nav{gap:15px}.nav nav{gap:16px}.nav-actions{gap:12px}.nav .brand small{display:none}.brand{font-size:21px}.hero h1{font-size:37px}.hero-proof{gap:10px;font-size:8px}.hero-art{height:350px}.mock-body{padding:14px}.mock-stats strong{font-size:13px}.hero-secondary{font-size:10px}.product-grid{gap:14px}.catalog-layout{grid-template-columns:165px 1fr;gap:22px}.product-info{padding:13px}.product-meta{font-size:7px}.hero-buttons{gap:15px}.hero-buttons .btn{font-size:12px}.floating{padding:10px}.ready{right:0}.footer-main p{display:none}}
@media(max-width:850px){.nav{height:auto;min-height:80px;flex-wrap:wrap;padding-top:16px;padding-bottom:14px}.nav nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.hero-grid{gap:25px}.hero h1{font-size:30px}.hero-copy>p{font-size:11px}.hero-copy>p br{display:none}.hero-proof{flex-wrap:wrap;gap:8px}.hero-art{height:285px}.mock-body{padding:10px}.mock-title h3{font-size:10px}.mock-stats{gap:4px}.mock-stats>div{padding:6px}.mock-stats strong{font-size:10px}.mock-content aside{width:28px}.mock-chart{padding:8px}.floating{font-size:9px;padding:8px}.floating small{font-size:6px}.floating>.icon{width:25px;height:25px}.source{bottom:-5px;left:0}.art-caption{display:none}.chart-lines{height:80px}.chart-lines svg{height:70px}.hero-buttons{flex-direction:column;align-items:start}.hero-proof{margin-top:20px}.benefits{gap:10px}.benefits>div{gap:8px}.benefits strong{font-size:10px}.benefits small{font-size:8px}.benefits .icon{width:21px}.catalog-layout{grid-template-columns:140px 1fr;gap:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:250px}.section-head h2{font-size:22px}.sidebar-vip{padding:15px 10px}.vip-banner{padding:25px;gap:20px}.vip-banner-icon{display:none}.vip-banner h2{font-size:20px}.faq{gap:35px}.faq h2{font-size:21px}.detail-grid{grid-template-columns:1fr 1fr;gap:20px}.panel{padding:22px}.account-grid{grid-template-columns:1.3fr 1fr}.auth-section{gap:35px}.auth-story h1{font-size:33px}.account-stats{gap:15px}.levels>div{padding:15px 8px}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.nav{gap:10px}.brand{font-size:19px}.brandmark{width:32px;height:34px}.nav-actions{gap:10px}.nav-actions>.btn{padding:8px 10px;font-size:10px}.nav-actions .login-link{display:none}.language{padding-right:8px}.nav nav{font-size:11px;gap:24px;justify-content:space-between}.nav nav .icon{width:15px}.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:45px}.hero-copy{padding:40px 0 25px}.hero h1{font-size:37px;line-height:1.5}.hero-copy>p{font-size:12px}.hero-buttons{flex-direction:row;align-items:center;gap:20px}.hero-proof{font-size:8px;margin-top:23px}.hero-art{max-width:360px;width:100%;height:310px;margin:10px auto 0}.mock-body{padding:13px}.mock-title h3{font-size:12px}.mock-stats strong{font-size:13px}.mock-chart{padding:9px}.chart-lines{height:90px}.chart-lines svg{height:80px}.mock-content aside{width:35px}.ready{top:-5px;right:-3px}.source{bottom:-5px;left:-3px}.orbit{width:340px;height:340px}.orbit-two{width:400px;height:400px}.benefits{grid-template-columns:1fr 1fr;padding-top:20px;padding-bottom:20px;gap:20px}.benefits>div{justify-content:start;border:0;gap:10px}.benefits strong{font-size:10px}.benefits small{font-size:9px}.catalog{padding-top:35px;padding-bottom:30px}.section-head{display:block;margin-bottom:20px}.section-head h2{font-size:24px}.search{width:100%;margin-top:20px}.catalog-tabs>div{gap:15px}.catalog-tabs>div>a{font-size:10px;gap:5px}.catalog-tabs>div>a>.icon{width:14px}.catalog-tabs>div>a>span{display:none}.free-chip{font-size:9px;padding:4px 6px}.free-chip .icon{width:13px}.catalog-layout{display:block}.filters{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:0 0 16px;margin-bottom:5px}.filters h3,.filters hr,.filters .sidebar-vip,.filters>a:has(.radio){display:none}.filters>a{margin:0;padding:6px 10px;font-size:10px;background:var(--paper);border:1px solid var(--line)}.filters>a .icon,.filters>a>span{display:none}.product-grid{gap:12px}.product-art{height:146px}.product-symbol{width:44px;height:44px;border-radius:12px}.product-symbol .icon{width:25px}.art-name{font-size:17px}.art-type{font-size:5px;top:15px;right:8px}.art-badge{font-size:7px;left:8px;top:11px}.art-detail{font-size:4px;letter-spacing:1px}.product-info{padding:12px}.product-meta{font-size:7px;flex-wrap:wrap}.vip-tag{font-size:6px}.product-info h3{font-size:14px}.product-info>p{font-size:9px}.card-tags{font-size:6px;gap:3px}.card-tags>span{padding:2px 3px}.card-bottom{margin-top:12px;padding-top:10px}.card-bottom strong{font-size:16px}.card-bottom del{font-size:7px;margin-left:3px}.free-price{font-size:11px!important}.card-bottom a{width:21px;height:24px}.vip-banner{padding:25px;display:block;margin-bottom:35px}.vip-banner>.btn{margin-top:20px}.vip-banner h2{font-size:23px}.vip-banner p{font-size:10px;max-width:90%}.faq{grid-template-columns:1fr;gap:10px;padding-bottom:35px}.footer-main{flex-wrap:wrap;gap:20px;padding-top:25px;padding-bottom:20px}.footer-main>div{margin-left:0;gap:20px;font-size:9px}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:8px}.footer-bottom>span:last-child{display:none}.detail-grid,.account-grid,.auth-section,.pricing-grid{grid-template-columns:1fr}.product-art.large{height:300px}.purchase{position:static}.page h1{font-size:28px}.page{padding-top:25px;padding-bottom:35px}.page-title{gap:12px}.page-title .btn{font-size:10px;padding:9px}.page-title .overline{font-size:7px}.account-stats{grid-template-columns:1fr;gap:0}.account-stats .panel{margin-bottom:14px;padding:20px}.account-stats strong{font-size:27px;margin-top:3px}.account-grid{gap:0}.library-row{align-items:start}.library-row .btn{font-size:9px;padding:8px;gap:5px}.auth-section{margin:35px auto;padding:0 20px;gap:20px}.auth-story h1{font-size:30px}.auth-story p,.auth-icons{display:none}.auth-story h1 br{display:none}.auth-story .overline{font-size:8px}.auth-form{padding:25px}.pricing-grid{gap:15px}.levels{grid-template-columns:repeat(2,1fr)}.levels>div:last-child{grid-column:1/-1}.notice.wrap{margin-left:20px;margin-right:20px}.announcement{font-size:10px;padding:10px}.announcement p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement button{white-space:nowrap}.detail-price{font-size:35px}.admin-tabs{gap:15px}.inline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.gallery-section{margin-bottom:45px}.gallery-thumbs,.gallery-admin{display:flex;gap:15px;overflow-x:auto;padding:20px 0}.gallery-open{border:1px solid var(--line);padding:0;border-radius:8px;overflow:hidden;background:var(--paper);flex:0 0 220px}.gallery-open img,.gallery-admin img{width:220px;height:145px;object-fit:cover;display:block}.gallery-dialog{border:0;border-radius:12px;max-width:min(1000px,95vw);padding:20px;background:var(--paper);color:var(--ink)}.gallery-dialog::backdrop{background:#081c2edc}.gallery-dialog>img{display:block;width:100%;max-height:75vh;object-fit:contain;margin:15px 0}.gallery-close{display:block;margin-left:auto}.gallery-controls{display:flex;justify-content:space-between;align-items:center}.gallery-admin>div{flex:0 0 220px}

/* Midnight Blue theme: shared by the storefront, account and administration. */
:root{--ink:#15294b;--muted:#667994;--mint:#67a6ff;--green:#245dba;--paper:#fff;--bg:#f3f6fc;--line:#dfe7f3;--navy:#0b1d40;--soft:#eaf1fc}
body.dark{--ink:#edf3ff;--muted:#a0b2ce;--mint:#75aeff;--green:#8abaff;--paper:#112445;--bg:#09172f;--line:#263d61;--navy:#081832;--soft:#1a3256}
:focus-visible{outline-color:#77adff}.btn{background:#357bed;color:#fff}.btn:hover{background:#2469d8}.btn.outline{color:var(--ink)}.brandmark{background:#102e62;color:#8bbbff}.brand small{color:var(--muted)}
.hero{background:linear-gradient(115deg,#081732,#102e61)}.hero:before{background-image:radial-gradient(#7395d22e .7px,transparent .7px)}.eyebrow{color:#c3d9ff;border-color:#3c5e95;background:#28477955}.dot{background:#81b3ff;box-shadow:0 0 10px #7aacff}.hero-copy>p,.hero-proof{color:#b0c4e3}.hero-secondary{color:#d6e5ff}.orbit{border-color:#658dcc33}.float-code{color:#88ade6}.art-caption{color:#91afd8}
.benefits .icon{color:var(--green)}.filters>a.selected,.dark .filters>a.selected{background:var(--soft);color:var(--green)}.radio.checked{border-color:#4888eb}.radio{border-color:#7798c3}.sidebar-vip,.dark .sidebar-vip{background:var(--soft);border-color:var(--line);color:var(--ink)}.sidebar-vip>.icon,.sidebar-vip a{color:var(--green)}.sidebar-vip p{color:var(--muted)}.catalog-tabs a>span{background:var(--soft);color:var(--green)}.free-chip,.dark .free-chip{background:var(--soft);color:var(--green)}.card-bottom a{color:var(--green)}.card-tags{color:var(--muted)}.notice,.dark .notice{background:var(--soft);border-color:var(--line);color:var(--ink)}
.vip-banner{background:linear-gradient(110deg,#10254d,#163873)}.vip-banner:after{border-color:#5077b5}.vip-banner-icon{border-color:#5077b5;color:#9ac2ff}.vip-banner .overline{color:#a4c6fb}.vip-banner p{color:#b6cbea}.vip-tag{background:#e8effe;color:#4064a1}.dark .vip-tag{background:#223c66;color:#bdd5ff}.auth-icons .icon{background:var(--soft);color:var(--green)}
.mint{--art-bg:#e1ebfc;--art-ink:#325f9f}.blue{--art-bg:#dfebfb;--art-ink:#416da5}.dark .product-art{--art-bg:#1a345b;--art-ink:#c4ddff}.dark .product-art.violet{--art-bg:#293357;--art-ink:#d3d5ff}.dark .product-art.orange,.dark .product-art.yellow{--art-bg:#273953;--art-ink:#d9e5ff}.dark .product-art.pink{--art-bg:#2b3150;--art-ink:#d7d9f8}.dark .product-symbol{background:#ffffff0d;border-color:#ffffff30}.dark .art-badge{background:#ffffff14;color:#d4e5ff}.dark .art-type{opacity:.85}.dark .art-circle{opacity:.35}
.mini-logo,.mock-title h3 span,.mock-stats em,.mock-bottom>span:last-child{color:#3978cd}.mock-content aside i.selected{border-color:#548ceb;box-shadow:0 0 0 7px #e9f1ff}.mock-avatar,.mock-stats em,.tiny-app{background:#e8f0ff;color:#3978cd}.floating>.icon{background:#e5efff;color:#3978cd}.source>.icon{background:#e5efff;color:#3978cd}

/* Royal Blue polish: brighter blue on the right, larger type, softer surfaces. */
:root{--blue:#2f6df0;--blue-2:#1d4fc4;--shadow:0 10px 30px #1b3f8a1a}
header{position:sticky;top:0;z-index:50;background:#ffffffe6;backdrop-filter:blur(14px);border-bottom-color:var(--line)}
body.dark header{background:#0d1f3dea}
.nav nav a{position:relative;padding:6px 0;color:var(--muted);transition:color .18s}.nav nav a:hover,.nav nav a.active{color:var(--green)}.nav nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--blue)}
.btn{background:linear-gradient(135deg,#4a86ff,#2559d6);border-radius:10px;box-shadow:0 8px 20px #2f6df040}.btn:hover{background:linear-gradient(135deg,#5b93ff,#2a63e6);box-shadow:0 12px 26px #2f6df055}.btn.outline{background:transparent;box-shadow:none}
.brandmark{background:linear-gradient(135deg,#2f6df0,#1a3f9c);color:#fff;box-shadow:0 6px 16px #2f6df050}
.hero{background:radial-gradient(60% 90% at 88% 45%,#2f7bff 0,#1d55cf 38%,transparent 72%),linear-gradient(105deg,#050f26 0%,#0a1b44 48%,#1747b8 100%)}
.hero:before{mask-image:linear-gradient(270deg,transparent,#000)}
.hero-grid{min-height:540px}.hero h1{font-size:50px;line-height:1.35;font-weight:700}.hero h1 span{background:linear-gradient(90deg,#8cc0ff,#c7e0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:16px;color:#c3d5f2}.eyebrow{font-size:11px;background:#ffffff14;border-color:#ffffff30;backdrop-filter:blur(6px)}
.hero-secondary{font-size:14px;padding:12px 18px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff10}.hero-secondary:hover{background:#ffffff1f}
.hero-proof{font-size:12px;color:#c3d5f2}.hero-proof .icon{color:#8cc0ff}
.mock-window{border-color:#ffffff30;box-shadow:0 30px 80px #04122e88,0 0 0 1px #ffffff20}.orbit{border-color:#ffffff26}.float-code{color:#cfe2ff}.art-caption{color:#cfe2ff;font-size:9px}
.floating{border-radius:12px;box-shadow:0 16px 40px #04122e55;font-size:12px}.floating small{font-size:10px}
.benefits{margin-top:-34px;position:relative;z-index:4;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px 20px;max-width:1176px}.benefits strong{font-size:14px}.benefits small{font-size:12px}.benefits .icon{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--soft);color:var(--blue)}
.overline{font-size:11px;color:var(--blue)}h2{font-size:30px;font-weight:700}.section-head p{font-size:14px}.section-head h2 .mint-text{color:var(--blue)}
.search{border-radius:12px;box-shadow:var(--shadow);padding:10px 12px}.search input{font-size:13px}.search button{background:var(--blue);color:#fff;border-radius:8px;padding:6px}
.catalog-tabs>div>a{font-size:14px}.catalog-tabs>div>a.selected:after,.catalog-tabs>div>a.selected{color:var(--green)}.catalog-tabs>div>a.selected:after{background:var(--blue);height:3px;border-radius:3px}.free-chip{font-size:12px;border-radius:20px;padding:6px 14px}
.filters h3{font-size:14px}.filters>a{font-size:13px;padding:10px 12px}.results-head,.results-head select{font-size:12px}
.product-card{border-radius:16px;box-shadow:0 2px 8px #1b3f8a0d}.product-card:hover{transform:translateY(-6px);border-color:#9dbcf5;box-shadow:0 18px 40px #2f6df02b}
.product-art{height:184px}.art-badge{font-size:11px;padding:3px 9px;border-radius:20px}.art-type{font-size:9px}.art-detail{font-size:8px}
.product-info{padding:18px}.product-meta{font-size:11px}.vip-tag{font-size:10px;padding:2px 7px}.product-info h3{font-size:18px}.product-info>p{font-size:12px}.card-tags{font-size:10px;flex-wrap:wrap}.card-tags>span{border-radius:20px;padding:2px 8px}
.card-bottom strong{font-size:20px;color:var(--ink)}.card-bottom del{font-size:11px}.card-bottom a{width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff}.card-bottom a:hover{background:var(--blue-2)}.free-price{font-size:15px!important;color:var(--blue)}
.sidebar-vip{border-radius:16px;background:linear-gradient(160deg,var(--soft),#dbe7ff)}body.dark .sidebar-vip{background:linear-gradient(160deg,#16305a,#1d3f78)}.sidebar-vip p{font-size:12px}.sidebar-vip a{font-size:13px}
.vip-banner{border-radius:20px;padding:44px 48px;background:radial-gradient(60% 120% at 100% 50%,#2f7bff 0,transparent 70%),linear-gradient(110deg,#0a1b44,#153a9a)}.vip-banner h2{font-size:28px}.vip-banner p{font-size:14px}.vip-banner .overline{font-size:11px}.vip-banner>.btn{background:#fff;color:#1a3f9c;box-shadow:none}.vip-banner>.btn:hover{background:#eaf1ff}
.faq summary{font-size:15px}.faq details p{font-size:14px}.faq details{padding:18px 0}
.footer-main p{font-size:13px}.footer-main>div{font-size:13px}.footer-bottom{font-size:11px}footer a:hover{color:var(--blue)}
.panel{border-radius:16px;box-shadow:0 2px 8px #1b3f8a0d}.status.approved{color:var(--blue)}.best-value{background:var(--blue)}.price-card.featured{border-color:var(--blue)}
@media(max-width:850px){.hero h1{font-size:34px}.hero-copy>p{font-size:13px}.hero-proof{font-size:10px}.benefits{margin-top:-20px}}
@media(max-width:600px){.hero{background:radial-gradient(90% 50% at 50% 92%,#2f7bff 0,transparent 70%),linear-gradient(170deg,#050f26,#0f2c6e)}.hero h1{font-size:34px}.benefits{margin:-16px 20px 0;padding:18px 14px}.product-info h3{font-size:15px}.product-meta,.card-tags{font-size:9px}.product-info>p{font-size:10px}.card-bottom a{width:28px;height:28px}.vip-banner{padding:28px}.hero-secondary{font-size:12px;padding:9px 12px}}

/* Product detail page: hero, feature grid, demo accounts, price summary on the right. */
.pd-hero{background:radial-gradient(50% 120% at 95% 40%,#2f7bff 0,transparent 70%),linear-gradient(105deg,#050f26,#0a1b44 55%,#1747b8);color:#fff;padding:36px 0 44px}.pd-hero .breadcrumb{color:#a9c3ee;margin-bottom:18px;font-size:12px}.pd-hero .breadcrumb a:hover{color:#fff}.pd-hero .overline{color:#9ec5ff}.pd-hero h1{font-size:42px;line-height:1.3;font-weight:700;margin:8px 0 10px;letter-spacing:-1px}.pd-hero p{color:#c3d5f2;font-size:16px;max-width:680px;margin-bottom:22px}.pd-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:680px;gap:12px;margin-top:30px}.pd-metrics>div{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:12px 16px;backdrop-filter:blur(6px)}.pd-metrics b{display:block;font-size:20px}.pd-metrics small{color:#b4cbf0;font-size:12px}
.pd-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;padding-top:32px;padding-bottom:60px;align-items:start}.pd-main .panel h2{display:flex;align-items:center;gap:10px;font-size:22px}.pd-main .panel h2 .icon{color:var(--blue);background:var(--soft);border-radius:10px;padding:6px;width:34px;height:34px}.pd-main .panel h3{display:flex;align-items:center;gap:8px;margin:22px 0 12px}.pd-main .description{font-size:15px}
.pd-req{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;border-radius:12px;background:var(--soft)}.pd-req .icon{color:var(--blue)}.pd-req small{display:block;color:var(--muted);font-size:12px}
.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-grid li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:var(--bg)}.feature-grid .icon{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--blue);color:#fff;margin-top:2px}
.pd-main .gallery-thumbs{padding:6px 0 0}.pd-main .gallery-open{border-radius:12px}.pd-main .gallery-open:hover{border-color:var(--blue)}
.demo-panel{background:linear-gradient(135deg,var(--paper),var(--soft))}.acct{margin-bottom:20px;font-size:14px}.acct code{background:var(--soft);color:var(--green);padding:3px 8px;border-radius:6px;font-size:13px;user-select:all}
.purchase{position:sticky;top:96px;padding:24px;box-shadow:var(--shadow)}.purchase h3{margin:18px 0 0;font-size:15px;color:var(--muted);font-weight:600}.purchase .detail-price{margin:6px 0 8px;color:var(--ink)}.product-art.mini{height:120px;border-radius:12px}.mini .product-symbol{width:44px;height:44px}.mini .art-name{font-size:16px}
.save-chip{display:inline-block;background:var(--soft);color:var(--green);font-weight:700;font-size:12px;border-radius:20px;padding:3px 12px;margin-bottom:6px}
.price-lines{margin:14px 0 18px;font-size:13px}.price-lines>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}.price-lines dt{color:var(--muted)}.price-lines dd{margin:0;font-weight:600;text-align:right}.price-lines .total{border-bottom:0;font-size:16px}.price-lines .total dd{color:var(--blue);font-size:20px;font-weight:800}
@media(max-width:900px){.pd-layout{grid-template-columns:1fr}.purchase{position:static;order:-1}.pd-hero h1{font-size:32px}.pd-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.pd-hero h1{font-size:28px}.pd-hero p{font-size:14px}}