:root{
--purple:#5f2aa5;--purple2:#7b3fd0;--purple-dark:#26113f;--ink:#17141c;--muted:#6e6877;
--soft:#f7f4fb;--line:#e9e3f2;--white:#fff;--shadow:0 20px 60px rgba(48,20,79,.13);
--radius:24px;--wrap:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}
.topbar{background:var(--purple-dark);color:#ddd3ec;font-size:12px}.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.top-note{opacity:.75}
.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(37,18,62,.08)}.nav{height:78px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;min-width:195px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 22px rgba(95,42,165,.25)}.brand strong,.brand b{display:block;line-height:1}.brand strong{font-size:16px;letter-spacing:1.5px}.brand b{font-size:12px;letter-spacing:3px;color:var(--purple)}.nav-links{display:flex;gap:24px;align-items:center;flex:1}.nav-links a{font-size:13px;font-weight:700;color:#4d4755}.nav-links a:hover{color:var(--purple)}.nav-actions{display:flex;gap:10px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 10px 24px rgba(95,42,165,.2)}.btn-primary:hover{background:#4e218d;transform:translateY(-1px)}.btn-dark{background:var(--purple-dark);color:#fff}.btn-outline{border-color:#d8cee5;color:var(--purple);background:#fff}.btn-light{background:#fff;color:var(--purple-dark)}.btn-large{padding:15px 22px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.hero{position:relative;overflow:hidden;background:#f8f4fc;min-height:560px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;min-height:560px}
.hero-slide.is-active{opacity:1;visibility:visible;position:relative}
.hero-slide-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(125,67,193,.17),transparent 34%),linear-gradient(135deg,#fbf9fd 0%,#fff 55%,#f0e7fa 100%)}
.hero-slide-bg.promo-bg{background:linear-gradient(120deg,#fbf8fe 0%,#f4edfa 55%,#e6d5f5 100%)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:560px;position:relative;z-index:2}
.hero-copy{padding:45px 0;position:relative;z-index:3}
.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-4px;margin:18px 0 22px;max-width:720px}
.hero h1 span{color:var(--purple)}
.hero-lead{font-size:17px;color:var(--muted);max-width:625px}
.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}
.hero-pills span{padding:8px 12px;border:1px solid #ddd1eb;border-radius:100px;font-size:10px;font-weight:900;background:rgba(255,255,255,.82)}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:25px}
.hero-product{height:500px;display:grid;place-items:center;position:relative}
.hero-product img{width:min(525px,91%);position:relative;z-index:2;filter:drop-shadow(0 30px 30px rgba(50,16,81,.22));mix-blend-mode:multiply}
.product-orbit{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#cba9eb 0,#e9dcf6 43%,rgba(231,217,245,0) 70%);filter:blur(4px)}
.floating-badge{position:absolute;right:5%;bottom:70px;z-index:4;background:#fff;padding:15px 19px;border-radius:16px;box-shadow:var(--shadow)}
.floating-badge strong{display:block;font-size:23px;color:var(--purple)}
.floating-badge span{font-size:10px;color:var(--muted)}
.hero-product-promo{padding:35px}
.hero-product-promo img{width:100%;max-width:610px;border-radius:22px;box-shadow:0 30px 70px rgba(46,18,75,.18);mix-blend-mode:normal}
.hero-controls{position:absolute;z-index:6;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-arrow{pointer-events:auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(95,42,165,.2);background:rgba(255,255,255,.88);color:var(--purple);font-size:16px;cursor:pointer;box-shadow:0 8px 20px #f3f2f5}
.hero-dots{display:flex;gap:7px;pointer-events:auto}
.hero-dot{width:25px;height:4px;border:0;border-radius:10px;background:#d6c7e5;padding:0;cursor:pointer}
.hero-dot.is-active{background:var(--purple);width:42px}
.search-section{padding:95px 0 110px}.section-head{margin-bottom:38px}.section-head.center{text-align:center}.section-head h2,.product-copy h2,.network-section h2{font-size:42px;line-height:1.05;letter-spacing:-2px;margin:10px 0}.section-head p{max-width:700px;margin-left:auto!important;margin-right:auto!important}.section-head p{color:var(--muted);margin:0}.pin-search-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 20px;max-width:850px;margin:auto;box-shadow:var(--shadow)}.pin-icon{width:50px;height:50px;border-radius:15px;background:#f1e8fb;color:var(--purple);display:grid;place-items:center;font-size:25px}.pin-field{flex:1}.pin-field label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.pin-field input{border:0;outline:0;width:100%;font-size:20px;font-weight:800;padding:3px 0;background:transparent}.vendor-results{max-width:1000px;margin:30px auto 0}.vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vendor-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 10px 30px rgba(30,10,50,.06)}.vendor-card .vendor-role{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;color:var(--purple)}.vendor-card h3{margin:7px 0 3px;font-size:19px}.vendor-card p{margin:0 0 15px;color:var(--muted);font-size:13px}.vendor-meta{font-size:12px;color:#514a5a;margin-bottom:18px}.empty-result{text-align:center;padding:25px;border-radius:18px;background:var(--soft);color:var(--muted)}
.product-showcase{background:var(--soft);padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-image-panel{border-radius:28px;overflow:hidden;background:#6930ad;box-shadow:var(--shadow)}.product-image-panel img{width:100%}.product-copy .lead{font-size:17px;color:var(--muted);max-width:540px}.product-description{font-size:13px;color:#77707f;max-width:560px;margin:18px 0 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.feature-grid div{padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px}.feature-grid b{display:block;color:var(--purple);font-size:15px}.feature-grid span{font-size:11px;color:var(--muted)}
.how-section{padding:20px 0}.how-home{padding-top:86px;padding-bottom:95px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.step span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eee4f8;color:var(--purple);font-size:11px;font-weight:900}.step h3{font-size:16px;margin:18px 0 7px}.step p{font-size:12px;color:var(--muted);margin:0}
.network-section{background:var(--purple-dark);color:#fff;padding:100px 0}.network-section .eyebrow{color:#caa9eb}.network-section p{color:#cfc3dc;max-width:580px}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.network-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px}.network-flow span{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:11px;font-weight:800}.network-flow i{color:#a980ce}.network-visual{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:30px}.network-visual-title{font-size:10px;font-weight:900;letter-spacing:2px;color:#d5bceb;margin-bottom:22px}.network-visual-flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.network-visual-flow span{padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:11px;font-weight:800}.network-visual-flow i{color:#b58bd5;font-style:normal}.network-visual p{font-size:12px;margin:20px 0 0!important;color:#cfc3dc!important}
.cta-section{padding:70px 0}.cta-card{background:linear-gradient(120deg,#5f2aa5,#32134f);color:#fff;border-radius:28px;padding:46px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-card .eyebrow{color:#d5bceb}.cta-card h2{font-size:36px;margin:8px 0}.cta-card p{margin:0;color:#d7ccdf}
.footer{background:#130b1c;color:#cfc6d7;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.footer-brand{color:#fff}.footer h4{color:#fff;margin:0 0 15px}.footer-grid>a,.footer-grid div>a{display:block;font-size:12px;margin:8px 0;color:#cfc6d7}.footer-grid p{font-size:12px;line-height:1.8}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#8f8598}
.page-hero{padding:85px 0 75px;background:linear-gradient(135deg,#f7f1fc,#fff)}.page-hero.compact{padding:55px 0}.page-hero h1{font-size:56px;line-height:1.02;letter-spacing:-3px;margin:10px 0}.page-hero p{color:var(--muted);max-width:680px}
.product-detail{padding:90px 0}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.gallery-main{border-radius:25px;overflow:hidden;background:#6730ac}.gallery-main img{width:100%}.gallery-thumb{margin-top:14px;width:120px;border-radius:14px;overflow:hidden;border:2px solid var(--purple)}.detail-copy h2{font-size:52px;line-height:1;letter-spacing:-3px;margin:12px 0}.detail-copy .lead{color:var(--muted);font-size:18px}.spec-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.spec-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-list div:last-child{border:0}.spec-list span{color:var(--muted)}.price-note{font-size:20px;font-weight:900;margin-bottom:22px;color:var(--purple)}.feature-band{background:var(--soft);padding:70px 0}.feature-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-band-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.feature-band-grid b{color:var(--purple);font-size:12px}.feature-band-grid h3{margin:10px 0 5px}.feature-band-grid p{font-size:12px;color:var(--muted);margin:0}
.process-page,.about-page,.contact-page{padding:85px 0}.process-row{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line);max-width:850px}.process-row>span{font-weight:900;color:var(--purple);font-size:13px}.process-row h2{margin:0 0 7px;font-size:26px}.process-row p{margin:0;color:var(--muted)}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid h2{font-size:45px;line-height:1.05;letter-spacing:-2px;margin:10px 0}.about-grid p{color:var(--muted);font-size:16px}.purple-panel{background:var(--purple);color:#fff;padding:70px 0}.purple-panel h2{font-size:42px;margin:0 0 8px}.purple-panel p{margin:0;color:#e3d8ec}.contact-card{padding:35px;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px rgba(30,10,50,.05)}.contact-card h2{font-size:30px}.contact-card p{color:var(--muted)}
.order-section{padding:70px 0 100px;background:#faf8fc}.order-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.order-summary{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;position:sticky;top:105px}.order-summary img{border-radius:18px;background:#6730ac;margin-bottom:20px}.order-summary h2{margin:6px 0;font-size:26px}.order-summary p{color:var(--muted);font-size:12px}.summary-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.summary-row strong{color:var(--purple)}.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.form-section{padding:5px 0 28px;margin-bottom:25px;border-bottom:1px solid var(--line)}.form-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.form-head>span{width:30px;height:30px;border-radius:10px;background:#eee4f8;color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:900}.form-head h3{margin:0;font-size:18px}.form-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.selected-vendor{display:none;padding:15px;border:1px solid #d9c9e9;border-radius:15px;background:#fbf8ff}.selected-vendor.show{display:flex;flex-direction:column}.selected-vendor span{font-size:12px;color:var(--muted)}.small-link{display:inline-block;margin-top:10px;font-size:12px;color:var(--purple);font-weight:800}.inline-field{display:flex;gap:10px}.inline-field input{flex:1}.field-status{min-height:20px;margin-top:8px;font-size:12px}.field-status.ok{color:#17834b}.field-status.error{color:#bd3146}.quantity-row{display:flex;gap:8px;align-items:center}.qty-btn{width:45px;height:45px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:22px;cursor:pointer}.quantity-row input{width:80px;height:45px;text-align:center;border:1px solid var(--line);border-radius:12px;font-weight:900}.total-box{margin-left:auto;text-align:right}.total-box small{display:block;color:var(--muted);font-size:10px}.total-box strong{font-size:23px;color:var(--purple)}label{display:block;font-size:11px;font-weight:800;color:#514b58}input,textarea{width:100%;margin-top:7px;border:1px solid #ddd6e6;border-radius:12px;padding:13px 14px;outline:none;font:inherit;font-size:13px;background:#fff}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,42,165,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.submit-order{width:100%}.form-note{font-size:11px;color:var(--muted);text-align:center}.alert{padding:12px 14px;border-radius:12px;margin:10px 0;font-size:12px}.alert.error{background:#fff0f2;color:#a52239;border:1px solid #ffd5db}
.success-page{min-height:600px;background:linear-gradient(135deg,#f7f1fc,#fff);display:grid;place-items:center;padding:70px 0}.success-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;text-align:center;padding:50px;max-width:650px}.success-icon{width:70px;height:70px;border-radius:50%;background:#e8f8ef;color:#17834b;display:grid;place-items:center;margin:0 auto 20px;font-size:35px;font-weight:900}.success-card h1{font-size:42px;line-height:1.05;letter-spacing:-2px;margin:12px 0}.success-card p{color:var(--muted)}.order-number{margin:25px auto;padding:18px;background:var(--soft);border-radius:16px}.order-number small,.order-number strong{display:block}.order-number small{font-size:9px;color:var(--muted);letter-spacing:1.5px}.order-number strong{font-size:25px;color:var(--purple);margin-top:4px}.success-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.muted{font-size:12px}
.login-page{min-height:620px;background:linear-gradient(135deg,#f7f1fc,#fff);display:grid;place-items:center;padding:60px 0}.login-card{width:min(520px,calc(100% - 40px));background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);padding:38px}.login-card h1{font-size:40px;letter-spacing:-2px;margin:10px 0}.login-card p{color:var(--muted);font-size:13px}.login-card form{display:grid;gap:16px;margin-top:25px}.login-note{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.login-note a{color:var(--purple);font-weight:800}

.vendor-cta-section{padding:82px 0;background:#fff}
.vendor-cta-card{background:linear-gradient(120deg,#5f2aa5,#311346);color:#fff;border-radius:28px;padding:46px 52px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 25px 70px rgba(48,18,77,.15)}
.vendor-cta-copy{max-width:760px}.vendor-cta-copy .eyebrow{color:#d9c0ee}.vendor-cta-copy h2{font-size:38px;line-height:1.05;letter-spacing:-2px;margin:9px 0 12px}.vendor-cta-copy p{color:#d9cde2;margin:0;font-size:14px}.vendor-cta-action{min-width:230px}.vendor-cta-action>span{display:block;color:#cbbcd6;font-size:10px;line-height:1.5;margin-top:10px}
.product-rd-section{padding:90px 0;background:#fff}.product-rd-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.product-rd-grid h2{font-size:42px;line-height:1.05;letter-spacing:-2px;margin:10px 0}.product-rd-grid p{color:var(--muted);font-size:14px;line-height:1.8}
.about-hero{background:radial-gradient(circle at 80% 25%,rgba(108,54,167,.16),transparent 30%),linear-gradient(135deg,#f8f2fc,#fff)}.about-hero h1 span{color:var(--purple)}.about-hero .btn{margin-top:20px}
.about-product-section{padding:95px 0;background:#fff}
.about-network-section{padding:95px 0;background:var(--soft)}.about-network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-network-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.about-network-grid article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#eee4f8;color:var(--purple);font-size:10px;font-weight:900}.about-network-grid h3{margin:16px 0 7px;font-size:18px}.about-network-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.order-intro{padding:85px 0 30px;background:#fff}.order-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.order-process-grid>div{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.order-process-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eee4f8;color:var(--purple);font-size:10px;font-weight:900}.order-process-grid h3{font-size:15px;margin:16px 0 6px}.order-process-grid p{font-size:11px;color:var(--muted);margin:0}
.contact-details-card{margin-top:24px;border:1px solid var(--line);border-radius:24px;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#fff;box-shadow:0 12px 35px rgba(30,10,50,.05)}.contact-details-card h2{font-size:32px;letter-spacing:-1px;margin:9px 0}.contact-details-card p{color:var(--muted);font-size:13px;max-width:540px}.contact-detail-list{border-left:1px solid var(--line);padding-left:30px}.contact-detail-list div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.contact-detail-list div:last-child{border-bottom:0}.contact-detail-list span{color:var(--muted)}.contact-detail-list strong{color:var(--purple);text-align:right}

@media(max-width:980px){.vendor-cta-card{display:block}.vendor-cta-action{margin-top:24px}.product-rd-grid,.contact-details-card{grid-template-columns:1fr}.contact-detail-list{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.about-network-grid,.order-process-grid{grid-template-columns:1fr 1fr}.hero,.hero-slide{min-height:650px}.hero-grid{min-height:650px}.hero-copy{padding-top:55px}.hero-product{height:390px}.hero-product-promo{height:360px;padding:15px}.hero-controls{bottom:18px}.nav-links{display:none}.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.hero-grid,.split,.network-grid,.product-detail-grid,.about-grid,.contact-grid,.order-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding-bottom:60px}.hero-product{height:auto;min-height:450px}.hero-copy{padding-bottom:0}.steps{grid-template-columns:repeat(2,1fr)}.vendor-grid{grid-template-columns:1fr 1fr}.order-summary{position:static}.feature-band-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.vendor-cta-card{padding:30px}.vendor-cta-copy h2{font-size:31px}.about-network-grid,.order-process-grid{grid-template-columns:1fr}.contact-details-card{padding:25px}.contact-detail-list div{display:block}.contact-detail-list strong{display:block;text-align:left;margin-top:3px}.product-rd-grid h2{font-size:34px}.hero,.hero-slide{min-height:680px}.hero-grid{min-height:680px}.hero h1{font-size:49px}.hero-copy{padding-top:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-product{min-height:350px;height:350px}.hero-product img{width:78%}.hero-product-promo{height:300px}.hero-product-promo img{width:100%}.hero-controls{bottom:14px}.wrap{width:min(var(--wrap),calc(100% - 28px))}.topbar .top-note{display:none}.nav{height:68px}.brand{min-width:0}.hero h1{font-size:50px;letter-spacing:-3px}.hero-product{min-height:380px}.floating-badge{right:2%;bottom:45px}.pin-search-card{flex-wrap:wrap}.pin-icon{display:none}.pin-field{width:100%;flex-basis:100%}.btn-large{width:100%}.vendor-grid,.steps,.feature-band-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.section-head h2,.product-copy h2,.detail-copy h2{font-size:35px}.page-hero h1{font-size:43px}.cta-card{padding:30px;display:block}.cta-card .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.success-card{padding:30px 20px}.success-card h1{font-size:34px}.success-actions{display:block}.success-actions .btn{width:100%;margin-top:8px}.inline-field{display:block}.inline-field .btn{width:100%;margin-top:8px}.quantity-row{flex-wrap:wrap}.total-box{width:100%;text-align:left;margin:10px 0 0}.product-detail{padding:50px 0}.search-section,.product-showcase,.how-section,.network-section{padding:70px 0}}

/* ===== POWERPRAGYA PREMIUM BANNER / HERO OVERRIDES ===== */
.hero-slide-bg{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transform:scale(1.02)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,8,37,.94) 0%,rgba(32,11,53,.82) 42%,rgba(42,17,69,.48) 72%,rgba(25,8,40,.68) 100%);z-index:1}
.hero-slide-quality .hero-overlay{background:linear-gradient(90deg,rgba(18,7,32,.94) 0%,rgba(34,11,57,.82) 44%,rgba(38,15,61,.50) 72%,rgba(17,7,29,.66) 100%)}
.hero-copy .eyebrow{color:#e6d5f4}.hero h1,.hero-lead{color:#fff}.hero h1 span{color:#d7b7f3}.hero-lead{color:#e8dfef}.hero-pills span{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(10px)}
.btn-ghost-light{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}.btn-ghost-light:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.hero-product-floating{height:650px}.hero-product-floating img{width:min(470px,88%);mix-blend-mode:normal;border-radius:28px;box-shadow:0 35px 90px rgba(0,0,0,.34)}.hero-product-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(190,143,232,.40),rgba(125,58,183,.08) 52%,transparent 72%);filter:blur(6px)}
.hero-product-local img{max-width:500px}.hero-controls{bottom:26px}.hero-arrow{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}.hero-dot{background:rgba(255,255,255,.35)}.hero-dot.is-active{background:#fff}

/* Full-width photographic inner-page banners */
.page-hero{position:relative;isolation:isolate;min-height:360px;padding:95px 0 90px;background-image:url('../images/power-t2-plus.jpg');background-size:cover;background-position:center 45%;background-repeat:no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,7,35,.92),rgba(37,13,59,.72) 48%,rgba(28,8,44,.50));z-index:-1}
.page-hero::after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(to top,rgba(19,7,30,.32),transparent);pointer-events:none;z-index:-1}
.page-hero .page-hero-content,.page-hero>.wrap{position:relative;z-index:2}.page-hero h1{color:#fff}.page-hero h1 span{color:#d9baf4}.page-hero p{color:#eee5f4}.page-hero .eyebrow{color:#ddc3f2}
.page-hero.about-hero{background-image:url('../images/power-t2-plus-promo.jpg');background-position:center 42%}.page-hero.product-hero{background-image:url('../images/product.png');background-position:center 35%}.page-hero.order-hero{background-image:url('../images/order2.png');background-position:center 48%}.page-hero.contact-hero{background-image:url('../images/contact.png');background-position:center 40%}
.about-hero{background:transparent}.page-hero.compact{min-height:385px;padding:75px 0}.page-hero.compact::before{background:linear-gradient(90deg,rgba(21,7,35,.94),rgba(37,13,59,.70),rgba(28,8,44,.54))}

/* Contact enquiry form */
.contact-grid-main{align-items:stretch}.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px;box-shadow:0 12px 35px rgba(30,10,50,.06)}.contact-form-card h2{font-size:32px;letter-spacing:-1px;margin:9px 0 24px}.contact-form{margin-top:4px}.contact-form .form-grid{gap:15px}.contact-form select{width:100%;margin-top:7px;border:1px solid #ddd6e6;border-radius:12px;padding:13px 14px;outline:none;font:inherit;font-size:13px;background:#fff;color:var(--ink)}.contact-form select:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(95,42,165,.08)}.contact-form textarea{resize:vertical;min-height:130px}.contact-form>.btn{margin-top:18px}.contact-intro-card{height:100%}.contact-for-list{margin-top:25px;border-top:1px solid var(--line)}.contact-for-list div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.contact-for-list span{width:30px;height:30px;border-radius:10px;background:#eee4f8;color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 30px}.form-note.success{color:#17834b}.form-note.error{color:#bd3146}

@media(max-width:980px){
  .hero-overlay{background:linear-gradient(180deg,rgba(22,8,37,.90),rgba(31,10,50,.74) 56%,rgba(22,7,35,.84))}
  .hero-product-floating{height:420px}.hero-product-floating img{width:min(360px,75%)}.hero-product-glow{width:390px;height:390px}
  .page-hero{min-height:330px;padding:75px 0}.page-hero.compact{min-height:300px}
}
@media(max-width:620px){
  .hero-slide-bg{background-position:center!important}.hero-overlay{background:linear-gradient(180deg,rgba(22,8,37,.92),rgba(31,10,50,.78) 58%,rgba(22,7,35,.92))}
  .hero-product-floating{height:350px;min-height:350px}.hero-product-floating img{width:70%;max-width:300px}.hero-product-glow{width:330px;height:330px}.hero-product-local img{width:66%}
  .page-hero{min-height:300px;padding:62px 0 60px;background-position:center!important}.page-hero.compact{min-height:280px;padding:60px 0}.page-hero h1{font-size:43px}
  .contact-form-card{padding:25px}.contact-for-list div{align-items:flex-start}.contact-form>.btn{width:100%}
}
.page-hero.about-hero{background-color:transparent;background-image:url('../images/order.png')!important}

/* HERO SLIDE ALIGNMENT FIX — keep all slide content on the same visual grid */
.hero-grid{align-items:center}
.hero-copy{
  height:370px;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.hero-copy .eyebrow{flex:0 0 auto}
.hero-copy h1{flex:0 0 auto}
.hero-copy .hero-lead{flex:0 0 auto}
.hero-copy .hero-pills{flex:0 0 auto}
.hero-copy .hero-actions{flex:0 0 auto}
.hero-product,
.hero-product-floating{align-self:center}

@media(max-width:980px){
  .hero-copy{height:auto;min-height:330px;padding:0}
}
@media(max-width:620px){
  .hero-copy{min-height:0;padding:0}
}

/* =========================================================
   POWERPRAGYA — MASTER PREMIUM HERO v12
   One fixed frame for all three slides.
   Only slide content/background/artwork changes.
   ========================================================= */
.hero.hero-slider{
  position:relative;
  height:560px;
  min-height:560px;
  overflow:hidden;
  background:#24103c;
  isolation:isolate;
}

.hero.hero-slider .hero-slide{
  position:absolute !important;
  inset:0;
  width:100%;
  height:100%;
  min-height:0 !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .72s ease, visibility .72s ease;
  overflow:hidden;
}
.hero.hero-slider .hero-slide.is-active{
  position:absolute !important;
  inset:0;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.hero.hero-slider .hero-slide-bg{
  position:absolute;
  inset:-1px;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:scale(1.025);
}

.hero.hero-slider .hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,
      rgba(18,6,31,.96) 0%,
      rgba(28,9,46,.90) 35%,
      rgba(43,15,69,.68) 62%,
      rgba(39,13,63,.52) 100%);
}
.hero.hero-slider .hero-slide-quality .hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(17,6,30,.96) 0%,
      rgba(28,9,46,.90) 36%,
      rgba(47,16,75,.62) 64%,
      rgba(39,13,63,.48) 100%);
}

.hero.hero-slider .hero-grid{
  position:relative;
  z-index:2;
  height:100%;
  min-height:0 !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:34px;
  align-items:center;
}

/* Fixed left content zone: every slide starts from the same point. */
.hero.hero-slider .hero-copy{
  width:100%;
  max-width:650px;
  height:370px;
  min-height:370px;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  position:relative;
  z-index:4;
}
.hero.hero-slider .hero-copy .eyebrow{
  min-height:20px;
  margin:0 0 14px;
  color:#e6d5f4;
}
.hero.hero-slider .hero-copy h1{
  min-height:138px;
  margin:0 0 20px;
  font-size:clamp(48px,4.25vw,68px);
  line-height:.98;
  letter-spacing:-3.8px;
  color:#fff;
}
.hero.hero-slider .hero-copy h1 span{color:#d7b7f3}
.hero.hero-slider .hero-copy .hero-lead{
  width:100%;
  max-width:620px;
  min-height:54px;
  margin:0;
  color:#eee5f4;
  font-size:15px;
  line-height:1.65;
}
.hero.hero-slider .hero-copy .hero-pills{
  min-height:42px;
  margin:20px 0 0;
  display:flex;
  align-items:center;
  gap:9px;
}
.hero.hero-slider .hero-copy .hero-actions{
  min-height:52px;
  margin-top:20px;
  display:flex;
  align-items:center;
  gap:12px;
}

/* Slide 2 and 3 do not have the same optional elements as slide 1.
   Reserved slots keep their headline/copy/CTA vertically stable. */
.hero.hero-slider .hero-slide-local .hero-copy .hero-lead,
.hero.hero-slider .hero-slide-vendor .hero-copy .hero-lead{
  min-height:54px;
}
.hero.hero-slider .hero-slide-local .hero-copy .hero-actions{
  margin-top:62px;
}
.hero.hero-slider .hero-slide-vendor .hero-copy .hero-actions{
  margin-top:62px;
}
.hero.hero-slider .hero-slide-vendor .hero-copy h1{
  min-height:138px;
}

/* Fixed right-side visual frame — never moves between slides. */
.hero.hero-slider .hero-product,
.hero.hero-slider .hero-product-floating,
.hero.hero-slider .hero-product-promo{
  position:relative;
  width:460px;
  height:450px;
  min-height:450px;
  max-width:100%;
  margin:0 auto;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  overflow:visible;
  border-radius:28px;
  background:rgba(119,55,188,.88);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.hero.hero-slider .hero-product::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,0) 52%);
  pointer-events:none;
}

.hero.hero-slider .hero-product img,
.hero.hero-slider .hero-product-floating img,
.hero.hero-slider .hero-product-promo img,
.hero.hero-slider .hero-product-local img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  margin:0;
  border-radius:18px;
  mix-blend-mode:normal;
  filter:drop-shadow(0 24px 32px rgba(26,7,42,.30));
  box-shadow:none;
}

/* Keep slide 2 artwork inside the same exact frame without changing frame size. */
.hero.hero-slider .hero-slide-local .hero-product img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  border-radius:18px;
}

.hero.hero-slider .hero-product-glow{
  position:absolute;
  z-index:0;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(210,164,245,.34),rgba(125,58,183,.08) 55%,transparent 74%);
  filter:blur(5px);
  pointer-events:none;
}

/* Vendor badge is anchored to the fixed product frame. */
.hero.hero-slider .floating-badge{
  position:absolute;
  z-index:5;
  right:-22px;
  bottom:10px;
  min-width:190px;
  padding:16px 18px;
  border-radius:16px;
  background:#fff;
  color:var(--purple);
  box-shadow:0 18px 40px rgba(20,5,34,.24);
}
.hero.hero-slider .floating-badge strong{display:block;font-size:18px;line-height:1.1}
.hero.hero-slider .floating-badge span{display:block;margin-top:6px;font-size:9px;color:#756a80;letter-spacing:.4px}

/* Controls live in the hero itself, independent of slide content. */
.hero.hero-slider .hero-controls{
  position:absolute;
  z-index:10;
  left:50%;
  bottom:22px;
  width:min(var(--wrap),calc(100% - 40px));
  height:42px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
}
.hero.hero-slider .hero-arrow{
  pointer-events:auto;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.10);
  color:#fff;
  backdrop-filter:blur(12px);
  box-shadow:none;
}
.hero.hero-slider .hero-dots{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:7px;
  pointer-events:auto;
}
.hero.hero-slider .hero-dot{
  width:24px;
  height:4px;
  padding:0;
  border:0;
  border-radius:99px;
  background:rgba(255,255,255,.34);
}
.hero.hero-slider .hero-dot.is-active{width:40px;background:#fff}

@media(max-width:1100px){
  .hero.hero-slider{height:530px;min-height:530px}
  .hero.hero-slider .hero-copy{height:350px;min-height:350px}
  .hero.hero-slider .hero-copy h1{font-size:52px;min-height:128px}
  .hero.hero-slider .hero-product,
  .hero.hero-slider .hero-product-floating,
  .hero.hero-slider .hero-product-promo{width:410px;height:420px;min-height:420px}
  .hero.hero-slider .hero-slide-local .hero-copy .hero-actions,
  .hero.hero-slider .hero-slide-vendor .hero-copy .hero-actions{margin-top:48px}
}

@media(max-width:980px){
  .hero.hero-slider{height:700px;min-height:700px}
  .hero.hero-slider .hero-slide,
  .hero.hero-slider .hero-slide.is-active{height:100%;min-height:0 !important}
  .hero.hero-slider .hero-grid{
    height:100%;
    min-height:0 !important;
    grid-template-columns:1fr;
    align-content:start;
    row-gap:8px;
    padding-top:44px;
    padding-bottom:72px;
  }
  .hero.hero-slider .hero-copy{
    width:100%;
    height:315px;
    min-height:315px;
    max-width:720px;
    margin:0 auto;
  }
  .hero.hero-slider .hero-copy h1{font-size:50px;min-height:116px}
  .hero.hero-slider .hero-copy .hero-lead{max-width:680px}
  .hero.hero-slider .hero-slide-local .hero-copy .hero-actions,
  .hero.hero-slider .hero-slide-vendor .hero-copy .hero-actions{margin-top:42px}
  .hero.hero-slider .hero-product,
  .hero.hero-slider .hero-product-floating,
  .hero.hero-slider .hero-product-promo{
    width:min(420px,72vw);
    height:300px;
    min-height:300px;
    margin:0 auto;
    padding:12px;
  }
  .hero.hero-slider .hero-product-glow{width:300px;height:300px}
  .hero.hero-slider .floating-badge{right:-12px;bottom:-8px}
  .hero.hero-slider .hero-controls{bottom:18px}
}

@media(max-width:620px){
  .hero.hero-slider{height:500px;min-height:500px}
  .hero.hero-slider .hero-slide-bg{background-position:center center !important}
  .hero.hero-slider .hero-overlay{
    background:linear-gradient(180deg,rgba(18,6,31,.92),rgba(29,9,47,.78) 55%,rgba(19,6,32,.94));
  }
  .hero.hero-slider .hero-grid{
    width:calc(100% - 28px);
    padding-top:34px;
    padding-bottom:64px;
    row-gap:4px;
  }
  .hero.hero-slider .hero-copy{
    height:350px;
    min-height:350px;
  }
  .hero.hero-slider .hero-copy .eyebrow{font-size:9px;margin-bottom:10px}
  .hero.hero-slider .hero-copy h1{
    min-height:105px;
    margin-bottom:14px;
    font-size:40px;
    line-height:1;
    letter-spacing:-2.4px;
  }
  .hero.hero-slider .hero-copy .hero-lead{
    min-height:72px;
    font-size:13px;
    line-height:1.55;
  }
  .hero.hero-slider .hero-copy .hero-pills{
    min-height:36px;
    margin-top:13px;
    gap:6px;
  }
  .hero.hero-slider .hero-pills span{padding:6px 9px;font-size:8px}
  .hero.hero-slider .hero-copy .hero-actions,
  .hero.hero-slider .hero-slide-local .hero-copy .hero-actions,
  .hero.hero-slider .hero-slide-vendor .hero-copy .hero-actions{
    min-height:46px;
    margin-top:13px;
    gap:8px;
  }
  .hero.hero-slider .hero-copy .btn-large{padding:10px 13px;font-size:11px}
  .hero.hero-slider .hero-product,
  .hero.hero-slider .hero-product-floating,
  .hero.hero-slider .hero-product-promo{
    width:min(320px,84vw);
    height:250px;
    min-height:250px;
    border-radius:22px;
    padding:9px;
  }
  .hero.hero-slider .hero-product::before{border-radius:22px}
  .hero.hero-slider .hero-product img{border-radius:14px}
  .hero.hero-slider .hero-product-glow{width:250px;height:250px}
  .hero.hero-slider .floating-badge{right:-6px;bottom:-10px;min-width:150px;padding:11px 13px;border-radius:13px}
  .hero.hero-slider .floating-badge strong{font-size:14px}
  .hero.hero-slider .floating-badge span{font-size:8px}
  .hero.hero-slider .hero-controls{width:calc(100% - 28px);bottom:12px}
  .hero.hero-slider .hero-arrow{width:34px;height:34px;font-size:14px}
}

/* Slide 3 keeps the same reserved eyebrow slot without adding public copy. */
.hero.hero-slider .hero-eyebrow-spacer{
  display:block;
  width:100%;
  height:20px;
  min-height:20px;
  margin:0 0 14px;
  visibility:hidden;
}
\n\n/* =========================================================\n   POWERPRAGYA — HERO v13\n   Full-width photographic banner.\n   Product artwork is part of the hero photography; no separate\n   product card/image is rendered in the HTML.\n   ========================================================= */\n.hero.hero-slider{\n  position:relative;\n  height:560px;\n  min-height:560px;\n  overflow:hidden;\n  background:#1e0a31;\n  isolation:isolate;\n}\n.hero.hero-slider .hero-slide,\n.hero.hero-slider .hero-slide.is-active{\n  position:absolute !important;\n  inset:0;\n  width:100%;\n  height:100%;\n  min-height:0 !important;\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transition:opacity .72s ease, visibility .72s ease;\n}\n.hero.hero-slider .hero-slide.is-active{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n}\n.hero.hero-slider .hero-slide-bg{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  background-size:cover !important;\n  background-position:center center !important;\n  background-repeat:no-repeat !important;\n  transform:none !important;\n}\n/* The source images already contain the purple negative space on the left.\n   This overlay adds readability without hiding the photography. */\n.hero.hero-slider .hero-overlay{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  background:linear-gradient(90deg,rgba(20,6,36,.20) 0%,rgba(28,8,47,.12) 42%,rgba(20,5,34,.08) 100%);\n  pointer-events:none;\n}\n.hero.hero-slider .hero-grid{\n  position:relative;\n  z-index:2;\n  height:100%;\n  min-height:0 !important;\n  display:block;\n}\n.hero.hero-slider .hero-copy{\n  position:relative;\n  z-index:4;\n  width:54%;\n  max-width:650px;\n  height:100%;\n  min-height:0;\n  padding:112px 0 90px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-start;\n  align-items:flex-start;\n}\n.hero.hero-slider .hero-copy .eyebrow{\n  min-height:20px;\n  margin:0 0 14px;\n  color:#f0e7f8;\n  text-shadow:0 2px 14px rgba(0,0,0,.22);\n}\n.hero.hero-slider .hero-copy h1{\n  min-height:138px;\n  max-width:650px;\n  margin:0 0 18px;\n  color:#fff;\n  font-size:clamp(46px,4.4vw,68px);\n  line-height:.98;\n  letter-spacing:-3.8px;\n  text-shadow:0 5px 24px rgba(20,5,35,.20);\n}\n.hero.hero-slider .hero-copy h1 span{color:#dcbdf7}\n.hero.hero-slider .hero-copy .hero-lead{\n  width:100%;\n  max-width:620px;\n  min-height:54px;\n  margin:0;\n  color:#fff;\n  font-size:15px;\n  line-height:1.62;\n  text-shadow:0 2px 14px rgba(0,0,0,.25);\n}\n.hero.hero-slider .hero-copy .hero-pills{\n  min-height:42px;\n  margin:20px 0 0;\n  display:flex;\n  align-items:center;\n  gap:9px;\n}\n.hero.hero-slider .hero-copy .hero-pills span{\n  padding:8px 12px;\n  border:1px solid rgba(255,255,255,.28);\n  border-radius:999px;\n  background:rgba(22,6,38,.22);\n  color:#fff;\n  font-size:10px;\n  font-weight:900;\n  backdrop-filter:blur(8px);\n}\n.hero.hero-slider .hero-copy .hero-actions{\n  min-height:52px;\n  margin-top:20px;\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n.hero.hero-slider .hero-slide-local .hero-copy .hero-actions,\n.hero.hero-slider .hero-slide-vendor .hero-copy .hero-actions{\n  margin-top:62px;\n}\n.hero.hero-slider .hero-slide-vendor .hero-copy h1{min-height:138px}\n.hero.hero-slider .hero-eyebrow-spacer{visibility:hidden}\n.hero.hero-slider .btn-ghost-light{\n  border-color:rgba(255,255,255,.48);\n  background:rgba(255,255,255,.10);\n  color:#fff;\n  backdrop-filter:blur(10px);\n}\n.hero.hero-slider .btn-ghost-light:hover{background:rgba(255,255,255,.18)}\n.hero.hero-slider .hero-controls{\n  position:absolute;\n  z-index:10;\n  left:50%;\n  bottom:20px;\n  width:min(var(--wrap),calc(100% - 40px));\n  height:40px;\n  transform:translateX(-50%);\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  pointer-events:none;\n}\n.hero.hero-slider .hero-arrow{\n  pointer-events:auto;\n  width:38px;\n  height:38px;\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,.38);\n  background:rgba(25,7,42,.26);\n  color:#fff;\n  backdrop-filter:blur(10px);\n  box-shadow:0 8px 24px rgba(0,0,0,.16);\n}\n.hero.hero-slider .hero-dots{\n  position:absolute;\n  left:50%;\n  transform:translateX(-50%);\n  display:flex;\n  align-items:center;\n  gap:7px;\n  pointer-events:auto;\n}\n.hero.hero-slider .hero-dot{\n  width:24px;\n  height:4px;\n  padding:0;\n  border:0;\n  border-radius:99px;\n  background:rgba(255,255,255,.48);\n}\n.hero.hero-slider .hero-dot.is-active{width:40px;background:#fff}\n\n@media(max-width:1100px){\n  .hero.hero-slider{height:530px;min-height:530px}\n  .hero.hero-slider .hero-copy{width:58%;padding-top:94px}\n  .hero.hero-slider .hero-copy h1{font-size:52px;min-height:128px}\n}\n@media(max-width:980px){\n  .hero.hero-slider{height:620px;min-height:620px}\n  .hero.hero-slider .hero-slide-bg{background-position:center center !important}\n  .hero.hero-slider .hero-overlay{background:linear-gradient(180deg,rgba(20,6,36,.22) 0%,rgba(20,6,36,.16) 45%,rgba(20,6,36,.32) 100%)}\n  .hero.hero-slider .hero-copy{width:70%;max-width:680px;padding-top:78px}\n  .hero.hero-slider .hero-copy h1{font-size:48px;min-height:116px}\n}\n@media(max-width:620px){\n  .hero.hero-slider{height:650px;min-height:650px}\n  .hero.hero-slider .hero-slide-bg{background-position:62% center !important}\n  .hero.hero-slider .hero-overlay{background:linear-gradient(180deg,rgba(20,6,36,.20),rgba(20,6,36,.20) 45%,rgba(20,6,36,.48) 100%)}\n  .hero.hero-slider .hero-copy{width:100%;height:100%;padding:52px 0 70px}\n  .hero.hero-slider .hero-copy .eyebrow{font-size:9px;margin-bottom:10px}\n  .hero.hero-slider .hero-copy h1{font-size:39px;line-height:1;letter-spacing:-2.4px;min-height:105px;margin-bottom:14px}\n  .hero.hero-slider .hero-copy .hero-lead{max-width:100%;font-size:13px;line-height:1.55;min-height:72px}\n  .hero.hero-slider .hero-copy .hero-pills{min-height:36px;margin-top:14px;flex-wrap:wrap}\n  .hero.hero-slider .hero-copy .hero-actions{margin-top:18px;flex-wrap:wrap}\n  .hero.hero-slider .hero-slide-local .hero-copy .hero-actions,\n  .hero.hero-slider .hero-slide-vendor .hero-copy .hero-actions{margin-top:42px}\n  .hero.hero-slider .hero-controls{bottom:13px;width:calc(100% - 28px)}\n}\n

/* =========================================================
   POWERPRAGYA — MASTER SECTION SPACING
   All normal content sections use the same 20px vertical
   spacing. Hero sliders and full-width page banners remain
   independent so their visual height is preserved.
   ========================================================= */

/* Desktop / default */
section:not(.hero):not(.page-hero) {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Explicitly normalize the main homepage content sections */
.how-section,
.search-section,
.product-showcase,
.network-section,
.cta-section,
.vendor-cta-section {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* Inner-page content sections */
.product-detail,
.feature-band,
.product-rd-section,
.about-product-section,
.about-network-section,
.order-intro,
.order-section,
.process-page,
.about-page,
.contact-page,
.purple-panel {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* Keep the photographic page banners visually intact */
section.page-hero {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

section.page-hero.compact {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

/* Hero slider is intentionally excluded from the 20px rule */
section.hero.hero-slider {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Mobile: content sections remain exactly 20px */
@media (max-width: 980px) {
  section:not(.hero):not(.page-hero) {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  section.page-hero {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }

  section.page-hero.compact {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  section.hero.hero-slider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 620px) {
  section:not(.hero):not(.page-hero) {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  section.page-hero {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  section.page-hero.compact {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  section.hero.hero-slider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* =========================================================
   POWERPRAGYA — PREMIUM UI / TYPOGRAPHY SYSTEM
   CSS-ONLY VISUAL UPGRADE
   ========================================================= */

/* ---------- Global premium tokens ---------- */
:root{
  --pp-purple:#5f2aa5;
  --pp-purple-2:#7b3fd0;
  --pp-purple-3:#8d57df;
  --pp-purple-dark:#26113f;
  --pp-ink:#17141c;
  --pp-muted:#756d80;
  --pp-soft:#faf8fd;
  --pp-soft-2:#f4eff9;
  --pp-line:#e7deef;
  --pp-line-strong:#d9cbe7;
  --pp-white:#fff;
  --pp-shadow-sm:0 8px 24px rgba(48,20,79,.07);
  --pp-shadow:0 18px 50px rgba(48,20,79,.10);
  --pp-shadow-lg:0 28px 80px rgba(48,20,79,.14);
}

/* ---------- Section eyebrow / kicker ---------- */
.eyebrow{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  position:relative;
  color:#d50de1 !important;
  font-size:10px !important;
  line-height:1.2;
  font-weight:900 !important;
  letter-spacing:1.8px !important;
  text-transform:uppercase;
  margin:0 0 13px;
}

.eyebrow::before{
  content:"";
  width:24px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pp-purple),var(--pp-purple-3));
  flex:0 0 24px;
}

.section-head.center .eyebrow{
  justify-content:center;
}

.section-head.center .eyebrow::before{
  width:32px;
  flex-basis:32px;
}

/* Hero eyebrow keeps the photographic hero treatment */
.hero .eyebrow{
  color:#eee1f8 !important;
}
.hero .eyebrow::before{
  background:linear-gradient(90deg,#fff,#d6b3f2);
}

/* ---------- Premium section headings ---------- */
.section-head{
  position:relative;
  margin-bottom:32px !important;
}

.section-head h2,
.product-copy h2,
.network-section h2{
  position:relative;
  font-weight:900 !important;
  color: #762da8;;
  letter-spacing:-2.3px !important;
  line-height:1.04 !important;
}

.section-head h2{
  max-width:780px;
  margin:8px auto 12px !important;
  font-size:clamp(32px,4vw,46px) !important;
}

.section-head p{
  font-size:13px !important;
  line-height:1.75 !important;
  color:var(--pp-muted) !important;
}

/* Premium heading highlight */
.section-head h2::after{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin:17px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pp-purple),var(--pp-purple-3));
}

/* Product/detail headings */
.product-copy h2,
.detail-copy h2,
.product-rd-grid h2,
.about-grid h2,
.purple-panel h2{
  font-weight:900 !important;
  letter-spacing:-2.4px !important;
}

.product-copy h2{
  font-size:clamp(38px,4vw,52px) !important;
  margin:8px 0 14px !important;
}

.detail-copy h2{
  font-size:clamp(40px,4.5vw,56px) !important;
  margin:8px 0 15px !important;
}

.product-rd-grid h2{
  font-size:clamp(36px,4vw,48px) !important;
}

/* ---------- Cards: common premium surface ---------- */
.vendor-card,
.step,
.feature-grid div,
.feature-band-grid div,
.about-network-grid article,
.order-process-grid>div,
.contact-card,
.contact-form-card,
.contact-details-card,
.form-card,
.order-summary,
.success-card,
.login-card,
.pin-search-card{
  border:1px solid rgba(95,42,165,.11) !important;
  box-shadow:var(--pp-shadow-sm) !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

/* Hover only on actual cards */
.vendor-card:hover,
.step:hover,
.feature-grid div:hover,
.feature-band-grid div:hover,
.about-network-grid article:hover,
.order-process-grid>div:hover,
.contact-card:hover{
  transform:translateY(-4px);
  border-color:rgba(95,42,165,.22) !important;
  box-shadow:var(--pp-shadow) !important;
}

/* Premium card geometry */
.vendor-card,
.step,
.feature-band-grid div,
.about-network-grid article,
.order-process-grid>div{
  border-radius:20px !important;
}

.vendor-card{
  padding:24px !important;
  background:
    radial-gradient(circle at 100% 0,rgba(123,63,208,.07),transparent 34%),
    #fff !important;
}

.vendor-card h3{
  font-weight:850 !important;
  letter-spacing:-.4px;
}

.step{
  position:relative;
  padding:25px !important;
  background:
    linear-gradient(145deg,#fff 0%,#fcfaff 100%) !important;
}

.step span,
.order-process-grid span,
.about-network-grid article>span,
.form-head>span{
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(95,42,165,.08);
  background:linear-gradient(145deg,#f2e9fb,#e8daf5) !important;
  font-weight:900 !important;
}

/* Number badge premium micro-detail */
.step span::after,
.order-process-grid span::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(95,42,165,.10);
  border-radius:7px;
  pointer-events:none;
}

/* ---------- Feature boxes ---------- */
.feature-grid{
  gap:12px !important;
}

.feature-grid div{
  position:relative;
  overflow:hidden;
  padding:18px !important;
  background:rgba(255,255,255,.92) !important;
}

.feature-grid div::before,
.feature-band-grid div::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:34px;
  height:3px;
  border-radius:0 0 5px 0;
  background:linear-gradient(90deg,var(--pp-purple),var(--pp-purple-3));
}

.feature-grid b{
  font-size:16px !important;
  font-weight:900 !important;
}

/* ---------- Search / vendor finder ---------- */
.pin-search-card{
  position:relative;
  max-width:880px !important;
  padding:14px !important;
  border-radius:22px !important;
  background:
    linear-gradient(145deg,#fff,#fcf9ff) !important;
  box-shadow:0 20px 55px rgba(48,20,79,.10) !important;
}

.pin-search-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  padding:1px;
  background:linear-gradient(120deg,rgba(123,63,208,.18),rgba(255,255,255,.8),rgba(95,42,165,.08));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.pin-icon{
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,#f0e6fa,#e5d6f3) !important;
  box-shadow:inset 0 0 0 1px rgba(95,42,165,.07);
}

.pin-field{
  padding:2px 4px;
}

.pin-field label{
  font-size:9px !important;
  letter-spacing:1.4px !important;
  color:#81768c !important;
}

.pin-field input{
  font-size:18px !important;
  font-weight:850 !important;
}

.vendor-results{
  margin-top:24px !important;
}

.vendor-card .vendor-role{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#f2eafa;
  letter-spacing:1.3px;
}

/* ---------- Buttons ---------- */
.btn{
  position:relative;
  overflow:hidden;
  border-radius:13px !important;
  font-weight:850 !important;
  letter-spacing:-.1px;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease !important;
}

.btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transition:left .5s ease;
  pointer-events:none;
}

.btn:hover::after{
  left:135%;
}

.btn-primary{
  background:linear-gradient(135deg,#6a31b2,#572397) !important;
  box-shadow:0 12px 26px rgba(95,42,165,.22) !important;
}

.btn-primary:hover{
  background:linear-gradient(135deg,#7439c0,#5d27a0) !important;
  box-shadow:0 16px 32px rgba(95,42,165,.28) !important;
  transform:translateY(-2px);
}

.btn-dark{
  background:linear-gradient(135deg,#2d1248,#1f0c32) !important;
  box-shadow:0 10px 25px rgba(31,12,50,.16);
}

.btn-outline{
  background:#fff !important;
  border-color:#d9cce7 !important;
  box-shadow:0 7px 18px rgba(48,20,79,.05);
}

.btn-light{
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* ---------- Forms: premium application UI ---------- */
input,
textarea,
select{
  border:1px solid #ded4e7 !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,#fff,#fdfbfe) !important;
  box-shadow:inset 0 1px 2px rgba(40,12,65,.025);
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

input:hover,
textarea:hover,
select:hover{
  border-color:#cdb9df !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--pp-purple) !important;
  background:#fff !important;
  box-shadow:
    0 0 0 4px rgba(95,42,165,.08),
    0 8px 20px rgba(48,20,79,.05) !important;
}

label{
  font-size:10px !important;
  letter-spacing:.45px;
  color:#5d5665 !important;
}

.form-card,
.contact-form-card,
.login-card{
  position:relative;
  background:
    radial-gradient(circle at 100% 0,rgba(123,63,208,.045),transparent 28%),
    #fff !important;
}

.form-card{
  padding:32px !important;
  box-shadow:var(--pp-shadow) !important;
}

.form-section{
  padding:7px 0 30px !important;
  margin-bottom:27px !important;
  border-bottom:1px solid #eee8f3 !important;
}

.form-section:last-child{
  border-bottom:0;
  margin-bottom:0;
}

.form-head h3{
  font-size:17px !important;
  font-weight:900 !important;
  letter-spacing:-.3px;
}

.form-head p{
  line-height:1.55;
}

.inline-field input{
  border-radius:13px 0 0 13px !important;
}

.inline-field .btn{
  border-radius:0 13px 13px 0 !important;
}

.quantity-row input,
.qty-btn{
  border-radius:13px !important;
}

.qty-btn{
  background:linear-gradient(145deg,#fff,#f8f3fc) !important;
  color:var(--pp-purple);
  font-weight:900;
  box-shadow:var(--pp-shadow-sm);
}

.selected-vendor{
  background:linear-gradient(145deg,#fcf9ff,#f7f0fc) !important;
  border-color:#d8c7e7 !important;
  box-shadow:inset 0 0 0 1px rgba(95,42,165,.035);
}

.alert{
  border-radius:13px !important;
}

/* ---------- Product page ---------- */
.gallery-main{
  border-radius:28px !important;
  box-shadow:var(--pp-shadow-lg) !important;
  position:relative;
}

.gallery-main::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
}

.gallery-thumb{
  border:2px solid var(--pp-purple) !important;
  box-shadow:0 8px 22px rgba(95,42,165,.12);
}

.spec-list{
  border-top:1px solid var(--pp-line-strong) !important;
  border-bottom:1px solid var(--pp-line-strong) !important;
}

.spec-list div{
  padding:16px 0 !important;
  border-bottom-color:#eee8f3 !important;
}

.spec-list strong{
  font-weight:850;
}

.price-note{
  display:inline-flex;
  padding:9px 13px;
  border-radius:10px;
  background:#f2eafa;
  color:var(--pp-purple) !important;
  font-size:15px !important;
}

/* PRODUCT DEVELOPMENT / R&D section */
.product-rd-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 20%,rgba(123,63,208,.09),transparent 27%),
    linear-gradient(180deg,#fff,#fbf8fd) !important;
}

.product-rd-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(95,42,165,.18),transparent);
}

.product-rd-grid{
  position:relative;
}

.product-rd-grid h2{
  max-width:620px;
}

.product-rd-grid h2::after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  margin-top:17px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pp-purple),var(--pp-purple-3));
}

.product-rd-grid p{
  max-width:620px;
}

/* ---------- About network cards ---------- */
.about-network-section{
  background:
    radial-gradient(circle at 10% 10%,rgba(123,63,208,.05),transparent 25%),
    var(--pp-soft) !important;
}

.about-network-grid{
  gap:18px !important;
}

.about-network-grid article{
  position:relative;
  overflow:hidden;
  min-height:180px;
}

.about-network-grid article::after{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-35px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(123,63,208,.10),transparent 68%);
  pointer-events:none;
}

.about-network-grid h3{
  font-weight:900 !important;
  letter-spacing:-.35px;
}

/* ---------- Order process cards ---------- */
.order-process-grid{
  gap:16px !important;
}

.order-process-grid>div{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#fcfaff) !important;
}

.order-process-grid>div::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--pp-purple),var(--pp-purple-3));
  opacity:.8;
}

.order-process-grid h3{
  font-weight:900 !important;
  letter-spacing:-.3px;
}

/* ---------- Contact page ---------- */
.contact-form-card,
.contact-details-card{
  box-shadow:var(--pp-shadow) !important;
}

.contact-details-card{
  background:
    radial-gradient(circle at 100% 0,rgba(123,63,208,.05),transparent 28%),
    #fff !important;
}

.contact-detail-list div{
  border-bottom-color:#eee8f3 !important;
}

.contact-detail-list strong{
  font-weight:850;
}

/* ---------- CTA surfaces ---------- */
.cta-card,
.vendor-cta-card{
  position:relative;
  overflow:hidden;
  box-shadow:var(--pp-shadow-lg) !important;
}

.cta-card::before,
.vendor-cta-card::before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-120px;
  top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);
  pointer-events:none;
}

.cta-card > *,
.vendor-cta-card > *{
  position:relative;
  z-index:1;
}

/* ---------- Login / success ---------- */
.login-card,
.success-card{
  box-shadow:var(--pp-shadow-lg) !important;
}

.login-card form{
  gap:18px !important;
}

.success-icon{
  box-shadow:0 10px 25px rgba(23,131,75,.12);
}

/* ---------- Footer refinement ---------- */
.footer{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.footer h4{
  font-size:12px;
  letter-spacing:.4px;
  text-transform:uppercase;
}

.footer-grid>a,
.footer-grid div>a{
  transition:color .2s ease,transform .2s ease;
}

.footer-grid>a:hover,
.footer-grid div>a:hover{
  color:#fff;
  transform:translateX(2px);
}

/* ---------- Page hero heading refinement ---------- */
.page-hero h1{
  font-weight:900 !important;
  letter-spacing:-3px !important;
}

.page-hero h1 span{
  text-shadow:0 5px 22px rgba(0,0,0,.12);
}

/* ---------- Responsive premium tuning ---------- */
@media(max-width:980px){
  .section-head h2{
    font-size:38px !important;
  }

  .form-card{
    padding:27px !important;
  }
}

@media(max-width:620px){
  .eyebrow{
    font-size:9px !important;
    letter-spacing:1.45px !important;
  }

  .eyebrow::before{
    width:18px;
    flex-basis:18px;
  }

  .section-head{
    margin-bottom:25px !important;
  }

  .section-head h2{
    font-size:32px !important;
    letter-spacing:-1.7px !important;
  }

  .section-head h2::after{
    margin-top:13px;
  }

  .section-head p{
    font-size:12px !important;
  }

  .form-card,
  .contact-form-card{
    padding:22px !important;
  }

  .vendor-card,
  .step,
  .feature-band-grid div,
  .about-network-grid article,
  .order-process-grid>div{
    padding:20px !important;
  }

  .detail-copy h2,
  .product-copy h2,
  .product-rd-grid h2{
    letter-spacing:-1.8px !important;
  }
}

/* Official POWER logo */
.power-logo-brand{display:flex!important;align-items:center;gap:8px;text-decoration:none}.power-logo-brand img{width:128px;height:auto;display:block}.power-logo-brand span b{color:#5f2aa5;font-size:14px;letter-spacing:2px}.footer-brand.power-logo-brand img{width:145px}.footer-brand.power-logo-brand span b{color:#fff}
@media(max-width:700px){.power-logo-brand img{width:110px}}