:root{--ink:#07111f;--navy:#0a1830;--blue:#246bff;--cyan:#45d7ff;--paper:#f5f8fc;--muted:#6d7b90;--line:#e4eaf2;--white:#fff;--green:#16a56a;--shadow:0 24px 70px rgba(7,25,52,.10);--shadow-lg:0 35px 100px rgba(7,25,52,.18);--radius:24px} *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(36,107,255,.06),transparent 26%);z-index:-1}a{text-decoration:none;color:inherit;cursor:pointer}button,input,select,textarea{font:inherit}.product-card,.product-card *,.listing-card,.listing-card *,.product-click-card{cursor:pointer}.product-card button,.listing-card button{cursor:pointer}.container{width:min(1180px,92%);margin:auto}.topbar{background:#050d19;color:#b8c8dc;font-size:.78rem}.topbar .row{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{color:#dce8f8}.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(225,232,241,.88)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{height:56px;width:auto;display:block}.navlinks{display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:.79rem;font-weight:900;white-space:nowrap}.navlinks a{color:#334155;position:relative;padding:9px 0;transition:color .2s ease,transform .2s ease}.navlinks a:hover{transform:translateY(-1px)}.navlinks a:hover{color:var(--blue)}.navlinks a.active,.navlinks a.is-active{color:inherit}.navlinks a.active:after,.navlinks a.is-active:after{display:none!important;content:none!important}.nav-cta{display:inline-flex!important;align-items:center;gap:8px;padding:10px 15px!important;border-radius:999px;background:var(--ink);color:#fff!important}.nav-cta:after{display:none}.cart-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(36,107,255,.22)}.cart-btn span{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--blue);font-size:.72rem}.menu-btn{display:none;border:1px solid var(--line);background:#fff;width:44px;height:44px;border-radius:13px;cursor:pointer}.mobile-menu{display:none}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:950}.eyebrow{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:#b9dcff}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.kicker{color:var(--blue)}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 18%,rgba(69,215,255,.22),transparent 25%),radial-gradient(circle at 18% 84%,rgba(109,83,255,.22),transparent 28%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%)}.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.06),transparent 18%),radial-gradient(circle at 75% 70%,rgba(255,255,255,.05),transparent 20%);animation:float 14s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;opacity:.28;background:linear-gradient(transparent 31px,rgba(255,255,255,.025) 32px),linear-gradient(90deg,transparent 31px,rgba(255,255,255,.025) 32px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}@keyframes float{to{transform:translate3d(3%,-2%,0) scale(1.08)}}.hero-inner{position:relative;z-index:2;padding:100px 0 112px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:65px}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.065em;max-width:820px;margin:18px 0 24px}.gradient-text{background:linear-gradient(90deg,#fff,#d9f4ff 52%,#8ad9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:670px;color:#c4d5e9;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-white{background:#fff;color:var(--ink);box-shadow:0 12px 35px rgba(0,0,0,.14)}.btn-outline{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:#fff}.btn-dark{background:var(--ink);color:#fff}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(36,107,255,.2)}.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}.hero-card{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border-radius:30px;padding:26px;box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);animation:cardfloat 5s ease-in-out infinite}@keyframes cardfloat{50%{transform:translateY(-7px)}}.hero-brand{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.hero-brand img{width:58px;height:58px;border-radius:15px;background:#fff;object-fit:cover}.hero-brand strong{font-size:1rem;letter-spacing:.08em}.hero-brand span{display:block;color:#9eb5cf;font-size:.74rem;letter-spacing:.16em}.hero-card-title{font-size:3.5rem;font-weight:950;line-height:1;margin:23px 0 7px;letter-spacing:.05em;background:linear-gradient(90deg,#fff,#89dcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-card p{color:#abc1da;font-size:.9rem}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.quick{padding:14px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.quick b{display:block;font-size:.88rem}.quick span{color:#9eb5cf;font-size:.75rem}.trust-row{margin-top:-34px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:var(--shadow)}.trust strong{font-size:1.65rem;display:block;letter-spacing:-.04em}.trust span{font-size:.78rem;color:var(--muted)}.section{padding:92px 0}.section.alt{background:#edf3f9}.section.dark{background:var(--ink);color:#fff}.section-head{max-width:760px;margin:0 auto 45px;text-align:center}.section-head h2{font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.02;letter-spacing:-.045em;margin:9px 0 13px}.section-head p{color:var(--muted);font-size:.98rem}.dark .section-head p{color:#9eb2c9}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{position:relative;overflow:hidden;padding:25px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);transition:.3s}.service-card:before{content:"";position:absolute;width:150px;height:150px;right:-80px;bottom:-80px;border-radius:50%;background:rgba(36,107,255,.08)}.service-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(7,25,52,.15)}.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#edf5ff,#e7fbff);color:var(--blue);font-weight:950;font-size:1.25rem;margin-bottom:18px}.service-card h3{font-size:1.05rem;margin-bottom:7px}.service-card p{font-size:.86rem;color:var(--muted);min-height:70px}.arrow{display:inline-flex;margin-top:17px;color:var(--blue);font-weight:900;font-size:.82rem}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card.product-click-card{cursor:pointer}.product-card.product-click-card:focus-visible{outline:3px solid rgba(36,107,255,.35);outline-offset:3px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(7,25,52,.15)}.product-media{aspect-ratio:4/3;background:linear-gradient(135deg,#f5f9fd,#e5edf7);overflow:hidden;display:grid;place-items:center}.product-media img{width:100%;height:100%;object-fit:contain;display:block;transition:.45s}.product-card:hover .product-media img{transform:scale(1.035)}.product-body{padding:19px}.product-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{padding:6px 9px;border-radius:999px;background:#edf5ff;color:#2568d8;font-size:.67rem;font-weight:950}.stock{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;font-weight:900;color:var(--green)}.stock i{width:7px;height:7px;border-radius:50%;background:#22b978}.stock.sold{color:#b42335}.stock.sold i{background:#dc4d60}.product-body h3{font-size:1.02rem;line-height:1.25;margin:11px 0 7px}.product-body p{font-size:.82rem;color:var(--muted);min-height:44px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.price{font-size:1.2rem;font-weight:950;color:var(--blue)}.mini-btn{padding:9px 11px;border-radius:11px;background:var(--ink);color:#fff;font-size:.73rem;font-weight:900}.feature-band{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.feature-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1;letter-spacing:-.05em;margin:10px 0 15px}.feature-copy>p{color:#a9bbd0;max-width:560px}.points{display:grid;gap:12px;margin-top:24px}.point{display:flex;gap:12px}.check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#163b65;color:#75d9ff;flex:none;font-weight:950}.brand-panel{min-height:410px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:radial-gradient(circle at 30% 25%,rgba(36,107,255,.25),transparent 28%),linear-gradient(135deg,#0c2343,#071425);display:grid;place-items:center;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.28);padding:30px}.brand-panel img{width:100px;height:100px;object-fit:cover;border-radius:24px;background:#fff}.brand-panel .name{font-weight:950;font-size:1.35rem;letter-spacing:.12em;margin-top:16px}.brand-panel .name span{color:#7fdfff}.brand-panel .tagline{color:#9bb4cf;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;margin-top:6px}.brand-panel .statement{font-size:1.2rem;font-weight:800;margin-top:22px}.brand-panel .statement span{color:#7fdfff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:var(--shadow)}.contact-card h3{font-size:1.3rem;margin-bottom:13px}.contact-row{padding:13px 0;border-bottom:1px solid #edf1f5}.contact-row:last-child{border:0}.contact-row b{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.contact-row span{color:var(--muted);font-size:.88rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;font-weight:850;color:#45556c}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:13px;background:#fbfdff;padding:13px;outline:0}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#8ab7ff;box-shadow:0 0 0 4px rgba(36,107,255,.09)}.map-section{padding:0 0 92px}.map-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.map-card{background:linear-gradient(135deg,#0a1830,#0c2d57);color:#fff;border-radius:25px;padding:29px;box-shadow:var(--shadow-lg)}.map-card p{color:#a9bdd3;margin:10px 0 20px}.address{padding:15px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);color:#c8d7e8;font-size:.9rem}.map-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.map-actions a{padding:10px 13px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.78rem;font-weight:850}.map-actions a.primary{background:#fff;color:var(--ink)}.map-frame{overflow:hidden;border-radius:25px;min-height:360px;border:1px solid var(--line);box-shadow:var(--shadow)}.map-frame iframe{width:100%;height:100%;min-height:360px;border:0}.page-hero{padding:76px 0 82px}.page-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:15px 0}.page-hero p{max-width:720px;color:#c9d9eb;font-size:1rem}.page-main{padding:70px 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.searchbox{display:flex;gap:9px;flex:1}.searchbox input,.filter{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 13px;outline:0}.searchbox input{width:100%}.searchbox input:focus,.filter:focus{border-color:#8ab7ff;box-shadow:0 0 0 4px rgba(36,107,255,.09)}.filter{min-width:170px}.breadcrumbs{font-size:.8rem;color:#8190a2;margin-bottom:15px}.breadcrumbs a{color:var(--blue);font-weight:850}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-click-card{cursor:pointer}.product-click-card:focus-visible{outline:3px solid rgba(36,107,255,.35);outline-offset:3px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:.3s}.listing-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(7,25,52,.15)}.listing-card .product-media{aspect-ratio:4/3}.listing-body{padding:21px}.meta{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;margin:13px 0}.pill{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fbfdff;color:#5f7087;font-size:.69rem;line-height:1.15;white-space:nowrap}.product-spec-pills{min-height:62px;margin-top:13px;margin-bottom:13px}.offer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.old{font-size:.78rem;color:#8a98aa;text-decoration:line-through}.save{font-size:.7rem;color:var(--green);font-weight:900}.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.detail-gallery{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.gallery-stage{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#f7fbff,#e7eff8)}.gallery-stage img{width:100%;height:100%;object-fit:contain;display:block}.gallery-btn{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border:0;border-radius:50%;background:rgba(7,17,31,.9);color:#fff;font-size:23px;cursor:pointer;z-index:4}.gallery-btn:hover{background:var(--blue)}.gallery-prev{left:14px}.gallery-next{right:14px}.gallery-count{position:absolute;right:14px;bottom:14px;background:rgba(7,17,31,.8);color:#fff;padding:6px 10px;border-radius:999px;font-size:.68rem;font-weight:900}.thumbs{display:flex;gap:8px;padding:12px;overflow:auto;border-top:1px solid var(--line)}.thumbs button{width:72px;height:55px;flex:none;border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden;background:#fff;cursor:pointer}.thumbs img{width:100%;height:100%;object-fit:cover}.detail-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.detail-panel h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em;margin:10px 0 14px}.lead{color:var(--muted)}.detail-price{font-size:2.35rem;font-weight:950;color:var(--blue);margin-top:18px}.spec-list{display:grid;gap:0;margin-top:18px}.spec-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5;color:#5e7088;font-size:.88rem}.spec-item:before{content:"✓";width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eaf4ff;color:var(--blue);font-weight:950;font-size:.7rem;flex:none}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.info-box b{display:block;margin-bottom:6px}.info-box span{color:var(--muted);font-size:.84rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-large{background:#fff;border:1px solid var(--line);border-radius:23px;padding:26px;box-shadow:var(--shadow)}.service-large h3{font-size:1.2rem;margin:12px 0 6px}.service-large p{color:var(--muted);font-size:.9rem}.step{position:relative}.cta{padding:65px 0;background:linear-gradient(120deg,#071525,#0b2a53 58%,#0b63cf);color:#fff}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.cta p{color:#aec2d8;margin-top:8px}.footer{background:#050d19;color:#91a6be;padding:28px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.78rem}.footer-links{display:flex;gap:16px}.footer a:hover{color:#fff}.wa{position:fixed;right:22px;bottom:22px;z-index:70;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#20c66a;color:#fff;box-shadow:0 16px 35px rgba(32,198,106,.28);transition:.25s}.wa:hover{transform:translateY(-4px) scale(1.03)}.wa svg{width:31px;height:31px}.progress{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:300;box-shadow:0 0 14px rgba(36,107,255,.38),0 0 28px rgba(69,215,255,.18);transition:width .12s linear;pointer-events:none}.progress:after{content:"";position:absolute;right:0;top:0;width:110px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));opacity:.75;filter:blur(1px)}.cart-overlay{position:fixed;inset:0;background:rgba(3,12,24,.5);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:.25s}.cart-overlay.show{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;right:0;top:0;height:100%;width:min(430px,94vw);background:#fff;z-index:110;box-shadow:-25px 0 70px rgba(0,0,0,.2);transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.cart-drawer.show{transform:none}.cart-head{padding:20px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.close-cart{width:36px;height:36px;border:0;border-radius:50%;background:#eef3f8;cursor:pointer;font-size:21px}.cart-items{flex:1;overflow:auto;padding:15px 18px;display:grid;align-content:start;gap:10px}.cart-item{padding:14px;border:1px solid var(--line);border-radius:16px}.cart-item-row,.cart-item-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.cart-item-name{font-weight:850;color:var(--ink);flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere}.cart-item-row>.cart-item-price{flex:none;white-space:nowrap}.cart-item-price{color:var(--blue);font-weight:900}.cart-item-actions{margin-top:9px}.qty{display:flex;align-items:center;gap:7px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.remove{border:0;background:none;color:#a13b42;font-weight:800;cursor:pointer}.cart-empty{text-align:center;color:var(--muted);padding:45px 10px}.cart-foot{padding:17px 18px;border-top:1px solid var(--line);display:grid;gap:10px}.cart-note{font-size:.73rem;color:var(--muted)}.modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-bg{position:absolute;inset:0;background:rgba(3,13,28,.62);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(480px,100%);background:#fff;border-radius:23px;padding:26px;box-shadow:0 35px 100px rgba(0,0,0,.3)}.modal-close{position:absolute;right:14px;top:14px;width:35px;height:35px;border:0;border-radius:50%;background:#eef3f8;cursor:pointer;font-size:20px}.modal-card h3{font-size:1.45rem}.modal-card p{color:var(--muted);font-size:.84rem;margin:5px 0 17px}.modal-card form{display:grid;gap:11px}.modal-card label{font-size:.75rem;font-weight:850;display:grid;gap:6px}.modal-card input,.modal-card textarea{border:1px solid var(--line);border-radius:12px;padding:11px;outline:0}.modal-card textarea{min-height:100px;resize:vertical}.error{display:none;padding:9px 11px;background:#fff0f2;color:#a51f31;border-radius:10px;font-size:.78rem;font-weight:800}.error.show{display:block}.reveal{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.22,.61,.36,1)}.reveal.visible{opacity:1;transform:none} @media(max-width:1000px){.navlinks{display:none}.menu-btn{display:block}.mobile-menu{position:absolute;left:4%;right:4%;top:84px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow-lg)}.mobile-menu.show{display:grid}.mobile-menu a{padding:12px;border-radius:11px;font-weight:850}.mobile-menu a:hover{background:#f2f6fb}.hero-grid,.feature-band,.contact-grid,.map-wrap,.detail-grid{grid-template-columns:1fr}.hero-inner{padding:75px 0 92px}.hero-card{max-width:650px}.services-grid{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:1fr 1fr}.listing-grid{grid-template-columns:1fr 1fr}.trust-row{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.feature-band{gap:28px}.brand-panel{min-height:350px}} @media(max-width:620px){.topbar .hide-mobile{display:none}.nav{height:70px}.brand img{height:48px}.hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}.hero-copy{font-size:.95rem}.actions .btn{width:100%}.hero-card-title{font-size:2.8rem}.quick-grid,.services-grid,.products-grid,.listing-grid,.info-grid,.service-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr 1fr;margin-top:-23px}.trust{padding:16px}.trust strong{font-size:1.35rem}.section{padding:70px 0}.page-main{padding:55px 0}.toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.filter{width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-panel{padding:22px}.detail-panel h1{font-size:2.2rem}.cta-row,.footer-grid{flex-direction:column;align-items:flex-start}.cta .btn{width:100%}.map-frame,.map-frame iframe{min-height:290px}.wa{width:56px;height:56px;right:15px;bottom:15px}.footer-links{flex-wrap:wrap}.mobile-menu{top:76px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}} .whatsapp-mini{background:#e9f8ef!important;color:#11743b!important;border:1px solid #c9ecd7!important;margin-left:6px}.whatsapp-mini:hover{background:#dff4e8!important} .process-section{background:#fff}.process-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:16px}.process-card{position:relative;background:#f8fbff;border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:var(--shadow);transition:.3s}.process-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(7,25,52,.14)}.process-card>.step{position:absolute;right:18px;top:16px;color:#b8c8dc;font-size:.7rem;font-weight:950;letter-spacing:.12em}.process-card>.step:before{content:none}.info-grid.info-grid.steps>.step{position:relative;right:auto;top:auto;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal}.info-grid.steps>.step:before{counter-increment:steps;content:'0' counter(steps);display:block;margin-bottom:4px;color:var(--blue);font-size:.72rem;font-weight:950;letter-spacing:.1em}.process-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:1.25rem;font-weight:950;margin-bottom:20px}.process-card h3{font-size:1.05rem;margin-bottom:8px}.process-card p{color:var(--muted);font-size:.84rem}.process-line{width:34px;height:2px;background:linear-gradient(90deg,#dce7f4,#6ccfff,#dce7f4);align-self:center}.capability-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:25px}.capability-strip span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.72rem;font-weight:850;color:#52647a}.faq-section{background:#f0f5fa}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 19px;box-shadow:0 14px 45px rgba(7,25,52,.06)}.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:900;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:3px;top:14px;font-size:1.25rem;color:var(--blue)}.faq[open] summary:after{content:'−'}.faq p{color:var(--muted);font-size:.84rem;padding:0 0 18px;max-width:650px}.cta-section{padding-top:65px;padding-bottom:95px;background:#f0f5fa}.cta-panel{border-radius:30px;padding:36px 40px;background:linear-gradient(120deg,#071525,#0b2d52 58%,#0b70c8);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 35px 90px rgba(7,25,52,.18);position:relative;overflow:hidden}.cta-panel:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-150px;background:rgba(69,215,255,.12)}.cta-panel h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1;letter-spacing:-.05em;margin:9px 0 12px;max-width:760px}.cta-panel p{color:#b9cce1;max-width:650px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2;flex:none}.mobile-contact-bar{display:none} @media(max-width:1000px){.process-grid{grid-template-columns:1fr;gap:12px}.process-line{width:2px;height:20px;justify-self:center}.faq-grid{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}.cta-actions{width:100%}} @media(max-width:620px){.process-card{padding:22px}.cta-panel{padding:28px 22px}.cta-actions .btn{width:100%}.mobile-contact-bar{position:fixed;display:grid;grid-template-columns:1fr 1.4fr 1fr;left:10px;right:10px;bottom:10px;z-index:95;background:rgba(5,13,25,.94);backdrop-filter:blur(16px);padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.mobile-contact-bar a{color:#fff;text-align:center;padding:10px 6px;border-radius:11px;font-size:.75rem;font-weight:900}.mobile-contact-bar a:nth-child(2){background:#16a56a}.mobile-contact-bar a:hover{background:rgba(255,255,255,.1)}.mobile-contact-bar a:nth-child(2):hover{background:#16a56a}body{padding-bottom:72px}} #services,#products,#process,#faq,#contact{scroll-margin-top:120px} .mobile-menu-count{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:.68rem;font-weight:950;margin-left:4px} .mobile-menu .mobile-wa{background:var(--ink);color:#fff;margin-top:4px;text-align:center} @media(max-width:1100px) and (min-width:1001px){.navlinks{gap:11px;font-size:.74rem}.brand img{height:52px}} .header{overflow:visible} .nav{position:relative} .navlinks{position:relative;z-index:2;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important} .navlinks>a{background:transparent!important;box-shadow:none!important;border:0!important} .navlinks>a:focus{outline:none} .navlinks>a:focus-visible{outline:2px solid rgba(36,107,255,.35);outline-offset:5px;border-radius:6px} .navlinks .cart-btn,.navlinks .nav-cta{position:relative;z-index:3} .mobile-menu{display:none!important} @media(max-width:1000px){.mobile-menu.show{display:grid!important} .navlinks{display:none!important}} @media(min-width:1001px){.mobile-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}} @media(min-width:1001px){.header,.header .nav,.header .navlinks,.header .navlinks::before,.header .navlinks::after,.header .navlinks>a::before,.header .navlinks>a::after{background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important} .header .navlinks{display:flex!important;position:relative!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:visible!important} .header .navlinks>a{display:inline-flex!important;align-items:center!important;position:relative!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important} .header .mobile-menu,.header .mobile-menu.show{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}} .header .navlinks a:focus,.header .navlinks button:focus{outline:none!important;box-shadow:none!important} .header .navlinks a:focus-visible{outline:2px solid rgba(36,107,255,.35)!important;outline-offset:5px!important;box-shadow:none!important} .tts-shell{width:min(1180px,92%);margin:0 auto} .tts-topbar{height:36px;background:#050d19;color:#b8c8dc;font-size:.78rem} .tts-topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px} .tts-topbar a{color:#dce8f8} .tts-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(225,232,241,.88)} .tts-nav-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px} .tts-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none!important} .tts-brand img{height:56px;width:auto;display:block} .tts-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1;min-width:0;white-space:nowrap} .tts-desktop-nav>a:not(.tts-whatsapp-btn){position:relative;display:inline-flex;align-items:center;padding:9px 0;color:#334155;font-size:.79rem;font-weight:900;text-decoration:none;cursor:pointer;outline:none;background:transparent;border:0;box-shadow:none} .tts-desktop-nav>a:not(.tts-whatsapp-btn):hover{color:var(--blue);transform:translateY(-1px)} .tts-desktop-nav>a.is-active{color:var(--blue)} .tts-desktop-nav>a:focus,.tts-desktop-nav>a:focus-visible{background:transparent!important;box-shadow:none!important} .tts-desktop-nav>a:focus-visible{outline:2px solid rgba(36,107,255,.35);outline-offset:5px;border-radius:6px} .tts-enquiry-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(36,107,255,.22);flex:0 0 auto} .tts-enquiry-btn span{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--blue);font-size:.72rem} .tts-whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;background:var(--ink);color:#fff!important;font-weight:900;text-decoration:none;cursor:pointer;flex:0 0 auto} .tts-menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-size:1.15rem;cursor:pointer} .tts-mobile-nav{display:none!important} .tts-mobile-count{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:.68rem;font-weight:950;margin-left:4px} @media(max-width:1100px) and (min-width:1001px){.tts-desktop-nav{gap:11px} .tts-desktop-nav>a:not(.tts-whatsapp-btn){font-size:.74rem} .tts-brand img{height:52px}} @media(max-width:1000px){.tts-desktop-nav{display:none!important} .tts-menu-btn{display:block} .tts-mobile-nav{position:absolute;left:4%;right:4%;top:78px;display:none!important;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow-lg)} .tts-mobile-nav.is-open{display:grid!important} .tts-mobile-nav a{padding:12px;border-radius:11px;font-weight:850;text-decoration:none;color:var(--ink)} .tts-mobile-nav a:hover{background:#f2f6fb} .tts-mobile-nav .tts-mobile-wa{background:var(--ink);color:#fff;text-align:center;margin-top:4px}} @media(max-width:620px){.tts-topbar-contact{display:none} .tts-nav-row{height:70px} .tts-brand img{height:48px} .tts-mobile-nav{top:70px}} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn),.tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn).is-active,.tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn).active{color:#334155!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;border:0!important} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn):hover,.tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn):focus,.tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn):active{color:#334155!important;background:transparent!important;box-shadow:none!important;transform:none!important} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn)::before,.tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn)::after{display:none!important;content:none!important} .tts-mobile-nav a,.tts-mobile-nav a:hover,.tts-mobile-nav a:focus,.tts-mobile-nav a:active,.tts-mobile-nav a.is-active,.tts-mobile-nav a.active{color:var(--ink)!important;background:transparent!important;box-shadow:none!important} .offer-price-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .offer-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e8f1ff;color:#1769ff;font-size:.68rem;font-weight:950;letter-spacing:.05em} .old-price{text-decoration:line-through;color:#8a98aa;font-size:.82rem;font-weight:750} .offer-note{display:block;margin-top:4px;color:var(--muted);font-size:.76rem;font-weight:700} .detail-offer{display:block;margin:18px 0 4px} .detail-offer .offer-badge{margin-bottom:8px} .detail-offer .detail-price{margin-top:2px} .contact-grid select,.field select{width:100%;min-height:56px;padding:0 46px 0 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;outline:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6f829d 50%),linear-gradient(135deg,#6f829d 50%,transparent 50%);background-position:calc(100% - 21px) 24px,calc(100% - 15px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer;transition:border-color .2s,box-shadow .2s} .contact-grid select:focus,.field select:focus{border-color:#4f8cff;box-shadow:0 0 0 4px rgba(47,109,255,.10)} .product-card,.listing-card,.detail-gallery,.detail-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,255,.94));border:1px solid rgba(255,255,255,.96);box-shadow:0 22px 55px rgba(15,39,72,.12),0 5px 18px rgba(15,39,72,.06),inset 0 1px 0 rgba(255,255,255,1)} .product-card::after,.listing-card::after,.detail-gallery::after,.detail-panel::after{content:"";position:absolute;top:-25%;bottom:-25%;left:-38%;width:22%;pointer-events:none;z-index:20;transform:skewX(-18deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.02) 18%,rgba(255,255,255,0.34) 48%,rgba(255,255,255,0.08) 72%,transparent 100%);filter:blur(.2px);opacity:.78;animation:ttsGlassSweep 5.8s cubic-bezier(.45,.05,.55,.95) infinite} @keyframes ttsGlassSweep{0%,12%{left:-38%;opacity:0} 20%{opacity:.72} 48%{opacity:.82} 76%{opacity:.72} 90%,100%{left:125%;opacity:0}} .product-card:hover,.listing-card:hover,.detail-gallery:hover,.detail-panel:hover{border-color:rgba(255,255,255,1);box-shadow:0 30px 78px rgba(15,39,72,.16),0 10px 26px rgba(36,107,246,.09),inset 0 1px 0 rgba(255,255,255,1);transform:translateY(-4px)} .product-media,.gallery-stage{position:relative;overflow:hidden;background:#f3f7fc} .product-media::after,.gallery-stage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(125deg,rgba(255,255,255,.16) 0%,transparent 22%,transparent 78%,rgba(255,255,255,.08) 100%)} .product-card .product-body,.listing-card .listing-body,.detail-gallery .thumbs,.detail-panel>*{position:relative;z-index:4} .product-card .product-media,.listing-card .product-media,.gallery-stage{z-index:1} @media (prefers-reduced-motion:reduce){.product-card::after,.listing-card::after,.detail-gallery::after,.detail-panel::after{animation:none;left:-15%;opacity:.28} .product-card:hover,.listing-card:hover,.detail-gallery:hover,.detail-panel:hover{transform:none}} .detail-grid{align-items:start} .detail-gallery,.detail-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.94));border:1px solid rgba(214,226,239,.95);box-shadow:0 28px 75px rgba(9,34,67,.12),inset 0 1px 0 rgba(255,255,255,1)} .detail-gallery::before,.detail-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 53%,rgba(83,191,255,.06) 100%);transform:translateX(-120%);animation:v32DetailSweep 6.5s cubic-bezier(.45,.05,.55,.95) infinite;z-index:3} @keyframes v32DetailSweep{0%,12%{transform:translateX(-120%);opacity:0}22%{opacity:.55}48%{opacity:.9}76%{opacity:.5}90%,100%{transform:translateX(120%);opacity:0}} .gallery-stage{z-index:1} .detail-gallery .thumbs{position:relative;z-index:5;background:rgba(255,255,255,.78);backdrop-filter:blur(12px)} .thumbs button{transition:.2s;box-shadow:0 3px 10px rgba(10,35,65,.06)} .thumbs button:hover{border-color:#77a9ff;transform:translateY(-2px)} .detail-panel{padding:30px;isolation:isolate} .detail-panel-glow{position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(69,215,255,.16),transparent 66%);pointer-events:none;z-index:0} .detail-panel>*{z-index:4} .detail-panel .product-top,.detail-panel h1,.detail-panel .lead,.detail-panel .detail-offer,.detail-panel .meta,.detail-panel .detail-actions,.detail-panel .spec-section{position:relative} .detail-offer{padding:17px 18px;border:1px solid rgba(91,150,228,.18);border-radius:19px;background:linear-gradient(135deg,rgba(238,247,255,.92),rgba(255,255,255,.72));box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(20,72,130,.06)} .detail-offer .detail-price{font-size:2.65rem;letter-spacing:-.04em} .detail-actions{padding-top:4px} .detail-actions .btn{min-width:165px} .detail-assurance{width:100%;display:flex;flex-wrap:wrap;gap:7px;margin-top:5px} .detail-assurance span{font-size:.68rem;font-weight:850;color:#61748b;padding:6px 9px;border:1px solid #e4ebf3;border-radius:999px;background:rgba(255,255,255,.7)} .spec-section{margin-top:29px!important} .spec-section .kicker{margin-bottom:3px} .spec-list{border:1px solid #e8eef5;border-radius:17px;overflow:hidden;background:rgba(250,252,255,.72);padding:0 14px} .spec-item{padding:12px 0} .info-box{position:relative;overflow:hidden;transition:.3s} .info-box:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(7,25,52,.12)} .info-index{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:#edf5ff;color:var(--blue);font-size:.65rem;font-weight:950;margin-bottom:16px} .detail-mobile-actions{display:none} @media(max-width:1000px){.detail-panel{padding:26px}} @media(max-width:620px){.detail-panel{padding:21px}.detail-offer .detail-price{font-size:2.25rem}.detail-actions{display:grid;grid-template-columns:1fr}.detail-actions .btn{width:100%}.detail-assurance{display:none}.detail-mobile-actions{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid rgba(205,219,235,.95);border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(4,21,42,.2)}.detail-mobile-actions .btn{padding:11px 10px}} @media(prefers-reduced-motion:reduce){.detail-gallery::before,.detail-panel::before{animation:none;transform:none;opacity:.2}} .info-grid.steps{counter-reset:none} .info-grid.steps>.step:before{counter-increment:none;content:'01'!important} .info-grid.steps>.step:nth-child(2):before{content:'02'!important} .info-grid.steps>.step:nth-child(3):before{content:'03'!important} .skip-link{position:fixed;left:16px;top:10px;z-index:1000;transform:translateY(-150%);padding:10px 14px;border-radius:12px;background:#071525;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(7,21,37,.25);transition:transform .2s} .skip-link:focus{transform:none;outline:3px solid #77d9ff;outline-offset:3px} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(36,107,255,.28);outline-offset:3px} section[id]{scroll-margin-top:96px} @media(max-width:620px){section[id]{scroll-margin-top:82px}.skip-link{left:12px;top:8px}} .sold-portfolio-section{background:linear-gradient(180deg,#f4f8fd 0%,#edf3fa 100%)} .sold-product-card{filter:saturate(.92)} .sold-product-card .product-media{position:relative} .sold-ribbon{position:absolute;left:14px;top:14px;z-index:6;padding:7px 11px;border-radius:999px;background:rgba(7,17,31,.92);color:#fff;font-size:.66rem;font-weight:950;letter-spacing:.08em;box-shadow:0 8px 22px rgba(7,17,31,.18)} .sold-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f5} .sold-price-row small,.sold-price-inline small{display:block;color:#8795a8;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850} .sold-price-row strong{display:block;color:#6d7c91;font-size:1.2rem;text-decoration:line-through} .sold-view{color:var(--blue);font-size:.78rem;font-weight:900} .sold-price-inline strong{display:block;color:#6d7c91;font-size:1.2rem;text-decoration:line-through} .sold-view-btn{opacity:.72;pointer-events:none} .detail-sold-price{margin:18px 0 4px;padding:18px;border:1px solid #e5ebf2;border-radius:19px;background:linear-gradient(135deg,#f5f7fa,#fff);display:grid;gap:2px} .detail-sold-price span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#8491a3} .detail-sold-price strong{font-size:2.25rem;color:#6b7a8e;text-decoration:line-through;letter-spacing:-.04em} .detail-sold-price small{color:var(--muted);font-size:.76rem;margin-top:4px} .product-card .product-media img,.listing-card .product-media img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;transform:none !important;display:block !important} .product-card:hover .product-media img,.listing-card:hover .product-media img{transform:none !important} #contact .contact-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(20,50,90,.12),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)} #contact .contact-card:before{content:"";position:absolute;inset:-40% -15% auto auto;width:280px;height:180px;background:radial-gradient(circle,rgba(80,170,255,.14),transparent 68%);pointer-events:none} #contact .contact-card>*{position:relative;z-index:1} #contact .field input,#contact .field textarea,#contact .contact-grid select,#contact .field select{background:rgba(255,255,255,.58);border-color:rgba(155,178,207,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} #contact .field input:focus,#contact .field textarea:focus,#contact .contact-grid select:focus,#contact .field select:focus{background:rgba(255,255,255,.78);border-color:rgba(47,109,255,.48);box-shadow:0 0 0 4px rgba(47,109,255,.10),inset 0 1px 0 rgba(255,255,255,.8)} #contact .btn-blue{box-shadow:0 14px 30px rgba(36,107,255,.24)} #contact .contact-card{background:radial-gradient(circle at 88% 8%,rgba(69,215,255,.16),transparent 30%),radial-gradient(circle at 10% 92%,rgba(36,107,255,.15),transparent 32%),linear-gradient(145deg,rgba(10,29,55,.92),rgba(7,20,39,.82));border:1px solid rgba(126,190,255,.18);box-shadow:0 24px 70px rgba(4,18,38,.24),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)} #contact .contact-card:before{background:radial-gradient(circle,rgba(69,215,255,.16),transparent 68%)} #contact .contact-card h3{color:#f7fbff} #contact .contact-row{border-bottom-color:rgba(255,255,255,.09)} #contact .contact-row b{color:#dcecff} #contact .contact-row span{color:#9fb5ce} #contact .field label{color:#d9e8f8} #contact .field input,#contact .field textarea,#contact .field select,#contact .contact-grid select{color:#edf7ff;background:rgba(255,255,255,.065);border-color:rgba(154,194,231,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 25px rgba(0,0,0,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} #contact .field input::placeholder,#contact .field textarea::placeholder{color:#8199b2;opacity:1} #contact .field select option{background:#10243d;color:#eef7ff} #contact .field input:focus,#contact .field textarea:focus,#contact .field select:focus,#contact .contact-grid select:focus{background:rgba(255,255,255,.095);border-color:rgba(91,181,255,.55);box-shadow:0 0 0 4px rgba(36,107,255,.13),inset 0 1px 0 rgba(255,255,255,.08)} #contact .btn-blue{box-shadow:0 15px 34px rgba(36,107,255,.30)} .process-card{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 88% 8%,rgba(69,215,255,.12),transparent 28%),linear-gradient(145deg,#0b355b 0%,#0b2d52 52%,#071b33 100%);border:1px solid rgba(120,194,255,.24);color:#fff;box-shadow:0 24px 60px rgba(4,24,50,.20),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .35s ease} .process-card::before{content:"";position:absolute;top:-35%;bottom:-35%;left:-42%;width:26%;z-index:0;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.025) 18%,rgba(255,255,255,.18) 46%,rgba(91,204,255,.22) 55%,rgba(255,255,255,.045) 76%,transparent 100%);filter:blur(.25px);opacity:0;animation:ttsProcessGlossWave 6.2s cubic-bezier(.42,.08,.58,.92) infinite} .process-card::after{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(79,190,255,.16),transparent 55%);opacity:.45;transition:opacity .35s ease} .process-card>*{position:relative;z-index:1} @keyframes ttsProcessGlossWave{0%,12%{left:-42%;opacity:0} 20%{opacity:.58} 48%{opacity:.78} 72%{opacity:.58} 90%,100%{left:125%;opacity:0}} .process-card:hover{transform:translateY(-6px);border-color:rgba(91,203,255,.55);box-shadow:0 30px 78px rgba(4,24,50,.30),0 0 34px rgba(36,150,255,.16),0 0 70px rgba(69,215,255,.09),inset 0 1px 0 rgba(255,255,255,.16)} .process-card:hover::after{opacity:.9} .process-card>.step{color:rgba(196,224,246,.72)} .process-card .process-icon{background:rgba(71,178,245,.10);border:1px solid rgba(91,203,255,.30);color:#59caff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(36,150,255,.08)} .process-card h3{color:#f7fbff} .process-card p{color:#a9c2da} .home-page .hero{position:relative;overflow:hidden} .home-page .hero-inner{position:relative} .home-page .hero-inner::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-38%;width:20%;z-index:-1;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 28%,rgba(112,224,255,.22) 50%,rgba(255,255,255,.055) 72%,transparent);opacity:.55;animation:ttsHomeHeroWave 8.5s cubic-bezier(.42,.08,.58,.92) infinite} @keyframes ttsHomeHeroWave{0%,10%{left:-38%;opacity:0}22%{opacity:.5}52%{opacity:.72}78%{opacity:.45}100%{left:128%;opacity:0}} .home-page .trust-row{gap:14px} .home-page .trust{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(14,54,91,.94),rgba(7,29,54,.94));border:1px solid rgba(117,193,247,.24);color:#f4f9ff;box-shadow:0 22px 55px rgba(4,24,50,.20),inset 0 1px 0 rgba(255,255,255,.10);transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .35s ease} .home-page .trust::before,.home-page .service-card::after,.home-page .faq::before,.home-page .brand-panel::before,.home-page .map-card::before{content:"";position:absolute;top:-40%;bottom:-40%;left:-42%;width:22%;transform:skewX(-18deg);pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04) 24%,rgba(91,203,255,.22) 50%,rgba(255,255,255,.045) 74%,transparent);opacity:0;animation:ttsHomeCardWave 7.2s cubic-bezier(.42,.08,.58,.92) infinite} .home-page .trust:nth-child(2)::before,.home-page .service-card:nth-child(2)::after,.home-page .faq:nth-child(2)::before{animation-delay:1.2s} .home-page .trust:nth-child(3)::before,.home-page .service-card:nth-child(3)::after,.home-page .faq:nth-child(3)::before{animation-delay:2.4s} .home-page .trust:nth-child(4)::before,.home-page .service-card:nth-child(4)::after,.home-page .faq:nth-child(4)::before{animation-delay:3.6s} @keyframes ttsHomeCardWave{0%,13%{left:-42%;opacity:0}23%{opacity:.48}50%{opacity:.7}76%{opacity:.42}100%{left:130%;opacity:0}} .home-page .trust>*{position:relative;z-index:1} .home-page .trust strong{color:#f7fbff} .home-page .trust span{color:#a9c5de} .home-page .trust:hover{transform:translateY(-5px);border-color:rgba(91,203,255,.48);box-shadow:0 28px 68px rgba(4,24,50,.28),0 0 28px rgba(36,150,255,.11),inset 0 1px 0 rgba(255,255,255,.14)} .home-page #products.section.alt{background:radial-gradient(circle at 8% 12%,rgba(69,215,255,.10),transparent 25%),linear-gradient(180deg,#edf4fb 0%,#e8f0f8 100%)} .home-page #products .section-head .kicker,.home-page .section-head .kicker{color:var(--blue)} .home-page #products .product-card,.home-page .sold-product-card{position:relative;isolation:isolate;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .35s ease} .home-page #products .product-card::after,.home-page .sold-product-card::after{content:"";position:absolute;left:-48%;top:-20%;bottom:-20%;width:22%;z-index:3;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(69,215,255,.13),rgba(255,255,255,.06),transparent);opacity:0;animation:ttsHomeProductWave 8.8s ease-in-out infinite} @keyframes ttsHomeProductWave{0%,18%{left:-48%;opacity:0}30%{opacity:.32}53%{opacity:.52}74%{opacity:.28}100%{left:132%;opacity:0}} .home-page #products .product-card:nth-child(2)::after,.home-page .sold-product-card:nth-child(2)::after{animation-delay:1.5s} .home-page #products .product-card:nth-child(3)::after,.home-page .sold-product-card:nth-child(3)::after{animation-delay:3s} .home-page #products .product-card:nth-child(4)::after,.home-page .sold-product-card:nth-child(4)::after{animation-delay:4.5s} .home-page #products .product-card:hover,.home-page .sold-product-card:hover{border-color:rgba(91,181,255,.34);box-shadow:0 30px 82px rgba(7,25,52,.17),0 0 24px rgba(36,150,255,.07)} .home-page #services{background:linear-gradient(180deg,#071b33 0%,#0a2b50 100%);color:#fff;position:relative;overflow:hidden} .home-page #services::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(69,215,255,.10),transparent 24%),radial-gradient(circle at 88% 78%,rgba(36,107,255,.16),transparent 28%)} .home-page #services .container{position:relative;z-index:1} .home-page #services .section-head p{color:#a9c2da} .home-page #services .service-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#0e3a62 0%,#0b2d52 55%,#071c35 100%);border:1px solid rgba(120,194,255,.24);color:#fff;box-shadow:0 24px 60px rgba(3,18,37,.26),inset 0 1px 0 rgba(255,255,255,.10);transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .35s ease} .home-page #services .service-card::before{width:190px;height:190px;right:-105px;bottom:-105px;background:radial-gradient(circle,rgba(69,215,255,.14),transparent 68%);z-index:0} .home-page #services .service-card>*{position:relative;z-index:1} .home-page #services .service-card:hover{transform:translateY(-8px);border-color:rgba(91,203,255,.56);box-shadow:0 32px 78px rgba(3,18,37,.34),0 0 36px rgba(36,150,255,.15),0 0 72px rgba(69,215,255,.07),inset 0 1px 0 rgba(255,255,255,.16)} .home-page #services .service-card .icon{background:rgba(71,178,245,.10);border:1px solid rgba(91,203,255,.30);color:#59caff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(36,150,255,.08)} .home-page #services .service-card h3{color:#f7fbff} .home-page #services .service-card p{color:#a9c2da} .home-page #services .service-card .arrow{color:#63cfff} .home-page #process{background:linear-gradient(180deg,#f4f8fc 0%,#eaf1f8 100%);position:relative} .home-page #process .section-head p{color:#6d7f95} .home-page #process .capability-strip span{position:relative;overflow:hidden;background:rgba(255,255,255,.58);border-color:rgba(115,166,207,.28);color:#4e6680;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)} .home-page #process .capability-strip span:hover{background:rgba(230,247,255,.78);border-color:rgba(91,181,255,.42);color:#1557a8} .home-page #faq{background:linear-gradient(180deg,#071b33 0%,#0a2b50 100%);color:#fff;position:relative;overflow:hidden} .home-page #faq::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 12%,rgba(69,215,255,.11),transparent 25%)} .home-page #faq .container{position:relative;z-index:1} .home-page #faq .section-head p{color:#a9c2da} .home-page #faq .faq{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#0e3a62 0%,#0b2d52 55%,#071c35 100%);border:1px solid rgba(120,194,255,.22);color:#fff;box-shadow:0 20px 52px rgba(3,18,37,.24),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease} .home-page #faq .faq>*{position:relative;z-index:1} .home-page #faq .faq:hover,.home-page #faq .faq[open]{transform:translateY(-3px);border-color:rgba(91,203,255,.46);box-shadow:0 27px 64px rgba(3,18,37,.30),0 0 28px rgba(36,150,255,.10),inset 0 1px 0 rgba(255,255,255,.13)} .home-page #faq .faq summary{color:#f5faff} .home-page #faq .faq summary:after{color:#63cfff} .home-page #faq .faq p{color:#a9c2da} .home-page .cta-panel::before{content:"";position:absolute;top:-55%;bottom:-55%;left:-45%;width:20%;transform:skewX(-18deg);pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(91,203,255,.20),rgba(255,255,255,.05),transparent);opacity:0;animation:ttsHomeCtaWave 7.5s ease-in-out infinite} @keyframes ttsHomeCtaWave{0%,15%{left:-45%;opacity:0}27%{opacity:.42}53%{opacity:.65}78%{opacity:.36}100%{left:130%;opacity:0}} .home-page .cta-panel>*{position:relative;z-index:2} .home-page .cta-panel:hover{box-shadow:0 38px 100px rgba(7,25,52,.25),0 0 38px rgba(36,150,255,.10)} .home-page .section.dark{position:relative;overflow:hidden;background:linear-gradient(125deg,#061426 0%,#092744 54%,#0b4d91 100%)} .home-page .section.dark::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 20%,rgba(69,215,255,.12),transparent 25%)} .home-page .section.dark .container{position:relative;z-index:1} .home-page .brand-panel{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#0e3a62,#071b33);border-color:rgba(120,194,255,.24)} .home-page .brand-panel>*{position:relative;z-index:1} .home-page .brand-panel:hover{border-color:rgba(91,203,255,.52);box-shadow:0 40px 100px rgba(0,0,0,.34),0 0 35px rgba(36,150,255,.12)} .home-page #visit-store .map-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#0e3a62,#071b33);border:1px solid rgba(120,194,255,.22)} .home-page #visit-store .map-card>*{position:relative;z-index:1} .home-page #visit-store .map-card:hover{border-color:rgba(91,203,255,.50);box-shadow:0 38px 92px rgba(4,18,38,.30),0 0 32px rgba(36,150,255,.10)} .home-page #contact{position:relative;overflow:hidden;background:linear-gradient(180deg,#eaf1f8 0%,#eef4fa 100%)} .home-page #contact::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(69,215,255,.08),transparent 24%),radial-gradient(circle at 86% 78%,rgba(36,107,255,.08),transparent 28%)} .home-page #contact .container{position:relative;z-index:1} @media(prefers-reduced-motion:reduce){.home-page .hero-inner::before,.home-page .trust::before,.home-page .service-card::after,.home-page .faq::before,.home-page .brand-panel::before,.home-page .map-card::before,.home-page #products .product-card::after,.home-page .sold-product-card::after,.home-page .cta-panel::before{animation:none!important;opacity:0!important}} .home-page .products-grid .product-card .product-body{display:flex;flex-direction:column;min-height:0} .home-page .products-grid .product-card .price-row{margin-top:auto;min-height:58px;align-items:center;padding-top:14px} .home-page .products-grid .product-card .mini-btn{flex:0 0 auto;align-self:center;white-space:nowrap} .home-page .sold-portfolio-section .products-grid .sold-product-card .product-body{display:flex;flex-direction:column;min-height:0} .home-page .sold-portfolio-section .sold-product-card .sold-price-row{margin-top:auto;min-height:62px;align-items:center;padding-top:14px} .home-page .sold-portfolio-section .sold-product-card .sold-view{align-self:center;white-space:nowrap} .home-page .products-grid .product-card .product-body>p{margin-bottom:0} .home-page .products-grid .product-card{display:flex;flex-direction:column;height:100%} .home-page .products-grid .product-card .product-body{flex:1 1 auto;display:flex;flex-direction:column} .home-page .products-grid .product-card .price-row{margin-top:auto;min-height:58px;align-items:flex-end;padding-top:14px} .home-page .products-grid .product-card .offer-price-wrap{align-items:flex-end} .home-page .products-grid .product-card .mini-btn{align-self:flex-end;margin-bottom:0} .home-page .sold-portfolio-section .sold-product-card{display:flex;flex-direction:column;height:100%} .home-page .sold-portfolio-section .sold-product-card .product-body{flex:1 1 auto;display:flex;flex-direction:column} .home-page .sold-portfolio-section .sold-product-card .sold-price-row{margin-top:auto;min-height:62px;align-items:flex-end;padding-top:14px} .home-page .sold-portfolio-section .sold-product-card .sold-view{align-self:flex-end;margin-bottom:0} .power-page{background:#f4f8fd} .power-page .power-hero{min-height:680px;background:radial-gradient(circle at 82% 18%,rgba(69,215,255,.24),transparent 25%),radial-gradient(circle at 16% 78%,rgba(36,107,255,.20),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 43%,#0b4d91 72%,#0869dc 100%)} .power-page .power-hero:after{opacity:.2} .power-hero-wave{position:absolute;inset:-20% -10%;pointer-events:none;opacity:.65;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.02) 34%,rgba(255,255,255,.20) 42%,rgba(69,215,255,.12) 47%,rgba(255,255,255,.025) 53%,transparent 66%);transform:skewX(-12deg);animation:powerHeroWave 8s ease-in-out infinite} @keyframes powerHeroWave{0%,12%{transform:translateX(-62%) skewX(-12deg);opacity:0}25%{opacity:.55}55%{opacity:.75}78%{opacity:.45}100%{transform:translateX(62%) skewX(-12deg);opacity:0}} .power-hero-inner{padding:105px 0 80px;max-width:1040px} .power-hero h1{max-width:900px;font-size:clamp(3.1rem,6.4vw,6.1rem);margin:22px 0 25px} .power-hero-copy{max-width:760px;color:#c7d8ea;font-size:1.1rem} .power-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px;max-width:980px} .power-hero-metrics>div{position:relative;overflow:hidden;padding:18px 20px;border:1px solid rgba(142,211,255,.20);border-radius:18px;background:rgba(6,25,48,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)} .power-hero-metrics>div:after,.power-glass-card:before,.power-benefit:before,.power-process-card:before,.power-faq-item:before{content:"";position:absolute;top:-25%;bottom:-25%;left:-45%;width:24%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),rgba(69,215,255,.15),transparent);animation:powerCardWave 7s cubic-bezier(.42,.08,.58,.92) infinite;pointer-events:none;opacity:0} .power-hero-metrics>div:nth-child(2):after,.power-glass-card:nth-child(2):before,.power-benefit:nth-child(2):before,.power-process-card:nth-child(2):before,.power-faq-item:nth-child(2):before{animation-delay:1.3s}.power-hero-metrics>div:nth-child(3):after,.power-glass-card:nth-child(3):before,.power-benefit:nth-child(3):before,.power-process-card:nth-child(3):before,.power-faq-item:nth-child(3):before{animation-delay:2.6s} @keyframes powerCardWave{0%,12%{left:-45%;opacity:0}25%{opacity:.38}52%{opacity:.58}78%{opacity:.28}92%,100%{left:128%;opacity:0}} .power-hero-metrics strong{display:block;color:#fff;font-size:.86rem}.power-hero-metrics span{display:block;color:#9eb9d4;font-size:.76rem;margin-top:3px} .power-page .section{position:relative}.power-intro{background:radial-gradient(circle at 10% 20%,rgba(36,107,255,.08),transparent 28%),#f4f8fd} .power-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .power-glass-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:405px;padding:29px;border-radius:25px;color:#eef8ff;background:linear-gradient(145deg,#0b3b68 0%,#0a2e55 55%,#071d37 100%);border:1px solid rgba(107,198,255,.26);box-shadow:0 24px 65px rgba(5,31,61,.18),inset 0 1px 0 rgba(255,255,255,.11);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease} .power-glass-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 86% 5%,rgba(69,215,255,.16),transparent 28%);pointer-events:none} .power-glass-card>*{position:relative;z-index:1}.power-glass-card:before{z-index:2}.power-glass-card:hover{transform:translateY(-8px);border-color:rgba(86,205,255,.60);box-shadow:0 34px 85px rgba(5,31,61,.28),0 0 34px rgba(36,150,255,.16),inset 0 1px 0 rgba(255,255,255,.17)} .power-card-top{display:flex;justify-content:space-between;align-items:center}.power-card-top>span{font-size:.7rem;font-weight:950;letter-spacing:.14em;color:#8eacc9}.power-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#58d0ff;font-size:1.35rem;background:rgba(69,183,255,.09);border:1px solid rgba(92,204,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 24px rgba(36,150,255,.08)} .power-glass-card h3{font-size:1.28rem;margin:22px 0 8px;letter-spacing:-.02em}.power-glass-card p{color:#a9c4dd;font-size:.9rem}.power-glass-card ul{list-style:none;margin:20px 0 0;display:grid;gap:9px}.power-glass-card li{color:#d2e4f4;font-size:.8rem;font-weight:750}.power-glass-card li:before{content:'✓';color:#52d0ff;margin-right:9px}.power-arrow{margin-top:auto;padding-top:22px;color:#58d0ff;font-weight:900;font-size:.82rem} .power-dark-section{background:linear-gradient(120deg,#061426,#09294d 58%,#0a4e91);color:#fff;overflow:hidden}.power-split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px}.power-kicker{color:#59caff}.power-copy h2{font-size:clamp(2.2rem,4.3vw,3.7rem);line-height:1.02;letter-spacing:-.045em;margin:10px 0 17px}.power-copy>p{color:#adc4da;max-width:680px}.power-checks{display:grid;gap:12px;margin-top:30px}.power-checks>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;position:relative;padding:13px 15px;border:1px solid rgba(120,194,255,.15);border-radius:16px;background:rgba(255,255,255,.045)}.power-checks span{grid-row:1/3;color:#58d0ff;font-weight:950;font-size:.72rem;padding-top:3px}.power-checks b{font-size:.84rem}.power-checks small{color:#8faec9;font-size:.74rem}.power-orb{position:relative;min-height:440px;display:grid;place-items:center}.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(91,204,255,.25);box-shadow:0 0 40px rgba(36,150,255,.08)}.ring-one{width:330px;height:330px;animation:orbSpin 16s linear infinite}.ring-two{width:240px;height:240px;border-color:rgba(255,255,255,.18);animation:orbSpin 11s linear infinite reverse}.orb-ring:after{content:"";position:absolute;width:9px;height:9px;right:9%;top:20%;border-radius:50%;background:#5ad5ff;box-shadow:0 0 22px #45d7ff}.ring-two:after{left:8%;right:auto;top:72%;background:#fff}.orb-core{width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,rgba(69,215,255,.28),rgba(6,28,54,.92) 65%);border:1px solid rgba(106,211,255,.38);box-shadow:0 0 65px rgba(36,150,255,.18),inset 0 1px 0 rgba(255,255,255,.15);text-align:center}.orb-core span{font-size:.6rem;letter-spacing:.2em;color:#8fb8d6;font-weight:900}.orb-core strong{font-size:1.1rem;letter-spacing:.12em}.orb-core small{font-size:.63rem;color:#9eb8ce;margin-top:5px}.orb-chip{position:absolute;padding:7px 11px;border-radius:999px;font-size:.62rem;font-weight:950;letter-spacing:.1em;color:#bfeaff;background:rgba(48,146,211,.10);border:1px solid rgba(91,203,255,.24);box-shadow:0 0 24px rgba(36,150,255,.08)}.chip-one{top:17%;left:4%}.chip-two{right:1%;top:29%}.chip-three{bottom:18%;left:16%}@keyframes orbSpin{to{transform:rotate(360deg)}} .power-benefits{background:linear-gradient(180deg,#f4f8fd,#eaf2fa)}.power-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.power-benefit{position:relative;overflow:hidden;min-height:220px;padding:24px;border-radius:22px;background:linear-gradient(145deg,#0b3b68,#092b4e 70%,#071d37);border:1px solid rgba(105,195,255,.22);box-shadow:0 22px 55px rgba(7,31,58,.15);color:#fff;transition:.3s}.power-benefit:hover{transform:translateY(-6px);border-color:rgba(88,205,255,.55);box-shadow:0 28px 70px rgba(7,31,58,.23),0 0 30px rgba(36,150,255,.13)}.power-benefit>*{position:relative;z-index:1}.power-benefit span{color:#58d0ff;font-size:.68rem;font-weight:950;letter-spacing:.16em}.power-benefit h3{margin:34px 0 7px;font-size:1.08rem}.power-benefit p{color:#a8c2d9;font-size:.82rem} .power-process{background:#f4f8fd}.power-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.power-process-card{position:relative;overflow:hidden;min-height:230px;padding:24px;border-radius:22px;background:linear-gradient(145deg,#0b3b68,#092b4e 70%,#071d37);border:1px solid rgba(105,195,255,.22);color:#fff;box-shadow:0 22px 55px rgba(7,31,58,.14);transition:.3s}.power-process-card:hover{transform:translateY(-6px);border-color:rgba(88,205,255,.55);box-shadow:0 28px 70px rgba(7,31,58,.22),0 0 30px rgba(36,150,255,.13)}.power-process-card>*{position:relative;z-index:1}.process-number{color:#58d0ff;font-size:.7rem;font-weight:950;letter-spacing:.16em}.power-process-card h3{font-size:1.18rem;margin:32px 0 8px}.power-process-card p{color:#a8c2d9;font-size:.82rem}.power-process-card>span{display:inline-flex;margin-top:18px;padding:6px 9px;border-radius:999px;background:rgba(91,203,255,.08);border:1px solid rgba(91,203,255,.18);color:#b9dcf2;font-size:.64rem;font-weight:850} .power-faq{background:radial-gradient(circle at 90% 15%,rgba(36,107,255,.07),transparent 25%),#edf4fa}.power-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.power-faq-item{position:relative;overflow:hidden;border:1px solid rgba(105,195,255,.20);border-radius:20px;background:linear-gradient(145deg,#0b3b68,#092b4e 70%,#071d37);color:#fff;box-shadow:0 18px 50px rgba(7,31,58,.12)}.power-faq-item summary{position:relative;z-index:1;cursor:pointer;padding:22px 24px;font-weight:900;list-style:none}.power-faq-item summary::-webkit-details-marker{display:none}.power-faq-item summary:after{content:'+';float:right;color:#58d0ff;font-size:1.2rem}.power-faq-item[open] summary:after{content:'−'}.power-faq-item p{position:relative;z-index:1;padding:0 24px 23px;color:#a8c2d9;font-size:.82rem}.power-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#061426,#09294d 58%,#0a63cf)}.power-cta:before{content:"";position:absolute;top:-30%;bottom:-30%;left:-30%;width:18%;transform:skewX(-16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(69,215,255,.16),transparent);animation:powerCtaWave 8s ease-in-out infinite;opacity:0}@keyframes powerCtaWave{0%,15%{left:-30%;opacity:0}30%{opacity:.45}58%{opacity:.65}86%,100%{left:125%;opacity:0}}.power-cta>*{position:relative;z-index:1}.power-cta-kicker{color:#58d0ff;margin-bottom:8px}.power-cta p{max-width:700px} @media (max-width:980px){.power-service-grid,.power-benefit-grid,.power-process-grid{grid-template-columns:repeat(2,1fr)}.power-split{grid-template-columns:1fr;gap:30px}.power-orb{min-height:360px}.power-hero-metrics{grid-template-columns:1fr}.power-faq-grid{grid-template-columns:1fr}} @media (max-width:640px){.power-page .power-hero{min-height:auto}.power-hero-inner{padding:80px 0 60px}.power-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.power-hero-copy{font-size:.96rem}.power-service-grid,.power-benefit-grid,.power-process-grid{grid-template-columns:1fr}.power-glass-card{min-height:370px}.power-copy h2{font-size:2.25rem}.ring-one{width:280px;height:280px}.ring-two{width:205px;height:205px}.orb-core{width:145px;height:145px}.chip-one{left:0}.chip-two{right:0}.chip-three{left:7%}.power-cta .cta-row{align-items:flex-start;flex-direction:column}} @media (prefers-reduced-motion:reduce){.power-hero-wave,.power-hero-metrics>div:after,.power-glass-card:before,.power-benefit:before,.power-process-card:before,.power-faq-item:before,.power-cta:before,.ring-one,.ring-two{animation:none!important}} .webit-faq{position:relative;overflow:hidden;margin-bottom:64px;padding:100px 0;background:radial-gradient(circle at 8% 18%,rgba(45,150,255,.10),transparent 30%),radial-gradient(circle at 92% 82%,rgba(69,215,255,.08),transparent 28%),linear-gradient(180deg,#071a31 0%,#061426 100%);color:#fff} .webit-faq::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-34%;width:24%;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(79,190,255,.18),rgba(255,255,255,.04),transparent);opacity:.5;animation:webitFaqWave 8s ease-in-out infinite} @keyframes webitFaqWave{0%,12%{left:-34%;opacity:0} 22%{opacity:.45} 50%{opacity:.65} 76%{opacity:.45} 92%,100%{left:125%;opacity:0}} .webit-faq .section-head{position:relative;z-index:1;max-width:820px;margin:0 auto 42px;text-align:center} .webit-faq .section-head h2{color:#f7fbff} .webit-faq .section-head p{color:#9eb8d2} .webit-faq-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px} .webit-faq-item{position:relative;overflow:hidden;border:1px solid rgba(111,195,255,.20);border-radius:20px;background:linear-gradient(145deg,rgba(17,57,91,.82),rgba(6,30,54,.92));box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease} .webit-faq-item::after{content:"";position:absolute;top:-50%;bottom:-50%;left:-48%;width:22%;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),rgba(73,201,255,.16),transparent);opacity:0} .webit-faq-item:hover{transform:translateY(-4px);border-color:rgba(88,203,255,.46);box-shadow:0 24px 58px rgba(0,0,0,.24),0 0 32px rgba(42,160,255,.12),inset 0 1px 0 rgba(255,255,255,.12)} .webit-faq-item:hover::after{opacity:.8;animation:webitFaqItemWave 1.7s ease-out} @keyframes webitFaqItemWave{0%{left:-48%} 100%{left:128%}} .webit-faq-item summary{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;cursor:pointer;list-style:none;font-weight:800;color:#f4f9ff} .webit-faq-item summary::-webkit-details-marker{display:none} .webit-faq-item summary b{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#59ccff;background:rgba(74,185,255,.10);border:1px solid rgba(91,203,255,.25);font-size:20px;line-height:1;transition:transform .3s ease,background .3s ease} .webit-faq-item[open] summary b{transform:rotate(45deg);background:rgba(74,185,255,.17)} .webit-faq-answer{position:relative;z-index:1;padding:0 24px 23px} .webit-faq-answer p{margin:0;color:#a9c2da;line-height:1.8;max-width:720px} .webit-faq-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px;color:#9eb8d2} @media (max-width:760px){.webit-faq{padding:76px 0;margin-bottom:40px} .webit-faq-grid{grid-template-columns:1fr} .webit-faq-bottom{flex-direction:column;text-align:center}} @media (prefers-reduced-motion:reduce){.webit-faq::before,.webit-faq-item:hover::after{animation:none!important} .webit-faq-item{transition:none}} .home-page .hero{position:relative;overflow:hidden} .home-page .hero::after{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-190px;border-radius:50%;border:1px solid rgba(76,197,255,.12);box-shadow:0 0 0 28px rgba(76,197,255,.025),0 0 0 58px rgba(76,197,255,.018);pointer-events:none;animation:ttsHomeOrbit 9s linear infinite} .home-page .hero-card{position:relative;overflow:hidden} .home-page .hero-card::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-45%;width:22%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),rgba(83,205,255,.20),rgba(255,255,255,.04),transparent);animation:ttsHomeCardSweep 7s ease-in-out infinite;opacity:.55} .home-page .quick{position:relative;overflow:hidden} .home-page .quick::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.10) 48%,transparent 66%);transform:translateX(-120%);animation:ttsQuickShimmer 6.5s ease-in-out infinite;pointer-events:none} .home-page .services-grid .service-card{position:relative;overflow:hidden} .home-page .services-grid .service-card::before{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-90px;border-radius:50%;border:1px solid rgba(75,200,255,.13);box-shadow:0 0 32px rgba(48,169,255,.08);animation:ttsServicePulse 4.8s ease-in-out infinite;pointer-events:none} .home-page .services-grid .service-card:nth-child(2)::before{animation-delay:.8s} .home-page .services-grid .service-card:nth-child(3)::before{animation:ttsPowerPulse 2.8s ease-in-out infinite;border-color:rgba(72,211,255,.22)} .home-page .services-grid .service-card:nth-child(4)::before{animation-delay:1.6s} .home-page .services-grid .service-card:nth-child(3) .icon{animation:ttsPowerIcon 2.2s ease-in-out infinite;box-shadow:0 0 0 rgba(69,203,255,0)} .home-page .services-grid .service-card>*{position:relative;z-index:1} .home-page .process-card .process-icon{transition:transform .35s ease,box-shadow .35s ease} .home-page .process-card:hover .process-icon{transform:translateY(-2px) rotate(-4deg);box-shadow:0 0 26px rgba(58,190,255,.18)} @keyframes ttsHomeOrbit{from{transform:rotate(0deg)} to{transform:rotate(360deg)}} @keyframes ttsHomeCardSweep{0%,12%{left:-45%;opacity:0} 22%{opacity:.55} 50%{left:125%;opacity:.62} 68%,100%{left:125%;opacity:0}} @keyframes ttsQuickShimmer{0%,18%{transform:translateX(-120%)} 48%,62%{transform:translateX(120%)} 100%{transform:translateX(120%)}} @keyframes ttsServicePulse{0%,100%{transform:scale(.82);opacity:.35} 50%{transform:scale(1.08);opacity:.75}} @keyframes ttsPowerPulse{0%,100%{transform:scale(.72);opacity:.25} 50%{transform:scale(1.18);opacity:.9}} @keyframes ttsPowerIcon{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(69,203,255,0))} 45%{transform:scale(1.06);filter:drop-shadow(0 0 12px rgba(69,203,255,.40))} 60%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(69,203,255,.18))}} body:not(.home-page) .webit-intro,body:not(.home-page) .webit-maint,body:not(.home-page) .webit-process,body:not(.home-page) .webit-faq{position:relative} .webit-intro::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,201,255,.55),transparent);transform:translateX(-100%);animation:ttsDigitalScan 8s ease-in-out infinite;pointer-events:none} .webit-feature,.webit-cap{position:relative;overflow:hidden} .webit-feature::after,.webit-cap::after{content:"";position:absolute;top:-50%;bottom:-50%;left:-48%;width:18%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),rgba(79,201,255,.14),transparent);opacity:0;pointer-events:none} .webit-feature:hover::after,.webit-cap:hover::after{opacity:1;animation:ttsFeatureSweep 1.8s ease-out} .webit-dashboard{position:relative;overflow:hidden} .webit-dashboard::before{content:"";position:absolute;left:0;right:0;height:2px;top:-5%;background:linear-gradient(90deg,transparent,rgba(77,204,255,.75),transparent);box-shadow:0 0 18px rgba(77,204,255,.28);animation:ttsDashboardScan 5.5s ease-in-out infinite;pointer-events:none} .webit-bar{transform-origin:left center;animation:ttsBarGrow 1.8s cubic-bezier(.2,.8,.2,1) both} .webit-bar:nth-child(2){animation-delay:.18s} .webit-bar:nth-child(3){animation-delay:.36s} .webit-bar:nth-child(4){animation-delay:.54s} .webit-status span{position:relative} .webit-status span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#55d5ff;box-shadow:0 0 10px rgba(85,213,255,.55);animation:ttsStatusPulse 2s ease-in-out infinite;vertical-align:middle} .webit-status div:nth-child(2) span::before{animation-delay:.45s} .webit-status div:nth-child(3) span::before{animation-delay:.9s} .webit-window{position:relative} .webit-window::after{content:"";position:absolute;top:0;left:-35%;width:20%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(79,201,255,.13),transparent);animation:ttsWindowSweep 7s ease-in-out infinite;pointer-events:none} .webit-process-card{position:relative} .webit-process-card .webit-process-no{transition:letter-spacing .35s ease,text-shadow .35s ease} .webit-process-card:hover .webit-process-no{letter-spacing:.14em;text-shadow:0 0 16px rgba(84,203,255,.24)} .webit-cta-panel{position:relative;overflow:hidden} .webit-cta-panel::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-35%;width:18%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(79,201,255,.18),transparent);animation:ttsCtaSweep 8s ease-in-out infinite;pointer-events:none} .webit-cta-panel>*{position:relative;z-index:1} @keyframes ttsDigitalScan{0%,15%{transform:translateX(-100%);opacity:0} 25%{opacity:.8} 55%{transform:translateX(100%);opacity:.45} 70%,100%{transform:translateX(100%);opacity:0}} @keyframes ttsFeatureSweep{0%{left:-48%} 100%{left:125%}} @keyframes ttsDashboardScan{0%,12%{top:-5%;opacity:0} 22%{opacity:.9} 70%{top:105%;opacity:.55} 84%,100%{top:105%;opacity:0}} @keyframes ttsBarGrow{from{transform:scaleX(0);opacity:.35} to{transform:scaleX(1);opacity:1}} @keyframes ttsStatusPulse{0%,100%{transform:scale(.8);opacity:.55} 50%{transform:scale(1.25);opacity:1}} @keyframes ttsWindowSweep{0%,16%{left:-35%;opacity:0} 28%{opacity:.55} 54%{left:125%;opacity:.65} 72%,100%{left:125%;opacity:0}} @keyframes ttsCtaSweep{0%,15%{left:-35%;opacity:0} 25%{opacity:.55} 55%{left:125%;opacity:.7} 72%,100%{left:125%;opacity:0}} @media (prefers-reduced-motion:reduce){.home-page .hero::after,.home-page .hero-card::after,.home-page .quick::after,.home-page .services-grid .service-card::before,.home-page .services-grid .service-card:nth-child(3) .icon,.webit-intro::after,.webit-feature:hover::after,.webit-cap:hover::after,.webit-dashboard::before,.webit-bar,.webit-status span::before,.webit-window::after,.webit-cta-panel::after{animation:none!important}} .home-page .hero-card{padding-top:22px} .tts-home-visual{position:relative;height:220px;margin:-4px -2px 20px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(66,191,255,.15),transparent 30%),linear-gradient(145deg,rgba(8,48,83,.94),rgba(4,25,49,.98));border:1px solid rgba(103,201,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(2,20,42,.16)} .tts-home-visual::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0deg,rgba(64,201,255,.11) 48deg,transparent 92deg,rgba(255,255,255,.05) 180deg,transparent 225deg);animation:ttsHomeSceneSpin 14s linear infinite} .tts-home-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(78,195,255,.18)} .tts-home-ring.ring-a{width:116px;height:116px;animation:ttsHomeRing 4.8s ease-in-out infinite} .tts-home-ring.ring-b{width:166px;height:166px;animation:ttsHomeRing 5.8s ease-in-out infinite reverse} .tts-home-ring.ring-c{width:210px;height:210px;border-color:rgba(78,195,255,.11);animation:ttsHomeRing 7s ease-in-out infinite} .tts-home-core{position:absolute;left:50%;top:50%;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#155b87,#061b34 72%);border:1px solid rgba(100,210,255,.45);box-shadow:0 0 28px rgba(56,187,255,.16),inset 0 1px 0 rgba(255,255,255,.13);z-index:2} .tts-home-core span{font-size:7px;letter-spacing:.18em;color:#7dd9ff;font-weight:800} .tts-home-core strong{font-size:15px;letter-spacing:.06em;color:#fff} .tts-home-core small{font-size:6px;letter-spacing:.12em;color:#9fc2da} .tts-home-node{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(10,57,91,.72);border:1px solid rgba(91,202,255,.28);color:#dff5ff;box-shadow:0 0 18px rgba(43,173,255,.08);font-size:7px;letter-spacing:.08em;font-weight:800;backdrop-filter:blur(4px)} .tts-home-node i{font-style:normal;color:#58ceff;font-size:12px} .tts-home-node.node-computer{left:13px;top:36px;animation:ttsHomeFloat1 4s ease-in-out infinite} .tts-home-node.node-web{right:12px;top:42px;animation:ttsHomeFloat2 4.5s ease-in-out infinite} .tts-home-node.node-power{left:25px;bottom:28px;animation:ttsHomeFloat2 5s ease-in-out infinite} .tts-home-node.node-security{right:17px;bottom:25px;animation:ttsHomeFloat1 4.6s ease-in-out infinite} .tts-home-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#59d6ff;box-shadow:0 0 15px rgba(89,214,255,.85);z-index:4} .tts-home-dot.dot-a{left:28%;top:18%;animation:ttsHomeDot 3.4s ease-in-out infinite} .tts-home-dot.dot-b{right:27%;bottom:19%;animation:ttsHomeDot 4.1s ease-in-out infinite .6s} .tts-home-dot.dot-c{left:68%;top:76%;animation:ttsHomeDot 3.7s ease-in-out infinite 1s} @keyframes ttsHomeSceneSpin{to{transform:rotate(360deg)}} @keyframes ttsHomeRing{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.65}50%{transform:translate(-50%,-50%) scale(1.04);opacity:1}} @keyframes ttsHomeFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes ttsHomeFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}} @keyframes ttsHomeDot{0%,100%{transform:scale(.7);opacity:.45}50%{transform:scale(1.45);opacity:1}} .webit-hero-visual{position:relative;width:min(650px,100%);height:270px;margin:42px auto 0} .webit-browser{position:absolute;left:50%;top:50%;width:min(560px,90%);height:210px;transform:translate(-50%,-50%);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(10,42,70,.96),rgba(4,22,42,.98));border:1px solid rgba(104,205,255,.28);box-shadow:0 28px 70px rgba(0,0,0,.22),0 0 38px rgba(38,167,255,.08),inset 0 1px 0 rgba(255,255,255,.10)} .webit-browser-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(112,204,255,.12)} .webit-browser-top span{width:6px;height:6px;border-radius:50%;background:rgba(117,214,255,.65)} .webit-browser-top b{margin-left:8px;font-size:7px;letter-spacing:.12em;color:#87b8d7;font-weight:700} .webit-browser-body{display:grid;grid-template-columns:38% 62%;height:142px} .webit-code{padding:20px 16px;border-right:1px solid rgba(112,204,255,.10)} .webit-code i{display:block;height:5px;margin-bottom:10px;border-radius:6px;background:linear-gradient(90deg,rgba(71,200,255,.65),rgba(255,255,255,.08));transform-origin:left;animation:ttsCodeLine 2.8s ease-in-out infinite} .webit-code i:nth-child(2){width:74%;animation-delay:.2s}.webit-code i:nth-child(3){width:88%;animation-delay:.4s}.webit-code i:nth-child(4){width:55%;animation-delay:.6s}.webit-code i:nth-child(5){width:82%;animation-delay:.8s}.webit-code i:nth-child(6){width:63%;animation-delay:1s} .webit-screen{position:relative;padding:18px} .webit-screen-nav{height:7px;width:42%;border-radius:5px;background:#5bd2ff;opacity:.75} .webit-screen-title{height:15px;width:72%;margin-top:15px;border-radius:5px;background:rgba(255,255,255,.78)} .webit-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px} .webit-screen-grid span{height:34px;border-radius:7px;background:linear-gradient(145deg,rgba(73,192,255,.22),rgba(255,255,255,.04));border:1px solid rgba(104,205,255,.16);animation:ttsScreenPulse 3.2s ease-in-out infinite} .webit-screen-grid span:nth-child(2){animation-delay:.4s}.webit-screen-grid span:nth-child(3){animation-delay:.8s} .webit-screen-button{height:9px;width:28%;margin-top:13px;border-radius:5px;background:#277bff;box-shadow:0 0 16px rgba(39,123,255,.28);animation:ttsButtonGlow 2.4s ease-in-out infinite} .webit-cursor{position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid #fff;filter:drop-shadow(0 0 7px rgba(86,207,255,.75));animation:ttsCursorMove 5s ease-in-out infinite} .webit-build{position:absolute;right:14px;bottom:12px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:rgba(7,42,68,.90);border:1px solid rgba(91,203,255,.24);color:#a8c9df;font-size:7px;font-weight:800;letter-spacing:.08em} .webit-build b{display:block;width:48px;height:4px;border-radius:5px;background:rgba(255,255,255,.10);overflow:hidden} .webit-build b::after{content:"";display:block;height:100%;width:84%;border-radius:5px;background:#55ceff;box-shadow:0 0 10px rgba(85,206,255,.35);animation:ttsBuildProgress 3.8s ease-in-out infinite} .webit-build em{font-style:normal;color:#61d2ff} .webit-node{position:absolute;padding:8px 12px;border-radius:999px;background:rgba(9,55,89,.78);border:1px solid rgba(91,203,255,.25);color:#bfeaff;font-size:7px;letter-spacing:.1em;font-weight:800;box-shadow:0 0 20px rgba(42,165,255,.08)} .webit-node.n1{left:0;top:32px;animation:ttsHomeFloat1 4.2s ease-in-out infinite} .webit-node.n2{right:0;top:78px;animation:ttsHomeFloat2 4.8s ease-in-out infinite} .webit-node.n3{left:8%;bottom:12px;animation:ttsHomeFloat2 5.1s ease-in-out infinite} @keyframes ttsCodeLine{0%,100%{opacity:.45;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}} @keyframes ttsScreenPulse{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-3px);opacity:1}} @keyframes ttsButtonGlow{0%,100%{box-shadow:0 0 8px rgba(39,123,255,.18)}50%{box-shadow:0 0 22px rgba(39,123,255,.48)}} @keyframes ttsCursorMove{0%,12%{left:64%;top:55%;opacity:0} 22%{opacity:1} 42%{left:76%;top:68%} 60%{left:52%;top:48%} 78%{left:69%;top:62%;opacity:1} 90%,100%{left:69%;top:62%;opacity:0}} @keyframes ttsBuildProgress{0%,15%{width:18%}55%{width:84%}78%,100%{width:64%}} @media (max-width:760px){.tts-home-visual{height:190px} .tts-home-node{font-size:6px;padding:6px 8px} .tts-home-node i{font-size:10px} .webit-hero-visual{height:225px;margin-top:30px} .webit-browser{height:175px} .webit-browser-body{height:110px} .webit-code{padding:14px 11px} .webit-screen{padding:12px} .webit-screen-title{margin-top:10px} .webit-screen-grid{margin-top:10px} .webit-screen-grid span{height:25px}} @media (prefers-reduced-motion:reduce){.tts-home-visual::before,.tts-home-ring,.tts-home-node,.tts-home-dot,.webit-code i,.webit-screen-grid span,.webit-screen-button,.webit-cursor,.webit-build b::after,.webit-node{animation:none!important}} .home-page .hero-grid{min-height:560px;align-items:center} .home-page .hero-grid>.hero-card{grid-column:2;grid-row:1;z-index:3} .home-page .hero-grid>.reveal:first-child{grid-column:1;grid-row:1;z-index:4} .home-page .hero-grid>.tts-home-visual{position:absolute;right:-2px;top:20px;width:min(500px,43vw);height:245px;margin:0;z-index:2;opacity:.90;transform:none;pointer-events:none} .home-page .hero-grid>.hero-card{margin-top:150px} @media (max-width:1100px){.home-page .hero-grid>.tts-home-visual{right:0;width:44vw;height:220px} .home-page .hero-grid>.hero-card{margin-top:125px}} @media (max-width:900px){.home-page .hero-grid{display:flex;flex-direction:column;min-height:0;align-items:stretch} .home-page .hero-grid>.reveal:first-child{order:1} .home-page .hero-grid>.tts-home-visual{position:relative;order:2;right:auto;top:auto;width:100%;max-width:520px;height:240px;margin:28px auto 0} .home-page .hero-grid>.hero-card{order:3;margin-top:22px}} @media (max-width:760px){.home-page .hero-grid>.tts-home-visual{height:220px}} .power-page .power-hero-inner{position:relative} .power-page .power-hero-inner>.power-hero-metrics{position:relative;z-index:4} .power-flow-visual{position:absolute;z-index:2;right:-10px;top:88px;width:min(610px,48vw);height:300px;pointer-events:none} .power-flow-grid{position:absolute;inset:18px 0 55px;display:grid;grid-template-columns:1fr .52fr 1fr .52fr 1fr .52fr 1fr;align-items:center;gap:0} .power-flow-grid-lines{position:absolute;left:3%;right:3%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(105,210,255,.22) 7%,rgba(105,210,255,.22) 93%,transparent);box-shadow:0 0 18px rgba(69,215,255,.12)} .power-flow-node{position:relative;z-index:2;width:104px;height:104px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(112,211,255,.30);border-radius:26px;background:linear-gradient(145deg,rgba(14,61,99,.90),rgba(4,25,48,.94));box-shadow:0 18px 48px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.12),0 0 30px rgba(41,164,255,.07);backdrop-filter:blur(5px);animation:powerFlowNode 4.5s ease-in-out infinite} .power-flow-node:nth-of-type(2){animation-delay:.25s} .power-flow-node:nth-of-type(3){animation-delay:.5s} .power-flow-node:nth-of-type(4){animation-delay:.75s} .power-flow-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#6edbff;font-size:1.35rem;font-weight:950;background:rgba(69,190,255,.09);border:1px solid rgba(91,207,255,.23);box-shadow:0 0 22px rgba(53,183,255,.10)} .power-flow-node strong{font-size:.58rem;letter-spacing:.12em;color:#f3fbff} .power-flow-node small{font-size:.52rem;color:#9db9d2} .power-flow-battery .power-flow-icon{display:flex;gap:3px} .power-flow-battery .power-flow-icon b{display:block;width:6px;height:17px;border-radius:2px;background:linear-gradient(180deg,#8ce5ff,#2c91dd);box-shadow:0 0 8px rgba(69,215,255,.25);animation:powerBatteryBars 1.8s ease-in-out infinite} .power-flow-battery .power-flow-icon b:nth-child(2){animation-delay:.2s} .power-flow-battery .power-flow-icon b:nth-child(3){animation-delay:.4s} .power-flow-connector{position:relative;height:70px;display:flex;align-items:center;justify-content:center} .power-flow-connector i{position:absolute;left:2%;right:2%;top:50%;height:2px;background:linear-gradient(90deg,rgba(73,199,255,.08),rgba(73,215,255,.65),rgba(73,199,255,.08));box-shadow:0 0 13px rgba(69,215,255,.18);overflow:hidden} .power-flow-connector i:after{content:"";position:absolute;top:-4px;left:-35%;width:35%;height:10px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),rgba(85,220,255,.9),transparent);filter:blur(.2px);animation:powerEnergyPulse 2.4s linear infinite} .power-flow-connector:nth-of-type(4) i:after{animation-delay:.55s} .power-flow-connector:nth-of-type(6) i:after{animation-delay:1.1s} .power-flow-connector span{position:relative;z-index:2;margin-top:-49px;padding:4px 7px;border-radius:999px;font-size:.43rem;font-weight:900;letter-spacing:.1em;color:#9edfff;background:rgba(5,25,47,.80);border:1px solid rgba(91,203,255,.17)} .power-flow-caption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#a8c6de;font-size:.58rem;letter-spacing:.04em;background:rgba(4,23,44,.48);border:1px solid rgba(112,211,255,.14)} .power-flow-caption span{width:6px;height:6px;border-radius:50%;background:#63d8ff;box-shadow:0 0 12px #45d7ff;animation:powerCaptionPulse 1.8s ease-in-out infinite} .power-flow-caption b{color:#e7f8ff;font-weight:850} @keyframes powerFlowNode{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes powerBatteryBars{0%,100%{transform:scaleY(.65);opacity:.55}50%{transform:scaleY(1);opacity:1}} @keyframes powerEnergyPulse{0%{left:-35%;opacity:0}12%{opacity:1}100%{left:105%;opacity:0}} @keyframes powerCaptionPulse{0%,100%{transform:scale(.75);opacity:.5}50%{transform:scale(1.2);opacity:1}} @media (max-width:1180px){.power-flow-visual{right:-35px;width:53vw;transform:scale(.90);transform-origin:right top}} @media (max-width:980px){.power-flow-visual{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:700px;height:250px;margin:42px auto 0} .power-page .power-hero-inner>.power-hero-metrics{margin-top:38px}} @media (max-width:640px){.power-flow-visual{height:315px;margin-top:34px} .power-flow-grid{inset:0 0 64px;grid-template-columns:1fr;grid-template-rows:repeat(7,auto);gap:0} .power-flow-grid-lines{display:none} .power-flow-node{width:112px;height:72px;border-radius:20px;flex-direction:row;justify-content:flex-start;padding:0 12px;gap:9px} .power-flow-node strong{font-size:.57rem} .power-flow-node small{display:block} .power-flow-icon{width:37px;height:37px;flex:0 0 37px;font-size:1.05rem;border-radius:12px} .power-flow-node{justify-self:center} .power-flow-node .power-flow-icon+strong{} .power-flow-connector{height:24px} .power-flow-connector i{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,rgba(73,199,255,.08),rgba(73,215,255,.65),rgba(73,199,255,.08))} .power-flow-connector i:after{top:-35%;left:-4px;width:10px;height:35%;animation:powerEnergyPulseVertical 2.4s linear infinite} .power-flow-connector span{margin-top:0;margin-left:34px;font-size:.4rem} .power-flow-caption{bottom:0;max-width:94%;overflow:hidden;text-overflow:ellipsis} .power-flow-caption b{display:none}} @keyframes powerEnergyPulseVertical{0%{top:-35%;opacity:0}12%{opacity:1}100%{top:105%;opacity:0}} @media (prefers-reduced-motion:reduce){.power-flow-node,.power-flow-battery .power-flow-icon b,.power-flow-connector i:after,.power-flow-caption span{animation:none!important}} .power-page .power-hero-inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);column-gap:34px;align-items:center} .power-page .power-hero-copy-block{position:relative;z-index:4;min-width:0} .power-page .power-hero-copy-block .power-hero-copy{max-width:760px} .power-page .power-flow-visual{position:relative;right:auto;top:auto;width:100%;max-width:620px;height:300px;margin:0 auto;align-self:center;z-index:3} .power-page .power-hero-inner>.power-hero-metrics{grid-column:1 / -1;width:100%;max-width:980px;margin-top:34px;position:relative;z-index:4} @media (max-width:1180px){.power-page .power-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr);column-gap:24px} .power-page .power-flow-visual{transform:scale(.92);transform-origin:center center}} @media (max-width:980px){.power-page .power-hero-inner{display:flex;flex-direction:column;align-items:stretch} .power-page .power-hero-copy-block{width:100%} .power-page .power-flow-visual{position:relative;right:auto;top:auto;width:100%;max-width:700px;height:250px;margin:34px auto 0;transform:none} .power-page .power-hero-inner>.power-hero-metrics{margin-top:38px}} @media (max-width:640px){.power-page .power-flow-visual{height:315px;margin-top:28px}} .faq-grid{align-items:stretch;grid-auto-rows:minmax(92px,1fr)} .faq{height:100%;box-sizing:border-box;display:flex;align-items:center} .faq summary{width:100%;box-sizing:border-box} @media(max-width:1000px){.faq-grid{grid-auto-rows:minmax(88px,auto)}.faq{min-height:88px}} .webit-faq{padding-bottom:0 !important;margin-bottom:0 !important} .webit-faq-bottom{margin-bottom:0 !important} .webit-cta{margin-top:0 !important;padding-top:64px !important} @media (max-width:760px){.webit-faq{padding-bottom:0 !important}} .webit-faq-bottom{margin-bottom:32px !important} @media (max-width:760px){.webit-faq-bottom{margin-bottom:24px !important}.webit-cta{padding-top:40px !important}} .webit-hero .webit-browser{filter:none !important;outline:none !important;box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10) !important} .webit-hero .webit-hero-visual::before,.webit-hero .webit-hero-visual::after,.webit-hero .webit-browser::before,.webit-hero .webit-browser::after{content:none !important;display:none !important} .faq-grid-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch} .faq-grid-services .faq-service{min-width:0;min-height:112px;height:100%;padding:0 20px;display:flex;align-items:center;box-sizing:border-box;overflow:hidden} .faq-grid-services .faq-service summary{width:100%;min-height:112px;display:flex;align-items:center;box-sizing:border-box;padding:18px 38px 18px 0} .faq-grid-services .faq-content{display:flex;flex-direction:column;align-items:flex-start;gap:7px;line-height:1.25} .faq-grid-services .faq-category{display:inline-flex;align-items:center;min-height:22px;padding:4px 9px;border:1px solid rgba(31,111,235,.18);border-radius:999px;background:#eef6ff;color:#1673e6;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase} .faq-grid-services .faq-question-text{display:block;font-size:.92rem;font-weight:900;color:var(--ink)} .faq-grid-services .faq-service p{width:100%;box-sizing:border-box;margin:0;padding:0 0 18px} @media(max-width:760px){.faq-grid-services{grid-template-columns:1fr;gap:12px} .faq-grid-services .faq-service,.faq-grid-services .faq-service summary{min-height:100px}} .home-page .hero-inner.hero-clean{display:block !important;padding:58px 0 86px !important} .home-page .hero-copy-wrap{width:100%;max-width:920px;margin:0;text-align:left} .home-page .hero-copy-wrap .reveal{opacity:1 !important;transform:none !important} .home-page .hero-copy-wrap .eyebrow{margin:0 0 18px} .home-page .hero-copy-wrap h1{margin:0 0 24px;max-width:900px} .home-page .hero-copy-wrap .hero-copy{max-width:720px;margin:0} .home-page .hero-copy-wrap .actions{justify-content:flex-start;margin-top:30px} .home-page .tts-home-visual,.home-page .hero-card{display:none !important} @media(max-width:620px){.home-page .hero-inner.hero-clean{padding:48px 0 70px !important} .home-page .hero-copy-wrap h1{margin-bottom:20px}} .home-page .hero-inner.hero-service-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr)!important;align-items:center!important;gap:52px!important;padding:68px 0 80px!important} .home-page .hero-copy-wrap{max-width:820px;width:100%} .home-page .hero-copy-wrap .reveal{opacity:1!important;transform:none!important} .home-page .hero-copy-wrap h1{margin-top:0} .tts-service-visual{width:100%;display:flex;justify-content:center} .tts-service-panel{position:relative;width:min(560px,100%);height:350px;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,rgba(8,53,91,.98),rgba(3,24,49,.99));border:1px solid rgba(105,207,255,.25);box-shadow:0 25px 65px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)} .tts-service-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(100,205,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(100,205,255,.22) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)} .tts-service-panel:before{content:"";position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(48,194,255,.18),transparent 68%);animation:ttsServiceGlow 3.8s ease-in-out infinite} .tts-service-header{position:absolute;left:21px;right:21px;top:17px;z-index:8;display:flex;align-items:center;gap:8px;color:#dff7ff;font-size:10px;letter-spacing:.13em} .tts-service-header small{margin-left:auto;color:#7faec9;font-size:7px;letter-spacing:.12em} .tts-live-dot{width:7px;height:7px;border-radius:50%;background:#5ed8ff;box-shadow:0 0 14px #5ed8ff;animation:ttsBlink 1.8s infinite} .tts-service-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:112px;height:112px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#12638f,#062541);border:1px solid rgba(101,215,255,.45);box-shadow:0 0 35px rgba(53,193,255,.16),inset 0 1px 0 rgba(255,255,255,.13)} .tts-service-core i{position:absolute;inset:-11px;border:1px solid rgba(91,211,255,.18);border-radius:30px;animation:ttsCore 3.4s ease-in-out infinite} .tts-core-icon{font-size:19px;color:#63d9ff;font-weight:950} .tts-service-core strong{color:#fff;font-size:18px;letter-spacing:.08em;margin-top:7px} .tts-service-core small{color:#91bdd5;font-size:7px;letter-spacing:.18em;margin-top:2px} .tts-service-card{position:absolute;z-index:6;width:185px;min-height:64px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:16px;background:rgba(8,50,84,.9);border:1px solid rgba(101,207,255,.25);box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px);animation:ttsCard 4.8s ease-in-out infinite} .tts-service-card>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:rgba(74,197,255,.1);border:1px solid rgba(90,207,255,.18);color:#64d9ff;font-size:16px;font-weight:950} .tts-service-card b{display:block;color:#ecf9ff;font-size:9px;letter-spacing:.07em;white-space:nowrap} .tts-service-card small{display:block;color:#83adc6;font-size:7px;margin-top:4px;white-space:nowrap} .card-computers{left:18px;top:70px;animation-delay:0s} .card-web{right:18px;top:70px;animation-delay:.7s} .card-power{right:18px;bottom:42px;animation-delay:1.3s} .card-cctv{left:18px;bottom:42px;animation-delay:1.9s} .tts-service-connector{position:absolute;z-index:2;height:1px;width:142px;background:linear-gradient(90deg,transparent,rgba(83,208,255,.58),transparent);transform-origin:center;opacity:.65} .connector-1{left:108px;top:111px;transform:rotate(21deg)} .connector-2{right:108px;top:111px;transform:rotate(-21deg)} .connector-3{left:108px;bottom:111px;transform:rotate(-21deg)} .connector-4{right:108px;bottom:111px;transform:rotate(21deg)} .tts-service-particle{position:absolute;z-index:7;width:5px;height:5px;border-radius:50%;background:#64d9ff;box-shadow:0 0 13px #64d9ff} .p1{left:30%;top:28%;animation:ttsParticle 3s infinite}.p2{right:30%;top:27%;animation:ttsParticle 3.7s .5s infinite} .p3{left:31%;bottom:27%;animation:ttsParticle 4s .9s infinite}.p4{right:31%;bottom:26%;animation:ttsParticle 3.3s 1.2s infinite} @keyframes ttsServiceGlow{50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}} @keyframes ttsCore{50%{transform:scale(1.08);opacity:1}} @keyframes ttsCard{50%{transform:translateY(-6px)}} @keyframes ttsParticle{50%{transform:scale(1.5);opacity:1}} @keyframes ttsBlink{50%{opacity:1}} @media(max-width:1000px){.home-page .hero-inner.hero-service-grid{grid-template-columns:1fr!important;gap:38px!important} .tts-service-visual{max-width:560px;margin:auto}} @media(max-width:620px){.home-page .hero-inner.hero-service-grid{padding:48px 0 65px!important} .tts-service-panel{height:320px;border-radius:22px} .tts-service-card{width:154px;min-height:58px;padding:8px} .tts-service-card b{font-size:7.5px}.tts-service-card small{font-size:6.5px} .tts-service-card>span{width:29px;height:29px;flex-basis:29px} .card-computers{left:8px;top:60px}.card-web{right:8px;top:60px} .card-power{right:8px;bottom:33px}.card-cctv{left:8px;bottom:33px} .tts-service-core{width:94px;height:94px} .tts-service-core strong{font-size:15px} .tts-service-connector{width:92px}} @media(prefers-reduced-motion:reduce){.tts-service-panel:before,.tts-service-core i,.tts-service-card,.tts-service-particle,.tts-live-dot{animation:none!important}} .tts-computer-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(69,215,255,.20),transparent 24%),radial-gradient(circle at 10% 92%,rgba(93,82,255,.18),transparent 28%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 72%,#0969dd 100%)} .tts-computer-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:ttsHeroShimmer 9s ease-in-out infinite} .tts-gloss-wave{position:absolute;pointer-events:none;z-index:1;width:72%;height:170px;border-radius:50%;border:1px solid rgba(151,225,255,.10);background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.055) 48%,transparent 72%);filter:blur(.2px);transform:rotate(-9deg)} .wave-one{right:-17%;top:-72px;animation:ttsWaveOne 8s ease-in-out infinite} .wave-two{left:-24%;bottom:-115px;animation:ttsWaveTwo 10s ease-in-out infinite} .tts-computer-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(460px,.97fr);align-items:center;gap:46px;padding:72px 0 84px} .tts-computer-copy{max-width:760px} .tts-computer-copy .kicker{margin-bottom:15px} .tts-computer-copy h1{font-size:clamp(3rem,5.4vw,5.2rem);line-height:.95;letter-spacing:-.065em;max-width:760px;margin:0 0 23px;color:#fff} .tts-computer-lead{max-width:720px!important;color:#c9d9eb!important;font-size:1.08rem!important;line-height:1.7} .tts-capability-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px} .tts-capability-row span{padding:8px 11px;border-radius:999px;color:#cceeff;background:rgba(255,255,255,.055);border:1px solid rgba(136,216,255,.16);font-size:.69rem;font-weight:850;letter-spacing:.03em} .tts-computer-copy .actions{margin-top:27px} .tts-computer-visual{width:100%;display:flex;justify-content:center;align-items:center} .tts-tech-window{position:relative;width:min(560px,100%);height:370px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(8,55,94,.98),rgba(3,24,48,.99));border:1px solid rgba(116,211,255,.25);box-shadow:0 28px 75px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)} .tts-tech-window:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(94,207,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(94,207,255,.14) 1px,transparent 1px);background-size:28px 28px;opacity:.12;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)} .tts-tech-window:after{content:"";position:absolute;width:250px;height:250px;left:50%;top:55%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(45,190,255,.16),transparent 67%);animation:ttsDeviceGlow 4.2s ease-in-out infinite} .tts-window-top{position:absolute;left:18px;right:18px;top:16px;z-index:10;display:flex;align-items:center;gap:6px;color:#dff7ff} .tts-window-dot{width:6px;height:6px;border-radius:50%;background:#62d8ff;opacity:.7} .tts-window-top b{font-size:8px;letter-spacing:.12em;margin-left:5px} .tts-window-top small{margin-left:auto;color:#65dbff;font-size:7px;letter-spacing:.12em} .tts-laptop{position:absolute;left:58px;top:96px;width:270px;height:185px;z-index:6;animation:ttsLaptopFloat 5.2s ease-in-out infinite} .tts-laptop-screen{position:absolute;left:20px;top:0;width:230px;height:145px;border-radius:13px 13px 8px 8px;background:linear-gradient(145deg,#123e61,#061a31);border:7px solid #0b2a47;box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden} .tts-screen-glow{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(74,210,255,.16),transparent 38%)} .tts-code-line{position:absolute;left:18px;height:4px;border-radius:5px;background:linear-gradient(90deg,#4ed3ff,rgba(78,211,255,.08));animation:ttsCodePulse 2.7s ease-in-out infinite} .l1{top:30px;width:96px}.l2{top:48px;width:140px;animation-delay:.3s}.l3{top:66px;width:72px;animation-delay:.6s}.l4{top:84px;width:122px;animation-delay:.9s} .tts-screen-badge{position:absolute;right:13px;bottom:12px;padding:5px 7px;border-radius:7px;background:rgba(77,203,255,.10);border:1px solid rgba(100,215,255,.2);color:#7de1ff;font-size:6px;font-weight:900;letter-spacing:.12em} .tts-screen-cursor{position:absolute;left:20px;top:106px;width:5px;height:9px;background:#62d8ff;box-shadow:0 0 12px #62d8ff;animation:ttsCursorBlink 1.1s steps(2) infinite} .tts-laptop-base{position:absolute;left:0;top:140px;width:270px;height:24px;background:linear-gradient(#174a70,#0b2b49);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:3px 3px 10px 10px;border:1px solid rgba(104,208,255,.18)} .tts-laptop-base:after{content:"";position:absolute;left:43%;top:4px;width:14%;height:4px;border-radius:4px;background:rgba(130,213,245,.18)} .tts-desktop{position:absolute;right:45px;top:103px;width:190px;height:180px;z-index:5;animation:ttsDesktopFloat 5.7s ease-in-out infinite} .tts-monitor{position:absolute;left:8px;top:0;width:174px;height:113px;padding:7px;border-radius:10px;background:#0a2b49;border:1px solid rgba(111,210,255,.24);box-shadow:0 15px 35px rgba(0,0,0,.24)} .tts-monitor-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px;background:linear-gradient(145deg,#0b4269,#061a31)} .tts-monitor-screen span{position:absolute;left:10px;top:9px;color:#7ddfff;font-size:6px;font-weight:900;letter-spacing:.12em} .tts-chart{position:absolute;bottom:14px;width:12px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#29aee8,rgba(92,219,255,.25));animation:ttsChart 2.6s ease-in-out infinite} .c1{left:22px;height:35px}.c2{left:43px;height:51px;animation-delay:.4s}.c3{left:64px;height:43px;animation-delay:.8s} .tts-monitor-stand{position:absolute;left:86px;top:112px;width:10px;height:25px;background:#0d385a} .tts-monitor-base{position:absolute;left:64px;top:135px;width:55px;height:8px;border-radius:6px;background:#0e3c60} .tts-spec{position:absolute;z-index:9;padding:9px 11px;border-radius:11px;background:rgba(8,52,85,.88);border:1px solid rgba(103,210,255,.23);box-shadow:0 10px 25px rgba(0,0,0,.15);backdrop-filter:blur(7px);animation:ttsSpecFloat 4.5s ease-in-out infinite} .tts-spec b{display:block;color:#e9f9ff;font-size:9px;letter-spacing:.06em} .tts-spec small{display:block;color:#77abc6;font-size:6px;letter-spacing:.08em;margin-top:3px} .spec-ram{left:22px;bottom:28px}.spec-ssd{left:158px;bottom:23px;animation-delay:.5s} .spec-work{right:20px;bottom:28px;animation-delay:1s} .tts-scan{position:absolute;z-index:8;left:18px;right:18px;height:1px;top:75px;background:linear-gradient(90deg,transparent,rgba(99,218,255,.7),transparent);box-shadow:0 0 13px rgba(99,218,255,.5);animation:ttsScan 4.2s ease-in-out infinite} .tts-floating-dot{position:absolute;z-index:9;width:5px;height:5px;border-radius:50%;background:#63d9ff;box-shadow:0 0 14px #63d9ff} .fd1{left:44%;top:22%;animation:ttsDot 3s infinite}.fd2{right:19%;top:44%;animation:ttsDot 3.7s .5s infinite}.fd3{left:21%;bottom:20%;animation:ttsDot 4s 1s infinite} @keyframes ttsHeroShimmer{50%{transform:translateX(100%)}} @keyframes ttsWaveOne{50%{transform:translate(-4%,9%) rotate(-5deg);opacity:.8}} @keyframes ttsWaveTwo{50%{transform:translate(5%,-7%) rotate(-13deg);opacity:.7}} @keyframes ttsDeviceGlow{50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}} @keyframes ttsLaptopFloat{50%{transform:translateY(-7px) rotate(-.5deg)}} @keyframes ttsDesktopFloat{50%{transform:translateY(6px)}} @keyframes ttsCodePulse{50%{opacity:.45;transform:scaleX(.82);transform-origin:left}} @keyframes ttsCursorBlink{50%{opacity:.25}} @keyframes ttsChart{50%{transform:scaleY(.78);transform-origin:bottom}} @keyframes ttsSpecFloat{50%{transform:translateY(-5px)}} @keyframes ttsScan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(245px);opacity:1}} @keyframes ttsDot{50%{transform:scale(1.7);opacity:1}} .tts-computer-faq-section{background:#f0f5fa} .tts-computer-faq-grid{grid-template-columns:1fr 1fr;gap:14px} .tts-computer-faq-grid .faq{min-height:76px;display:flex;flex-direction:column;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} .tts-computer-faq-grid .faq:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(7,25,52,.10);border-color:#c9dced} .tts-computer-faq-grid .faq summary{font-size:.88rem;line-height:1.35} .tts-computer-faq-grid .faq p{line-height:1.65} @media(max-width:1050px){.tts-computer-hero-grid{grid-template-columns:1fr;gap:42px} .tts-computer-copy{max-width:850px} .tts-computer-visual{max-width:560px;margin:auto}} @media(max-width:620px){.tts-computer-hero-grid{padding:50px 0 66px} .tts-computer-copy h1{font-size:clamp(2.7rem,12vw,4rem)} .tts-computer-lead{font-size:.96rem!important} .tts-tech-window{height:315px;border-radius:22px} .tts-laptop{left:26px;top:87px;transform:scale(.76);transform-origin:left top} .tts-desktop{right:10px;top:99px;transform:scale(.72);transform-origin:right top} .tts-spec{padding:7px 8px}.tts-spec b{font-size:7px}.tts-spec small{font-size:5.5px} .spec-ram{left:12px;bottom:20px}.spec-ssd{left:105px;bottom:18px}.spec-work{right:10px;bottom:20px} .tts-computer-faq-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.tts-computer-hero:before,.tts-gloss-wave,.tts-tech-window:after,.tts-laptop,.tts-desktop,.tts-code-line,.tts-screen-cursor,.tts-chart,.tts-spec,.tts-scan,.tts-floating-dot,.tts-live-dot{animation:none!important}} .home-page main{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important;color:#f6fbff} .home-page main>section,.home-page main>.section,.home-page main>.map-section,.home-page main>.cta-section{position:relative !important;overflow:hidden !important;background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important;color:#f6fbff !important} .home-page main .section-head h2,.home-page main .feature-copy h2,.home-page main .map-card h2,.home-page main .contact-card h3,.home-page main .section-head p,.home-page main .feature-copy>p{position:relative;z-index:5} .home-page main .section-head h2,.home-page main .feature-copy h2,.home-page main .map-card h2,.home-page main .contact-card h3{color:#f7fbff !important} .home-page main .section-head p,.home-page main .feature-copy>p,.home-page main .map-card p{color:#b8d0e5 !important} .home-page main .section-head .kicker,.home-page main .kicker{color:#63d5ff !important} .home-page main>section::before,.home-page main>.section::before,.home-page main>.map-section::before{content:"";position:absolute !important;z-index:1 !important;width:115% !important;height:220px !important;left:-8% !important;top:-100px !important;border:1px solid rgba(120,222,255,.16) !important;border-radius:50% !important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(86,204,255,.035) 50%,transparent 100%) !important;box-shadow:0 18px 75px rgba(63,190,255,.065) !important;transform:rotate(-3deg) !important;pointer-events:none !important;animation:ttsHomeV101WaveA 13s ease-in-out infinite !important} .home-page main>section::after,.home-page main>.section::after,.home-page main>.map-section::after{content:"";position:absolute !important;z-index:1 !important;width:108% !important;height:200px !important;left:-4% !important;bottom:-125px !important;border:1px solid rgba(120,222,255,.11) !important;border-radius:50% !important;background:linear-gradient(0deg,rgba(255,255,255,.045),transparent 68%) !important;transform:rotate(3deg) !important;pointer-events:none !important;animation:ttsHomeV101WaveB 16s ease-in-out infinite !important} @keyframes ttsHomeV101WaveA{0%,100%{transform:translateX(0) rotate(-3deg)} 50%{transform:translateX(3%) rotate(1deg)}} @keyframes ttsHomeV101WaveB{0%,100%{transform:translateX(0) rotate(3deg)} 50%{transform:translateX(-4%) rotate(-1deg)}} .home-page main>section .container,.home-page main>.section .container,.home-page main>.map-section .container,.home-page main>.cta-section .container{position:relative;z-index:5} .home-page .trust-row{position:relative;z-index:10;padding-top:18px;padding-bottom:18px} .home-page .trust{background:linear-gradient(145deg,rgba(21,77,119,.86),rgba(5,29,54,.88)) !important;border:1px solid rgba(111,213,255,.22) !important;color:#f5fbff !important;box-shadow:0 22px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.09) !important} .home-page .trust strong{color:#f5fbff !important} .home-page .trust span{color:#afd0e8 !important} .home-page #products.section.alt{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page #products .product-card,.home-page .sold-product-card{background:linear-gradient(145deg,rgba(20,72,112,.94),rgba(5,29,53,.96)) !important;border:1px solid rgba(113,211,255,.23) !important;color:#f7fbff !important;box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09) !important} .home-page #products .product-card .product-body h3,.home-page .sold-product-card .product-body h3{color:#f7fbff !important} .home-page #products .product-card .product-body p,.home-page .sold-product-card .product-body p{color:#b3cce2 !important} .home-page #products .price,.home-page .sold-product-card .price{color:#71d9ff !important} .home-page #products .mini-btn{background:#0c66d7 !important;color:#fff !important} .home-page #products .badge{background:rgba(91,205,255,.12) !important;color:#c8efff !important;border-color:rgba(91,205,255,.20) !important} .home-page #services{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page #process{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page #process .section-head p{color:#b8d0e5 !important} .home-page #process .process-card{background:linear-gradient(145deg,rgba(21,78,121,.92),rgba(5,29,54,.96)) !important;border:1px solid rgba(113,211,255,.24) !important;color:#f7fbff !important;box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09) !important} .home-page #process .process-card h3{color:#f7fbff !important} .home-page #process .process-card p{color:#b4cee4 !important} .home-page #process .process-card>.step{color:#63d5ff !important} .home-page #process .capability-strip span{background:rgba(10,58,94,.76) !important;border-color:rgba(105,211,255,.22) !important;color:#bfe6f7 !important} .home-page #faq{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page #faq .faq{background:linear-gradient(145deg,rgba(21,78,121,.92),rgba(5,29,54,.96)) !important;border-color:rgba(113,211,255,.23) !important;color:#f7fbff !important;box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09) !important} .home-page #faq .faq summary{color:#f7fbff !important} .home-page #faq .faq summary:after{color:#63d5ff !important} .home-page #faq .faq p{color:#b5cee3 !important} .home-page #contact{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page #contact .contact-card{background:linear-gradient(145deg,rgba(21,78,121,.90),rgba(5,29,54,.95)) !important;border:1px solid rgba(113,211,255,.23) !important;color:#f7fbff !important;box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09) !important} .home-page #contact .contact-row b,.home-page #contact label{color:#f2f9ff !important} .home-page #contact .contact-row span{color:#b7d0e5 !important} .home-page #contact select{background-image:linear-gradient(45deg,transparent 50%,#9fc5e5 50%),linear-gradient(135deg,#9fc5e5 50%,transparent 50%) !important;background-position:calc(100% - 21px) 24px,calc(100% - 15px) 24px !important;background-size:6px 6px,6px 6px !important;background-repeat:no-repeat !important;padding-right:46px !important} .home-page #contact input,.home-page #contact select,.home-page #contact textarea{background:rgba(3,27,50,.72) !important;border-color:rgba(112,211,255,.22) !important;color:#f5fbff !important} .home-page #contact input::placeholder,.home-page #contact textarea::placeholder{color:#91b2cb !important} .home-page #visit-store{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page #visit-store .map-card{background:linear-gradient(145deg,rgba(9,45,76,.95),rgba(4,25,47,.97)) !important;border:1px solid rgba(113,211,255,.23) !important;color:#f7fbff !important;box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09) !important} .home-page #visit-store .map-card p,.home-page #visit-store .address{color:#b7d0e5 !important} .home-page #visit-store .map-actions a{border-color:rgba(113,211,255,.25) !important;color:#d8f5ff !important} .home-page .cta-section{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page .cta-panel{box-shadow:0 28px 75px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10) !important} .home-page main>section.dark{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important} .home-page .point .check{background:rgba(69,200,255,.12) !important;border:1px solid rgba(102,216,255,.20);color:#68d9ff !important} .home-page .point b{color:#f5fbff !important} .home-page .point p{color:#b3cde3 !important} .home-page .hero::before,.home-page .hero::after{z-index:0} .home-page .hero-inner,.home-page .tts-service-visual{position:relative;z-index:3} @media(max-width:760px){.home-page main>section::before,.home-page main>section::after{opacity:.65}} @media(prefers-reduced-motion:reduce){.home-page main>section::before,.home-page main>section::after{animation:none !important}} .split-faq-grid,.faq-grid:has(.split-faq),.power-faq-grid:has(.split-faq){display:grid !important;grid-template-columns:1fr !important;gap:14px !important;align-items:stretch !important} .split-faq{position:relative !important;display:grid !important;grid-template-columns:minmax(260px,42%) minmax(0,58%) !important;align-items:center !important;min-height:122px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;border-radius:20px !important;background:linear-gradient(120deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important;border:1px solid rgba(105,211,255,.28) !important;color:#f7fbff !important;box-shadow:0 18px 48px rgba(2,20,39,.22),inset 0 1px 0 rgba(255,255,255,.10) !important;isolation:isolate !important} .split-faq::before{content:"" !important;position:absolute !important;z-index:0 !important;top:-70% !important;bottom:-70% !important;left:-42% !important;width:22% !important;transform:skewX(-18deg) !important;pointer-events:none !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045) 25%,rgba(91,210,255,.20) 50%,rgba(255,255,255,.05) 75%,transparent) !important;opacity:0 !important;animation:ttsV102FaqShine 8.5s ease-in-out infinite !important} .split-faq:nth-child(2)::before{animation-delay:1.4s !important} .split-faq:nth-child(3)::before{animation-delay:2.8s !important} .split-faq:nth-child(4)::before{animation-delay:4.2s !important} .split-faq:nth-child(5)::before{animation-delay:5.6s !important} .split-faq:nth-child(6)::before{animation-delay:7s !important} .split-faq:nth-child(7)::before{animation-delay:1.9s !important} .split-faq:nth-child(8)::before{animation-delay:3.8s !important} @keyframes ttsV102FaqShine{0%,16%{left:-42%;opacity:0} 28%{opacity:.34} 52%{opacity:.62} 76%{opacity:.30} 100%{left:132%;opacity:0}} .split-faq::after{content:"" !important;position:absolute !important;z-index:0 !important;width:70% !important;height:150% !important;left:34% !important;top:-95% !important;border:1px solid rgba(118,220,255,.10) !important;border-radius:50% !important;transform:rotate(-7deg) !important;pointer-events:none !important} .split-faq>summary{grid-column:1 !important;grid-row:1 !important;position:relative !important;z-index:3 !important;display:flex !important;align-items:center !important;min-height:122px !important;padding:22px 30px !important;margin:0 !important;cursor:default !important;list-style:none !important;color:#f8fcff !important} .split-faq>summary::-webkit-details-marker{display:none !important} .split-faq>summary::after{display:none !important} .split-faq-question{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:10px !important;width:100% !important} .split-faq-category{display:inline-flex !important;align-items:center !important;width:max-content !important;max-width:100% !important;padding:5px 11px !important;border-radius:999px !important;background:#edf8ff !important;color:#1262c5 !important;border:1px solid rgba(126,220,255,.45) !important;font-size:.66rem !important;line-height:1 !important;font-weight:950 !important;letter-spacing:.04em !important} .split-faq-question-text{display:block !important;color:#f8fcff !important;font-size:1rem !important;line-height:1.28 !important;font-weight:900 !important} .split-faq-answer{grid-column:2 !important;grid-row:1 !important;position:relative !important;z-index:3 !important;min-height:122px !important;display:flex !important;align-items:center !important;padding:22px 30px !important;border-left:1px solid rgba(128,219,255,.18) !important} .split-faq-answer p{margin:0 !important;max-width:700px !important;color:#c0d9ea !important;font-size:.88rem !important;line-height:1.65 !important} .split-faq-answer p::before{content:"Yes. " !important;display:none !important} .home-page #faq .split-faq,.tts-computer-faq-section .split-faq,.webit-faq .split-faq,.power-faq .split-faq,.cctv-faq-section .split-faq{background:linear-gradient(120deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important;color:#f7fbff !important} .home-page #faq .split-faq-answer p,.tts-computer-faq-section .split-faq-answer p,.webit-faq .split-faq-answer p,.power-faq .split-faq-answer p,.cctv-faq-section .split-faq-answer p{color:#c0d9ea !important} .webit-faq,.power-faq,.cctv-faq-section,.tts-computer-faq-section{position:relative !important;overflow:hidden !important;background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important;color:#f7fbff !important} .webit-faq .section-head h2,.power-faq .section-head h2,.cctv-faq-section .section-head h2,.tts-computer-faq-section .section-head h2{color:#f7fbff !important} .webit-faq .section-head p,.power-faq .section-head p,.cctv-faq-section .section-head p,.tts-computer-faq-section .section-head p{color:#b8d2e7 !important} @media(max-width:760px){.split-faq{grid-template-columns:1fr !important;min-height:0 !important} .split-faq>summary{grid-column:1 !important;grid-row:1 !important;min-height:0 !important;padding:20px 22px 14px !important} .split-faq-answer{grid-column:1 !important;grid-row:2 !important;min-height:0 !important;padding:0 22px 22px !important;border-left:0 !important;border-top:1px solid rgba(128,219,255,.15) !important}} @media(prefers-reduced-motion:reduce){.split-faq::before{animation:none !important}} .split-faq{cursor:pointer !important;transition:min-height .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease !important} .split-faq>summary{cursor:pointer !important} .split-faq:not([open]){grid-template-columns:1fr !important;min-height:122px !important} .split-faq:not([open])>summary{grid-column:1 !important;min-height:122px !important} .split-faq:not([open]) .split-faq-answer{display:none !important} .split-faq[open]{grid-template-columns:minmax(260px,42%) minmax(0,58%) !important;min-height:122px !important} .split-faq[open]>summary{grid-column:1 !important;grid-row:1 !important} .split-faq[open] .split-faq-answer{display:flex !important;grid-column:2 !important;grid-row:1 !important} .split-faq[open]{border-color:rgba(92,213,255,.42) !important;box-shadow:0 20px 52px rgba(1,18,35,.28),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(76,199,255,.04) !important} .split-faq-question-text{color:#f8fcff !important;font-weight:900 !important} .split-faq-answer p{color:#c5dbea !important} .split-faq>summary .split-faq-question{position:relative !important} .split-faq>summary .split-faq-question::after{content:"+" !important;position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;color:#61d7ff !important;font-size:1.05rem !important;font-weight:900 !important;line-height:1 !important} .split-faq[open]>summary .split-faq-question::after{content:"−" !important} .split-faq>summary{padding-right:48px !important} .split-faq[open] .split-faq-answer{animation:ttsV103FaqAnswer .24s ease-out both !important} @keyframes ttsV103FaqAnswer{from{opacity:0;transform:translateX(10px)} to{opacity:1;transform:translateX(0)}} @media(max-width:760px){.split-faq[open],.split-faq:not([open]){grid-template-columns:1fr !important} .split-faq[open]>summary{grid-column:1 !important;grid-row:1 !important} .split-faq[open] .split-faq-answer{grid-column:1 !important;grid-row:2 !important}} #faq .faq-grid,.tts-computer-faq-grid,.webit-faq-grid,.power-faq-grid,.cctv-faq-section .faq-grid,.split-faq-grid{display:grid !important;grid-template-columns:1fr !important;width:100% !important;gap:16px !important} .split-faq{display:grid !important;grid-template-columns:minmax(240px,42%) minmax(0,58%) !important;grid-template-rows:1fr !important;width:100% !important;min-width:0 !important;min-height:122px !important;height:auto !important;margin:0 !important;padding:0 !important;overflow:hidden !important;box-sizing:border-box !important;border-radius:20px !important;background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important;border:1px solid rgba(105,211,255,.30) !important;color:#f7fbff !important;box-shadow:0 18px 48px rgba(2,20,39,.22),inset 0 1px 0 rgba(255,255,255,.10) !important;position:relative !important;isolation:isolate !important} .split-faq::before{content:"" !important;position:absolute !important;z-index:0 !important;top:-80% !important;bottom:-80% !important;left:-45% !important;width:24% !important;transform:skewX(-18deg) !important;pointer-events:none !important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.035) 22%,rgba(92,216,255,.18) 50%,rgba(255,255,255,.055) 76%,transparent 100%) !important;opacity:0 !important;animation:ttsV104FaqShine 8.5s ease-in-out infinite !important} @keyframes ttsV104FaqShine{0%,14%{left:-45%;opacity:0} 28%{opacity:.35} 52%{opacity:.65} 76%{opacity:.28} 100%{left:132%;opacity:0}} .split-faq::after{content:"" !important;position:absolute !important;z-index:0 !important;width:70% !important;height:160% !important;right:-20% !important;top:-80% !important;border-radius:50% !important;background:radial-gradient(ellipse,rgba(86,208,255,.10) 0%,rgba(86,208,255,.035) 38%,transparent 70%) !important;pointer-events:none !important} .split-faq>summary{grid-column:1 !important;grid-row:1 !important;position:relative !important;z-index:3 !important;display:flex !important;align-items:center !important;min-width:0 !important;min-height:122px !important;padding:18px 52px 18px 20px !important;margin:0 !important;cursor:pointer !important;list-style:none !important;box-sizing:border-box !important;color:#f8fcff !important} .split-faq>summary::-webkit-details-marker{display:none !important} .split-faq>summary::marker{display:none !important} .split-faq-question{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:9px !important;width:100% !important;min-width:0 !important} .split-faq-category{display:inline-flex !important;align-items:center !important;width:max-content !important;max-width:100% !important;padding:5px 11px !important;border-radius:999px !important;background:#edf8ff !important;color:#1262c5 !important;border:1px solid rgba(126,220,255,.45) !important;font-size:.66rem !important;line-height:1 !important;font-weight:950 !important;letter-spacing:.04em !important;white-space:nowrap !important} .split-faq-question-text{display:block !important;max-width:100% !important;color:#f8fcff !important;font-size:1rem !important;line-height:1.25 !important;font-weight:900 !important} .split-faq>summary .split-faq-question::after{content:"+" !important;position:absolute !important;z-index:5 !important;right:19px !important;top:50% !important;transform:translateY(-50%) !important;color:#61d7ff !important;font-size:1.05rem !important;line-height:1 !important;font-weight:950 !important} .split-faq[open]>summary .split-faq-question::after{content:"−" !important} .split-faq-answer{grid-column:2 !important;grid-row:1 !important;position:relative !important;z-index:3 !important;min-width:0 !important;min-height:122px !important;display:flex !important;align-items:center !important;box-sizing:border-box !important;padding:18px 30px !important;border-left:1px solid rgba(128,219,255,.18) !important;background:linear-gradient(90deg,rgba(4,28,51,.08),rgba(255,255,255,.015)) !important} .split-faq-answer p{margin:0 !important;max-width:700px !important;color:#c5dbea !important;font-size:.88rem !important;line-height:1.58 !important} .split-faq:not([open]) .split-faq-answer{display:none !important} .split-faq:not([open]){grid-template-columns:minmax(0,42%) minmax(0,58%) !important} .split-faq[open]{grid-template-columns:minmax(240px,42%) minmax(0,58%) !important;border-color:rgba(105,211,255,.44) !important;box-shadow:0 20px 54px rgba(2,20,39,.28),inset 0 1px 0 rgba(255,255,255,.12),0 0 24px rgba(46,180,255,.06) !important} .split-faq[open] .split-faq-answer{animation:ttsV104FaqAnswer .24s ease-out both !important} @keyframes ttsV104FaqAnswer{from{opacity:0;transform:translateX(10px)} to{opacity:1;transform:translateX(0)}} .home-page #faq .split-faq,.tts-computer-faq-section .split-faq,.webit-faq .split-faq,.power-faq .split-faq,.cctv-faq-section .split-faq{background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important;color:#f7fbff !important} .home-page #faq .split-faq-question-text,.tts-computer-faq-section .split-faq-question-text,.webit-faq .split-faq-question-text,.power-faq .split-faq-question-text,.cctv-faq-section .split-faq-question-text{color:#f8fcff !important} .home-page #faq .split-faq-answer p,.tts-computer-faq-section .split-faq-answer p,.webit-faq .split-faq-answer p,.power-faq .split-faq-answer p,.cctv-faq-section .split-faq-answer p{color:#c5dbea !important} @media(max-width:700px){#faq .faq-grid,.tts-computer-faq-grid,.webit-faq-grid,.power-faq-grid,.cctv-faq-section .faq-grid,.split-faq-grid{grid-template-columns:1fr !important} .split-faq,.split-faq[open],.split-faq:not([open]){grid-template-columns:1fr !important} .split-faq>summary{grid-column:1 !important;grid-row:1 !important} .split-faq[open] .split-faq-answer{grid-column:1 !important;grid-row:2 !important;border-left:0 !important;border-top:1px solid rgba(128,219,255,.18) !important}} #faq .faq-grid,#faq .faq-grid-services,.split-faq-grid,.faq-grid:has(.split-faq),.power-faq-grid:has(.split-faq),.webit-faq-grid:has(.split-faq),.tts-computer-faq-grid:has(.split-faq),.cctv-faq-section .faq-grid:has(.split-faq){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;width:100% !important;align-items:stretch !important} .split-faq,.split-faq:not([open]),.split-faq[open]{display:grid !important;width:100% !important;min-width:0 !important;min-height:150px !important;height:auto !important;margin:0 !important;padding:0 !important;overflow:hidden !important;box-sizing:border-box !important;grid-template-columns:minmax(0,42%) minmax(0,58%) !important;grid-template-rows:1fr !important;border-radius:20px !important;background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important;border:1px solid rgba(105,211,255,.30) !important;box-shadow:0 18px 48px rgba(2,20,39,.22),inset 0 1px 0 rgba(255,255,255,.10) !important;isolation:isolate !important} .split-faq:not([open])>summary{grid-column:1 / -1 !important;grid-row:1 !important;min-height:150px !important;padding:20px 58px 20px 20px !important;display:flex !important;align-items:center !important;cursor:pointer !important} .split-faq:not([open]) .split-faq-question{max-width:92% !important} .split-faq[open]>summary{grid-column:1 !important;grid-row:1 !important;min-height:150px !important;padding:20px 52px 20px 20px !important;display:flex !important;align-items:center !important;cursor:pointer !important} .split-faq[open] .split-faq-answer{grid-column:2 !important;grid-row:1 !important;min-height:150px !important;display:flex !important;align-items:center !important;padding:20px 24px !important;border-left:1px solid rgba(128,219,255,.18) !important;box-sizing:border-box !important} .split-faq:not([open]) .split-faq-answer{display:none !important} .split-faq>summary .split-faq-question::after{content:"+" !important;position:absolute !important;right:20px !important;top:50% !important;transform:translateY(-50%) !important;color:#61d7ff !important;font-size:1.08rem !important;line-height:1 !important;font-weight:950 !important;z-index:5 !important} .split-faq[open]>summary .split-faq-question::after{content:"−" !important} .split-faq-question-text{color:#f8fcff !important;font-size:1rem !important;line-height:1.3 !important;font-weight:900 !important} .split-faq-category{background:#edf8ff !important;color:#1262c5 !important} .split-faq-answer p{margin:0 !important;color:#c5dbea !important;font-size:.86rem !important;line-height:1.58 !important} .split-faq::before{z-index:0 !important;pointer-events:none !important} .split-faq::after{z-index:0 !important;pointer-events:none !important} .split-faq>summary,.split-faq .split-faq-answer{position:relative !important;z-index:3 !important} #faq .faq-grid>.split-faq,.split-faq-grid>.split-faq{align-self:stretch !important} @media(max-width:760px){#faq .faq-grid,#faq .faq-grid-services,.split-faq-grid,.faq-grid:has(.split-faq),.power-faq-grid:has(.split-faq),.webit-faq-grid:has(.split-faq),.tts-computer-faq-grid:has(.split-faq),.cctv-faq-section .faq-grid:has(.split-faq){grid-template-columns:1fr !important} .split-faq,.split-faq:not([open]),.split-faq[open]{grid-template-columns:1fr !important;min-height:0 !important} .split-faq:not([open])>summary,.split-faq[open]>summary{grid-column:1 !important;grid-row:1 !important;min-height:130px !important} .split-faq[open] .split-faq-answer{grid-column:1 !important;grid-row:2 !important;min-height:0 !important;border-left:0 !important;border-top:1px solid rgba(128,219,255,.18) !important}} #faq .faq-grid,.tts-computer-faq-grid,.webit-faq-grid,.power-faq-grid,.cctv-faq-section .faq-grid,.split-faq-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 16px !important;width:100% !important;align-items:stretch !important} .split-faq,.split-faq:not([open]),.split-faq[open]{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto !important;min-height:0 !important;height:auto !important;margin:0 !important;padding:0 !important;border-radius:17px !important;overflow:hidden !important;box-sizing:border-box !important;background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important;border:1px solid rgba(105,211,255,.28) !important;box-shadow:0 10px 28px rgba(2,20,39,.18),inset 0 1px 0 rgba(255,255,255,.08) !important} .split-faq[open]{grid-template-columns:minmax(0,42%) minmax(0,58%) !important} .split-faq:not([open])>summary,.split-faq>summary{grid-column:1 !important;grid-row:1 !important;min-height:84px !important;padding:14px 42px 14px 20px !important;display:flex !important;align-items:center !important;box-sizing:border-box !important} .split-faq[open]>summary{grid-column:1 !important;grid-row:1 !important;min-height:94px !important;padding:14px 38px 14px 18px !important} .split-faq[open] .split-faq-answer{grid-column:2 !important;grid-row:1 !important;min-height:94px !important;padding:14px 18px !important;display:flex !important;align-items:center !important;box-sizing:border-box !important;border-left:1px solid rgba(105,211,255,.22) !important;background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important} .split-faq-answer p{margin:0 !important;color:#c9ddec !important;font-size:.78rem !important;line-height:1.45 !important} .split-faq-question{gap:7px !important} .split-faq-category{padding:4px 10px !important;font-size:.60rem !important} .split-faq-question-text{font-size:.82rem !important;line-height:1.25 !important;font-weight:900 !important} .split-faq>summary .split-faq-question::after{right:13px !important;font-size:.95rem !important} .split-faq::before{opacity:.8 !important} .split-faq::after{opacity:.55 !important} .tts-computer-faq-section,.webit-faq,.power-faq,.cctv-faq-section{overflow:hidden !important} @media(max-width:760px){#faq .faq-grid,.tts-computer-faq-grid,.webit-faq-grid,.power-faq-grid,.cctv-faq-section .faq-grid,.split-faq-grid{grid-template-columns:1fr !important} .split-faq[open]{grid-template-columns:1fr !important} .split-faq[open] .split-faq-answer{grid-column:1 !important;grid-row:2 !important;min-height:0 !important;border-left:0 !important;border-top:1px solid rgba(105,211,255,.22) !important}} .split-faq,.split-faq:not([open]),.split-faq[open]{background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important} .split-faq>summary,.split-faq[open]>summary,.split-faq .split-faq-answer,.split-faq[open] .split-faq-answer{background:transparent !important;background-color:transparent !important} .split-faq-answer::before,.split-faq-answer::after{background:transparent !important;box-shadow:none !important} .split-faq[open] .split-faq-answer{border-left:1px solid rgba(105,211,255,.20) !important} .split-faq::before{z-index:0 !important} .split-faq::after{z-index:0 !important} .split-faq>summary,.split-faq .split-faq-answer{position:relative !important;z-index:2 !important} .home-page #faq .split-faq,.tts-computer-faq-section .split-faq,.webit-faq .split-faq,.power-faq .split-faq,.cctv-faq-section .split-faq{background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important} .split-faq:hover,.split-faq[open]:hover{background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important} .laptop-products-page{color:#fff !important;background:linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important;background-attachment:fixed !important} .laptop-products-page .page-main{position:relative !important;overflow:hidden !important;padding:62px 0 90px !important;background:radial-gradient(circle at 14% 22%,rgba(69,215,255,.10),transparent 24%),radial-gradient(circle at 86% 76%,rgba(36,107,255,.16),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .laptop-products-page .page-main::before{content:"";position:absolute;width:760px;height:330px;right:-170px;top:80px;border:1px solid rgba(117,224,255,.13);border-radius:50%;transform:rotate(-12deg);pointer-events:none;box-shadow:0 0 0 42px rgba(117,224,255,.025),0 0 0 86px rgba(117,224,255,.018)} .laptop-products-page .page-main::after{content:"";position:absolute;width:620px;height:260px;left:-250px;bottom:30px;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:rotate(15deg);pointer-events:none} .laptop-products-page .page-main>.container{position:relative;z-index:2} .laptop-products-page .breadcrumbs{color:#b8cde2 !important} .laptop-products-page .breadcrumbs a{color:#69dfff !important} .laptop-products-page .listing-card{background:linear-gradient(135deg,rgba(7,35,65,.94),rgba(12,73,119,.94)) !important;border:1px solid rgba(111,216,255,.25) !important;box-shadow:0 24px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.07) !important} .laptop-products-page .listing-card:hover{box-shadow:0 30px 75px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10) !important} .laptop-products-page .product-media{background:linear-gradient(135deg,#eaf3fa,#d7e8f5) !important} .laptop-products-page .listing-body h3,.laptop-products-page .listing-body h3[style]{color:#fff !important} .laptop-products-page .listing-body p,.laptop-products-page .listing-body p[style]{color:#bcd0e4 !important} .laptop-products-page .pill{background:rgba(255,255,255,.07) !important;border-color:rgba(121,216,255,.22) !important;color:#d5e8f7 !important} .laptop-products-page .tag{background:#eaf6ff !important;color:#1764cf !important} .laptop-products-page .stock{color:#63e2ae !important} .laptop-products-page .stock.sold{color:#ff8b9a !important} .laptop-products-page .old-price{color:#a9bfd4 !important} .laptop-products-page .price{color:#72dfff !important} .laptop-products-page .offer-badge{background:rgba(69,215,255,.14) !important;color:#72dfff !important;border-color:rgba(69,215,255,.20) !important} .laptop-products-page .mini-btn{background:#071525 !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important} .laptop-products-page .whatsapp-mini{background:rgba(22,165,106,.14) !important;border-color:rgba(22,214,145,.25) !important;color:#7af0bd !important} .laptop-products-page .contact-card{background:rgba(8,42,75,.80) !important;color:#fff !important;border-color:rgba(111,216,255,.25) !important} .laptop-products-page .contact-card p{color:#bcd0e4 !important} .laptop-products-page .header{background:rgba(255,255,255,.90) !important} @media(max-width:760px){.laptop-products-page .page-main{padding:42px 0 65px !important}} .laptop-hero{overflow:hidden !important;position:relative !important;background:radial-gradient(circle at 76% 45%,rgba(72,201,255,.13),transparent 28%),linear-gradient(115deg,#071b35 0%,#0a3157 48%,#1268b5 100%) !important} .laptop-hero::before{content:"" !important;position:absolute !important;inset:-35% -10% auto -10% !important;height:75% !important;border-radius:50% !important;border:1px solid rgba(103,218,255,.11) !important;transform:rotate(-7deg) !important;pointer-events:none !important} .laptop-hero::after{content:"" !important;position:absolute !important;left:-10% !important;right:-10% !important;bottom:-42% !important;height:75% !important;border-radius:50% 50% 0 0 !important;border-top:1px solid rgba(111,218,255,.13) !important;box-shadow:0 -20px 90px rgba(72,201,255,.07) !important;pointer-events:none !important} .laptop-hero-inner{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr) !important;gap:45px !important;align-items:center !important;min-height:560px !important;padding:68px 0 78px !important} .laptop-hero-copy{position:relative !important;z-index:4 !important} .laptop-hero-copy h1{margin:17px 0 14px !important} .laptop-hero-copy>p{max-width:690px !important;color:#c7d9ec !important;font-size:1.03rem !important;line-height:1.65 !important} .laptop-topics{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin-top:27px !important;max-width:700px !important} .laptop-topics>div{position:relative !important;min-height:98px !important;padding:14px 15px 13px 48px !important;border-radius:15px !important;border:1px solid rgba(102,210,255,.18) !important;background:rgba(255,255,255,.045) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;overflow:hidden !important} .laptop-topics>div::after{content:"" !important;position:absolute !important;width:130px !important;height:65px !important;right:-55px !important;top:-32px !important;border-radius:50% !important;border:1px solid rgba(92,215,255,.13) !important} .laptop-topics span{position:absolute !important;left:15px !important;top:15px !important;color:#5ed7ff !important;font-size:.62rem !important;font-weight:950 !important;letter-spacing:.08em !important} .laptop-topics strong{display:block !important;color:#fff !important;font-size:.83rem !important;line-height:1.2 !important;margin-bottom:6px !important} .laptop-topics small{display:block !important;color:#a9c1d9 !important;font-size:.69rem !important;line-height:1.45 !important} .laptop-hero-visual{position:relative !important;min-height:430px !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:2 !important} .css-laptop{position:relative !important;z-index:4 !important;width:min(440px,90%) !important;transform:perspective(900px) rotateX(2deg) rotateY(-4deg) !important;filter:drop-shadow(0 35px 40px rgba(0,0,0,.30)) !important;animation:laptopFloat 5s ease-in-out infinite !important} @keyframes laptopFloat{0%,100%{transform:perspective(900px) rotateX(2deg) rotateY(-4deg) translateY(0)} 50%{transform:perspective(900px) rotateX(2deg) rotateY(-4deg) translateY(-9px)}} .laptop-screen{position:relative !important;width:82% !important;aspect-ratio:16/10 !important;margin:0 auto !important;padding:13px !important;border-radius:19px 19px 8px 8px !important;border:1px solid rgba(115,222,255,.42) !important;background:linear-gradient(145deg,#123f63,#061b32) !important;box-shadow:inset 0 0 0 5px rgba(0,0,0,.15),0 0 35px rgba(53,192,255,.12) !important;overflow:hidden !important} .laptop-screen::after{content:"" !important;position:absolute !important;inset:-60% -20% !important;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.13) 48%,transparent 57%) !important;transform:translateX(-65%) !important;animation:laptopScreenShine 6s ease-in-out infinite !important;pointer-events:none !important} @keyframes laptopScreenShine{0%,35%{transform:translateX(-65%)} 70%,100%{transform:translateX(65%)}} .screen-glow{position:absolute !important;inset:0 !important;background:radial-gradient(circle at 50% 60%,rgba(64,204,255,.18),transparent 55%) !important} .screen-top{position:relative !important;z-index:2 !important;display:flex !important;align-items:center !important;gap:8px !important;color:#9fd9f4 !important;font-size:.55rem !important;font-weight:900 !important;letter-spacing:.12em !important} .screen-top i{width:7px !important;height:7px !important;border-radius:50% !important;background:#5ed7ff !important;box-shadow:0 0 10px #5ed7ff !important} .screen-top b{margin-left:auto !important;font-size:.45rem !important;color:#62e0b1 !important} .screen-code{position:absolute !important;left:13% !important;right:13% !important;top:37% !important;display:grid !important;gap:8px !important} .screen-code em{display:block !important;height:5px !important;border-radius:99px !important;background:linear-gradient(90deg,#4ed6ff 0 24%,rgba(113,196,235,.20) 24% 100%) !important;opacity:.8 !important} .screen-code em:nth-child(2){width:74% !important} .screen-code em:nth-child(3){width:88% !important} .screen-code em:nth-child(4){width:58% !important} .screen-window{position:absolute !important;left:13% !important;right:13% !important;bottom:13% !important;height:24% !important;display:grid !important;grid-template-columns:1.1fr 1fr 1fr !important;gap:7px !important} .screen-window div{border-radius:6px !important;border:1px solid rgba(91,210,255,.15) !important;background:rgba(64,188,245,.07) !important} .laptop-base{position:relative !important;width:100% !important;height:66px !important;margin-top:-1px !important;border-radius:5px 5px 24px 24px !important;border:1px solid rgba(113,219,255,.35) !important;background:linear-gradient(180deg,#123f62,#082641) !important;box-shadow:0 10px 0 -3px rgba(3,14,27,.55) !important} .laptop-base::before{content:"" !important;position:absolute !important;top:-5px !important;left:9% !important;right:9% !important;height:6px !important;border-radius:99px !important;background:linear-gradient(90deg,transparent,#55d7ff,transparent) !important;opacity:.7 !important} .keyboard{position:absolute !important;left:13% !important;top:12px !important;width:56% !important;display:grid !important;grid-template-columns:repeat(6,1fr) !important;gap:4px !important} .keyboard i{height:5px !important;border-radius:2px !important;background:rgba(163,220,244,.30) !important} .trackpad{position:absolute !important;width:20% !important;height:30px !important;left:68% !important;top:19px !important;border:1px solid rgba(101,209,247,.25) !important;border-radius:5px !important} .laptop-orbit{position:absolute !important;border:1px solid rgba(85,211,255,.16) !important;border-radius:50% !important;pointer-events:none !important} .orbit-a{width:440px !important;height:250px !important;transform:rotate(-16deg) !important;animation:orbitPulse 6s ease-in-out infinite !important} .orbit-b{width:350px !important;height:350px !important;transform:rotate(28deg) !important;border-color:rgba(77,170,255,.11) !important;animation:orbitSpin 18s linear infinite !important} @keyframes orbitPulse{50%{transform:rotate(-16deg) scale(1.04);opacity:.55}} @keyframes orbitSpin{to{transform:rotate(388deg)}} .floating-chip{position:absolute !important;z-index:5 !important;padding:7px 10px !important;border:1px solid rgba(92,214,255,.30) !important;border-radius:999px !important;background:rgba(6,32,55,.82) !important;color:#bfeaff !important;font-size:.53rem !important;font-weight:950 !important;letter-spacing:.09em !important;box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08) !important;backdrop-filter:blur(8px) !important;animation:chipFloat 4s ease-in-out infinite !important} .chip-business{left:2%;top:25%} .chip-study{right:1%;top:18%;animation-delay:.8s !important} .chip-coding{left:5%;bottom:20%;animation-delay:1.4s !important} .chip-refurb{right:3%;bottom:23%;animation-delay:2s !important} @keyframes chipFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}} @media(max-width:900px){.laptop-hero-inner{grid-template-columns:1fr !important} .laptop-hero-visual{min-height:360px !important} .laptop-topics{max-width:none !important}} @media(max-width:560px){.laptop-topics{grid-template-columns:1fr !important} .laptop-hero-inner{padding:52px 0 60px !important} .laptop-hero-visual{min-height:300px !important} .css-laptop{width:92% !important} .floating-chip{font-size:.46rem !important}} body.desktop-products-page,.desktop-products-page main,.desktop-products-page .page-main,.desktop-products-page .products-page,.desktop-products-page .product-page{background:radial-gradient(ellipse at 18% 18%,rgba(68,190,255,.10),transparent 34%),radial-gradient(ellipse at 84% 76%,rgba(35,125,255,.12),transparent 38%),linear-gradient(110deg,#071c34 0%,#0a3157 46%,#0b5d91 100%) !important} .desktop-products-page .hero,.desktop-products-page .page-hero,.desktop-products-page .products-hero,.desktop-products-page section.hero-section{background:radial-gradient(ellipse at 15% 30%,rgba(91,214,255,.08),transparent 35%),radial-gradient(ellipse at 88% 70%,rgba(55,155,255,.13),transparent 42%),linear-gradient(110deg,#071c34 0%,#0a3157 48%,#0b5d91 100%) !important;color:#f7fbff !important;position:relative !important;overflow:hidden !important} .desktop-products-page .hero::after,.desktop-products-page .page-hero::after,.desktop-products-page .products-hero::after,.desktop-products-page section.hero-section::after{content:"" !important;position:absolute !important;width:75% !important;height:170% !important;right:-20% !important;top:-105% !important;border-radius:50% !important;border:1px solid rgba(104,215,255,.10) !important;box-shadow:0 0 0 80px rgba(104,215,255,.025),0 0 0 160px rgba(104,215,255,.018) !important;pointer-events:none !important} .desktop-products-page .products,.desktop-products-page .product-list,.desktop-products-page .inventory,.desktop-products-page .inventory-section,.desktop-products-page section{background-color:transparent !important} .desktop-products-page .product-card,.desktop-products-page .inventory-card,.desktop-products-page .product-item,.desktop-products-page .product-grid .card{background:linear-gradient(145deg,rgba(12,63,103,.94),rgba(7,39,70,.94)) !important;border:1px solid rgba(102,211,255,.28) !important;color:#f5fbff !important;box-shadow:0 16px 42px rgba(2,18,36,.25),inset 0 1px 0 rgba(255,255,255,.08) !important;position:relative !important;overflow:hidden !important} .desktop-products-page .product-card::after,.desktop-products-page .inventory-card::after,.desktop-products-page .product-item::after,.desktop-products-page .product-grid .card::after{content:"" !important;position:absolute !important;left:-20% !important;top:-65% !important;width:70% !important;height:160% !important;border-radius:50% !important;background:rgba(92,216,255,.045) !important;pointer-events:none !important} .desktop-products-page .product-card img,.desktop-products-page .inventory-card img,.desktop-products-page .product-item img{position:relative !important;z-index:2 !important} .desktop-products-page .product-card h1,.desktop-products-page .product-card h2,.desktop-products-page .product-card h3,.desktop-products-page .product-card h4,.desktop-products-page .inventory-card h1,.desktop-products-page .inventory-card h2,.desktop-products-page .inventory-card h3,.desktop-products-page .inventory-card h4,.desktop-products-page .product-item h1,.desktop-products-page .product-item h2,.desktop-products-page .product-item h3,.desktop-products-page .product-item h4{color:#f7fbff !important} .desktop-products-page .product-card p,.desktop-products-page .inventory-card p,.desktop-products-page .product-item p{color:#bdd2e4 !important} .desktop-products-page .price,.desktop-products-page .product-price,.desktop-products-page .current-price{color:#58b9ff !important} .desktop-products-page .tag,.desktop-products-page .badge,.desktop-products-page .spec,.desktop-products-page .chip{background:rgba(92,194,255,.10) !important;border:1px solid rgba(92,194,255,.24) !important;color:#cceaff !important} .desktop-products-page #faq .split-faq,.desktop-products-page .split-faq{background:linear-gradient(110deg,#0a3157 0%,#0b416d 52%,#0b5d91 100%) !important} .desktop-products-page .section-light,.desktop-products-page .light-section,.desktop-products-page .white-section{background:linear-gradient(110deg,#071c34 0%,#0a3157 48%,#0b5d91 100%) !important;color:#f7fbff !important} @media(max-width:760px){.desktop-products-page .product-grid{grid-template-columns:1fr !important}} .desktop-products-page{color:#fff !important;background:linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important;background-attachment:fixed !important} .desktop-products-page .page-main{position:relative !important;overflow:hidden !important;padding:62px 0 90px !important;background:radial-gradient(circle at 14% 22%,rgba(69,215,255,.10),transparent 24%),radial-gradient(circle at 86% 76%,rgba(36,107,255,.16),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .desktop-products-page .page-main::before{content:"" !important;position:absolute !important;width:760px !important;height:330px !important;right:-170px !important;top:80px !important;border:1px solid rgba(117,224,255,.13) !important;border-radius:50% !important;transform:rotate(-12deg) !important;pointer-events:none !important;box-shadow:0 0 0 42px rgba(117,224,255,.025),0 0 0 86px rgba(117,224,255,.018) !important} .desktop-products-page .page-main::after{content:"" !important;position:absolute !important;width:620px !important;height:260px !important;left:-250px !important;bottom:30px !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:50% !important;transform:rotate(15deg) !important;pointer-events:none !important} .desktop-products-page .page-main>.container{position:relative !important;z-index:2 !important} .desktop-products-page .listing-card{background:linear-gradient(135deg,rgba(7,35,65,.94),rgba(12,73,119,.94)) !important;border:1px solid rgba(111,216,255,.25) !important;box-shadow:0 24px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.07) !important} .desktop-products-page .listing-card:hover{box-shadow:0 30px 75px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10) !important} .desktop-products-page .product-media{background:linear-gradient(135deg,#eaf3fa,#d7e8f5) !important} .desktop-products-page .listing-body h3,.desktop-products-page .listing-body h3[style]{color:#fff !important} .desktop-products-page .listing-body p,.desktop-products-page .listing-body p[style]{color:#bcd0e4 !important} .desktop-products-page .pill{background:rgba(255,255,255,.07) !important;border-color:rgba(121,216,255,.22) !important;color:#d5e8f7 !important} .desktop-products-page .tag{background:#eaf6ff !important;color:#1764cf !important} .desktop-products-page .stock{color:#63e2ae !important} .desktop-products-page .stock.sold{color:#ff8b9a !important} .desktop-products-page .old-price{color:#a9bfd4 !important} .desktop-products-page .price{color:#72dfff !important} .desktop-products-page .listing-grid,.desktop-products-page .products-grid,.desktop-products-page .inventory-grid{background:transparent !important} .desktop-hero{min-height:560px !important} .desktop-hero-inner{display:grid !important;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr) !important;align-items:center !important;gap:48px !important;padding:78px 0 88px !important} .desktop-hero-copy{position:relative;z-index:5;max-width:700px} .desktop-hero-copy h1{margin:17px 0 20px !important;font-size:clamp(3.2rem,5.6vw,5.6rem) !important;line-height:.93 !important} .desktop-hero-copy .hero-copy{max-width:670px !important;color:#c6d9ed !important;font-size:1.04rem !important} .desktop-topic-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px 12px !important;margin-top:25px !important;max-width:670px !important} .desktop-topic-grid>div{padding:13px 15px !important;border:1px solid rgba(111,216,255,.17) !important;border-radius:15px !important;background:rgba(255,255,255,.045) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important} .desktop-topic-grid strong{display:block !important;color:#fff !important;font-size:.82rem !important;margin-bottom:2px !important} .desktop-topic-grid span{display:block !important;color:#a9c2dc !important;font-size:.72rem !important;line-height:1.45 !important} .desktop-hero-visual{position:relative !important;height:430px !important;min-width:0 !important;border:1px solid rgba(111,216,255,.22) !important;border-radius:30px !important;overflow:hidden !important;background:radial-gradient(circle at 50% 48%,rgba(69,215,255,.16),transparent 24%),linear-gradient(145deg,rgba(7,39,70,.94),rgba(8,76,124,.78)) !important;box-shadow:0 28px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08) !important} .desktop-hero-visual::before{content:"" !important;position:absolute !important;width:720px !important;height:250px !important;left:-115px !important;top:80px !important;border:1px solid rgba(117,224,255,.13) !important;border-radius:50% !important;transform:rotate(-10deg) !important;box-shadow:0 0 0 32px rgba(117,224,255,.025),0 0 0 66px rgba(117,224,255,.018) !important;pointer-events:none !important} .desktop-hero-visual::after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.055) 50%,transparent 63%),linear-gradient(90deg,transparent 31px,rgba(255,255,255,.018) 32px),linear-gradient(transparent 31px,rgba(255,255,255,.018) 32px) !important;background-size:auto,32px 32px,32px 32px !important;mask-image:linear-gradient(to bottom,#000,transparent 92%) !important;pointer-events:none !important;animation:desktopShine 8s ease-in-out infinite !important} .desktop-grid-lines{position:absolute !important;inset:0 !important;opacity:.35 !important;background:linear-gradient(90deg,transparent 49.8%,rgba(111,216,255,.13) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(111,216,255,.10) 50%,transparent 50.2%) !important;background-size:100% 100%,100% 100% !important} .desktop-orbit{position:absolute !important;left:50% !important;top:50% !important;border:1px solid rgba(92,216,255,.14) !important;border-radius:50% !important;transform:translate(-50%,-50%) rotate(-18deg) !important;pointer-events:none !important} .orbit-a{width:345px;height:345px} .orbit-b{width:275px;height:275px;border-color:rgba(92,216,255,.10)!important} .desktop-screen{position:absolute !important;left:50% !important;top:50% !important;width:235px !important;height:155px !important;transform:translate(-50%,-55%) !important;border:1px solid rgba(105,223,255,.48) !important;border-radius:13px !important;background:linear-gradient(145deg,#0b426a,#082644) !important;box-shadow:0 0 45px rgba(69,215,255,.15),inset 0 0 30px rgba(69,215,255,.06) !important;z-index:3 !important;animation:desktopFloat 5s ease-in-out infinite !important} .screen-top{display:flex !important;justify-content:space-between !important;padding:9px 11px !important;color:#9bdcff !important;font-size:.48rem !important;font-weight:900 !important;letter-spacing:.1em !important} .screen-glow{position:absolute !important;left:35px !important;right:35px !important;top:46px !important;height:54px !important;border-radius:8px !important;background:linear-gradient(135deg,rgba(69,215,255,.16),rgba(36,107,255,.04)) !important;box-shadow:0 0 30px rgba(69,215,255,.09) !important} .screen-window{position:absolute !important;left:47px !important;top:58px !important;width:140px !important;height:39px !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:5px !important} .screen-window span{display:block !important;height:4px !important;border-radius:99px !important;background:rgba(121,224,255,.42) !important;animation:desktopPulse 2.5s ease-in-out infinite alternate !important} .screen-window i{display:block !important;height:12px !important;border:1px solid rgba(111,216,255,.18) !important;border-radius:4px !important} .screen-base{position:absolute !important;width:88px !important;height:7px !important;left:73px !important;bottom:-16px !important;border-radius:0 0 10px 10px !important;background:linear-gradient(90deg,#0a3659,#126b9d,#0a3659) !important} .desktop-tower{position:absolute !important;left:calc(50%+116px) !important;top:calc(50% - 37px) !important;width:72px !important;height:126px !important;border:1px solid rgba(111,216,255,.34) !important;border-radius:10px !important;background:linear-gradient(145deg,#092e4b,#061a2e) !important;box-shadow:0 0 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06) !important;z-index:2 !important;animation:desktopTowerFloat 5s ease-in-out infinite 1s !important} .tower-light{position:absolute !important;left:12px !important;top:12px !important;width:4px !important;height:102px !important;border-radius:99px !important;background:linear-gradient(to bottom,transparent,#54dcff,transparent) !important;box-shadow:0 0 13px rgba(84,220,255,.7) !important} .tower-slot{position:absolute !important;left:25px !important;right:10px !important;height:7px !important;border-radius:4px !important;background:rgba(110,211,255,.14) !important;border:1px solid rgba(110,211,255,.12) !important} .slot-1{top:28px}.slot-2{top:48px}.slot-3{top:68px} .tower-logo{position:absolute !important;right:12px !important;bottom:12px !important;color:#7fe2ff !important;font-size:.7rem !important;font-weight:950 !important} .desktop-chip{position:absolute !important;display:flex !important;align-items:center !important;gap:8px !important;padding:8px 11px !important;border:1px solid rgba(101,220,255,.25) !important;border-radius:11px !important;background:rgba(5,28,49,.72) !important;backdrop-filter:blur(10px) !important;box-shadow:0 10px 25px rgba(0,0,0,.14) !important;z-index:5 !important;color:#d6edff !important;font-size:.56rem !important;font-weight:900 !important;letter-spacing:.06em !important} .desktop-chip b{color:#59dcff !important;font-size:.55rem !important} .chip-assemble{left:22px;top:78px;animation:chipFloat 4s ease-in-out infinite} .chip-office{right:22px;top:78px;animation:chipFloat 4.6s ease-in-out infinite .5s} .chip-mini{left:22px;bottom:68px;animation:chipFloat 4.4s ease-in-out infinite 1s} .chip-setup{right:22px;bottom:68px;animation:chipFloat 4.8s ease-in-out infinite 1.5s} .desktop-data{position:absolute !important;width:7px !important;height:7px !important;border-radius:50% !important;background:#59dcff !important;box-shadow:0 0 18px #59dcff !important;z-index:4 !important} .data-one{left:31%;top:29%;animation:dataBlink 2s infinite} .data-two{right:29%;top:65%;animation:dataBlink 2s infinite .7s} .data-three{left:67%;top:24%;animation:dataBlink 2s infinite 1.3s} @keyframes desktopFloat{0%,100%{transform:translate(-50%,-55%) translateY(0)} 50%{transform:translate(-50%,-55%) translateY(-7px)}} @keyframes desktopTowerFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)}} @keyframes chipFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)}} @keyframes dataBlink{0%,100%{opacity:.25;transform:scale(.75)} 50%{opacity:1;transform:scale(1.2)}} @keyframes desktopPulse{to{opacity:.38;transform:scaleX(.72);transform-origin:left}} @keyframes desktopShine{0%,100%{opacity:.18;transform:translateX(-2%)} 50%{opacity:.48;transform:translateX(2%)}} @media(max-width:1000px){.desktop-hero-inner{grid-template-columns:1fr !important;gap:34px !important} .desktop-hero-copy{max-width:760px !important} .desktop-hero-visual{max-width:680px !important;width:100% !important;margin:0 auto !important}} @media(max-width:640px){.desktop-hero-inner{padding:65px 0 72px !important} .desktop-topic-grid{grid-template-columns:1fr !important} .desktop-hero-visual{height:360px !important;border-radius:24px !important} .desktop-screen{width:190px !important;height:128px !important} .desktop-tower{left:calc(50%+92px) !important;width:58px !important;height:105px !important} .screen-window{left:38px !important;top:51px !important;width:114px !important} .screen-glow{left:28px !important;right:28px !important;top:40px !important} .screen-base{left:58px !important;width:74px !important} .desktop-chip{font-size:.48rem !important;padding:7px 8px !important} .chip-assemble{left:12px;top:54px} .chip-office{right:12px;top:54px} .chip-mini{left:12px;bottom:48px} .chip-setup{right:12px;bottom:48px} .orbit-a{width:285px;height:285px} .orbit-b{width:225px;height:225px}} .webit-wrap{position:relative !important;overflow:hidden !important;background:linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .webit-wrap>section{position:relative !important;overflow:hidden !important;background:radial-gradient(circle at 12% 18%,rgba(69,215,255,.08),transparent 25%),radial-gradient(circle at 88% 78%,rgba(36,107,255,.12),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important;color:#fff !important} .webit-wrap>section::before{content:"" !important;position:absolute !important;width:900px !important;height:310px !important;right:-240px !important;top:-90px !important;border:1px solid rgba(119,225,255,.105) !important;border-radius:50% !important;transform:rotate(-10deg) !important;pointer-events:none !important;box-shadow:0 0 0 38px rgba(119,225,255,.022),0 0 0 76px rgba(119,225,255,.015) !important} .webit-wrap>section::after{content:"" !important;position:absolute !important;top:-30% !important;bottom:-30% !important;left:-45% !important;width:18% !important;transform:skewX(-18deg) !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),rgba(100,218,255,.10),rgba(255,255,255,.035),transparent) !important;pointer-events:none !important;animation:webitPageGloss 9s ease-in-out infinite !important} .webit-wrap>section>.container{position:relative !important;z-index:2 !important} .webit-intro{padding:96px 0 82px !important} .webit-intro .section-head{max-width:940px !important;margin:0 auto 45px !important;text-align:center !important} .webit-intro .section-head h2{color:#fff !important;font-size:clamp(2.7rem,5vw,4.8rem) !important;line-height:.98 !important;letter-spacing:-.06em !important} .webit-intro .section-head p{color:#bdd0e5 !important;max-width:800px !important;margin:0 auto !important;line-height:1.7 !important} .webit-pillrow{justify-content:center !important} .webit-pillrow span{background:rgba(8,42,73,.72) !important;border:1px solid rgba(103,211,255,.20) !important;color:#c9e0f3 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 25px rgba(0,0,0,.10) !important} .webit-feature-grid{position:relative !important;z-index:2 !important;align-items:stretch !important} .webit-feature{min-height:285px !important;background:radial-gradient(circle at 88% 18%,rgba(69,215,255,.10),transparent 25%),linear-gradient(135deg,rgba(6,31,56,.94),rgba(9,70,113,.90)) !important;border-color:rgba(111,216,255,.22) !important} .webit-dark{padding:96px 0 !important;background:radial-gradient(circle at 82% 20%,rgba(69,215,255,.10),transparent 24%),radial-gradient(circle at 10% 80%,rgba(36,107,255,.13),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .webit-dark-head{align-items:center !important} .webit-dark-head h2{color:#fff !important} .webit-dark-head p{color:#b6cbe0 !important} .webit-cap{background:rgba(7,42,72,.64) !important;border-color:rgba(111,216,255,.18) !important} .webit-cap b{color:#f5fbff !important} .webit-cap span{color:#a9c2da !important} .webit-maint{padding:96px 0 !important;background:radial-gradient(circle at 18% 22%,rgba(69,215,255,.08),transparent 26%),radial-gradient(circle at 88% 78%,rgba(36,107,255,.12),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .webit-maint-copy h2{color:#fff !important} .webit-maint-copy>p{color:#b8cde1 !important;line-height:1.8 !important} .webit-check b{color:#fff !important} .webit-check span{color:#a9c3db !important} .webit-check i{background:rgba(73,201,255,.13) !important;border:1px solid rgba(93,210,255,.20) !important;color:#61d8ff !important} .webit-dashboard{background:radial-gradient(circle at 82% 18%,rgba(69,215,255,.14),transparent 25%),linear-gradient(145deg,#061a2f,#0b4c80) !important;border-color:rgba(111,216,255,.22) !important;box-shadow:0 35px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07) !important} .webit-process{padding:96px 0 !important;background:radial-gradient(circle at 12% 18%,rgba(69,215,255,.08),transparent 25%),radial-gradient(circle at 90% 85%,rgba(36,107,255,.13),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .webit-process .section-head h2,.webit-process .section-head p{color:#fff !important} .webit-process .section-head p{color:#b9cfe3 !important} .webit-process-grid{align-items:stretch !important} .webit-process-card{min-height:235px !important;background:radial-gradient(circle at 88% 16%,rgba(69,215,255,.10),transparent 28%),linear-gradient(145deg,rgba(7,38,67,.95),rgba(9,71,116,.90)) !important;border-color:rgba(111,216,255,.22) !important;box-shadow:0 22px 55px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.07) !important} .webit-process-card h3{color:#fff !important} .webit-process-card p{color:#aac4db !important} .webit-faq{margin-bottom:0 !important;padding:96px 0 82px !important;background:radial-gradient(circle at 8% 18%,rgba(45,150,255,.10),transparent 30%),radial-gradient(circle at 92% 82%,rgba(69,215,255,.08),transparent 28%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .webit-faq .section-head h2{color:#fff !important} .webit-faq .section-head p{color:#b8cee2 !important} .webit-faq-item{background:radial-gradient(circle at 90% 12%,rgba(69,215,255,.08),transparent 28%),linear-gradient(145deg,rgba(7,40,69,.90),rgba(10,75,121,.84)) !important;border-color:rgba(111,216,255,.22) !important} .webit-faq-item summary{color:#fff !important} .webit-faq-answer p{color:#b3c9de !important} .webit-faq-bottom{color:#b5cbe0 !important} .webit-cta{padding:22px 0 94px !important;background:radial-gradient(circle at 80% 20%,rgba(69,215,255,.09),transparent 25%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .webit-cta-panel{background:radial-gradient(circle at 88% 18%,rgba(69,215,255,.13),transparent 25%),linear-gradient(125deg,#061a2e 0%,#0a3159 52%,#0c6dcc 100%) !important;border:1px solid rgba(111,216,255,.25) !important;box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08) !important} .webit-cta-panel h2{color:#fff !important} .webit-cta-panel p{color:#c2d7e9 !important} .webit-intro .container,.webit-dark .container,.webit-maint .container,.webit-process .container,.webit-faq .container,.webit-cta .container{max-width:1180px !important} @keyframes webitPageGloss{0%,12%{left:-45%;opacity:0} 24%{opacity:.5} 52%{left:128%;opacity:.65} 72%,100%{left:128%;opacity:0}} @media(max-width:1000px){.webit-intro .section-head{margin-bottom:36px !important} .webit-feature-grid{gap:16px !important}} @media(max-width:620px){.webit-intro,.webit-dark,.webit-maint,.webit-process,.webit-faq{padding:72px 0 !important} .webit-cta{padding:12px 0 72px !important} .webit-feature{min-height:auto !important} .webit-process-card{min-height:auto !important} .webit-wrap>section::before{right:-420px !important}} @media(prefers-reduced-motion:reduce){.webit-wrap>section::after{animation:none !important;opacity:.25 !important}} .power-page main,.power-page main>section{background:radial-gradient(circle at 10% 18%,rgba(69,215,255,.07),transparent 27%),radial-gradient(circle at 90% 82%,rgba(36,107,255,.10),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .power-page main>section{position:relative !important;overflow:hidden !important;color:#fff !important} .power-page main>section::before{content:"" !important;position:absolute !important;width:900px !important;height:300px !important;right:-260px !important;top:-105px !important;border:1px solid rgba(117,224,255,.10) !important;border-radius:50% !important;transform:rotate(-9deg) !important;pointer-events:none !important;box-shadow:0 0 0 38px rgba(117,224,255,.022),0 0 0 76px rgba(117,224,255,.014) !important} .power-page main>section::after{content:"" !important;position:absolute !important;top:-35% !important;bottom:-35% !important;left:-42% !important;width:17% !important;transform:skewX(-18deg) !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),rgba(91,215,255,.10),rgba(255,255,255,.035),transparent) !important;pointer-events:none !important;animation:powerPageGloss 10s ease-in-out infinite !important} .power-page main>section>.container{position:relative !important;z-index:2 !important;max-width:1180px !important} .power-page .power-hero{background:linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .power-page .section-head{max-width:900px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important} .power-page .section-head h2{color:#fff !important} .power-page .section-head p{color:#b8cde1 !important} .power-page .section-head .kicker,.power-page .power-kicker{color:#59d2ff !important} .power-page .power-intro{padding:96px 0 92px !important} .power-page .power-service-grid{align-items:stretch !important;gap:20px !important} .power-page .power-glass-card{min-height:405px !important;background:radial-gradient(circle at 88% 12%,rgba(69,215,255,.10),transparent 27%),linear-gradient(145deg,#0b3b68 0%,#0a2e55 55%,#071d37 100%) !important;border-color:rgba(107,198,255,.27) !important} .power-page .power-dark-section{padding:100px 0 !important;background:radial-gradient(circle at 82% 18%,rgba(69,215,255,.10),transparent 25%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .power-page .power-split{align-items:center !important;gap:72px !important} .power-page .power-copy h2{color:#fff !important} .power-page .power-copy>p{color:#b8cde1 !important;line-height:1.8 !important} .power-page .power-checks>div{background:rgba(5,28,52,.36) !important;border-color:rgba(105,204,255,.18) !important} .power-page .power-checks b{color:#fff !important} .power-page .power-checks small{color:#a9c3da !important} .power-page .power-benefits,.power-page .power-process{padding:96px 0 !important;background:radial-gradient(circle at 12% 20%,rgba(69,215,255,.07),transparent 27%),radial-gradient(circle at 88% 80%,rgba(36,107,255,.10),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .power-page .power-benefit-grid,.power-page .power-process-grid{align-items:stretch !important;gap:18px !important} .power-page .power-benefit,.power-page .power-process-card{background:radial-gradient(circle at 88% 12%,rgba(69,215,255,.09),transparent 28%),linear-gradient(145deg,rgba(7,38,67,.96),rgba(9,71,116,.92)) !important;border-color:rgba(105,204,255,.22) !important;box-shadow:0 24px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07) !important} .power-page .power-benefit h3,.power-page .power-process-card h3{color:#fff !important} .power-page .power-benefit p,.power-page .power-process-card p{color:#a9c3da !important} .power-page .power-faq{padding:96px 0 88px !important;background:radial-gradient(circle at 8% 18%,rgba(69,215,255,.08),transparent 28%),radial-gradient(circle at 92% 82%,rgba(36,107,255,.11),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .power-page .power-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 16px !important;align-items:start !important} .power-page .power-faq-item{background:radial-gradient(circle at 88% 10%,rgba(69,215,255,.08),transparent 30%),linear-gradient(145deg,#0b3b68,#092b4e 70%,#071d37) !important;border-color:rgba(105,204,255,.22) !important} .power-page .power-faq-item summary{color:#fff !important} .power-page .power-faq-item p{color:#a9c3da !important} .power-page .power-cta{padding:24px 0 96px !important;background:radial-gradient(circle at 86% 15%,rgba(69,215,255,.09),transparent 27%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important} .power-page .power-cta .container{position:relative !important;z-index:3 !important} .power-page .power-cta-panel{background:radial-gradient(circle at 88% 18%,rgba(69,215,255,.13),transparent 27%),linear-gradient(125deg,#061a2e 0%,#0a3159 52%,#0c6dcc 100%) !important;border-color:rgba(111,216,255,.25) !important;box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08) !important} .power-page .power-cta-panel h2{color:#fff !important} .power-page .power-cta-panel p{color:#c2d7e9 !important} .power-page main>section>.container *{position:relative} .power-page .power-flow-visual,.power-page .power-orb{z-index:3 !important} @keyframes powerPageGloss{0%,12%{left:-42%;opacity:0} 26%{opacity:.42} 55%{left:126%;opacity:.62} 76%,100%{left:126%;opacity:0}} @media(max-width:980px){.power-page .power-faq-grid{grid-template-columns:1fr !important}} @media(max-width:640px){.power-page .power-intro,.power-page .power-dark-section,.power-page .power-benefits,.power-page .power-process,.power-page .power-faq{padding:72px 0 !important} .power-page .power-cta{padding:16px 0 72px !important} .power-page main>section::before{right:-430px !important}} @media(prefers-reduced-motion:reduce){.power-page main>section::after{animation:none !important;opacity:.25 !important}} .products-page{color:#fff !important;background:linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important;background-attachment:fixed !important} .products-page .page-main{position:relative !important;overflow:hidden !important;background:radial-gradient(circle at 10% 25%,rgba(69,215,255,.10),transparent 25%),radial-gradient(circle at 88% 70%,rgba(36,107,255,.14),transparent 30%),linear-gradient(125deg,#061325 0%,#0a2040 45%,#124a8c 70%,#0969dd 100%) !important;padding:62px 0 96px !important} .products-page .page-main::before{content:"";position:absolute;width:850px;height:360px;right:-190px;top:170px;border-radius:50%;border:1px solid rgba(112,221,255,.13);transform:rotate(-9deg);box-shadow:0 0 0 55px rgba(112,221,255,.035),0 0 0 110px rgba(112,221,255,.02);pointer-events:none} .products-page .page-main::after{content:"";position:absolute;left:-12%;top:35%;width:70%;height:120px;background:linear-gradient(90deg,transparent,rgba(91,211,255,.07),rgba(255,255,255,.055),transparent);filter:blur(18px);transform:rotate(-7deg);animation:productsGlossWave 9s ease-in-out infinite alternate;pointer-events:none} @keyframes productsGlossWave{from{transform:translateX(-8%) rotate(-7deg)}to{transform:translateX(38%) rotate(-7deg)}} .products-page .page-main>.container{position:relative;z-index:2} .products-page .breadcrumbs{color:#b9cee5 !important;margin-bottom:18px} .products-page .breadcrumbs a{color:#8edcff !important;font-weight:900} .products-page .toolbar{margin-bottom:22px} .products-page .searchbox input,.products-page .filter{background:rgba(255,255,255,.96) !important;color:#071525 !important;border-color:rgba(255,255,255,.72) !important} .products-page .searchbox input::placeholder{color:#71839a !important} .products-page .pill{background:rgba(255,255,255,.08) !important;border-color:rgba(125,211,252,.28) !important;color:#d9efff !important} .products-page .listing-grid{position:relative;z-index:2} .products-page .listing-card{background:linear-gradient(145deg,#0d355b 0%,#0d426f 54%,#0b5d91 100%) !important;border:1px solid rgba(103,205,255,.30) !important;box-shadow:0 24px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.10) !important;color:#fff !important} .products-page .listing-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 8%,rgba(103,221,255,.14),transparent 28%);z-index:0} .products-page .listing-card::after{z-index:3 !important} .products-page .listing-card:hover{border-color:rgba(112,221,255,.58) !important;box-shadow:0 30px 78px rgba(0,0,0,.27),0 10px 28px rgba(36,107,246,.15),inset 0 1px 0 rgba(255,255,255,.13) !important} .products-page .listing-card .product-media{background:#0a2949 !important;z-index:1} .products-page .listing-body{position:relative;z-index:4;color:#fff !important} .products-page .listing-body h3{color:#fff !important} .products-page .listing-body p{color:#b9cee5 !important} .products-page .tag{background:#eaf6ff !important;color:#1769d2 !important} .products-page .stock{color:#55e0a4 !important} .products-page .stock.sold{color:#ff7183 !important} .products-page .meta .pill{background:rgba(255,255,255,.055) !important;color:#c9def1 !important;border-color:rgba(125,211,252,.25) !important} .products-page .offer-badge{background:#124b78 !important;color:#7edcff !important} .products-page .old-price{color:#9db2c8 !important} .products-page .price{color:#55cfff !important} .products-page .mini-btn{background:#071525 !important;border:1px solid rgba(255,255,255,.15)} .products-page .mini-btn:hover{background:#246bff !important} .products-page .contact-card{background:linear-gradient(145deg,#0d355b,#0b5d91) !important;color:#fff !important;border-color:rgba(103,205,255,.30) !important} @media(max-width:620px){.products-page .page-main{padding:48px 0 72px !important}} .tts-computer-actions{display:flex !important;align-items:center !important;justify-content:flex-start !important;flex-wrap:wrap !important;gap:12px !important} .tts-computer-actions .btn{white-space:nowrap !important} @media(max-width:620px){.tts-computer-actions{display:grid !important;grid-template-columns:1fr !important;align-items:stretch !important} .tts-computer-actions .btn{width:100% !important}} .product-click-card{cursor:pointer} .product-click-card .listing-body{cursor:pointer} .product-click-card button,.product-click-card a{cursor:pointer} .desktop-products-page .listing-body{display:flex !important;flex-direction:column !important} .desktop-products-page .listing-body>.price-row{margin-top:auto !important;width:100% !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;column-gap:12px !important;min-height:58px !important} .desktop-products-page .desktop-price{min-width:0 !important;display:flex !important;align-items:center !important} .desktop-products-page .desktop-price .offer-price-wrap{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:8px !important;min-width:0 !important} .desktop-products-page .desktop-product-actions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;flex:0 0 auto !important} .desktop-products-page .desktop-product-actions .mini-btn{white-space:nowrap !important;min-height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important} @media(max-width:1050px){.desktop-products-page .listing-body>.price-row{grid-template-columns:1fr !important;row-gap:10px !important} .desktop-products-page .desktop-product-actions{justify-content:flex-start !important}} @media(max-width:760px){.desktop-products-page .desktop-product-actions{flex-wrap:wrap !important}} .desktop-products-page .listing-card{display:flex !important;flex-direction:column !important;height:auto !important;min-height:0 !important} .desktop-products-page .listing-card .listing-body{display:flex !important;flex:1 1 auto !important;flex-direction:column !important;height:auto !important;min-height:0 !important;box-sizing:border-box !important} .desktop-products-page .listing-card .price-row{margin-top:auto !important;width:100% !important;min-height:58px !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:end !important;column-gap:12px !important;box-sizing:border-box !important} .desktop-products-page .listing-card .desktop-price{min-width:0 !important;display:flex !important;align-items:flex-end !important} .desktop-products-page .listing-card .desktop-price .offer-price-wrap{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:7px 8px !important;min-width:0 !important} .desktop-products-page .listing-card .desktop-product-actions{display:flex !important;align-items:flex-end !important;justify-content:flex-end !important;gap:10px !important;flex:0 0 auto !important;min-width:max-content !important} .desktop-products-page .listing-card .desktop-product-actions .mini-btn{min-width:80px !important;height:40px !important;min-height:40px !important;margin:0 !important;padding:8px 11px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;box-sizing:border-box !important} .desktop-products-page .listing-card .desktop-product-actions .whatsapp-mini{min-width:84px !important} @media(max-width:1050px){.desktop-products-page .listing-card .price-row{grid-template-columns:minmax(0,1fr) auto !important;column-gap:8px !important} .desktop-products-page .listing-card .desktop-product-actions{gap:7px !important} .desktop-products-page .listing-card .desktop-product-actions .mini-btn{min-width:76px !important;padding-left:9px !important;padding-right:9px !important}} @media(max-width:760px){.desktop-products-page .listing-card .price-row{grid-template-columns:1fr !important;row-gap:10px !important;align-items:start !important} .desktop-products-page .listing-card .desktop-product-actions{justify-content:flex-start !important;align-items:center !important;min-width:0 !important}} .desktop-products-page .desktop-hero{min-height:0 !important} .desktop-products-page .desktop-hero-inner{align-items:center !important;padding:46px 0 58px !important} .desktop-products-page .desktop-hero-visual{height:400px !important} @media(max-width:1000px){.desktop-products-page .desktop-hero-inner{padding:48px 0 58px !important}} @media(max-width:640px){.desktop-products-page .desktop-hero-inner{padding:42px 0 54px !important} .desktop-products-page .desktop-hero-visual{height:360px !important}} .desktop-products-page .desktop-hero-inner{padding-top:10px !important;padding-bottom:36px !important;min-height:0 !important} .desktop-products-page .desktop-hero-copy{transform:translateY(-18px) !important} .desktop-products-page .desktop-hero-visual{transform:translateY(-18px) !important;height:400px !important} @media(max-width:1000px){.desktop-products-page .desktop-hero-inner{padding-top:24px !important;padding-bottom:42px !important} .desktop-products-page .desktop-hero-copy,.desktop-products-page .desktop-hero-visual{transform:none !important}} @media(max-width:640px){.desktop-products-page .desktop-hero-inner{padding-top:22px !important;padding-bottom:40px !important}} .desktop-products-page .desktop-hero-visual{transform:translateY(-55px) !important} @media(max-width:1000px){.desktop-products-page .desktop-hero-visual{transform:none !important}} .tts-computer-hero.page-hero{padding:0 !important} .tts-computer-hero .tts-computer-hero-grid{padding:30px 0 70px !important} @media(max-width:620px){.tts-computer-hero .tts-computer-hero-grid{padding:24px 0 55px !important}} .laptop-hero .laptop-hero-inner{position:relative !important;top:-90px !important} @media(max-width:900px){.laptop-hero .laptop-hero-inner{top:-80px !important}} @media(max-width:560px){.laptop-hero .laptop-hero-inner{top:-35px !important}} .laptop-hero-actions{display:flex !important;align-items:center !important;gap:12px !important;margin-top:28px !important} @media(max-width:620px){.laptop-hero-actions .btn{width:auto !important} .laptop-hero-actions{flex-wrap:wrap !important}} .webit-hero .hero-inner{position:relative !important;top:-50px !important} @media(max-width:900px){.webit-hero .hero-inner{top:-15px !important}} @media(max-width:560px){.webit-hero .hero-inner{top:5px !important}} .power-page .power-hero-copy-block,.power-page .power-flow-visual{position:relative !important;top:-80px !important} @media (max-width:980px){.power-page .power-hero-copy-block,.power-page .power-flow-visual{top:-80px !important}} @media (max-width:640px){.power-page .power-hero-copy-block,.power-page .power-flow-visual{top:-70px !important}} .home-page #visit-store .map-actions a.primary{background:rgba(255,255,255,.07) !important;border:1px solid rgba(113,211,255,.25) !important;color:#f5fbff !important;box-shadow:none !important} .home-page #visit-store .map-actions a.primary:hover{background:rgba(255,255,255,.12) !important;border-color:rgba(113,211,255,.45) !important;color:#fff !important} .products-page .listing-grid{align-items:stretch !important} .products-page .listing-card{display:flex !important;flex-direction:column !important;height:100% !important;min-height:0 !important;box-sizing:border-box !important} .products-page .listing-card .listing-body{display:flex !important;flex:1 1 auto !important;flex-direction:column !important;min-height:0 !important;box-sizing:border-box !important} .products-page .listing-card .price-row{margin-top:auto !important;width:100% !important;min-height:58px !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:end !important;column-gap:12px !important;box-sizing:border-box !important} .products-page .listing-card .offer-price-wrap,.products-page .listing-card .sold-price-inline{min-width:0 !important;align-self:end !important} .products-page .listing-card .mini-btn{align-self:end !important;justify-self:end !important;margin:0 !important;white-space:nowrap !important;box-sizing:border-box !important} @media(max-width:760px){.products-page .listing-card .price-row{grid-template-columns:1fr !important;row-gap:10px !important;align-items:start !important} .products-page .listing-card .mini-btn{justify-self:start !important;align-self:start !important}} .home-page .brand-panel{position:relative;overflow:hidden;isolation:isolate} .home-page .brand-panel::after{content:"";position:absolute;inset:-35%;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 48%,rgba(69,215,255,.13),transparent 23%),radial-gradient(circle at 50% 48%,rgba(36,107,255,.09),transparent 42%);animation:ttsBrandAura 6s ease-in-out infinite} @keyframes ttsBrandAura{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}} .home-page .brand-core{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center} .home-page .brand-logo-wrap{position:relative;width:100px;height:100px;display:grid;place-items:center;margin-bottom:10px;animation:ttsBrandFloat 4.8s ease-in-out infinite} .home-page .brand-logo-wrap img{position:relative;z-index:2;width:100px;height:100px;object-fit:cover;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 28px rgba(69,215,255,.12)} .home-page .brand-logo-glow{position:absolute;z-index:1;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(91,211,255,.34),rgba(36,107,255,.08) 42%,transparent 70%);filter:blur(3px);animation:ttsBrandGlow 3.2s ease-in-out infinite} @keyframes ttsBrandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} @keyframes ttsBrandGlow{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.12);opacity:1}} .home-page .brand-orbit{position:absolute;inset:0;z-index:2;pointer-events:none} .home-page .orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(92,208,255,.20);border-radius:50%;transform:translate(-50%,-50%);animation:ttsOrbitSpin 18s linear infinite} .home-page .orbit-ring-a{width:285px;height:285px} .home-page .orbit-ring-b{width:225px;height:225px;border-color:rgba(36,150,255,.15);animation-duration:13s;animation-direction:reverse} @keyframes ttsOrbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}} .home-page .orbit-dot{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#63d8ff;box-shadow:0 0 15px rgba(99,216,255,.85);transform-origin:0 0;animation:ttsDotOrbit 8s linear infinite} .home-page .dot-a{animation-delay:-1s} .home-page .dot-b{animation-delay:-3.7s;animation-duration:10s;width:5px;height:5px} .home-page .dot-c{animation-delay:-6s;animation-duration:12s;width:6px;height:6px} @keyframes ttsDotOrbit{from{transform:rotate(0deg) translateX(142px)}to{transform:rotate(360deg) translateX(142px)}} .home-page .orbit-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(102,205,255,.22);border-radius:999px;background:rgba(5,25,48,.78);backdrop-filter:blur(8px);color:#65d5ff;font-size:.66rem;letter-spacing:.06em;box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);animation:ttsChipFloat 4.5s ease-in-out infinite} .home-page .orbit-chip b{font-size:.56rem;color:#d9efff;letter-spacing:.08em} .home-page .chip-computer{left:7%;top:17%;animation-delay:-.8s} .home-page .chip-power{right:6%;top:20%;animation-delay:-2.2s} .home-page .chip-cctv{left:12%;bottom:17%;animation-delay:-3.2s} .home-page .chip-web{right:11%;bottom:17%;animation-delay:-4.1s} @keyframes ttsChipFloat{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(-5px);opacity:1}} .home-page .brand-panel .name{position:relative;z-index:5} @media(max-width:700px){.home-page .orbit-ring-a{width:245px;height:245px}.home-page .orbit-ring-b{width:195px;height:195px} .home-page .orbit-chip{padding:6px 8px}.home-page .orbit-chip b{font-size:.5rem}.home-page .chip-computer{left:1%;top:13%}.home-page .chip-power{right:1%;top:16%}.home-page .chip-cctv{left:4%;bottom:12%}.home-page .chip-web{right:4%;bottom:12%}} @media(prefers-reduced-motion:reduce){.home-page .brand-panel::after,.home-page .brand-logo-wrap,.home-page .brand-logo-glow,.home-page .orbit-ring,.home-page .orbit-dot,.home-page .orbit-chip{animation:none!important}} .tts-header{overflow:visible} .tts-header::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(69,215,255,.0) 18%,rgba(69,215,255,.9) 50%,rgba(36,107,255,.0) 82%,transparent 100%);background-size:220% 100%;animation:ttsHeaderSweep 6.5s ease-in-out infinite;z-index:2} @keyframes ttsHeaderSweep{0%{background-position:120% 0;opacity:.35}50%{background-position:0% 0;opacity:1}100%{background-position:-120% 0;opacity:.35}} .tts-brand{position:relative;isolation:isolate} .tts-brand::after{content:"";position:absolute;inset:7px -7px;border-radius:18px;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(69,215,255,.20),transparent 68%);filter:blur(7px);opacity:.5;animation:ttsLogoAura 4.8s ease-in-out infinite;z-index:-1} .tts-brand img{animation:ttsLogoFloat 5.5s ease-in-out infinite;transform-origin:center center} @keyframes ttsLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}} @keyframes ttsLogoAura{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.08);opacity:.75}} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn){transition:color .25s ease,transform .25s ease} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn)::after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:translateX(-50%);transition:width .28s ease;opacity:.9} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn):hover::after{width:100%} .tts-enquiry-btn{animation:ttsEnquiryBreath 4.8s ease-in-out infinite} @keyframes ttsEnquiryBreath{0%,100%{box-shadow:0 10px 25px rgba(36,107,255,.20)}50%{box-shadow:0 12px 30px rgba(36,107,255,.34)}} .tts-whatsapp-btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease} .tts-whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,17,31,.20)} @media(prefers-reduced-motion:reduce){.tts-header::before,.tts-brand::after,.tts-brand img,.tts-enquiry-btn{animation:none!important} .tts-desktop-nav>a:not(.tts-enquiry-btn):not(.tts-whatsapp-btn)::after{transition:none!important}} .product-click-card{cursor:pointer} .product-click-card:focus-visible{outline:3px solid rgba(69,215,255,.58);outline-offset:3px} .product-click-card .product-media a{display:block} .product-click-card .listing-body{cursor:pointer} .laptop-products-page .listing-card .listing-body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important} .laptop-products-page .listing-card .price-row{margin-top:auto !important;width:100% !important;min-height:58px !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto auto !important;align-items:end !important;column-gap:9px !important} .laptop-products-page .listing-card .price-row>.offer-price-wrap,.laptop-products-page .listing-card .price-row>.price{min-width:0 !important;align-self:end !important} .laptop-products-page .listing-card .price-row>.mini-btn{align-self:end !important;justify-self:end !important;min-width:82px !important;min-height:40px !important;margin:0 !important;white-space:nowrap !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important} .laptop-products-page .listing-card .price-row>.whatsapp-mini{min-width:78px !important} .laptop-products-page .listing-grid,.desktop-products-page .listing-grid,.products-page .listing-grid{align-items:stretch !important} .laptop-products-page .listing-card,.desktop-products-page .listing-card,.products-page .listing-card{height:100% !important} .product-detail-page .detail-product-title{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.02;letter-spacing:-.04em;margin:8px 0 10px;color:#fff} @media(prefers-reduced-motion:reduce){.product-card,.listing-card,.btn,.mini-btn{transition:none !important}} @media(max-width:900px){.laptop-products-page .listing-card .price-row{grid-template-columns:minmax(0,1fr) auto auto !important}} @media(max-width:760px){.laptop-products-page .listing-card .price-row{grid-template-columns:1fr !important;row-gap:10px !important;align-items:start !important} .laptop-products-page .listing-card .price-row>.mini-btn{justify-self:start !important;align-self:start !important}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}} .home-page #contact select{-webkit-appearance:none !important;appearance:none !important;background-image:linear-gradient(45deg,transparent 50%,#9fc5e5 50%),linear-gradient(135deg,#9fc5e5 50%,transparent 50%) !important;background-position:calc(100% - 21px) 50%,calc(100% - 15px) 50% !important;background-size:6px 6px,6px 6px !important;background-repeat:no-repeat !important;padding-right:46px !important} @media (min-width:901px){.laptop-products-page .laptop-hero-copy{top:-36px !important} .laptop-products-page .laptop-hero-visual{top:-36px !important}} @media (min-width:1001px){.desktop-products-page .desktop-hero-copy{transform:translateY(-84px) !important} .desktop-products-page .desktop-hero-visual{transform:translateY(-103px) !important}}:root{--ink:#0b1424;--navy:#07182d;--navy-2:#0b2746;--blue:#1769ff;--blue-2:#2b8cff;--cyan:#49d9ff;--paper:#f6f8fc;--paper-2:#eef3f8;--white:#fff;--muted:#68788d;--line:#dfe6ef;--green:#16a56a;--shadow:0 18px 55px rgba(9,28,55,.09);--shadow-lg:0 30px 90px rgba(7,25,52,.15);--radius:22px} html{scroll-padding-top:100px} body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65} body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 0%,rgba(43,140,255,.045),transparent 28%),radial-gradient(circle at 90% 15%,rgba(73,217,255,.035),transparent 24%)} img{max-width:100%} a{color:inherit} .container,.tts-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto} .tts-topbar{background:#061426;color:#a9bdd2;border-bottom:1px solid rgba(255,255,255,.07);font-size:.72rem;letter-spacing:.04em} .tts-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px} .tts-topbar-contact a{color:#fff;text-decoration:none;font-weight:800} .tts-header{position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.90)!important;border-bottom:1px solid rgba(15,43,74,.10)!important;box-shadow:0 10px 35px rgba(8,29,55,.07)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .tts-nav-row{min-height:76px;display:flex;align-items:center;gap:26px} .tts-brand{display:inline-flex;align-items:center;flex:none;text-decoration:none} .tts-brand img{width:52px!important;height:52px!important;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px rgba(23,105,255,.16);background:#fff} .tts-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:1;min-width:0} .tts-desktop-nav>a[data-nav]{padding:9px 8px;border-radius:12px;color:#53657a;font-size:.72rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:.2s ease} .tts-desktop-nav>a[data-nav]:hover,.tts-desktop-nav>a[data-nav].is-active{color:#0d4fc8;background:#edf5ff} .tts-enquiry-btn,.tts-whatsapp-btn{min-height:40px!important;border-radius:12px!important;padding:0 15px!important;font-weight:900!important;font-size:.76rem!important} .tts-enquiry-btn{margin-left:5px;background:#eef4fb!important;color:#12233b!important;border:1px solid #dce5ef!important} .tts-whatsapp-btn{background:#0c9f68!important;color:#fff!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important} .tts-enquiry-btn+.tts-whatsapp-btn{margin-left:13px !important} .tts-enquiry-btn:hover,.tts-whatsapp-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,36,68,.12)} .tts-menu-btn{margin-left:auto;border:1px solid #dce5ef!important;background:#fff!important;color:#0d1e34!important;border-radius:12px!important;width:44px;height:44px;font-size:1.25rem!important} .tts-mobile-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid #e5ebf2!important;box-shadow:0 20px 40px rgba(7,25,52,.12)!important} .tts-mobile-nav a{font-weight:850!important;color:#27384e!important} .tts-scroll-progress{height:4px!important;background:linear-gradient(90deg,var(--blue),var(--cyan))!important;box-shadow:0 0 10px rgba(23,105,255,.42)!important} .btn,.mini-btn{border-radius:13px!important;font-weight:900!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease!important} .btn:hover,.mini-btn:hover{transform:translateY(-2px)} .btn-blue{background:linear-gradient(135deg,#1262f4,#238dff)!important;box-shadow:0 12px 28px rgba(23,105,255,.20)!important} .btn-dark{background:#0a1729!important;color:#fff!important;box-shadow:0 12px 26px rgba(5,20,39,.15)!important} .btn-light{background:#fff!important;color:#0a203a!important;border:1px solid #d8e2ec!important} .btn-outline{border-color:rgba(255,255,255,.35)!important} .home-page .hero{background:radial-gradient(circle at 80% 18%,rgba(73,217,255,.22),transparent 24%),radial-gradient(circle at 12% 85%,rgba(67,94,255,.20),transparent 27%),linear-gradient(125deg,#061325 0%,#09213b 44%,#0d3e70 72%,#126ed2 100%)!important;min-height:650px} .home-page .hero-inner{padding:90px 0 105px!important} .home-page .hero h1{font-size:clamp(3rem,6vw,5.8rem)!important;max-width:760px!important;letter-spacing:-.065em!important} .home-page .hero-copy{font-size:1.05rem!important;max-width:650px!important;color:#bfd0e2!important} .home-page .hero .eyebrow{border:1px solid rgba(113,213,255,.22);background:rgba(255,255,255,.06);padding:8px 12px;border-radius:999px} .home-page .hero .actions{gap:11px} .tts-service-visual{filter:drop-shadow(0 35px 70px rgba(0,0,0,.24))} .home-page .trust-row{position:relative;margin-top:-34px;z-index:10;display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:18px} .home-page .trust{background:rgba(255,255,255,.96)!important;border:1px solid #e0e8f1!important;border-radius:18px!important;padding:18px 19px!important;box-shadow:var(--shadow)!important} .home-page .trust strong{font-size:.82rem;color:#12243b} .home-page .trust span{font-size:.72rem;color:#718198} .section{padding:94px 0!important;background:#fff} .section.alt{background:linear-gradient(180deg,#f3f7fb,#edf3f8)!important} .section-head{max-width:820px!important;margin-bottom:44px!important} .section-head .kicker,.kicker{color:#1769d8!important;letter-spacing:.13em!important;font-weight:950!important} .section-head h2{color:#0b1728!important;font-size:clamp(2.1rem,4vw,3.6rem)!important;letter-spacing:-.055em!important} .section-head p{color:#6b7b90!important;max-width:760px;margin-inline:auto} .product-card,.listing-card,.service-card,.process-card,.contact-card,.info-box{border:1px solid #e0e7ef!important;box-shadow:0 14px 42px rgba(8,29,55,.07)!important} .product-card,.listing-card,.service-card{background:rgba(255,255,255,.96)!important} .product-card,.listing-card{border-radius:22px!important;overflow:hidden} .product-card:hover,.listing-card:hover,.service-card:hover{box-shadow:0 24px 60px rgba(8,29,55,.13)!important;border-color:#cbdcf0!important} .product-media{background:linear-gradient(135deg,#f7faff,#edf3f8)!important} .product-media img{object-fit:contain!important;padding:18px!important;mix-blend-mode:multiply} .product-body,.listing-body{padding:21px!important} .product-body h3,.listing-body h3{color:#102139!important} .product-body p,.listing-body p{color:#6d7d91!important} .tag{background:#edf5ff!important;color:#145fc8!important;border-color:#d9e9ff!important} .stock{color:#0c9962!important}.stock.sold{color:#d74d5d!important} .offer-badge{background:#e8f8ef!important;color:#087a4c!important} .price{color:#0d55c8!important} .old-price{color:#8795a7!important} .mini-btn{background:#0c65ec!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(23,105,255,.16)!important} .home-page .service-card{padding:28px!important;border-radius:22px!important;position:relative;overflow:hidden} .home-page .service-card:after{content:"";position:absolute;inset:auto -20% -55% 25%;height:120px;background:radial-gradient(circle,rgba(36,139,255,.12),transparent 65%);pointer-events:none} .home-page .service-card .icon{background:#edf5ff!important;color:#1769ff!important;border:1px solid #d8e9ff!important} .home-page .service-card h3{font-size:1.18rem!important} .home-page .service-card p{color:#6c7d91!important} .home-page .service-card .arrow{color:#1769d8!important;font-weight:900!important} .home-page .process-section{background:#f1f5f9!important} .home-page .process-card{background:#fff!important;border-radius:20px!important} .home-page .process-card .step{color:#1769ff!important} .home-page .process-icon{background:#edf5ff!important;color:#1769ff!important;border-color:#d9e8fb!important} .home-page .capability-strip{background:#fff!important;border:1px solid #dfe7ef!important;box-shadow:var(--shadow)!important;border-radius:18px!important} .home-page .faq-section{background:#fff!important} .home-page .faq{background:#fff!important;border:1px solid #e0e7ef!important;border-radius:17px!important;box-shadow:0 10px 30px rgba(8,29,55,.045)!important} .home-page .split-faq-category{color:#1769d8!important;background:#edf5ff!important} .home-page .split-faq-question-text{color:#152840!important} .home-page .split-faq-answer{color:#6b7c90!important} .home-page .cta-panel{background:linear-gradient(135deg,#0a2341,#0d4c88 58%,#126ed2)!important;border:1px solid rgba(107,213,255,.22)!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(7,31,59,.20)!important} .home-page .section.dark{background:linear-gradient(135deg,#061426,#0a2747 58%,#0b559d)!important} .home-page .feature-band h2,.home-page .feature-band p,.home-page .feature-band b{color:#fff} .home-page .contact-card{background:#fff!important;border-radius:22px!important;padding:28px!important} .home-page .contact-row{border-bottom-color:#e6ebf1!important} .home-page .contact-row b{color:#17304d!important} .home-page .contact-row span{color:#6c7d90!important} .home-page .field input,.home-page .field textarea,.home-page .field select{background:#f8fafc!important;border-color:#dbe4ed!important;color:#17283d!important;border-radius:12px!important} .home-page .map-section{background:#07172a!important} .home-page .map-card{background:linear-gradient(145deg,#0a2543,#0c4a83)!important;border-color:rgba(116,214,255,.18)!important} .products-page,.laptop-products-page,.desktop-products-page{background:var(--paper)!important} .page-hero{background:linear-gradient(125deg,#061426,#0a294a 55%,#126ed2)!important} .page-hero h1{letter-spacing:-.055em!important} .page-main{background:var(--paper)!important} .breadcrumbs{color:#77879a!important} .breadcrumbs a{color:#1769d8!important} .toolbar{background:#fff!important;border:1px solid #e0e7ef!important;border-radius:18px!important;padding:12px!important;box-shadow:0 10px 28px rgba(8,29,55,.05)!important} .searchbox input,.filter{background:#f8fafc!important;border-color:#dce5ee!important;border-radius:11px!important} .product-detail-page{background:#f4f7fb!important} .product-detail-page .hero.page-hero{min-height:300px!important} .product-detail-page .detail-gallery,.product-detail-page .detail-panel{border-radius:24px!important;box-shadow:0 24px 65px rgba(7,25,52,.11)!important} .product-detail-page .gallery-stage{background:#f7f9fc!important} .product-detail-page .gallery-stage img{object-fit:contain!important} .product-detail-page .detail-panel{background:#fff!important;color:#112238!important;border-color:#dfe7ef!important} .product-detail-page .detail-panel h2,.product-detail-page .detail-product-title{color:#0b1728!important} .product-detail-page .detail-panel .lead{color:#697a8f!important} .product-detail-page .detail-offer,.product-detail-page .detail-sold-price{background:#f3f7fb!important;border-color:#dce6ef!important} .product-detail-page .detail-price{color:#1262dc!important} .product-detail-page .meta .pill{background:#f2f6fa!important;color:#51657c!important;border-color:#dce5ee!important} .product-detail-page .detail-assurance span{background:#f5f8fb!important;color:#5e7085!important;border-color:#dce5ee!important} .product-detail-page .spec-list{background:#f8fafc!important;border-color:#dce5ee!important} .product-detail-page .spec-item{color:#41536a!important;border-bottom-color:#e3e9ef!important} .product-detail-page .info-box{background:#fff!important} .product-detail-page .info-box b{color:#10233c!important} .product-detail-page .info-box span{color:#6d7d90!important} .cart-drawer{background:#fff!important;border-left:1px solid #dce5ee!important;box-shadow:-25px 0 70px rgba(7,25,52,.18)!important} .cart-head{border-bottom-color:#e5ebf1!important} .cart-item{background:#f7f9fc!important;border-color:#e0e7ef!important} .modal-card{background:#fff!important;border:1px solid #dce5ee!important;box-shadow:0 30px 90px rgba(7,25,52,.20)!important} .modal-card input,.modal-card textarea{background:#f8fafc!important;border-color:#dbe4ed!important} .wa{width:58px!important;height:58px!important;border-radius:18px!important;box-shadow:0 14px 35px rgba(4,100,66,.25)!important} .footer{background:#061426!important;border-top:1px solid rgba(255,255,255,.08)!important} .footer-grid{color:#aebed0!important} .footer-links a{color:#e9f3ff!important} .webit-wrap,.power-page,.cctv-page{background:#f4f7fb!important} .webit-wrap .section-head h2,.power-page .section-head h2{letter-spacing:-.055em} .webit-hero,.power-hero,.cctv-hero{background:linear-gradient(125deg,#061426 0%,#0a2949 55%,#126ed2 100%)!important} .laptop-hero,.desktop-hero{background:linear-gradient(125deg,#061426 0%,#0a2949 55%,#126ed2 100%)!important} .webit-intro,.webit-maint{background:#f4f7fb!important} .power-intro{background:#f4f7fb!important} @media(max-width:1000px){.container,.tts-shell{width:min(100% - 28px,1240px)} .tts-desktop-nav{display:none!important} .tts-menu-btn{display:block!important} .home-page .trust-row{grid-template-columns:repeat(2,1fr)!important;margin-top:-20px} .home-page .hero-inner{padding:72px 0 88px!important}} @media(max-width:700px){.tts-topbar-contact{display:none} .tts-nav-row{min-height:68px} .tts-brand img{width:46px!important;height:46px!important} .section{padding:72px 0!important} .home-page .hero{min-height:auto} .home-page .hero h1{font-size:clamp(2.65rem,14vw,4rem)!important} .home-page .trust-row{grid-template-columns:1fr!important;margin-top:-12px} .products-grid,.services-grid,.process-grid,.faq-grid{grid-template-columns:1fr!important} .contact-grid,.feature-band,.map-wrap{grid-template-columns:1fr!important} .home-page .hero-service-grid{grid-template-columns:1fr!important} .tts-service-visual{margin-top:15px}} @media(max-width:480px){.container,.tts-shell{width:calc(100% - 22px)} .tts-topbar{font-size:.66rem} .home-page .hero-inner{padding:60px 0 72px!important} .btn{min-height:44px}}:focus-visible{outline:3px solid rgba(23,105,255,.35)!important;outline-offset:3px} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{--deep:#061629;--deep-2:#08213b;--card:#0d2a47;--card-2:#103554;--card-3:#0a223c;--edge:rgba(91,190,255,.25);--edge-strong:rgba(91,190,255,.42);--text:#f4f8ff;--text-soft:#b9cbe0;--accent:#2d8cff;--accent-2:#55d9ff} .home-page .trust-row .trust strong{color:#10243b!important} .home-page .trust-row .trust span{color:#64758a!important} .home-page .section,.home-page .section.alt,.home-page .process-section,.home-page .faq-section{position:relative;background:radial-gradient(circle at 8% 15%,rgba(45,140,255,.13),transparent 28%),radial-gradient(circle at 92% 80%,rgba(55,215,255,.10),transparent 30%),linear-gradient(135deg,#06172c 0%,#082746 52%,#0a3965 100%)!important;color:var(--text)!important;overflow:hidden} .home-page .section:nth-of-type(even){background:radial-gradient(circle at 85% 10%,rgba(73,217,255,.11),transparent 27%),linear-gradient(145deg,#071a31,#0a2d4e 58%,#0b4779)!important} .home-page .section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(83,199,255,.035) 49%,transparent 50% 100%)} .home-page .section>.container{position:relative;z-index:1} .home-page .section-head h2,.home-page .section-head p,.home-page .section-head .kicker{color:var(--text)!important} .home-page .section-head p{color:var(--text-soft)!important} .home-page .section-head .kicker{color:#58cfff!important} .home-page .section-head .kicker::before{background:#58cfff!important} .home-page .product-card,.home-page .listing-card{background:linear-gradient(155deg,rgba(16,53,84,.98),rgba(7,31,55,.98))!important;border:1px solid var(--edge)!important;box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important;color:var(--text)!important} .home-page .product-card:hover,.home-page .listing-card:hover{border-color:var(--edge-strong)!important;box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 0 1px rgba(70,182,255,.08)!important;transform:translateY(-5px)} .home-page .product-media{background:linear-gradient(145deg,#091b31,#102f4e)!important;border-bottom:1px solid rgba(102,193,255,.16)!important} .home-page .product-media img{mix-blend-mode:normal!important;padding:14px!important} .home-page .product-body h3,.home-page .listing-body h3{color:#f5f9ff!important} .home-page .product-body p,.home-page .listing-body p{color:#b7c9dd!important} .home-page .tag{background:rgba(65,157,255,.15)!important;color:#75c8ff!important;border:1px solid rgba(86,185,255,.26)!important} .home-page .stock{color:#41d59b!important} .home-page .stock.sold{color:#ff6c7d!important} .home-page .price{color:#ffffff!important} .home-page .old-price{color:#7f96ad!important} .home-page .offer-badge{background:rgba(39,198,130,.13)!important;color:#58e0aa!important;border-color:rgba(73,219,163,.20)!important} .home-page .mini-btn{background:linear-gradient(135deg,#1674f4,#28a3ff)!important} .home-page .sold-portfolio-section{background:linear-gradient(145deg,#041326,#071e35 55%,#092c4c)!important} .home-page .sold-portfolio-section .sold-ribbon{background:#111d2c!important;border:1px solid rgba(255,255,255,.12)!important} .home-page .sold-price-row small{color:#7890a8!important} .home-page .sold-price-row strong{color:#fff!important} .home-page .sold-view{color:#65c8ff!important} .home-page .service-card{background:linear-gradient(145deg,rgba(17,57,91,.94),rgba(7,30,53,.98))!important;border:1px solid var(--edge)!important;color:#fff!important;box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important} .home-page .service-card:hover{border-color:var(--edge-strong)!important;box-shadow:0 28px 65px rgba(0,0,0,.3)!important} .home-page .service-card .icon{background:linear-gradient(145deg,#eaf7ff,#cceeff)!important;color:#126cf0!important;border:0!important;box-shadow:0 8px 25px rgba(38,153,255,.15)!important} .home-page .service-card h3{color:#fff!important} .home-page .service-card p{color:#b7cadf!important} .home-page .service-card .arrow{color:#63c9ff!important} .home-page .service-card:after{background:radial-gradient(circle,rgba(50,170,255,.18),transparent 68%)!important} .home-page .process-card{background:linear-gradient(145deg,rgba(14,50,81,.95),rgba(6,28,49,.98))!important;border:1px solid var(--edge)!important;color:#fff!important;box-shadow:0 20px 50px rgba(0,0,0,.22)!important} .home-page .process-card h3{color:#fff!important} .home-page .process-card p{color:#b5c9de!important} .home-page .process-card .step{color:#56cfff!important} .home-page .process-icon{background:linear-gradient(145deg,#eef9ff,#d7f1ff)!important;color:#116ff3!important;border:0!important} .home-page .process-line{background:linear-gradient(90deg,#4ac7ff,rgba(74,199,255,.2))!important} .home-page .capability-strip{background:rgba(4,20,36,.72)!important;border:1px solid rgba(92,194,255,.24)!important;box-shadow:0 18px 45px rgba(0,0,0,.2)!important;border-radius:18px!important;backdrop-filter:blur(12px)} .home-page .capability-strip span{background:linear-gradient(145deg,#17486d,#0d304f)!important;color:#d9efff!important;border:1px solid rgba(101,201,255,.28)!important;box-shadow:0 5px 16px rgba(0,0,0,.16)!important} .home-page .capability-strip span:hover{background:#1769a4!important;color:#fff!important} .home-page .faq{background:linear-gradient(145deg,#0e3454,#08233e)!important;border:1px solid var(--edge)!important;box-shadow:0 14px 40px rgba(0,0,0,.2)!important} .home-page .split-faq-category{background:rgba(56,156,255,.13)!important;color:#67caff!important;border-color:rgba(81,182,255,.22)!important} .home-page .split-faq-question-text{color:#f4f8ff!important} .home-page .split-faq-answer{color:#b8cade!important} .home-page .contact-card{background:linear-gradient(145deg,#f7fbff,#eaf2f9)!important;color:#10243a!important} .home-page .map-section{background:#041225!important} .products-page,.laptop-products-page,.desktop-products-page,.product-detail-page{background:radial-gradient(circle at 8% 0%,rgba(36,130,255,.10),transparent 28%),linear-gradient(145deg,#06172b,#082744 60%,#0a3c67)!important} .products-page .page-main,.laptop-products-page .page-main,.desktop-products-page .page-main{background:transparent!important} .products-page .product-card,.laptop-products-page .product-card,.desktop-products-page .product-card{background:linear-gradient(145deg,#103653,#071f37)!important;border-color:var(--edge)!important;color:#fff!important} .products-page .product-body h3,.laptop-products-page .product-body h3,.desktop-products-page .product-body h3{color:#fff!important} .products-page .product-body p,.laptop-products-page .product-body p,.desktop-products-page .product-body p{color:#b8cade!important} .products-page .toolbar,.laptop-products-page .toolbar,.desktop-products-page .toolbar{background:rgba(7,27,47,.82)!important;border-color:rgba(92,194,255,.22)!important;color:#fff!important} .products-page .searchbox input,.laptop-products-page .searchbox input,.desktop-products-page .searchbox input,.products-page .filter,.laptop-products-page .filter,.desktop-products-page .filter{background:#0d2b48!important;color:#fff!important;border-color:rgba(100,195,255,.22)!important} .home-page a:focus-visible,.home-page button:focus-visible{outline-color:#65d5ff!important}:root{--tts-ice:#eaf3f8;--tts-ice-2:#dcebf3;--tts-glass:#123d5b;--tts-glass-2:#0d304b;--tts-cyan:#63d9ff} .home-page .trust-row .trust{background:linear-gradient(145deg,rgba(27,76,111,.96),rgba(10,42,67,.98))!important;border:1px solid rgba(99,217,255,.28)!important;box-shadow:0 18px 45px rgba(0,17,34,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;color:#fff!important;position:relative;overflow:hidden} .home-page .trust-row .trust:after{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(99,217,255,.16),transparent 68%);pointer-events:none} .home-page .trust-row .trust strong{color:#fff!important;font-weight:950!important} .home-page .trust-row .trust span{color:#a9c8dd!important} .home-page #products.section,.home-page #products.section.alt,.home-page .featured-products.section,.home-page .process-section,.home-page #services.section,.home-page #services.section.alt{color:#fff} .home-page .process-section{background:linear-gradient(135deg,#082b49 0%,#0a3d64 55%,#0b5c99 100%)!important} .home-page .process-section .section-head h2,.home-page .process-section .section-head p{color:#fff!important} .home-page .process-section .section-head p{color:#b9d1e3!important} .product-card,.listing-card{background:linear-gradient(160deg,#103b5a,#082942)!important;border-color:rgba(96,211,255,.28)!important;box-shadow:0 18px 48px rgba(0,17,34,.22),inset 0 1px 0 rgba(255,255,255,.06)!important} .product-card:hover,.listing-card:hover{border-color:rgba(99,217,255,.52)!important;box-shadow:0 26px 65px rgba(0,15,32,.30)!important} .product-card .product-body h3,.listing-card .listing-body h3{color:#fff!important} .product-card .product-body p,.listing-card .listing-body p{color:#b5cde0!important} .product-card .tag,.listing-card .tag{background:rgba(39,130,190,.18)!important;color:#8cddff!important;border-color:rgba(99,217,255,.26)!important} .product-card .old-price,.listing-card .old-price{color:#829bb0!important} .product-card .price,.listing-card .price{color:#63d9ff!important} .product-card .mini-btn,.listing-card .mini-btn{background:linear-gradient(135deg,#0e69e8,#187ff0)!important} .product-card .offer-badge,.listing-card .offer-badge{background:rgba(15,181,111,.16)!important;color:#57e0a4!important} .product-card .meta .pill,.listing-card .meta .pill{background:rgba(255,255,255,.045)!important;border-color:rgba(99,217,255,.18)!important;color:#b9d1e2!important} .product-detail-page{background:linear-gradient(135deg,#06182e 0%,#0a2b4b 46%,#0d4f80 74%,#0c6ac7 100%)!important;color:#10263c!important} .product-detail-page .page-main,.product-detail-page .section.alt{background:linear-gradient(180deg,var(--tts-ice) 0%,#f3f8fb 100%)!important;color:#10263c!important} .product-detail-page .page-main:before,.product-detail-page .section.alt:before{border-color:rgba(29,126,175,.10)!important} .product-detail-page .page-main:after,.product-detail-page .section.alt:after{opacity:.65!important;background:linear-gradient(105deg,transparent 0%,rgba(42,146,194,.04) 38%,rgba(42,171,220,.10) 52%,transparent 67%)!important} .product-detail-page .breadcrumbs{color:#58748a!important} .product-detail-page .breadcrumbs a{color:#0872b8!important} .product-detail-page .detail-gallery,.product-detail-page .detail-panel{background:linear-gradient(145deg,#f8fcfe,#e4f0f6)!important;border:1px solid #c9dce7!important;box-shadow:0 26px 65px rgba(15,55,78,.14),inset 0 1px 0 rgba(255,255,255,.9)!important;color:#10263c!important} .product-detail-page .detail-gallery::before,.product-detail-page .detail-panel::before{background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 53%,rgba(67,188,228,.08) 100%)!important} .product-detail-page .gallery-stage{background:linear-gradient(145deg,#d9e9f1,#f8fcfe)!important} .product-detail-page .detail-panel h1,.product-detail-page .detail-product-title{color:#0b2942!important} .product-detail-page .detail-panel .lead{color:#59748a!important} .product-detail-page .detail-panel .product-top .tag{background:#e5f3fa!important;color:#086da9!important;border-color:#c8e4ef!important} .product-detail-page .detail-panel .stock{color:#07905e!important} .product-detail-page .detail-panel .stock.sold{color:#d84659!important} .product-detail-page .detail-panel .detail-offer,.product-detail-page .detail-panel .detail-sold-price{background:linear-gradient(135deg,#f8fcfe,#dcecf4)!important;border-color:#c4dce8!important;box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(24,83,112,.08)!important} .product-detail-page .detail-panel .old-price{color:#7b8f9f!important} .product-detail-page .detail-panel .detail-price{color:#087bc0!important} .product-detail-page .detail-panel .offer-note{color:#638094!important} .product-detail-page .detail-panel .meta .pill{color:#4c6a7d!important;background:#edf6fa!important;border-color:#cce2ec!important} .product-detail-page .detail-assurance span{color:#4e6d80!important;background:#edf6fa!important;border-color:#cde2eb!important} .product-detail-page .spec-section .kicker{color:#0877b7!important} .product-detail-page .spec-list{background:#f8fcfe!important;border-color:#cbdfe8!important;box-shadow:0 12px 28px rgba(20,73,101,.06)!important} .product-detail-page .spec-item{color:#456277!important;border-bottom-color:#dce9ef!important} .product-detail-page .spec-item:before{background:#e4f2f8!important;color:#087bc0!important} .product-detail-page .detail-actions .btn-light{background:#0b3857!important;color:#fff!important;border-color:#0b3857!important} .product-detail-page .detail-actions .btn-light:hover{background:#0a4c75!important} .product-detail-page .section-head .kicker{color:#0877b7!important} .product-detail-page .section-head h2{color:#0b2942!important} .product-detail-page .section-head p{color:#5f788a!important} .product-detail-page .info-box{background:linear-gradient(145deg,#f8fcfe,#e1eff5)!important;border-color:#c8dfe9!important;box-shadow:0 18px 45px rgba(15,60,83,.10),inset 0 1px 0 #fff!important} .product-detail-page .info-box b{color:#0b2942!important} .product-detail-page .info-box span{color:#5d788a!important} .product-detail-page .info-index{background:#dff1f8!important;color:#087bc0!important} .product-detail-page .thumbs{background:#e1eef4!important;border-top-color:#c8dfe9!important} .product-detail-page .thumbs button{border-color:#bfd7e3!important;background:#f8fcfe!important} .product-detail-page .thumbs button:hover{border-color:#36b5e4!important} .product-detail-page .gallery-count{background:rgba(7,42,65,.88)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important} .product-detail-page>.hero.page-hero{background:radial-gradient(circle at 82% 15%,rgba(98,219,255,.20),transparent 25%),linear-gradient(125deg,#061426,#0b3154 58%,#0b6dcc)!important} .product-detail-page>.hero.page-hero h1{color:#fff!important} .product-detail-page>.hero.page-hero p{color:#c2d8e8!important} @media(max-width:760px){.home-page .trust-row{grid-template-columns:1fr 1fr!important}} @media(max-width:560px){.home-page .trust-row{grid-template-columns:1fr!important}}:root{--inv-bg-a:#061a31;--inv-bg-b:#0a3154;--inv-bg-c:#0b5f92;--inv-card-a:#15507a;--inv-card-b:#082d4d;--inv-card-edge:rgba(105,205,255,.34);--inv-copy:#f4f9ff;--inv-copy-soft:#b9cee2;--inv-cyan:#68d8ff} body.products-page,body.laptop-products-page,body.desktop-products-page,.products-page,.laptop-products-page,.desktop-products-page{color:var(--inv-copy)!important;background:radial-gradient(circle at 12% 18%,rgba(71,196,255,.10),transparent 27%),radial-gradient(circle at 88% 76%,rgba(36,132,255,.12),transparent 31%),linear-gradient(125deg,var(--inv-bg-a) 0%,var(--inv-bg-b) 53%,var(--inv-bg-c) 100%)!important;background-attachment:fixed!important} .products-page .page-main,.laptop-products-page .page-main,.desktop-products-page .page-main{position:relative!important;background:transparent!important;padding-top:42px!important;overflow:hidden!important} .products-page .page-main::before,.laptop-products-page .page-main::before,.desktop-products-page .page-main::before{content:"";position:absolute;width:820px;height:360px;right:-220px;top:20px;border:1px solid rgba(115,222,255,.11);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 45px rgba(115,222,255,.025),0 0 0 90px rgba(115,222,255,.015);pointer-events:none} .products-page .page-main>.container,.laptop-products-page .page-main>.container,.desktop-products-page .page-main>.container{position:relative;z-index:2} .products-page .breadcrumbs,.laptop-products-page .breadcrumbs,.desktop-products-page .breadcrumbs{color:#aec6db!important} .products-page .breadcrumbs a,.laptop-products-page .breadcrumbs a,.desktop-products-page .breadcrumbs a{color:var(--inv-cyan)!important} .products-page .toolbar,.laptop-products-page .toolbar,.desktop-products-page .toolbar{background:rgba(6,31,53,.72)!important;border:1px solid rgba(105,205,255,.22)!important;box-shadow:0 14px 35px rgba(0,0,0,.16)!important;backdrop-filter:blur(12px)!important} .products-page .searchbox input,.products-page .filter,.laptop-products-page .searchbox input,.laptop-products-page .filter,.desktop-products-page .searchbox input,.desktop-products-page .filter{background:rgba(242,249,255,.96)!important;color:#132b43!important;border-color:rgba(130,202,236,.35)!important} .products-page .listing-card,.laptop-products-page .listing-card,.desktop-products-page .listing-card{background:linear-gradient(145deg,var(--inv-card-a) 0%,var(--inv-card-b) 100%)!important;border:1px solid var(--inv-card-edge)!important;color:var(--inv-copy)!important;box-shadow:0 20px 48px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.06)!important} .products-page .listing-card:hover,.laptop-products-page .listing-card:hover,.desktop-products-page .listing-card:hover{border-color:rgba(105,220,255,.55)!important;box-shadow:0 28px 65px rgba(0,0,0,.30),0 0 24px rgba(45,168,255,.07)!important;transform:translateY(-5px)!important} .products-page .listing-card .product-media,.laptop-products-page .listing-card .product-media,.desktop-products-page .listing-card .product-media{background:linear-gradient(135deg,#eaf3f9 0%,#d9e9f3 100%)!important;border-bottom:1px solid rgba(112,211,255,.18)!important} .products-page .listing-card .product-media img,.laptop-products-page .listing-card .product-media img,.desktop-products-page .listing-card .product-media img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important;padding:14px!important} .products-page .listing-card .product-media::after,.laptop-products-page .listing-card .product-media::after,.desktop-products-page .listing-card .product-media::after{background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 28%,transparent 75%,rgba(255,255,255,.04))!important} .products-page .listing-body h3,.laptop-products-page .listing-body h3,.desktop-products-page .listing-body h3,.products-page .listing-body h3[style],.laptop-products-page .listing-body h3[style],.desktop-products-page .listing-body h3[style]{color:#f7fbff!important} .products-page .listing-body p,.laptop-products-page .listing-body p,.desktop-products-page .listing-body p,.products-page .listing-body p[style],.laptop-products-page .listing-body p[style],.desktop-products-page .listing-body p[style]{color:var(--inv-copy-soft)!important} .products-page .meta .pill,.laptop-products-page .meta .pill,.desktop-products-page .meta .pill{background:rgba(75,168,224,.12)!important;border-color:rgba(113,211,255,.22)!important;color:#d3e9f7!important} .products-page .tag,.laptop-products-page .tag,.desktop-products-page .tag{background:rgba(42,154,225,.15)!important;border:1px solid rgba(92,198,255,.25)!important;color:#bfe8ff!important} .products-page .stock,.laptop-products-page .stock,.desktop-products-page .stock{color:#57dfa3!important} .products-page .stock.sold,.laptop-products-page .stock.sold,.desktop-products-page .stock.sold{color:#ff7181!important} .products-page .old-price,.laptop-products-page .old-price,.desktop-products-page .old-price{color:#9db6ca!important} .products-page .price,.laptop-products-page .price,.desktop-products-page .price{color:var(--inv-cyan)!important} .products-page .offer-badge,.laptop-products-page .offer-badge,.desktop-products-page .offer-badge{background:rgba(48,207,142,.13)!important;border:1px solid rgba(75,222,166,.18)!important;color:#62e7b0!important} .products-page .mini-btn,.laptop-products-page .mini-btn,.desktop-products-page .mini-btn{background:linear-gradient(135deg,#1173eb,#1b91ff)!important;color:#fff!important;border:0!important;box-shadow:0 9px 22px rgba(18,115,235,.22)!important} .products-page .sold-product-card,.laptop-products-page .sold-product-card,.desktop-products-page .sold-product-card{filter:none!important} .products-page .sold-product-card .product-media img,.laptop-products-page .sold-product-card .product-media img,.desktop-products-page .sold-product-card .product-media img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important} .products-page .sold-price-row,.products-page .sold-price-inline,.laptop-products-page .sold-price-row,.desktop-products-page .sold-price-row{border-top-color:rgba(187,216,235,.24)!important} .products-page .sold-price-row strong,.products-page .sold-price-inline strong,.laptop-products-page .sold-price-row strong,.desktop-products-page .sold-price-row strong{color:#f2f7fb!important} .products-page .sold-price-row small,.products-page .sold-price-inline small,.laptop-products-page .sold-price-row small,.desktop-products-page .sold-price-row small{color:#91a9bd!important} .product-detail-page{background:radial-gradient(circle at 10% 18%,rgba(69,199,255,.09),transparent 25%),linear-gradient(125deg,#06182d,#0a3154 55%,#0b5f92)!important} .product-detail-page .detail-gallery,.product-detail-page .detail-panel{background:linear-gradient(145deg,#15507a,#082d4d)!important;border-color:rgba(105,205,255,.30)!important;color:#f4f9ff!important} .product-detail-page .gallery-stage{background:linear-gradient(135deg,#eaf3f9,#d9e9f3)!important} .product-detail-page .detail-panel h1,.product-detail-page .detail-panel h2,.product-detail-page .detail-product-title{color:#fff!important} .product-detail-page .detail-panel .lead{color:#bdd2e4!important} .product-detail-page .spec-list{background:rgba(4,25,44,.45)!important;border-color:rgba(105,205,255,.20)!important} .product-detail-page .spec-item{color:#c2d5e6!important;border-bottom-color:rgba(185,214,232,.16)!important} .product-detail-page .detail-price{color:var(--inv-cyan)!important} .product-detail-page .meta .pill,.product-detail-page .detail-assurance span{background:rgba(73,170,226,.12)!important;color:#c9e5f5!important;border-color:rgba(105,205,255,.20)!important} .product-detail-page .detail-offer,.product-detail-page .detail-sold-price{background:rgba(4,25,44,.45)!important;border-color:rgba(105,205,255,.20)!important} @media(max-width:760px){.products-page .page-main,.laptop-products-page .page-main,.desktop-products-page .page-main{padding-top:30px!important}} .products-page .listing-card .product-media,.laptop-products-page .listing-card .product-media,.desktop-products-page .listing-card .product-media,.products-page .product-card .product-media,.laptop-products-page .product-card .product-media,.desktop-products-page .product-card .product-media{background:linear-gradient(145deg,#0d3554 0%,#082943 100%) !important;border-bottom:1px solid rgba(105,211,255,.16) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important} .products-page .listing-card .product-media img,.laptop-products-page .listing-card .product-media img,.desktop-products-page .listing-card .product-media img,.products-page .product-card .product-media img,.laptop-products-page .product-card .product-media img,.desktop-products-page .product-card .product-media img{opacity:1 !important;filter:none !important;mix-blend-mode:normal !important;transform:none !important;padding:14px !important} .products-page .listing-card .product-media::after,.laptop-products-page .listing-card .product-media::after,.desktop-products-page .listing-card .product-media::after,.products-page .product-card .product-media::after,.laptop-products-page .product-card .product-media::after,.desktop-products-page .product-card .product-media::after{background:linear-gradient(125deg,rgba(255,255,255,.055),transparent 30%,transparent 72%,rgba(82,207,255,.035)) !important} .product-detail-page .section.alt{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.92),transparent 34%),radial-gradient(circle at 88% 86%,rgba(92,170,208,.12),transparent 32%),linear-gradient(135deg,#f7fbfd 0%,#e7f0f5 48%,#d6e4eb 100%) !important;color:#102b40 !important;border-top:1px solid rgba(115,164,188,.28) !important;border-bottom:1px solid rgba(115,164,188,.30) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(93,143,169,.10) !important} .product-detail-page .section.alt .section-head h2{color:#0b2942 !important} .product-detail-page .section.alt .section-head p{color:#557187 !important} .product-detail-page .section.alt .section-head .kicker{color:#0877b7 !important} .product-detail-page .info-grid{position:relative;z-index:2} .product-detail-page .info-box{background:linear-gradient(145deg,#104b73 0%,#082e50 100%) !important;border:1px solid rgba(101,215,255,.28) !important;border-radius:22px !important;box-shadow:0 22px 55px rgba(0,12,30,.28),inset 0 1px 0 rgba(255,255,255,.08) !important;color:#fff !important} .product-detail-page .info-box:hover{transform:translateY(-5px);border-color:rgba(101,215,255,.48) !important;box-shadow:0 28px 65px rgba(0,12,30,.34),inset 0 1px 0 rgba(255,255,255,.10) !important} .product-detail-page .info-box .info-index{background:rgba(101,215,255,.14) !important;color:#70dcff !important;border:1px solid rgba(101,215,255,.22) !important} .product-detail-page .info-box b{color:#fff !important} .product-detail-page .info-box span:not(.info-index){color:#b9d1e5 !important} .product-detail-page>.hero.page-hero{min-height:0!important} .product-detail-page>.hero.page-hero .hero-inner{width:min(1180px,92%)!important;margin:0 auto!important;padding:72px 0 78px!important;display:block!important} .product-detail-page>.hero.page-hero .hero-inner>.kicker{display:block!important;margin:0 0 18px!important;line-height:1.25!important} .product-detail-page>.hero.page-hero h1{margin:0 0 16px!important;max-width:900px!important;line-height:.98!important} .product-detail-page>.hero.page-hero p{margin:0!important;max-width:850px!important;line-height:1.55!important} @media(max-width:760px){.product-detail-page>.hero.page-hero .hero-inner{padding:52px 0 58px!important} .product-detail-page>.hero.page-hero h1{margin-bottom:14px!important}} .products-page>.hero.page-hero,.laptop-products-page>.hero.page-hero,.desktop-products-page>.hero.page-hero{min-height:0!important} .products-page>.hero.page-hero .hero-inner,.laptop-products-page>.hero.page-hero .hero-inner,.desktop-products-page>.hero.page-hero .hero-inner{padding:58px 0 64px!important;margin:0 auto!important} .products-page>.hero.page-hero .hero-inner h1,.laptop-products-page>.hero.page-hero .hero-inner h1,.desktop-products-page>.hero.page-hero .hero-inner h1{margin:12px 0 14px!important} .products-page>.hero.page-hero .hero-inner p,.laptop-products-page>.hero.page-hero .hero-inner p,.desktop-products-page>.hero.page-hero .hero-inner p{margin:0!important} .products-page .page-main,.laptop-products-page .page-main,.desktop-products-page .page-main{padding-top:28px!important} .products-page .page-main>.container,.laptop-products-page .page-main>.container,.desktop-products-page .page-main>.container{padding-bottom:24px!important} .products-page .breadcrumbs,.laptop-products-page .breadcrumbs,.desktop-products-page .breadcrumbs{margin-bottom:14px!important} .products-page .listing-grid,.laptop-products-page .listing-grid,.desktop-products-page .listing-grid{margin-top:0!important} .computer-services-page>.tts-header+.hero.tts-computer-hero,.computer-services-page>.hero.tts-computer-hero{min-height:0!important} .tts-computer-hero-grid{padding:52px 0 58px!important;align-items:center!important} .tts-computer-copy{top:0!important} .tts-computer-visual{top:0!important} .tts-computer-copy .actions{margin-top:22px!important} .desktop-products-page .desktop-hero{min-height:0!important} .desktop-products-page .desktop-hero-inner{padding:54px 0 58px!important;align-items:center!important} .desktop-products-page .desktop-hero-copy{top:0!important} .desktop-products-page .desktop-hero-visual{top:0!important} .desktop-products-page .desktop-hero-copy .actions{margin-top:22px!important} @media(max-width:1000px){.products-page>.hero.page-hero .hero-inner,.laptop-products-page>.hero.page-hero .hero-inner,.desktop-products-page>.hero.page-hero .hero-inner{padding:48px 0 52px!important} .tts-computer-hero-grid,.desktop-products-page .desktop-hero-inner{padding:46px 0 52px!important}} @media(max-width:620px){.products-page>.hero.page-hero .hero-inner,.laptop-products-page>.hero.page-hero .hero-inner,.desktop-products-page>.hero.page-hero .hero-inner{padding:40px 0 44px!important} .products-page .page-main,.laptop-products-page .page-main,.desktop-products-page .page-main{padding-top:22px!important}} .products-page>.hero.page-hero,.laptop-products-page>.hero.page-hero,.desktop-products-page>.hero.page-hero{min-height:0!important;height:auto!important} .products-page>.hero.page-hero .hero-inner{padding:52px 0 50px!important} .products-page .page-main{padding-top:20px!important} .products-page .breadcrumbs{margin-bottom:12px!important} .laptop-products-page .laptop-hero-inner{min-height:0!important;height:auto!important;padding:42px 0 44px!important;position:relative!important} .laptop-products-page .laptop-hero-copy{top:0!important;transform:none!important} .laptop-products-page .laptop-hero-visual{min-height:0!important;height:270px!important;transform:none!important;align-self:center!important} .laptop-products-page .laptop-hero-actions{margin-top:18px!important} .laptop-products-page .page-main{padding-top:20px!important} .laptop-products-page .breadcrumbs{margin-bottom:12px!important} .desktop-products-page .desktop-hero-inner{min-height:0!important;height:auto!important;padding:42px 0 44px!important;position:relative!important} .desktop-products-page .desktop-hero-copy{top:0!important;transform:none!important} .desktop-products-page .desktop-hero-visual{height:270px!important;transform:none!important} .desktop-products-page .desktop-hero-copy .actions{margin-top:18px!important} .desktop-products-page .page-main{padding-top:20px!important} .desktop-products-page .breadcrumbs{margin-bottom:12px!important} @media(max-width:1000px){.laptop-products-page .laptop-hero-inner,.desktop-products-page .desktop-hero-inner{padding:38px 0 40px!important} .laptop-products-page .laptop-hero-visual,.desktop-products-page .desktop-hero-visual{height:230px!important}} @media(max-width:620px){.products-page>.hero.page-hero .hero-inner,.laptop-products-page .laptop-hero-inner,.desktop-products-page .desktop-hero-inner{padding:34px 0 36px!important} .laptop-products-page .laptop-hero-visual,.desktop-products-page .desktop-hero-visual{height:210px!important} .products-page .page-main,.laptop-products-page .page-main,.desktop-products-page .page-main{padding-top:18px!important}} .desktop-products-page>.hero.page-hero .desktop-hero-inner{min-height:0 !important;height:auto !important;padding:12px 0 30px !important;align-items:start !important;gap:48px !important} .desktop-products-page .desktop-hero-copy{top:0 !important;transform:none !important;margin:0 !important} .desktop-products-page .desktop-hero-visual{top:0 !important;transform:none !important;margin:0 !important;height:330px !important} .desktop-products-page .desktop-hero-copy .actions{margin-top:16px !important} .desktop-products-page .page-main{padding-top:16px !important} .desktop-products-page .breadcrumbs{margin-bottom:12px !important} @media(max-width:1000px){.desktop-products-page>.hero.page-hero .desktop-hero-inner{padding:24px 0 34px !important;align-items:start !important} .desktop-products-page .desktop-hero-visual{height:260px !important}} @media(max-width:620px){.desktop-products-page>.hero.page-hero .desktop-hero-inner{padding:20px 0 30px !important} .desktop-products-page .desktop-hero-visual{height:220px !important}} .desktop-products-page>.hero.page-hero .desktop-hero-inner{padding-top:0 !important;align-items:start !important} .desktop-products-page .desktop-hero-copy,.desktop-products-page .desktop-hero-visual{transform:translateY(-72px) !important;margin-top:0 !important} .desktop-products-page .desktop-hero-copy{top:0 !important} .desktop-products-page .desktop-hero-visual{top:0 !important;transform:translateY(-12px) !important} @media(max-width:1000px){.desktop-products-page .desktop-hero-copy{transform:translateY(-48px) !important} .desktop-products-page .desktop-hero-visual{transform:translateY(-8px) !important}} @media(max-width:620px){.desktop-products-page .desktop-hero-copy{transform:translateY(-32px) !important} .desktop-products-page .desktop-hero-visual{transform:translateY(-6px) !important}} @media (min-width:901px){.laptop-products-page .laptop-hero-copy{top:-24px !important}} @media (max-width:900px){.laptop-products-page .laptop-hero-copy{top:-18px !important}} @media (max-width:560px){.laptop-products-page .laptop-hero-copy{top:-12px !important}} @media (min-width:901px){.computer-services-page .tts-computer-copy,.computer-services-page .tts-computer-visual,.computer-services-page .tts-computer-hero-grid>:first-child,.computer-services-page .tts-computer-hero-grid>:last-child{position:relative !important} .computer-services-page .tts-computer-hero-grid>:first-child{transform:translateY(-36px) !important} .computer-services-page .tts-computer-hero-grid>:last-child{transform:translateY(-12px) !important}} @media (max-width:900px){.computer-services-page .tts-computer-hero-grid>:first-child{transform:translateY(-28px) !important} .computer-services-page .tts-computer-hero-grid>:last-child{transform:translateY(-10px) !important}} @media (max-width:620px){.computer-services-page .tts-computer-hero-grid>:first-child{transform:translateY(-20px) !important} .computer-services-page .tts-computer-hero-grid>:last-child{transform:translateY(-8px) !important}} .hero .reveal,.page-hero .reveal,.cctv-hero .reveal,.webit-hero .reveal,.power-hero .reveal{opacity:1!important;transform:none!important} /* V468: disable content-visibility auto; it can change section heights as they enter the viewport and cause mobile scroll anchoring jumps. */ .section{content-visibility:visible!important;contain-intrinsic-size:none!important}
/* V226: Contact form uses the approved Trinity blue treatment. */
#contact-form{background:linear-gradient(135deg,#061d35 0%,#0a3154 52%,#0b4f82 100%) !important;color:#fff !important;}
#contact-form .section-head h2,#contact-form .section-head p{color:#fff !important;}
#contact-form .section-head p{color:#c6d9e9 !important;}
#contact-form .contact-card{background:linear-gradient(145deg,#104b73 0%,#082e50 100%) !important;border:1px solid rgba(101,215,255,.32) !important;color:#fff !important;box-shadow:0 22px 55px rgba(0,12,30,.28),inset 0 1px 0 rgba(255,255,255,.08) !important;}
#contact-form .contact-card h3,#contact-form .contact-row b,#contact-form .field label{color:#fff !important;}
#contact-form .contact-row{border-bottom-color:rgba(255,255,255,.55) !important;}
#contact-form .contact-row span{color:#c6d9e9 !important;}
#contact-form .field input,#contact-form .field textarea,#contact-form .field select{background:#062743 !important;color:#fff !important;border-color:rgba(101,215,255,.30) !important;}
#contact-form .field input::placeholder,#contact-form .field textarea::placeholder{color:#9eb8cc !important;}
#contact-form .field select option{background:#062743;color:#fff;}

/* V228: Contact backgrounds — restore the full Trinity blue treatment. */
.contact-page-section{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important;color:#fff !important;}
.contact-page{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important;color:#fff !important;}
#contact-form{background:linear-gradient(125deg,#06182d 0%,#082c50 52%,#0a66b8 100%) !important;color:#fff !important;}
#contact-form .contact-card{background:linear-gradient(145deg,#154e79 0%,#051d36 100%) !important;border:1px solid rgba(113,211,255,.28) !important;color:#f7fbff !important;box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09) !important;}
#contact-form .contact-row{border-bottom-color:rgba(255,255,255,.16) !important;}
#contact-form .contact-row b,#contact-form .field label{color:#f2f9ff !important;}
#contact-form .contact-row span{color:#b7d0e5 !important;}
#contact-form .field input,#contact-form .field textarea,#contact-form .field select{background:rgba(3,27,50,.72) !important;border-color:rgba(112,211,255,.22) !important;color:#f5fbff !important;}
#contact-form .field input::placeholder,#contact-form .field textarea::placeholder{color:#91b2cb !important;}

/* V230 CONTACT FORM UI FIX */
#contact-form .field select{
  -webkit-appearance:none !important;appearance:none !important;
  background-color:rgba(3,27,50,.72) !important;
  background-image:linear-gradient(45deg,transparent 50%,#72d8ff 50%),linear-gradient(135deg,#72d8ff 50%,transparent 50%) !important;
  background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50% !important;
  background-size:6px 6px,6px 6px !important;
  background-repeat:no-repeat !important;
  padding-right:48px !important;
}
#contact-form .contact-card form > .btn{margin-top:18px !important;}
@media(max-width:620px){#contact-form .contact-card form > .btn{margin-top:16px !important;}}


/* V231 FINAL HOME CONTACT FORM FIX */
#contact-form .field.full select#requirement{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  padding-right:58px !important;
  background-color:#062743 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 6 5-6' fill='none' stroke='%2372d8ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:18px 18px !important;
}
#contact-form .contact-card form > .btn.btn-blue{
  display:inline-flex !important;
  margin-top:22px !important;
  position:relative !important;
  clear:both !important;
}
@media(max-width:620px){
  #contact-form .contact-card form > .btn.btn-blue{margin-top:18px !important;}
}

/* V232 CONTACT PAGE BUTTON GAP */
.contact-card-premium form > .btn.btn-blue{margin-top:22px !important;}
@media(max-width:620px){.contact-card-premium form > .btn.btn-blue{margin-top:18px !important;}}

/* V238 — unified product specification pills and professional alignment. */
.products-grid,.listing-grid{align-items:stretch!important}
.products-grid .product-card,.listing-grid .listing-card{height:100%!important;min-height:100%!important}
.products-grid .product-body,.listing-card .listing-body{display:flex!important;flex-direction:column!important}
.product-spec-pills{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:flex-start!important;gap:8px!important;margin:14px 0 16px!important;min-height:78px!important;max-height:none!important}
.product-spec-pills .pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;box-sizing:border-box!important;padding:7px 11px!important;border-radius:999px!important;line-height:1.2!important;white-space:nowrap!important;font-size:.68rem!important;font-weight:500!important}
.products-grid .product-body> .product-spec-pills{min-height:78px!important}
.listing-card .listing-body> .product-spec-pills{min-height:78px!important}
.detail-panel .detail-summary-specs{min-height:0!important;margin-top:18px!important;margin-bottom:20px!important}
.detail-panel .detail-summary-specs .pill{font-size:.74rem!important;min-height:34px!important;padding:8px 12px!important}
.spec-list{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:10px!important}
.spec-list .spec-item{display:flex!important;align-items:center!important;min-height:40px!important;padding:9px 13px!important;box-sizing:border-box!important;border-radius:12px!important}
@media(max-width:700px){.product-spec-pills{min-height:0!important;margin-bottom:14px!important}.product-spec-pills .pill{font-size:.67rem!important;padding:7px 10px!important}.detail-panel .detail-summary-specs{min-height:0!important}}

/* V240 — fit only the Toshiba Dynabook Portégé X40-G title on one desktop line. */
@media (min-width:901px){.x40g-sold-card h3{white-space:nowrap!important;font-size:.86rem!important;letter-spacing:-.02em!important;line-height:1.2!important;width:100%!important;max-width:none!important}}
@media (max-width:900px){.x40g-sold-card h3{white-space:normal!important;font-size:1.02rem!important;letter-spacing:normal!important;line-height:1.25!important}}

/* V242 — professional specification alignment across every product surface */
.product-spec-pills,
.products-grid .product-spec-pills,
.listing-grid .product-spec-pills,
.detail-panel .product-spec-pills {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:stretch !important;
  align-content:start !important;
  width:100% !important;
  min-height:0 !important;
  margin:14px 0 16px !important;
}
.product-spec-pills .pill,
.products-grid .product-spec-pills .pill,
.listing-grid .product-spec-pills .pill,
.detail-panel .product-spec-pills .pill {
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  margin:0 !important;
  padding:7px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.25 !important;
}
.product-spec-pills .pill:last-child:nth-child(odd) {
  grid-column:1 / -1 !important;
}
.spec-list {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.spec-list .spec-item {
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  text-align:center !important;
  justify-content:center !important;
  overflow-wrap:anywhere !important;
}
@media(max-width:620px){
  .product-spec-pills,
  .products-grid .product-spec-pills,
  .listing-grid .product-spec-pills,
  .detail-panel .product-spec-pills,
  .spec-list {
    grid-template-columns:1fr !important;
  }
  .product-spec-pills .pill:last-child:nth-child(odd) {
    grid-column:auto !important;
  }
}


/* V244 — intelligent specification packing for neat, balanced rows */
.product-spec-pills,
.products-grid .product-spec-pills,
.listing-grid .product-spec-pills,
.detail-panel .product-spec-pills {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  align-content:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-height:0 !important;
  margin:14px 0 16px !important;
  box-sizing:border-box !important;
}
.product-spec-pills > .pill {
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  min-height:34px !important;
  margin:0 !important;
  padding:7px 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
  box-sizing:border-box !important;
}
@media (max-width:700px) {
  .product-spec-pills { gap:7px !important; margin-bottom:14px !important; }
  .product-spec-pills > .pill {
    font-size:.67rem !important;
    padding:7px 10px !important;
    white-space:normal !important;
    max-width:100% !important;
  }
}


/* V246 — two specification pills per row on product listing cards. */
.products-grid .product-spec-pills,
.listing-grid .product-spec-pills {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows:minmax(34px,auto) !important;
  gap:8px !important;
  align-items:stretch !important;
  align-content:start !important;
  width:100% !important;
  min-height:0 !important;
  margin:14px 0 16px !important;
}
.products-grid .product-spec-pills .pill,
.listing-grid .product-spec-pills .pill {
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  margin:0 !important;
  padding:7px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.25 !important;
}
/* Keep an odd final specification at half-width rather than stretching it across the row. */
.products-grid .product-spec-pills .pill:last-child:nth-child(odd),
.listing-grid .product-spec-pills .pill:last-child:nth-child(odd) {
  grid-column:auto !important;
}
@media(max-width:620px){
  .products-grid .product-spec-pills,
  .listing-grid .product-spec-pills {
    grid-template-columns:1fr !important;
  }
}


/* V247 — align specification ticks and text cleanly on product pages 1–13. */
.product-detail-1-13 .spec-list .spec-item {
  display:grid !important;
  grid-template-columns:22px minmax(0, auto) !important;
  justify-content:center !important;
  align-items:center !important;
  column-gap:10px !important;
  text-align:left !important;
  line-height:1.35 !important;
  padding:10px 12px !important;
  min-height:42px !important;
  box-sizing:border-box !important;
}
.product-detail-1-13 .spec-list .spec-item:before {
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
}
@media(max-width:620px){
  .product-detail-1-13 .spec-list .spec-item {
    grid-template-columns:22px minmax(0,1fr) !important;
    justify-content:stretch !important;
  }
}

/* V248 — fixed left alignment for specification ticks and text on product pages 1–13. */
.product-detail-1-13 .spec-section .spec-list .spec-item {
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  justify-content:stretch !important;
  align-items:center !important;
  justify-items:stretch !important;
  column-gap:10px !important;
  text-align:left !important;
  padding:10px 13px !important;
  min-height:42px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.product-detail-1-13 .spec-section .spec-list .spec-item:before {
  grid-column:1 !important;
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
}
.product-detail-1-13 .spec-section .spec-list .spec-item {
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}
@media(max-width:620px){
  .product-detail-1-13 .spec-section .spec-list .spec-item {
    grid-template-columns:22px minmax(0,1fr) !important;
    justify-content:stretch !important;
    text-align:left !important;
  }
}

/* V249 — product specification row alignment */
.listing-body{display:flex;flex-direction:column}
.listing-body h3{min-height:2.5em!important;display:flex;align-items:flex-start}
.product-spec-pills{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px!important;align-items:stretch!important}
.product-spec-pills .pill{width:100%;min-width:0;min-height:36px;padding:7px 9px!important;display:flex!important;align-items:center;justify-content:center;text-align:center;white-space:normal!important;line-height:1.2!important}
@media(max-width:760px){
  .product-spec-pills{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .listing-body h3{min-height:2.5em!important}
}


/* V251 — cross-card specification row alignment and clean processor label. */
.products-grid .product-body > h3,
.products-grid .sold-product-card .product-body > h3,
.listing-grid .listing-body > h3 {
  min-height: 2.5em !important;
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 6px !important;
}
.products-grid .product-spec-pills,
.listing-grid .product-spec-pills {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: minmax(34px, auto) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  row-gap: 8px !important;
  column-gap: 8px !important;
}
.products-grid .product-spec-pills > .pill,
.listing-grid .product-spec-pills > .pill {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
@media (max-width: 620px) {
  .products-grid .product-body > h3,
  .products-grid .sold-product-card .product-body > h3,
  .listing-grid .listing-body > h3 {
    min-height: 0 !important;
  }
  .products-grid .product-spec-pills,
  .listing-grid .product-spec-pills {
    grid-template-columns: 1fr !important;
  }
}

/* V252 — keep two specification columns on mobile product listing cards. */
.products-grid .product-spec-pills,
.listing-grid .product-spec-pills {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
}
.products-grid .product-spec-pills > .pill,
.listing-grid .product-spec-pills > .pill {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 7px 8px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.2 !important;
}
@media (max-width: 390px) {
  .products-grid .product-spec-pills,
  .listing-grid .product-spec-pills {
    gap: 7px !important;
  }
  .products-grid .product-spec-pills > .pill,
  .listing-grid .product-spec-pills > .pill {
    font-size: .64rem !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* V255 — equal-size sold product cards across the entire homepage carousel. */
.sold-carousel-track{
  align-items:stretch !important;
}
.sold-carousel-track > .sold-product-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  align-self:stretch !important;
  min-height:100% !important;
}
.sold-carousel-track > .sold-product-card .product-body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
}
.sold-carousel-track > .sold-product-card .product-spec-pills{
  flex:0 0 auto !important;
}
.sold-carousel-track > .sold-product-card .sold-price-row{
  margin-top:auto !important;
}

/* V259 — restore full 4:3 sold-product image area on homepage carousel. */
.sold-carousel-track > .sold-product-card .product-media {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}
.sold-carousel-track > .sold-product-card .product-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}
@media (max-width: 620px) {
  .sold-carousel-track > .sold-product-card .product-media {
    aspect-ratio: 4 / 3 !important;
  }
}

/* V261 — homepage sold carousel: preserve each source photo's natural aspect ratio. */
.sold-carousel-track > .sold-product-card .product-media {
  width: 100% !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.sold-carousel-track > .sold-product-card .product-media img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: block !important;
}
@media (max-width: 620px) {
  .sold-carousel-track > .sold-product-card .product-media {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }
}

/* V263 — sold carousel natural image proportions: preserve source ratio, centered in fixed media area. */
.sold-carousel-track > .sold-product-card .product-media {
  width: 100% !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.sold-carousel-track > .sold-product-card .product-media img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
@media (max-width: 620px) {
  .sold-carousel { padding: 0 16px !important; }
  .sold-carousel-track { gap: 12px !important; }
  .sold-carousel-track > .sold-product-card {
    flex: 0 0 calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
  }
  .sold-carousel-track > .sold-product-card .product-media {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }
  .sold-carousel-track > .sold-product-card .product-media img {
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
}

/* V269: prevent the Home hero motion from starting during the first paint.
   The normal hero motion resumes shortly after the page is fully loaded. */
.home-page:not(.hero-motion-ready) .hero:before,
.home-page:not(.hero-motion-ready) .tts-service-panel:before,
.home-page:not(.hero-motion-ready) .tts-live-dot,
.home-page:not(.hero-motion-ready) .tts-service-core i,
.home-page:not(.hero-motion-ready) .tts-service-card,
.home-page:not(.hero-motion-ready) .tts-service-particle{animation-play-state:paused!important}

/* V270: header rendering safeguard */
.header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.96)!important;}

/* V271: keep the enquiry drawer and overlay above the sticky site header. */
.cart-overlay{z-index:9998!important}
.cart-drawer{z-index:9999!important}
.modal{z-index:10000!important}

/* V272: load the main stylesheet synchronously on public pages to prevent a brief unstyled enquiry drawer/header flash during navigation or reload. */
.cart-pay-actions{display:grid;gap:9px;margin-top:10px}.cart-pay-actions .btn{width:100%}


/* V274 — ecommerce cart polish */
.ecommerce-cart-drawer .cart-kicker{display:block;color:#238bd0;font-size:.68rem;font-weight:900;letter-spacing:.12em;margin-bottom:3px}.ecommerce-cart-drawer .cart-head h3{margin:0}.ecommerce-cart-drawer .cart-note{background:linear-gradient(135deg,rgba(36,107,255,.08),rgba(69,215,255,.08));border:1px solid rgba(36,107,255,.12);border-radius:12px;padding:11px 12px;line-height:1.45}.ecommerce-cart-drawer .cart-note strong{color:#0a3158}.ecommerce-cart-drawer .cart-pay-actions .btn:first-child{box-shadow:0 12px 28px rgba(36,107,255,.22)}

/* V301 — premium cart text contrast */
.cart-drawer .cart-item-name,
.ecommerce-cart-drawer .cart-item-name{
  color:#f4fbff !important;
  font-weight:850 !important;
  letter-spacing:-.01em;
}
.cart-drawer .cart-item-price,
.ecommerce-cart-drawer .cart-item-price{
  color:#55d8ff !important;
  font-weight:900 !important;
}
.cart-drawer .cart-item-actions,
.ecommerce-cart-drawer .cart-item-actions{
  color:#c9d9e8 !important;
}
.cart-drawer .cart-note,
.ecommerce-cart-drawer .cart-note{
  color:#91a9be !important;
}
.cart-drawer .cart-note strong,
.ecommerce-cart-drawer .cart-note strong{
  color:#dcefff !important;
}

/* V316 — premium enquiry modal + cart contrast fix */
.modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;z-index:10000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important}
.modal.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.modal-bg{position:absolute!important;inset:0!important;background:rgba(2,10,22,.78)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.modal-card{position:relative!important;z-index:1!important;width:min(520px,100%)!important;max-height:min(720px,calc(100vh - 44px))!important;overflow:auto!important;padding:30px!important;border-radius:26px!important;background:radial-gradient(circle at 90% 0%,rgba(36,107,255,.18),transparent 34%),linear-gradient(145deg,#0b2d4a 0%,#061b30 72%,#041522 100%)!important;border:1px solid rgba(103,216,255,.22)!important;box-shadow:0 35px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07)!important;color:#f5fbff!important}
.modal-card .kicker{color:#69ddff!important;font-weight:950!important}
.modal-card h3{margin:7px 42px 8px 0!important;color:#fff!important;font-size:clamp(25px,4vw,34px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.modal-card>p{margin:0 0 22px!important;color:#b8cfe1!important;font-size:13px!important;line-height:1.6!important}
.modal-close{position:absolute!important;top:16px!important;right:16px!important;width:36px!important;height:36px!important;border:1px solid rgba(103,216,255,.15)!important;border-radius:50%!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:21px!important;line-height:1!important;cursor:pointer!important}
.modal-close:hover{background:rgba(103,216,255,.14)!important;border-color:rgba(103,216,255,.32)!important}
.modal-card form{display:grid!important;gap:15px!important}
.modal-card label{display:grid!important;gap:7px!important;color:#dff2ff!important;font-size:12px!important;font-weight:850!important}
.modal-card label span{color:#8eacc1!important}
.modal-card input,.modal-card textarea{width:100%!important;min-height:48px!important;padding:12px 14px!important;border-radius:13px!important;border:1px solid rgba(103,216,255,.20)!important;background:rgba(3,20,36,.82)!important;color:#fff!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.modal-card textarea{min-height:110px!important;resize:vertical!important}
.modal-card input::placeholder,.modal-card textarea::placeholder{color:#7591a8!important}
.modal-card input:focus,.modal-card textarea:focus{border-color:#55d8ff!important;box-shadow:0 0 0 4px rgba(69,215,255,.10)!important}
.modal-card .error{display:none!important;padding:10px 12px!important;border-radius:11px!important;background:rgba(239,90,103,.10)!important;border:1px solid rgba(239,90,103,.25)!important;color:#ffb3bd!important;font-size:12px!important}
.modal-card .error.show{display:block!important}
.modal-card #enquirySubmit{width:100%!important;min-height:50px!important;margin-top:3px!important;border-radius:14px!important;background:linear-gradient(135deg,#2d7fff,#1762e9)!important;color:#fff!important;box-shadow:0 15px 32px rgba(36,107,255,.24)!important}

/* Stronger cart readability */
.cart-drawer{color:#f5fbff!important}
.cart-head h3{color:#fff!important}
.cart-kicker{color:#69ddff!important}
.cart-item-name{color:#f5fbff!important}
.cart-item-price{color:#5cddff!important}
.cart-item-actions{color:#c9dbea!important}
.qty{border-color:rgba(103,216,255,.20)!important;background:rgba(255,255,255,.035)!important}
.qty button{background:rgba(255,255,255,.08)!important;color:#fff!important}
.qty strong{color:#fff!important}
.remove{color:#ff7080!important}
.cart-foot{background:rgba(3,18,31,.42)!important}
.cart-foot .cart-item-row{color:#c9dbea!important}
.cart-foot .cart-item-row strong{color:#fff!important}
.cart-note{color:#9bb5c9!important;background:rgba(36,107,255,.08)!important;border-color:rgba(103,216,255,.13)!important}
.cart-note strong{color:#e9f8ff!important}
@media(max-width:620px){.modal{padding:12px!important}.modal-card{padding:24px 18px!important;border-radius:22px!important}.modal-card h3{font-size:27px!important}}

/* V426 — Power Backup detail section color treatment only */
.power-page .power-dark-section .power-kicker{color:#45d7ff !important}
.power-page .power-dark-section .power-copy > h2{
  background:linear-gradient(90deg,#ffe08a 0%,#ffc94f 52%,#f2ad24 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}