/* Product-led charcoal and electric blue, inspired by the supplied gear store. */
:root{--bg:#202020;--panel:#303030;--panel2:#383838;--text:#f5f5f5;--muted:#afafb3;--border:#3b3b3d;--cyan:#00a9e9;--violet:#00a9e9;--header:rgba(32,32,32,.97);--shadow:0 20px 50px #0003}
html[data-theme=light]{--bg:#f2f3f5;--panel:#fff;--panel2:#e5e7ea;--text:#1c222a;--muted:#5b6573;--border:#d9dde3;--cyan:#007fb5;--violet:#007fb5;--header:rgba(242,243,245,.96);--shadow:0 20px 50px #18263312}
body{background:var(--bg)}h1,h2,h3{letter-spacing:-.4px}em{font-style:normal;color:var(--cyan)}.container{max-width:1160px}.announcement{background:#171717;color:#d7d7dc;border-bottom:1px solid #303033;font-size:10px;letter-spacing:1px}.announcement b,.announcement a{color:#12b8f6}.live-dot{background:#00a9e9;box-shadow:0 0 9px #00a9e950}header{padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--border);background:var(--header);backdrop-filter:blur(15px)}.brand{font-size:19px;letter-spacing:-.6px}.brand img{width:43px;height:43px;object-fit:contain;border:0;border-radius:0;background:transparent}.brand small{font-size:6px;letter-spacing:2px}.brand-light{color:var(--cyan)}nav{gap:21px;font-size:11px}nav a{font-weight:500}nav a.active{color:var(--cyan)}nav a.active:after{background:var(--cyan);margin-bottom:-5px}.button{border-radius:2px;font-size:11px;letter-spacing:.4px;font-weight:700;padding:11px 20px;min-height:40px;background:transparent;border-color:#777780;color:var(--text);gap:9px}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#fff;box-shadow:0 5px 22px #00a9e90d}.button.primary:hover{background:#0091ce;box-shadow:0 7px 25px #00a9e92b}.button:hover{background:var(--panel2)}.button.small{font-size:10px;padding:8px 13px;min-height:33px}.icon-button{width:32px;height:32px;border-radius:3px;font-size:15px;border-color:var(--border)}.hero{min-height:590px;padding:65px 0 55px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:18px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:600}.hero h1{font-size:clamp(37px,4vw,53px);line-height:1.35;letter-spacing:-1.3px;font-weight:800;margin:20px 0 15px}.hero-subtitle{font-size:17px;color:var(--muted);line-height:1.6}.hero .intro{font-size:12px;line-height:1.85;max-width:430px;margin-top:20px}.hero-price{display:flex;align-items:center;gap:11px;margin:24px 0 13px;font-family:'Space Grotesk','Noto Sans Thai',sans-serif;flex-wrap:wrap}.hero-price small{font-size:9px;letter-spacing:1.8px;color:var(--muted);width:100%}.hero-price strong{font-size:28px;line-height:1;color:var(--cyan);font-weight:500}.hero-price s{font-size:16px;color:var(--muted)}.hero-price>span{font-family:'Noto Sans Thai';font-size:10px;color:var(--muted);margin-left:5px}.hero-actions{margin:18px 0 15px;gap:10px}.hero-note{font-size:9px;gap:15px;color:var(--muted)}.hero-note span:before{color:var(--cyan)}.hero-art{height:470px;position:relative;isolation:isolate}.hero-art:before{background:radial-gradient(ellipse,#00a9e914,transparent 65%);inset:10% -10% 5%}.hero-art .bot{position:relative;z-index:2;object-fit:contain;width:100%;height:100%;margin:0;mix-blend-mode:normal;border-radius:0;filter:drop-shadow(0 25px 18px #0005);transform:rotate(-5deg);background:transparent}.hero-model{position:absolute;right:-24px;top:25px;writing-mode:vertical-rl;font-family:'Space Grotesk';font-size:105px;line-height:1;letter-spacing:-7px;color:var(--cyan);font-weight:700;opacity:.75;z-index:0}.hero-caption{left:29%;bottom:-14px;font-size:8px;letter-spacing:2.7px}.hero-orbit{position:absolute;right:0;bottom:6%;height:1px;width:65%;background:linear-gradient(90deg,transparent,var(--cyan));opacity:.35}.side-word{position:absolute;left:-75px;top:215px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Space Grotesk';font-size:40px;font-weight:700;line-height:1;letter-spacing:-2px;color:var(--text);pointer-events:none}.side-word span{color:var(--cyan)}.gear-section{padding:70px 0;position:relative}.gear-heading{text-align:center;position:relative;padding-top:13px;margin:0 auto 42px;isolation:isolate}.gear-heading>span{position:absolute;top:-14px;left:0;right:0;color:var(--cyan);font-family:'Space Grotesk';font-size:54px;font-weight:700;letter-spacing:1px;line-height:1;opacity:.085;z-index:-1}.gear-heading h2{font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.5px}.gear-heading .text-link{display:inline-flex;align-items:center;gap:12px;font-size:9px;margin-top:11px;color:var(--cyan)}.gear-heading .text-link b{font-size:13px;font-weight:400}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:auto}.category-card{display:block;text-align:center;position:relative;padding:34px 20px 26px;background:var(--panel);border-radius:8px;min-height:205px;border:1px solid transparent;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-5px);border-color:var(--cyan)}.category-number{position:absolute;top:13px;left:16px;color:var(--muted);font-family:'Space Grotesk';font-size:9px;letter-spacing:1px}.category-symbol{display:block;color:var(--cyan);font-size:62px;line-height:1.1;margin:0 auto 23px;filter:drop-shadow(2px 4px 0 #0071a64a);font-family:'Space Grotesk';font-weight:500}.category-card h3{font-size:14px;font-weight:600;margin-bottom:6px}.category-card p{font-size:10px}.category-arrow{position:absolute;right:15px;bottom:13px;color:var(--cyan);font-size:15px}.capabilities{padding-top:90px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:auto}.feature-card{display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto;column-gap:20px;padding:25px 25px;border:0;border-radius:7px;background:var(--panel)}.feature-icon{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;border:none;border-radius:0;margin:0;background:none;color:var(--cyan);font-size:44px;width:auto;height:auto;filter:drop-shadow(2px 4px 0 #006f9e55)}.feature-card h3{font-size:13px;font-weight:600;margin:0 0 7px}.feature-card p{font-size:10px;line-height:1.8}.feature-card .number{display:none}.workflow{max-width:900px;margin:20px auto 0;border:1px solid var(--border);border-radius:5px;background:none;padding:18px 23px;gap:20px}.workflow .flow-title{font-size:8px;letter-spacing:1.4px}.flow-steps{font-size:10px;gap:15px}.section-mascot{position:absolute;right:-100px;bottom:-65px;width:175px;pointer-events:none;transform:rotate(14deg);filter:drop-shadow(0 15px 10px #0005);z-index:2}.showcase{border:0;background:transparent}.reels-grid{grid-template-columns:repeat(4,1fr);gap:25px 20px}.reel-cover{aspect-ratio:9/13.5;border-radius:7px;border:1px solid var(--border);box-shadow:var(--shadow)}.reel-card h3{font-size:12px}.reel-card>p{font-size:9px}.reel-label{font-size:9px}.reel-label span{font-size:7px;letter-spacing:1px}.play{background:#111b;border:1px solid #ffffff7a;border-radius:3px;width:37px;height:37px;color:#fff;backdrop-filter:blur(6px)}.reel-card:hover .play{background:var(--cyan);border-color:var(--cyan)}.gallery-note{font-size:10px}.pricing-section{gap:90px;max-width:1000px;margin:auto;align-items:center}.pricing-copy h2{font-size:30px;line-height:1.6;margin:16px 0}.pricing-copy>p{font-size:12px}.benefits{font-size:12px;gap:12px}.price-card{border:1px solid var(--border);border-radius:6px;background:var(--panel);box-shadow:var(--shadow)}.price-ribbon{padding:11px;background:#00a9e914;color:var(--cyan);font-size:9px;letter-spacing:1px;border-bottom:1px solid #00a9e940}.price-inner{padding:30px}.price-inner h3{font-size:24px}.price strong{font-size:57px;font-weight:500;color:var(--text)}.save-badge{border-radius:2px;background:#00a9e915;color:var(--cyan);font-size:9px}.price-inner .benefits{font-size:11px}.secure-note{font-size:9px}.price-mascot{width:155px;max-width:45%;margin:25px 0 -10px;transform:rotate(-12deg);opacity:.9;filter:drop-shadow(0 15px 10px #0004)}.faq-wrap{max-width:780px}details{padding:18px 0}summary{font-size:12px}details p{font-size:12px}.faq-list{margin-top:20px}.contact-band{max-width:900px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.wordmark{font-size:35px;font-family:'Space Grotesk';font-weight:700;letter-spacing:-2px}.wordmark span{color:var(--cyan)}.contact-band p{font-size:11px;margin:10px 0 20px}.contact-band h3{font-size:17px}.home-contact{padding-bottom:85px}footer{background:#161616;border-top:1px solid #292929;padding-top:35px;padding-bottom:25px;color:#ddd}footer>div{font-size:10px}footer .brand{font-size:16px}.footer-icon{color:#00a9e9}footer .brand small{font-size:9px;color:#a5a5ae}footer>small,footer>p{color:#a5a5ae}.product-visual{background:var(--panel);border-color:var(--border);border-radius:6px;box-shadow:var(--shadow)}.product-visual img{mix-blend-mode:normal;object-fit:contain;background:transparent;padding:15px;width:78%}.product-visual .caption{color:var(--muted);font-size:11px}.product-detail h2{font-size:24px}.product-detail p,.product-detail ul{font-size:12px}.page-top h1{font-size:36px}.contact-card,.empty-state,.order-card{border-radius:6px;background:var(--panel);border:1px solid var(--border)}.screenshot{border-radius:5px;border-color:var(--border)}.cta-strip{border-radius:5px;background:var(--panel);border-color:var(--border);gap:25px}.cta-strip h2{font-size:25px}dialog{border-radius:7px;background:var(--panel);border:1px solid var(--border)}dialog .dialog-close{background:var(--panel2)}#video-dialog{border-radius:7px}#player{border-radius:3px}html[data-theme=light] .hero-art .bot{mix-blend-mode:normal;border-radius:0;filter:drop-shadow(0 20px 15px #19385720)}html[data-theme=light] .announcement{background:#e4e9ef;color:#344152}html[data-theme=light] .announcement a,html[data-theme=light] .announcement b{color:var(--cyan)}
@media(min-width:1450px){header{padding-left:max(5%,calc((100vw - 1100px)/2));padding-right:max(5%,calc((100vw - 1100px)/2))}}@media(max-width:1280px){.side-word{left:-28px;font-size:28px}.section-mascot{right:-20px;width:130px;bottom:-45px}.hero-model{right:0;font-size:90px}}@media(max-width:1100px){nav{gap:13px}.hero h1{font-size:42px}.hero-art{height:420px}.hero-model{font-size:83px}.side-word{display:none}.section-mascot{display:none}.pricing-section{gap:45px}.flow-steps{gap:10px}.workflow{gap:12px}.feature-card{padding:24px 20px;column-gap:12px}}@media(max-width:850px){nav{background:var(--bg);font-size:13px}.hero{min-height:540px;padding-top:40px}.hero h1{font-size:36px}.hero-subtitle{font-size:14px}.hero .intro{font-size:11px}.hero-art{height:360px}.hero-model{font-size:74px;right:-8px;top:20px}.hero-actions{flex-wrap:wrap}.workflow{display:block}.flow-steps{margin-top:14px;justify-content:space-between}.gear-heading h2{font-size:20px}.feature-card{grid-template-columns:45px 1fr;padding:22px 18px}.feature-icon{font-size:35px}.gear-section{padding:55px 0}.category-grid{gap:13px}.category-card{padding:28px 15px 22px;min-height:190px}.category-card p{font-size:9px}.pricing-copy h2{font-size:25px}}@media(max-width:600px){.announcement{font-size:9px}.announcement b{font-size:13px}.brand{font-size:17px}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr;padding:35px 0 40px;gap:10px;margin-bottom:0}.hero h1{font-size:clamp(33px,9.4vw,45px);letter-spacing:-1px;margin-top:14px}.hero-subtitle{font-size:14px}.hero .intro{font-size:12px}.hero-price{margin-top:21px}.hero-actions .button{font-size:10px;padding:12px 15px}.hero-note{font-size:9px}.hero-art{height:340px;width:100%;margin:5px auto 0;max-width:370px}.hero-art .bot{width:100%;height:100%;margin:0}.hero-model{font-size:77px;right:0;top:10px}.hero-caption{display:block;bottom:-7px;left:26%;font-size:7px;letter-spacing:2px}.gear-section{padding:45px 0}.gear-heading{margin-bottom:30px;padding-top:10px}.gear-heading>span{font-size:41px;top:-6px}.gear-heading h2{font-size:18px;max-width:330px;margin:auto}.gear-heading .text-link{font-size:9px;margin-top:8px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{display:grid;grid-template-columns:75px 1fr;text-align:left;align-items:center;padding:24px 30px 22px;min-height:115px;column-gap:20px}.category-symbol{grid-row:1/3;grid-column:1;font-size:50px;margin:0;justify-self:center}.category-card h3{font-size:14px;align-self:end;margin-bottom:4px}.category-card p{font-size:10px;align-self:start}.category-number{font-size:8px;top:8px;left:10px}.category-arrow{bottom:18px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:23px 22px;grid-template-columns:46px 1fr;column-gap:19px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.feature-icon{font-size:37px}.workflow{padding:20px}.flow-steps{flex-wrap:wrap;justify-content:flex-start;gap:9px;font-size:9px}.reels-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.reel-card h3{font-size:11px}.reel-card>p{font-size:8px}.reel-cover{border-radius:6px}.pricing-section{grid-template-columns:1fr;gap:28px}.pricing-copy h2{font-size:29px}.price-mascot{display:none}.price-inner{padding:27px}.contact-band{grid-template-columns:1fr;gap:20px}.contact-band h3{font-size:17px}.home-contact{padding-bottom:55px}.wordmark{font-size:31px}.page-top h1{font-size:29px}.product-layout{padding-bottom:45px}.cta-strip h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}