:root{--purple:#482E66;--yellow:#F8B401;--grey:#E5E5E5;--ink:#111;--muted:#666;--white:#fff;--line:#ddd;--soft:#f6f5f7;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}h1,h2,h3{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(2.1rem,5vw,4rem);line-height:1.02}p{color:var(--muted);line-height:1.7}.top-strip{background:#241633;color:#ddd;font-size:.78rem;padding:8px 0}.top-strip a{color:#fff;text-decoration:none}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.07)}.navbar{padding:13px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--purple);text-decoration:none;line-height:.9}.brand strong{display:block;font:800 1.08rem/1 "Manrope",sans-serif;letter-spacing:.08em}.brand small{display:block;font-size:.52rem;letter-spacing:.28em;font-weight:700;margin-top:4px}.brand-mark{width:34px;height:34px;position:relative;display:inline-flex;align-items:flex-end;gap:3px;padding:4px}.brand-mark span{display:block;width:7px;background:var(--purple);transform:skew(-20deg);border-radius:2px}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:28px}.navbar-toggler{border:0;font-size:1.6rem;color:var(--purple)}.nav-link{font-size:.82rem;font-weight:700;color:#333!important;padding:.65rem .7rem!important}.nav-link:hover,.nav-link.active{color:var(--purple)!important}.btn{border-radius:12px;font-weight:800;border:0}.btn-yellow{background:var(--yellow);color:#17110a}.btn-yellow:hover{background:#ffca38;color:#111}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{background:#38214e;color:#fff}.btn-outline-light{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-outline-light:hover{background:#fff;color:var(--purple)}
.hero{position:relative;min-height:calc(100vh - 78px);display:flex;align-items:center;background:var(--purple);color:#fff;overflow:hidden;padding:85px 0 75px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,black,transparent 85%);opacity:.5}.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(248,180,1,.25);border-radius:50%;right:-220px;top:-180px;box-shadow:0 0 0 80px rgba(248,180,1,.025),0 0 0 160px rgba(248,180,1,.02)}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--purple);margin-bottom:18px}.hero .eyebrow{color:#f7d987}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(3.1rem,7vw,6.8rem);line-height:.92;margin:0 0 25px;max-width:850px}.hero h1 em{color:var(--yellow);font-style:normal}.hero-copy{font-size:clamp(1rem,2vw,1.25rem);max-width:630px;color:#ddd;margin-bottom:32px}.hero-trust{display:flex;gap:28px;margin-top:48px}.hero-trust>div{display:flex;gap:10px;align-items:flex-start}.hero-trust strong{color:var(--yellow);font-size:.7rem}.hero-trust span{font-size:.7rem;line-height:1.3;color:#c9c3d0;text-transform:uppercase;letter-spacing:.06em}.foundation-visual{height:520px;position:relative}.sun-orb{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fff5bd 0,#f8b401 42%,rgba(248,180,1,0) 70%);top:20px;right:20px}.panel-array{position:absolute;top:115px;left:30px;width:410px;transform:skewY(-7deg) rotate(-1deg);padding:14px;border:2px solid rgba(255,255,255,.7);background:rgba(30,18,43,.35);box-shadow:0 25px 60px rgba(0,0,0,.25)}.panel-row{display:flex;height:58px}.panel-row span{flex:1;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#654e7a,#2e2340)}.mount-line{position:absolute;left:220px;top:285px;width:160px;height:9px;background:#d5d2d8;transform:rotate(15deg);border-radius:5px}.screw{position:absolute;left:265px;top:295px;width:55px;height:220px}.screw-head{position:absolute;top:0;left:8px;width:38px;height:20px;background:#aaa;border-radius:4px}.screw-shaft{position:absolute;top:14px;left:20px;width:14px;height:180px;background:linear-gradient(90deg,#5e5e64,#d4d4d6,#68686e);border-radius:8px}.helix{position:absolute;left:3px;width:48px;height:16px;border:5px solid #b8b8bd;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-8deg)}.helix.h1{top:55px}.helix.h2{top:87px}.helix.h3{top:119px}.helix.h4{top:151px}.ground-plane{position:absolute;left:0;right:0;bottom:5px;height:105px;background:linear-gradient(180deg,rgba(20,14,27,.1),rgba(8,6,10,.8));clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.visual-label{position:absolute;background:#fff;color:var(--purple);font-size:.72rem;font-weight:800;padding:10px 13px;border-radius:10px;box-shadow:0 12px 25px rgba(0,0,0,.2)}.label-top{right:0;top:240px}.label-bottom{left:5px;bottom:60px}.benefits-band{background:var(--grey);border-bottom:1px solid #d6d6d6}.benefit{padding:25px 18px;display:flex;gap:11px;align-items:center;border-right:1px solid #d2d2d2}.benefit:last-child{border:0}.benefit i{font-size:1.4rem;color:var(--purple)}.benefit strong,.benefit span{display:block;font-size:.8rem}.benefit span{color:#777}.section-pad{padding:105px 0}.about-section{background:#fff}.section-kicker{color:var(--purple)}.about-section h2{max-width:500px}.lead{font-size:1.15rem;color:#303030}.about-points>div>div{padding:16px;border:1px solid var(--line);border-radius:14px;display:flex;gap:10px;align-items:center;font-weight:700;font-size:.88rem}.about-points i{color:var(--purple);font-size:1.15rem}.products-section{background:var(--soft)}.section-head>p{max-width:460px;margin:0}.product-card{background:#fff;border:1px solid #e2e0e4;border-radius:var(--radius);overflow:hidden;height:100%;transition:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(72,46,102,.12)}.product-art{height:240px;background:#ebe8ee;position:relative;overflow:hidden}.product-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,46,102,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,46,102,.08) 1px,transparent 1px);background-size:30px 30px}.mini-screw{position:absolute;left:47%;top:55px;width:20px;height:155px;background:linear-gradient(90deg,#555,#eee,#666);border-radius:12px}.mini-screw:before{content:"";position:absolute;top:-10px;left:-8px;width:36px;height:14px;background:#777;border-radius:4px}.mini-screw:after{content:"";position:absolute;left:-17px;top:45px;width:54px;height:90px;border:8px solid #aaa;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-8deg)}.mini-panel{position:absolute;left:22%;top:28px;width:240px;height:70px;border:2px solid #fff;transform:skewY(-10deg);background:repeating-linear-gradient(90deg,#4f4560 0 28px,#80748f 29px 30px),repeating-linear-gradient(0deg,transparent 0 20px,rgba(255,255,255,.2) 21px 22px)}.heavy-screw .mini-screw.long{height:185px;top:34px}.load-ring{position:absolute;right:24%;top:92px;width:95px;height:95px;border:18px solid var(--yellow);border-radius:50%;opacity:.8}.adjust-post{position:absolute;width:26px;height:170px;left:48%;top:50px;background:linear-gradient(90deg,#555,#eee,#666);border-radius:5px}.adjust-plate{position:absolute;width:160px;height:24px;left:27%;top:55px;background:#777;transform:rotate(-4deg);border-radius:4px}.adjust-bolt{position:absolute;width:20px;height:55px;left:49%;top:80px;background:var(--yellow);border-radius:5px}.product-body{padding:26px}.tag,.coming-pill{display:inline-flex;padding:7px 10px;background:#eee8f3;color:var(--purple);border-radius:999px;font-size:.64rem;letter-spacing:.1em;font-weight:800}.product-body h3{font-size:1.45rem;margin:14px 0 9px}.product-body p{font-size:.9rem;min-height:88px}.product-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:16px;font-size:.7rem;font-weight:700;color:#555}.product-meta i{color:var(--purple)}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--purple);font-weight:800;font-size:.82rem;text-decoration:none;margin-top:22px}.text-link:hover{color:#2d1a3f}.spec-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:#fff;border-left:4px solid var(--yellow);font-size:.82rem;color:#555}.spec-note i{color:var(--purple)}.solutions-section{background:var(--purple);color:#fff}.solutions-section .section-kicker{color:#f7d987}.solutions-section p{color:#d3cbd9}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution-card{min-height:280px;padding:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;position:relative;overflow:hidden;transition:.3s}.solution-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}.solution-card.large{grid-row:span 2;min-height:574px;background:linear-gradient(145deg,rgba(248,180,1,.18),rgba(255,255,255,.05))}.solution-number{font-size:.7rem;color:#cfc4d8;letter-spacing:.15em}.solution-card i{font-size:2rem;color:var(--yellow);display:block;margin:42px 0 20px}.solution-card h3{font-size:1.35rem}.solution-card a{position:absolute;bottom:28px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800}.applications-section{background:#fff}.app-list{border-top:1px solid #ccc}.app-list>div{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #ddd}.app-list span{font-size:.7rem;color:#999}.app-list strong{font-size:1rem}.app-list i{color:var(--purple)}.compare-section{background:#f4f2f5}.compare-box{display:grid;grid-template-columns:1fr 65px 1fr;align-items:stretch;background:#fff;border-radius:22px;border:1px solid #ddd;overflow:hidden}.compare-col{padding:28px;text-align:center}.compare-col>div{padding:12px;background:#f5f4f6;border-radius:10px;font-weight:700;font-size:.8rem}.compare-col.screw>div{background:#fff7dc}.compare-label{display:block;font-size:.65rem;font-weight:800;letter-spacing:.15em;margin-bottom:18px;color:var(--purple)}.compare-col i{font-size:.8rem;color:#aaa;display:block;margin:6px}.compare-col.screw i{color:#d39700}.vs{display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;font-weight:800}.comparison-notes>div{display:flex;gap:10px;align-items:center;background:#fff;border-radius:13px;padding:15px;font-size:.78rem}.comparison-notes strong{color:var(--yellow);font-size:1.2rem}.process-section{background:#fff}.process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #ccc}.process-step{position:relative;padding:28px 18px;border-right:1px solid #ddd}.process-step:last-child{border:0}.process-step:before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;background:var(--yellow);border-radius:50%}.process-step span{font-size:.7rem;color:#aaa}.process-step i{display:block;color:var(--purple);font-size:1.8rem;margin:25px 0 18px}.process-step h3{font-size:1rem;letter-spacing:-.02em}.process-step p{font-size:.75rem}.projects-section{background:var(--soft)}.project-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:#fff;border:1px solid #ddd;border-radius:26px;padding:40px}.project-scan{height:300px;background:#241633;border-radius:18px;position:relative;overflow:hidden}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px}.scan-line{position:absolute;top:50%;left:-10%;width:120%;height:2px;background:var(--yellow);box-shadow:0 0 20px var(--yellow);transform:rotate(-12deg)}.scan-screw{position:absolute;left:50%;top:60px;width:24px;height:180px;background:linear-gradient(90deg,#666,#eee,#666);border-radius:10px}.scan-screw:after{content:"";position:absolute;left:-24px;top:50px;width:72px;height:100px;border:8px solid #aaa;border-left-color:transparent;border-right-color:transparent;border-radius:50%}.project-placeholder h3{font-size:2rem;margin:18px 0 10px}.engineering-section{background:#fff}.engineering-panel{background:var(--purple);color:#fff;border-radius:28px;padding:60px}.engineering-panel .section-kicker{color:#f7d987}.engineering-panel p{color:#d3cbd9}.engineering-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.engineering-grid>div{padding:21px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:15px}.engineering-grid i{color:var(--yellow);font-size:1.3rem;display:block;margin-bottom:12px}.engineering-grid strong,.engineering-grid span{display:block}.engineering-grid strong{font-size:.85rem}.engineering-grid span{font-size:.7rem;color:#bbb;margin-top:4px}.faq-section{background:var(--soft)}.accordion-item{border:0!important;border-bottom:1px solid #d6d3d8!important;background:transparent}.accordion-button{background:transparent!important;box-shadow:none!important;padding:24px 5px;font-weight:800;font-size:1rem;color:#222}.accordion-button:not(.collapsed){color:var(--purple)}.accordion-body{padding:0 45px 25px 5px;color:#666;font-size:.9rem;line-height:1.7}.contact-section{background:var(--soft);padding-top:45px}.contact-card{background:var(--purple);border-radius:28px;padding:65px;color:#fff;overflow:hidden;position:relative}.contact-card:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(248,180,1,.18);border-radius:50%;right:-220px;bottom:-260px}.contact-card h2{font-size:clamp(2.2rem,4vw,4rem)}.contact-card h2 em{color:var(--yellow);font-style:normal}.contact-card p{color:#d2c9d9}.section-kicker.light{color:#f7d987}.contact-details{margin-top:35px;display:grid;gap:15px}.contact-details>a,.contact-details>div{display:flex;gap:15px;align-items:center;color:#fff;text-decoration:none}.contact-details i{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;color:var(--yellow)}.contact-details small,.contact-details strong{display:block}.contact-details small{font-size:.65rem;color:#b9afc1;text-transform:uppercase;letter-spacing:.12em}.contact-details strong{font-size:.85rem;margin-top:3px}.enquiry-form{position:relative;z-index:2;background:#fff;border-radius:20px;padding:28px}.enquiry-form label{font-size:.7rem;font-weight:800;display:block;margin-bottom:7px}.enquiry-form input,.enquiry-form select{width:100%;border:1px solid #ddd;border-radius:10px;padding:12px 13px;outline:0;font:inherit;font-size:.82rem}.enquiry-form input:focus,.enquiry-form select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(72,46,102,.1)}.form-note{text-align:center;font-size:.68rem;margin:12px 0 0}.footer{background:#18121f;color:#bfb6c5;padding:45px 0 95px}.footer-brand{color:#fff}.footer-links{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap}.footer-links a{color:#d8d0dc;text-decoration:none;font-size:.75rem;font-weight:700}.copyright{font-size:.68rem;margin-top:15px}.mobile-actions{display:none}.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:1.7rem;z-index:1100;box-shadow:0 10px 28px rgba(0,0,0,.22);text-decoration:none}.install-btn{position:fixed;left:18px;bottom:20px;background:var(--yellow);border:0;border-radius:10px;padding:11px 15px;font-weight:800;z-index:1100}.site-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 18px;border-radius:10px;font-size:.78rem;opacity:0;pointer-events:none;transition:.25s;z-index:1200}.site-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:991.98px){.navbar-collapse{background:#fff;padding:12px 0}.foundation-visual{height:410px}.panel-array{left:10%;width:80%}.label-top{right:5%}.screw{left:53%}.benefit{border-bottom:1px solid #d2d2d2}.solution-grid{grid-template-columns:1fr 1fr}.solution-card.large{grid-row:auto;min-height:280px}.process-track{grid-template-columns:repeat(3,1fr)}.process-step:nth-child(3){border-right:0}.project-placeholder{grid-template-columns:1fr}.contact-card{padding:42px 28px}}
@media(max-width:767.98px){body{padding-bottom:66px}.top-strip{display:none}.navbar{padding:10px 0}.site-header{top:0}.hero{min-height:auto;padding:70px 0 45px}.hero h1{font-size:3.25rem}.hero-copy{font-size:.98rem}.hero-trust{gap:13px;margin-top:35px}.hero-trust>div{flex:1}.hero-trust span{font-size:.58rem}.foundation-visual{height:340px;margin-top:0}.panel-array{top:50px;width:90%;left:5%}.mount-line{top:205px;left:44%;width:120px}.screw{top:215px;left:51%;transform:scale(.8);transform-origin:top}.label-top{top:160px}.label-bottom{bottom:10px}.benefit{padding:16px 11px}.benefit i{font-size:1.15rem}.benefit strong,.benefit span{font-size:.68rem}.section-pad{padding:70px 0}.solution-grid{grid-template-columns:1fr}.solution-card.large{min-height:300px}.compare-box{grid-template-columns:1fr}.vs{padding:12px}.process-track{grid-template-columns:1fr 1fr}.process-step{border-bottom:1px solid #ddd}.engineering-panel{padding:35px 22px}.engineering-grid{grid-template-columns:1fr}.project-placeholder{padding:20px}.project-scan{height:220px}.contact-card{border-radius:20px}.mobile-actions{display:grid;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid #ddd;z-index:1050;grid-template-columns:repeat(4,1fr)}.mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;text-decoration:none;font-size:.6rem;font-weight:800;gap:3px}.mobile-actions i{font-size:1.1rem}.mobile-actions a:hover{color:var(--purple)}.floating-wa{width:54px;height:54px;right:16px;bottom:78px}.footer{padding-bottom:35px}.footer-links{justify-content:flex-start;margin-top:20px}.hero .btn{width:100%}.hero .btn-outline-light{margin-top:0}}


/* =========================
   MOTION DESIGN SYSTEM
   Fast, restrained, premium
   ========================= */
:root{--ease-jitter:cubic-bezier(.22,1,.36,1);--ease-snap:cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:no-preference){
  .hero h1,.hero-copy,.hero .btn,.hero-trust,.foundation-visual{animation:heroIn .72s var(--ease-jitter) both}
  .hero-copy{animation-delay:.08s}.hero .btn{animation-delay:.15s}.hero-trust{animation-delay:.24s}.foundation-visual{animation:visualIn .9s var(--ease-jitter) .12s both}
  .panel-array{animation:panelFloat 5s ease-in-out 1s infinite}
  .sun-orb{animation:sunPulse 3.5s ease-in-out infinite}
  .screw{animation:screwSettle 1.2s var(--ease-jitter) .45s both}
  .helix{animation:helixShine 2.6s ease-in-out infinite}
  .floating-wa{animation:waPulse 2.8s ease-in-out infinite}
  .benefit{transition:transform .35s var(--ease-jitter),background .35s ease}.benefit:hover{transform:translateY(-4px);background:rgba(255,255,255,.55)}
  .product-card,.solution-card,.app-list>div,.process-step,.engineering-grid>div{will-change:transform}
  .product-card .product-art{transition:transform .55s var(--ease-jitter)}.product-card:hover .product-art{transform:scale(1.025)}
  .product-card .text-link i,.solution-card a i,.text-link i{transition:transform .3s var(--ease-jitter)}.product-card:hover .text-link i,.solution-card:hover a i,.text-link:hover i{transform:translate(3px,-3px)}
  .solution-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(248,180,1,.2);border-radius:50%;right:-70px;top:-70px;transition:transform .65s var(--ease-jitter)}.solution-card:hover:after{transform:scale(1.8)}
  .process-step:after{content:"";position:absolute;left:0;top:-2px;height:4px;width:0;background:var(--yellow);transition:width .6s var(--ease-jitter)}.process-step.in-view:after{width:100%}
  .engineering-panel{overflow:hidden}.engineering-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(248,180,1,.08) 48%,transparent 55%);transform:translateX(-120%);animation:scanSweep 6s ease-in-out 1.5s infinite}
  .engineering-panel{position:relative}
  .engineering-grid>div{transition:transform .35s var(--ease-jitter),border-color .35s ease,background .35s ease}.engineering-grid>div:hover{transform:translateY(-4px);border-color:rgba(248,180,1,.45);background:rgba(255,255,255,.1)}
  .project-scan .scan-line{animation:scanLine 3s ease-in-out infinite}
  .contact-card .enquiry-form{animation:formLift .8s var(--ease-jitter) both}
  .section-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-jitter),transform .7s var(--ease-jitter)}.section-reveal.in-view{opacity:1;transform:none}
  .stagger-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease-jitter),transform .55s var(--ease-jitter)}.stagger-reveal.in-view{opacity:1;transform:none}
  .app-list>div{transition:padding-left .35s var(--ease-jitter),background .35s ease}.app-list>div:hover{padding-left:10px;background:#faf8fb}
  .mobile-actions a{transition:color .25s ease,transform .25s var(--ease-jitter)}.mobile-actions a:active{transform:scale(.92)}
  .btn{transition:transform .25s var(--ease-jitter),box-shadow .25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes visualIn{from{opacity:0;transform:translateX(35px) scale(.96)}to{opacity:1;transform:none}}
@keyframes panelFloat{0%,100%{transform:skewY(-7deg) rotate(-1deg) translateY(0)}50%{transform:skewY(-7deg) rotate(-1deg) translateY(-7px)}}
@keyframes sunPulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes screwSettle{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes helixShine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes waPulse{0%,70%,100%{box-shadow:0 10px 28px rgba(0,0,0,.22)}80%{box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 0 10px rgba(37,211,102,.12)}}
@keyframes scanSweep{0%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}
@keyframes scanLine{0%,100%{transform:translateY(-80px) rotate(-12deg);opacity:.35}50%{transform:translateY(80px) rotate(-12deg);opacity:1}}
@keyframes formLift{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:767.98px){.floating-wa{animation:none}.panel-array{animation-duration:7s}.engineering-panel:before{animation-duration:8s}}


/* =========================
   GROUND SCREW KNOWLEDGE HUB
   ========================= */
.knowledge-section{background:#fff}
.knowledge-section .lead,.knowledge-section p{max-width:760px}
.ground-animation{display:grid;grid-template-columns:1fr 1fr;min-height:510px;border-radius:28px;overflow:hidden;background:#241633;color:#fff;position:relative}
.ground-animation:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px}
.ground-animation-copy{padding:55px;position:relative;z-index:2}.ground-animation-copy h3{font-size:clamp(2.2rem,4vw,3.8rem);margin:15px 0}.ground-animation-copy p{color:#cfc7d5;max-width:560px}
.animation-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.animation-points>div{border:1px solid rgba(255,255,255,.12);padding:15px;border-radius:14px;background:rgba(255,255,255,.05)}.animation-points span{color:var(--yellow);font-size:.65rem;font-weight:800;display:block}.animation-points strong{display:block;font-size:.85rem;margin:5px 0}.animation-points small{color:#aaa;font-size:.68rem;line-height:1.35}
.animated-foundation{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 70% 18%,rgba(248,180,1,.18),transparent 25%),linear-gradient(180deg,#3d2854,#241633 60%,#18101f)}.animated-foundation:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent,#130d18 40%);clip-path:polygon(0 25%,100% 0,100% 100%,0 100%)}
.af-surface{position:absolute;left:0;right:0;top:54%;height:2px;background:rgba(248,180,1,.65);z-index:3}.af-surface span{position:absolute;right:24px;top:-22px;font-size:.58rem;letter-spacing:.15em;color:#c7bacf}
.af-structure{position:absolute;left:21%;top:25%;width:62%;height:150px;transform:skewY(-8deg);border:2px solid rgba(255,255,255,.65);background:rgba(80,60,100,.35);z-index:2;box-shadow:0 25px 50px rgba(0,0,0,.22)}.af-structure span{display:block;float:left;width:25%;height:50%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#5c4b6d,#30223e)}
.af-screw{position:absolute;left:48%;top:48%;height:245px;width:48px;z-index:4;animation:afDrive 2.7s var(--ease-jitter) infinite}.af-head{position:absolute;top:0;left:4px;width:40px;height:16px;border-radius:3px;background:#bfc0c4}.af-shaft{position:absolute;left:18px;top:10px;width:13px;height:220px;border-radius:7px;background:linear-gradient(90deg,#56565c,#eee,#64646a)}.af-helix{position:absolute;left:-5px;width:58px;height:18px;border:6px solid #aeb0b5;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-8deg)}.af-helix.one{top:55px}.af-helix.two{top:93px}.af-helix.three{top:131px}.af-helix.four{top:169px}.af-arrows{position:absolute;right:12%;bottom:19%;z-index:5;display:flex;align-items:center;gap:9px;color:var(--yellow);font-size:.62rem;letter-spacing:.1em}.af-arrows i{font-size:2rem;animation:arrowDrive 1s ease-in-out infinite}
@keyframes afDrive{0%,100%{transform:translateY(-12px)}50%{transform:translateY(12px)}}@keyframes arrowDrive{0%,100%{transform:translateY(-4px);opacity:.6}50%{transform:translateY(5px);opacity:1}}

.knowledge-tabs{border:1px solid #dedbe1;border-radius:24px;overflow:hidden;background:#f8f7f9}.knowledge-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dedbe1;background:#fff}.knowledge-tab{border:0;background:transparent;padding:20px 14px;font-weight:800;font-size:.78rem;color:#666;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.3s}.knowledge-tab i{color:var(--purple);font-size:1.1rem}.knowledge-tab.active{background:var(--purple);color:#fff}.knowledge-tab.active i{color:var(--yellow)}
.knowledge-content{padding:35px}.knowledge-panel{display:none;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.knowledge-panel.active{display:grid;animation:knowledgeIn .55s var(--ease-jitter) both}@keyframes knowledgeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.knowledge-panel h3{font-size:clamp(1.7rem,3vw,2.7rem);margin:15px 0 10px}.knowledge-panel>div:last-child p{max-width:680px}.knowledge-panel>div:last-child small{display:block;color:#777;font-size:.68rem;margin-top:12px}
.knowledge-panel-visual{height:320px;border-radius:18px;background:#ebe8ee;position:relative;overflow:hidden;border:1px solid #ddd}.knowledge-panel-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,46,102,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,46,102,.08) 1px,transparent 1px);background-size:28px 28px}
.kg-screw,.kg-fence-screw,.kg-domestic-screw,.kg-temp-screw{position:absolute;width:20px;height:205px;left:50%;top:92px;background:linear-gradient(90deg,#555,#eee,#666);border-radius:10px;z-index:3}.kg-screw:after,.kg-fence-screw:after,.kg-domestic-screw:after,.kg-temp-screw:after{content:"";position:absolute;left:-17px;top:55px;width:54px;height:100px;border:8px solid #999;border-left-color:transparent;border-right-color:transparent;border-radius:50%}.kg-solar{position:absolute;left:18%;top:55px;width:65%;height:85px;background:repeating-linear-gradient(90deg,#514361 0 30px,#7c6d88 31px 32px);border:2px solid #fff;transform:skewY(-9deg);z-index:2}
.benefit-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.benefit-chips span{padding:8px 11px;border-radius:999px;background:#eee8f3;color:var(--purple);font-size:.67rem;font-weight:800}.guide-process{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:.65rem;color:var(--purple)}.guide-process i{height:1px;background:#bbb;flex:1;max-width:50px}
.kg-fence-post{position:absolute;left:49%;top:60px;width:28px;height:220px;background:linear-gradient(90deg,#555,#ddd,#666);z-index:3}.kg-fence-line{position:absolute;left:12%;top:95px;width:76%;height:4px;background:#555;z-index:4;transform:rotate(-2deg)}.kg-fence-line.two{top:160px}.kg-fence-screw{left:50%;top:100px}
.kg-tent{position:absolute;left:18%;top:55px;width:64%;height:155px;background:linear-gradient(135deg,#6b5a78,#40334d);clip-path:polygon(50% 0,100% 85%,0 85%);z-index:2}.kg-tent:after{content:"";position:absolute;left:48%;top:25px;width:4px;height:120px;background:#bbb}.kg-tent-rope{position:absolute;left:10%;top:195px;width:80%;height:2px;background:#777;transform:rotate(-8deg)}.kg-temp-screw{top:160px}
.kg-house{position:absolute;left:22%;top:65px;width:56%;height:125px;background:#fff;border:3px solid var(--purple);z-index:2}.kg-house:before{content:"";position:absolute;left:-18px;top:-60px;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:70px solid var(--purple)}.kg-deck{position:absolute;left:16%;bottom:62px;width:68%;height:26px;background:#8d7d94;z-index:4}.kg-domestic-screw{top:170px}
.ground-screw-basics{border-top:1px solid #ddd;padding-top:50px}.basic-card{position:relative;height:100%;padding:28px;border:1px solid #ddd;border-radius:18px;background:#fff;transition:.3s}.basic-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(72,46,102,.08)}.basic-card>span{position:absolute;right:20px;top:20px;color:#aaa;font-size:.7rem}.basic-card i{font-size:1.6rem;color:var(--purple)}.basic-card h3{font-size:1.2rem;margin:20px 0 10px}.basic-card p{font-size:.82rem}
.testing-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--purple);color:#fff;border-radius:20px;overflow:hidden}.testing-strip>div{padding:25px;border-right:1px solid rgba(255,255,255,.12)}.testing-strip>div:last-child{border:0}.testing-strip i{display:block;color:var(--yellow);font-size:1.4rem;margin-bottom:12px}.testing-strip strong,.testing-strip span{display:block}.testing-strip strong{font-size:.9rem}.testing-strip span{font-size:.68rem;color:#c9c0d0;margin-top:4px}
@media(max-width:991.98px){.knowledge-panel{grid-template-columns:1fr}.knowledge-panel-visual{height:280px}.ground-animation{grid-template-columns:1fr}.animated-foundation{min-height:400px}.ground-animation-copy{padding:40px}.knowledge-nav{grid-template-columns:repeat(2,1fr)}.testing-strip{grid-template-columns:repeat(2,1fr)}.testing-strip>div:nth-child(2){border-right:0}.testing-strip>div{border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:767.98px){.ground-animation-copy{padding:30px 24px}.animation-points{grid-template-columns:1fr}.animated-foundation{min-height:350px}.knowledge-content{padding:18px}.knowledge-nav{grid-template-columns:1fr 1fr}.knowledge-tab{font-size:.68rem;padding:15px 8px}.knowledge-tab span{display:none}.knowledge-tab i{font-size:1.3rem}.knowledge-panel-visual{height:240px}.testing-strip{grid-template-columns:1fr 1fr}.testing-strip>div{padding:18px 14px}.benefit-chips span{font-size:.6rem}}

/* V4 responsive + motion */
img,svg,video{max-width:100%;height:auto}section{overflow:hidden}
@media(max-width:575.98px){.container{padding-left:18px;padding-right:18px}.hero h1{font-size:2.75rem}.hero{padding-top:55px}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-trust span{font-size:.56rem}.section-pad{padding:56px 0}.product-meta{flex-direction:column}.contact-card{padding:30px 18px}.enquiry-form{padding:18px 14px}}
@media(prefers-reduced-motion:no-preference){.content-card,.use-card,.basic-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.content-card:hover,.use-card:hover,.basic-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(72,46,102,.12)}}
.page-hero{background:#482E66;color:#fff;padding:90px 0 80px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.92}.page-hero p{color:#d5cddd;max-width:720px;font-size:1.05rem}.breadcrumb-custom{font-size:.7rem;letter-spacing:.13em;color:#f7d987;font-weight:800;margin-bottom:18px}.content-card{border:1px solid #ddd;border-radius:22px;padding:30px;background:#fff;height:100%}.content-card i.icon{font-size:2rem;color:#482E66;display:block;margin-bottom:18px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.use-card{padding:26px;border:1px solid #ddd;border-radius:18px;background:#fff}.use-card i{color:#482E66;font-size:1.7rem}.use-card h3{font-size:1.1rem;margin:15px 0 7px}.use-card p{font-size:.8rem}.info-table{border:1px solid #ddd;border-radius:18px;overflow:hidden}.info-table>div{display:grid;grid-template-columns:1fr 1.4fr;padding:16px 20px;border-bottom:1px solid #ddd}.info-table>div:last-child{border:0}.info-table span{color:#666;font-size:.8rem}.page-cta{background:#482E66;color:#fff;border-radius:26px;padding:50px}.page-cta p{color:#cfc7d5}.contact-map{min-height:360px;border-radius:24px;background:#241633;position:relative;overflow:hidden}.contact-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:35px 35px}.map-pin{position:absolute;left:50%;top:48%;width:80px;height:80px;border-radius:50% 50% 50% 0;background:#F8B401;rotate:-45deg;display:grid;place-items:center;box-shadow:0 0 0 20px rgba(248,180,1,.08);animation:mapPulse 2.5s ease-in-out infinite}.map-pin i{rotate:45deg;color:#482E66;font-size:2rem}.office-label{position:absolute;left:50%;top:65%;transform:translateX(-50%);background:#fff;color:#482E66;padding:10px 14px;border-radius:10px;font-size:.7rem;font-weight:800;white-space:nowrap}@keyframes mapPulse{50%{transform:scale(1.07);box-shadow:0 0 0 35px rgba(248,180,1,.04)}}@media(max-width:991px){.use-grid{grid-template-columns:1fr 1fr}}@media(max-width:575px){.use-grid{grid-template-columns:1fr}.page-hero{padding:60px 0}.page-hero h1{font-size:2.8rem}.info-table>div{grid-template-columns:1fr;gap:5px}.page-cta{padding:30px 20px}}

/* V5 single-page detail sections */
.product-anatomy{border:1px solid #ddd;border-radius:24px;overflow:hidden;background:#fff}.anatomy-visual{height:330px;background:#241633;position:relative;overflow:hidden}.anatomy-visual:after{content:"GROUND";position:absolute;bottom:0;left:0;right:0;height:90px;background:#30213d;color:#8d7f99;font-size:.65rem;letter-spacing:.2em;padding:18px}.anatomy-head{position:absolute;left:48%;top:38px;width:80px;height:25px;background:#f8b401;border-radius:5px;z-index:3}.anatomy-shaft{position:absolute;left:51%;top:58px;width:24px;height:205px;background:linear-gradient(90deg,#777,#ddd,#777);z-index:2}.anatomy-helix{position:absolute;left:45%;width:105px;height:30px;border:5px solid #f8b401;border-left-color:transparent;border-right-color:transparent;border-radius:50%;z-index:3}.anatomy-helix.h1{top:145px}.anatomy-helix.h2{top:185px}.anatomy-helix.h3{top:225px}.callout{position:absolute;background:#fff;color:#482e66;padding:7px 10px;border-radius:7px;font-size:.62rem;font-weight:700;z-index:4}.c1{top:34px;right:18px}.c2{top:105px;right:25px}.c3{top:180px;left:18px}.c4{bottom:24px;right:18px}.anatomy-copy{padding:26px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spec-grid>div{border:1px solid #ddd;border-radius:16px;padding:20px;background:#fff;min-height:150px}.spec-grid i{font-size:1.5rem;color:#482e66;display:block;margin-bottom:10px}.spec-grid strong,.spec-grid span{display:block}.spec-grid span{font-size:.75rem;color:#666;margin-top:7px}.type-card{height:100%;padding:24px;border:1px solid #ddd;border-radius:20px;background:#fff;position:relative;transition:.35s}.type-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(72,46,102,.1)}.type-card>span{font-size:.65rem;color:#8b8290;font-weight:800}.type-card i{display:block;font-size:1.8rem;color:#482e66;margin:14px 0}.type-card h3{font-size:1.15rem}.type-card p{font-size:.78rem;color:#666}.product-selection{padding:28px;border-radius:22px;background:#f6f4f7}.selection-flow{display:flex;align-items:stretch;gap:10px}.selection-flow>div{flex:1;background:#fff;border:1px solid #ddd;border-radius:14px;padding:18px}.selection-flow b,.selection-flow span{display:block}.selection-flow span{font-size:.7rem;color:#666;margin-top:6px}.selection-flow>i{align-self:center;color:#482e66}.application-detail-section{background:#f6f4f7}.application-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.application-matrix>div{padding:24px;border:1px solid #ddd;border-radius:18px;background:#fff;transition:.35s}.application-matrix>div:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(72,46,102,.08)}.application-matrix i{font-size:1.5rem;color:#482e66;display:block;margin-bottom:12px}.application-matrix strong,.application-matrix span{display:block}.application-matrix span{font-size:.76rem;color:#666;margin-top:7px}.vs-table{border:1px solid #d9d5db;border-radius:20px;overflow:hidden;background:#fff}.vs-row{display:grid;grid-template-columns:1.05fr 1fr 1fr;border-bottom:1px solid #e4e1e6}.vs-row:last-child{border-bottom:0}.vs-row>div{padding:15px 17px;font-size:.76rem;border-right:1px solid #e4e1e6}.vs-row>div:last-child{border-right:0}.vs-head{background:#482e66;color:#fff;font-weight:800}.vs-head>div{font-size:.7rem}.vs-foot{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;background:#f7d987;border-radius:14px;font-size:.75rem;color:#3f3545}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-grid>div{padding:22px;border:1px solid #ddd;border-radius:16px;background:#fff}.test-grid i{font-size:1.5rem;color:#482e66;display:block;margin-bottom:10px}.test-grid strong,.test-grid span{display:block}.test-grid span{font-size:.72rem;color:#666;margin-top:6px}.soil-card{padding:24px;background:#f6f4f7;border-radius:18px;height:100%}.soil-card span{font-size:.7rem;color:#482e66;font-weight:800}.soil-card h3{margin-top:15px}.soil-card p{font-size:.75rem;color:#666}.technical-section{background:#fff}.compare-section em{color:#482e66}.engineering-grid>div{min-height:125px}
@media(max-width:991px){.application-matrix{grid-template-columns:1fr 1fr}.selection-flow{display:grid;grid-template-columns:1fr 1fr}.selection-flow>i{display:none}.vs-row{grid-template-columns:1fr}.vs-head{display:none}.vs-row>div{border-right:0;border-bottom:1px solid #eee}.vs-row>div:first-child{background:#f2eef4;color:#482e66;font-weight:800}.test-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.spec-grid,.application-matrix,.test-grid{grid-template-columns:1fr}.selection-flow{grid-template-columns:1fr}.anatomy-visual{height:290px}.callout{font-size:.54rem}.vs-row>div{font-size:.7rem}.type-card{padding:20px}}

/* V6 REAL BRAND + PRODUCT IMAGERY */
.brand-logo{display:block;width:72px;height:72px;object-fit:contain;flex:0 0 72px}.footer-brand .brand-logo{width:78px;height:78px}
.actual-product-float{position:absolute;width:min(360px,78%);left:50%;top:43%;transform:translate(-50%,-50%);z-index:6;animation:realProductFloat 5s ease-in-out infinite;filter:drop-shadow(0 22px 28px rgba(0,0,0,.18))}.actual-product-float img{display:block;width:100%;height:auto;object-fit:contain}.product-image-badge{position:absolute;right:-8px;bottom:8px;background:#fff;color:var(--purple);padding:9px 12px;border-radius:999px;font-size:.63rem;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.15);white-space:nowrap}.product-image-badge i{color:#1fa855;margin-right:4px}@keyframes realProductFloat{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%,-50%) translateY(-9px) rotate(1deg)}}
.actual-product-art img{
    width:100%;
    height:100%;
    object-fit:contain;
    position:relative;
    z-index:2;
    transform:scale(1.35);
}.actual-product-showcase{padding:28px;border:1px solid #ddd;border-radius:26px;background:linear-gradient(135deg,#fff,#f6f3f8);overflow:hidden}.actual-product-frame{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#efedef;overflow:hidden}.actual-product-frame img{width:min(100%,560px);height:auto;object-fit:contain;position:relative;z-index:2;animation:productReveal 1.1s cubic-bezier(.22,1,.36,1) both}.actual-product-frame:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(72,46,102,.16);animation:productRing 4s ease-in-out infinite}.image-scan{position:absolute;z-index:3;top:-10%;left:0;width:100%;height:2px;background:var(--yellow);box-shadow:0 0 20px rgba(248,180,1,.7);opacity:.65;animation:imageScan 4.5s ease-in-out infinite}.showcase-title{font-size:2.1rem;margin:8px 0 15px}.showcase-points{display:grid;gap:10px;margin-top:22px}.showcase-points span{font-size:.8rem;font-weight:700}.showcase-points i{color:var(--yellow);margin-right:8px}@keyframes productReveal{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes productRing{50%{transform:scale(1.15);opacity:.35}}@keyframes imageScan{0%,15%{top:-10%;opacity:0}25%{opacity:.7}80%{opacity:.7}100%{top:110%;opacity:0}}
@media(max-width:991.98px){.brand-logo{width:60px;height:60px;flex-basis:60px}.actual-product-float{width:min(320px,70%);top:44%}}@media(max-width:575.98px){.brand-logo{width:52px;height:52px;flex-basis:52px}.footer-brand .brand-logo{width:62px;height:62px}.actual-product-float{width:270px;max-width:82%;top:45%}.product-image-badge{font-size:.53rem;padding:7px 9px;right:-4px}.actual-product-art{height:230px;padding:12px}.actual-product-frame{min-height:260px}.actual-product-showcase{padding:16px}.showcase-title{font-size:1.65rem}}
footer {
    border-top: none !important;
}
/* Hero product image - larger */
.foundation-visual .actual-product-float img {
    width: 115%;
    height: 115%;
    object-fit: contain;
    transform: scale(1.15);
}


footer::before,
footer::after {
    display: none !important;
}
/* V7 additions */
.why-ground-section{background:#f6f4f7}.why-points{margin-top:28px}.why-point{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #ddd}.why-point>b{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#482E66;color:#fff;display:grid;place-items:center;font-size:.7rem}.why-point strong{font-size:.95rem}.why-point p{margin:5px 0 0;color:#666;font-size:.82rem}.real-installation-visual{position:relative;border-radius:28px;overflow:hidden;background:#241633;box-shadow:0 25px 70px rgba(36,22,51,.18)}.real-installation-visual img{width:100%;display:block;aspect-ratio:1.43;object-fit:cover}.visual-caption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 15px;background:rgba(36,22,51,.9);backdrop-filter:blur(10px);border-radius:13px;color:#fff;font-size:.72rem;display:flex;gap:9px;align-items:center}.visual-caption i{color:#F8B401}.agripv-section{background:#fff}.agri-card{height:100%;padding:20px;border:1px solid #ddd;border-radius:18px;background:#faf9fb}.agri-card i{font-size:1.55rem;color:#482E66}.agri-card h3{font-size:1rem;margin:12px 0 6px}.agri-card p{font-size:.76rem;color:#666;margin:0}.agripv-visual{height:470px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(180deg,#bfe7f5 0 53%,#7b9e46 53% 100%);box-shadow:0 25px 70px rgba(72,46,102,.12)}.sun-disc{position:absolute;width:80px;height:80px;border-radius:50%;background:#F8B401;right:42px;top:38px;box-shadow:0 0 0 16px rgba(248,180,1,.15),0 0 55px rgba(248,180,1,.3)}.agri-panel{position:absolute;width:210px;height:72px;background:linear-gradient(135deg,#252b3b,#586a82);border:2px solid rgba(255,255,255,.6);transform:skewX(-23deg) rotate(-8deg)}.p1{left:55px;top:150px}.p2{left:200px;top:245px}.agri-post{position:absolute;width:8px;height:180px;background:#777;top:205px}.post1{left:105px}.post2{left:250px}.post3{left:365px}.crop-row{position:absolute;bottom:55px;width:120px;height:70px;border-bottom:6px solid #2f6c35;border-radius:50%}.r1{left:25px}.r2{left:175px}.r3{left:325px}.agri-screw{position:absolute;width:7px;height:75px;background:linear-gradient(#aaa,#666);bottom:0}.s1{left:105px}.s2{left:250px}.s3{left:365px}.agri-label{position:absolute;padding:7px 10px;border-radius:9px;background:rgba(36,22,51,.88);color:#fff;font-size:.58rem;font-weight:800}.label-solar{top:125px;left:35px}.label-ground{bottom:22px;left:215px}.label-agri{bottom:115px;right:25px}
.kusum-section{background:#241633;color:#fff}.kusum-section p{color:#cfc7d5}.kusum-components{margin-top:30px}.kusum-component{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.kusum-component>span{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:#F8B401;color:#482E66;font-weight:900}.kusum-component p{font-size:.78rem;margin:5px 0 0}.kusum-project-card{background:#fff;color:#241633;border-radius:25px;padding:32px;position:sticky;top:100px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.kusum-badge{display:inline-flex;gap:8px;align-items:center;background:#f7f1dc;color:#482E66;border-radius:30px;padding:8px 12px;font-size:.68rem;font-weight:900}.kusum-project-card h3{font-size:1.6rem;margin:22px 0}.kusum-project-card ul{padding:0;list-style:none}.kusum-project-card li{padding:10px 0;border-bottom:1px solid #e6e2e8;font-size:.78rem}.kusum-project-card small{display:block;color:#777;margin-top:15px;font-size:.62rem;line-height:1.5}
.video-gallery-section{background:#f6f4f7}.video-note{display:inline-flex;gap:8px;align-items:center;border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:30px;font-size:.7rem;font-weight:800;color:#482E66}.video-card{background:#fff;border:1px solid #ddd;border-radius:22px;overflow:hidden;height:100%;transition:transform .4s,box-shadow .4s}.video-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(72,46,102,.13)}.video-frame{position:relative;background:#241633;aspect-ratio:16/10;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(36,22,51,.18),rgba(36,22,51,.88));color:#fff;pointer-events:none}.video-placeholder i{font-size:3rem;color:#F8B401}.video-placeholder small{font-size:.62rem;color:#ddd;margin-top:5px}.video-placeholder code{color:#F8B401}.video-copy{padding:22px}.video-copy>span{font-size:.6rem;letter-spacing:.12em;color:#8a8290;font-weight:800}.video-copy h3{font-size:1.05rem;margin:8px 0}.video-copy p{font-size:.76rem;color:#666;margin:0}
@media(max-width:991px){.agripv-visual{max-width:600px;margin:auto}.kusum-project-card{position:static}.site-header .navbar-nav{max-height:75vh;overflow-y:auto}}@media(max-width:575px){.real-installation-visual{border-radius:20px}.agripv-visual{height:350px;border-radius:20px}.agri-panel{width:145px;height:50px}.p1{left:30px;top:120px}.p2{left:145px;top:190px}.agri-post{height:125px;top:160px}.post1{left:70px}.post2{left:190px}.post3{left:295px}.crop-row{width:90px}.r1{left:10px}.r2{left:125px}.r3{left:245px}.agri-screw{height:55px}.s1{left:70px}.s2{left:190px}.s3{left:295px}.label-solar{top:95px;left:15px}.label-ground{bottom:15px;left:120px}.label-agri{bottom:80px;right:12px}.kusum-project-card{padding:23px}.video-copy{padding:18px}}

/* V8 single-page navigation + sections */
.navbar .dropdown-menu{border:1px solid #e4e0e8;border-radius:14px;padding:9px;box-shadow:0 18px 45px rgba(36,22,51,.12);min-width:240px}
.navbar .dropdown-item{font-size:.76rem;font-weight:700;color:#3f3744;border-radius:9px;padding:10px 12px}
.navbar .dropdown-item:hover{background:#f5f1f7;color:#482E66}
.why-ground-section{background:#f6f4f7}.why-points{margin-top:28px}.why-point{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid #ddd}.why-point>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#482E66;color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:800}.why-point strong{font-size:.95rem}.why-point p{margin:5px 0 0;color:#666;font-size:.82rem}
.real-installation-visual{position:relative;border-radius:28px;overflow:hidden;background:#241633;box-shadow:0 25px 70px rgba(36,22,51,.18)}.real-installation-visual img{width:100%;display:block;aspect-ratio:1.43;object-fit:cover}.visual-caption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 15px;background:rgba(36,22,51,.9);backdrop-filter:blur(10px);border-radius:13px;color:#fff;font-size:.72rem;display:flex;gap:9px;align-items:center}.visual-caption i{color:#F8B401}
.agripv-section{background:#fff}.agri-card{height:100%;padding:20px;border:1px solid #ddd;border-radius:18px;background:#faf9fb}.agri-card i{font-size:1.55rem;color:#482E66}.agri-card h3{font-size:1rem;margin:12px 0 6px}.agri-card p{font-size:.76rem;color:#666;margin:0}.agripv-visual{height:470px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(180deg,#bfe7f5 0 53%,#7b9e46 53% 100%);box-shadow:0 25px 70px rgba(72,46,102,.12)}.sun-disc{position:absolute;width:80px;height:80px;border-radius:50%;background:#F8B401;right:42px;top:38px;box-shadow:0 0 0 16px rgba(248,180,1,.15),0 0 55px rgba(248,180,1,.3)}.agri-panel{position:absolute;width:210px;height:72px;background:linear-gradient(135deg,#252b3b,#586a82);border:2px solid rgba(255,255,255,.6);transform:skewX(-23deg) rotate(-8deg)}.p1{left:55px;top:150px}.p2{left:200px;top:245px}.agri-post{position:absolute;width:8px;height:180px;background:#777;top:205px}.post1{left:105px}.post2{left:250px}.post3{left:365px}.crop-row{position:absolute;bottom:55px;width:120px;height:70px;border-bottom:6px solid #2f6c35;border-radius:50%}.r1{left:25px}.r2{left:175px}.r3{left:325px}.agri-screw{position:absolute;width:7px;height:75px;background:linear-gradient(#aaa,#666);bottom:0}.s1{left:105px}.s2{left:250px}.s3{left:365px}.agri-label{position:absolute;padding:7px 10px;border-radius:9px;background:rgba(36,22,51,.88);color:#fff;font-size:.58rem;font-weight:800}.label-solar{top:125px;left:35px}.label-ground{bottom:22px;left:215px}.label-agri{bottom:115px;right:25px}
.kusum-section{background:#241633;color:#fff}.kusum-section p{color:#cfc7d5}.kusum-components{margin-top:30px}.kusum-component{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.kusum-component>span{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:#F8B401;color:#482E66;font-weight:900}.kusum-component p{font-size:.78rem;margin:5px 0 0}.kusum-project-card{background:#fff;color:#241633;border-radius:25px;padding:32px;position:sticky;top:100px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.kusum-badge{display:inline-flex;gap:8px;align-items:center;background:#f7f1dc;color:#482E66;border-radius:30px;padding:8px 12px;font-size:.68rem;font-weight:900}.kusum-project-card h3{font-size:1.6rem;margin:22px 0}.kusum-project-card ul{padding:0;list-style:none}.kusum-project-card li{padding:10px 0;border-bottom:1px solid #e6e2e8;font-size:.78rem}.kusum-project-card li i{color:#F8B401;margin-right:7px}.kusum-project-card small{display:block;color:#777;margin-top:15px;font-size:.62rem;line-height:1.5}
.video-gallery-section{background:#f6f4f7}.video-note{display:inline-flex;gap:8px;align-items:center;border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:30px;font-size:.7rem;font-weight:800;color:#482E66}.video-card{background:#fff;border:1px solid #ddd;border-radius:22px;overflow:hidden;height:100%;transition:transform .4s,box-shadow .4s}.video-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(72,46,102,.13)}.video-frame{position:relative;background:#241633;aspect-ratio:16/10;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(36,22,51,.18),rgba(36,22,51,.88));color:#fff;pointer-events:none}.video-placeholder i{font-size:3rem;color:#F8B401}.video-placeholder small{font-size:.62rem;color:#ddd;margin-top:5px}.video-placeholder code{color:#F8B401}.video-copy{padding:22px}.video-copy>span{font-size:.6rem;letter-spacing:.12em;color:#8a8290;font-weight:800}.video-copy h3{font-size:1.05rem;margin:8px 0}.video-copy p{font-size:.76rem;color:#666;margin:0}
@media(max-width:991px){.navbar .dropdown-menu{border:0;box-shadow:none;padding-left:10px}.agripv-visual{max-width:600px;margin:auto}.kusum-project-card{position:static}}
@media(max-width:575px){.navbar .dropdown-item{padding:9px 10px}.real-installation-visual{border-radius:20px}.agripv-visual{height:350px;border-radius:20px}.agri-panel{width:145px;height:50px}.p1{left:30px;top:120px}.p2{left:145px;top:190px}.agri-post{height:125px;top:160px}.post1{left:70px}.post2{left:190px}.post3{left:295px}.crop-row{width:90px}.r1{left:10px}.r2{left:125px}.r3{left:245px}.agri-screw{height:55px}.s1{left:70px}.s2{left:190px}.s3{left:295px}.label-solar{top:95px;left:15px}.label-ground{bottom:15px;left:120px}.label-agri{bottom:80px;right:12px}.kusum-project-card{padding:23px}.video-copy{padding:18px}}

/* =========================================================
   V9 — Mobile-first navigation + detailed application pages
   ========================================================= */
html{overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden}
img,video,iframe,svg{max-width:100%}
.container{width:100%;max-width:1320px}
.site-header{width:100%;left:0;right:0}
.brand-logo{width:54px;height:54px;object-fit:contain;display:block}
.navbar-brand{padding:0!important}
.navbar-collapse{min-width:0}
.navbar-nav{flex-wrap:nowrap}
.navbar-nav .nav-item{white-space:nowrap}
.nav-cta{margin-left:8px}
.navbar .dropdown-menu{position:absolute}
@media(min-width:992px){
  .navbar .dropdown:hover>.dropdown-menu{display:block}
  .navbar .dropdown-menu{margin-top:0}
}
@media(max-width:991.98px){
  .navbar{padding:10px 0}
  .navbar-toggler{padding:6px 8px;background:#f6f2f8;border-radius:10px}
  .navbar-collapse{background:#fff;border-top:1px solid #eee;margin-top:10px;padding:10px 0 14px;border-radius:0 0 18px 18px;box-shadow:0 18px 35px rgba(36,22,51,.08);max-height:calc(100vh - 76px);overflow-y:auto}
  .navbar-nav{display:flex!important;align-items:stretch!important;gap:0!important}
  .navbar-nav .nav-item{width:100%;white-space:normal}
  .navbar-nav .nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px!important;border-radius:10px;font-size:.88rem}
  .navbar-nav .nav-link:hover{background:#f7f4f8}
  .navbar-nav .dropdown-menu{position:static!important;float:none;width:100%;border:0!important;box-shadow:none!important;padding:3px 0 8px 12px!important;transform:none!important}
  .navbar-nav .dropdown-item{padding:10px 12px;font-size:.78rem;white-space:normal}
  .nav-cta{margin:7px 0 0!important}
  .nav-cta .btn{width:100%;padding:12px}
  .hero{min-height:auto;padding:70px 0 55px}
  .hero-grid{opacity:.25}
  .foundation-visual{height:360px;margin-top:25px}
  .panel-array{width:75%;left:10%;top:65px}
  .screw{left:50%;top:210px}
  .mount-line{left:45%;top:200px;width:120px}
  .visual-label{font-size:.6rem;padding:8px 10px}
  .label-top{right:0;top:165px}.label-bottom{left:0;bottom:35px}
  .section-pad{padding:72px 0}
  .application-gallery{grid-template-columns:1fr 1fr!important}
  .application-tile.featured{grid-column:span 2}
  .benefit-detail-grid{grid-template-columns:1fr 1fr!important}
  .quality-grid{grid-template-columns:1fr!important}
  .quality-card,.quality-card.reverse{grid-template-columns:1fr!important}
  .quality-image{min-height:250px}
  .kusum-project-flow{grid-template-columns:repeat(2,1fr)!important}
  .agri-flow{grid-template-columns:1fr 1fr!important}
  .agri-benefits{grid-template-columns:1fr 1fr!important}
}
@media(max-width:575.98px){
  .container{padding-left:18px;padding-right:18px}
  .brand-logo{width:48px;height:48px}
  .hero h1{font-size:clamp(2.55rem,13vw,4rem)}
  .hero-copy{font-size:.94rem}
  .hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
  .hero-trust span{font-size:.58rem}
  .hero-trust strong{font-size:.65rem}
  .foundation-visual{height:300px}
  .section-pad{padding:58px 0}
  h2{font-size:clamp(2rem,10vw,3rem)}
  .lead{font-size:1rem}
  .application-gallery{grid-template-columns:1fr!important;gap:12px!important}
  .application-tile.featured{grid-column:auto}
  .application-tile img{height:210px!important}
  .application-tile div{padding:17px!important}
  .benefit-detail-grid{grid-template-columns:1fr!important}
  .benefit-detail-grid article{padding:20px!important}
  .benefit-image img{height:280px!important}
  .domestic-image-stack{min-height:300px}
  .domestic-image-stack>img{height:300px!important}
  .stack-image{width:48%!important;right:0!important;bottom:20px!important}
  .stack-badge{left:12px!important;bottom:14px!important;font-size:.58rem!important}
  .domestic-steps>div{gap:10px}
  .domestic-steps>div>span{width:32px;height:32px;flex:0 0 32px}
  .quality-card{border-radius:18px!important}
  .quality-image{min-height:210px!important}
  .quality-copy{padding:22px!important}
  .kusum-hero-image img{height:280px!important}
  .kusum-project-flow{grid-template-columns:1fr!important}
  .kusum-project-flow div{padding:18px!important}
  .agri-metrics{grid-template-columns:1fr!important}
  .agri-photo img{height:280px!important}
  .agri-flow{grid-template-columns:1fr!important}
  .agri-benefits{grid-template-columns:1fr!important}
  .compare-box{grid-template-columns:1fr!important}
  .vs{margin:-6px auto!important}
  .process-track{grid-template-columns:1fr!important}
  .solutions-grid{grid-template-columns:1fr!important}
  .solution-card.large{grid-row:auto!important}
  .contact-grid,.contact-wrap{grid-template-columns:1fr!important}
  .footer .row{text-align:left!important}
}

/* V9 detailed sections */
.gallery-count,.quality-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#482E66;font-size:.68rem;font-weight:900;letter-spacing:.08em}
.applications-purpose-section{background:#f6f4f7}
.application-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.application-tile{background:#fff;border:1px solid #ddd;border-radius:22px;overflow:hidden;min-width:0;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.application-tile:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(72,46,102,.14)}
.application-tile.featured{grid-column:span 2}
.application-tile img{width:100%;height:205px;object-fit:cover;display:block}
.application-tile.featured img{height:270px}
.application-tile div{padding:19px}
.application-tile span{font-size:.58rem;letter-spacing:.13em;color:#8b8390;font-weight:900}
.application-tile h3{font-size:1.05rem;margin:7px 0}
.application-tile p{font-size:.75rem;margin:0;color:#666;line-height:1.6}
.benefits-detail-section{background:#fff}
.benefit-image{position:relative;border-radius:24px;overflow:hidden;margin-top:28px;box-shadow:0 20px 55px rgba(72,46,102,.12)}
.benefit-image img{width:100%;height:430px;object-fit:cover;display:block}
.benefit-image span{position:absolute;left:15px;bottom:15px;background:rgba(36,22,51,.88);color:#fff;border-radius:10px;padding:9px 12px;font-size:.62rem}
.benefit-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.benefit-detail-grid article{position:relative;padding:24px;border:1px solid #ddd;border-radius:19px;background:#faf9fb;overflow:hidden}
.benefit-detail-grid article>b{position:absolute;right:14px;top:12px;color:#b8b0bc;font-size:.65rem}
.benefit-detail-grid i{font-size:1.45rem;color:#482E66}
.benefit-detail-grid h3{font-size:1rem;margin:13px 0 6px}
.benefit-detail-grid p{font-size:.75rem;margin:0}
.domestic-section{background:#241633;color:#fff}.domestic-section p{color:#cfc7d5}
.domestic-image-stack{position:relative;min-height:520px}.domestic-image-stack>img{width:100%;height:520px;object-fit:cover;border-radius:28px;display:block}.stack-image{position:absolute;width:45%;right:-8%;bottom:30px;border:8px solid #241633;border-radius:22px;overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.35)}.stack-image img{width:100%;height:190px;object-fit:cover;display:block}.stack-badge{position:absolute;left:25px;bottom:25px;background:#F8B401;color:#241633;padding:11px 14px;border-radius:12px;display:flex;flex-direction:column}.stack-badge strong{font-size:.68rem}.stack-badge span{font-size:.58rem}
.domestic-steps{margin:28px 0}.domestic-steps>div{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.domestic-steps>div>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#F8B401;color:#241633;font-size:.68rem;font-weight:900}.domestic-steps h3{font-size:1rem;margin:0 0 5px}.domestic-steps p{font-size:.76rem;margin:0}
.quality-section{background:#f6f4f7}.quality-grid{display:grid;grid-template-columns:1fr;gap:22px}.quality-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #ddd;border-radius:24px;overflow:hidden;min-width:0}.quality-card.reverse .quality-image{order:2}.quality-image{min-height:360px;background:#241633}.quality-image img{width:100%;height:100%;object-fit:cover;display:block}.quality-copy{padding:38px}.quality-copy>span{font-size:.6rem;letter-spacing:.14em;color:#8a8290;font-weight:900}.quality-copy h3{font-size:1.8rem;margin:10px 0}.quality-copy p{font-size:.82rem}.quality-copy ul{padding-left:17px;margin:18px 0 0}.quality-copy li{font-size:.72rem;color:#555;padding:4px 0}.test-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:15px;background:#fff;border:1px solid #ddd}.test-note i{color:#482E66;margin-top:2px}.test-note p{font-size:.7rem;margin:0}
.kusum-projects-section{background:#fff}.kusum-hero-image{position:relative;border-radius:28px;overflow:hidden}.kusum-hero-image img{width:100%;height:520px;object-fit:cover;display:block}.kusum-overlay{position:absolute;left:20px;right:20px;bottom:20px;padding:18px;border-radius:16px;background:linear-gradient(90deg,rgba(36,22,51,.94),rgba(36,22,51,.4));color:#fff}.kusum-overlay span{display:block;color:#F8B401;font-size:.6rem;font-weight:900;letter-spacing:.14em}.kusum-overlay strong{display:block;font-size:1.4rem;margin-top:4px}
.kusum-cards article{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #ddd}.kusum-cards b{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#F8B401;color:#482E66}.kusum-cards h3{font-size:1rem;margin:0 0 4px}.kusum-cards p{font-size:.76rem;margin:0}.kusum-project-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ddd;border-radius:20px;overflow:hidden}.kusum-project-flow div{padding:22px;border-right:1px solid #ddd;background:#faf9fb}.kusum-project-flow div:last-child{border-right:0}.kusum-project-flow span{display:block;color:#F8B401;font-size:.68rem;font-weight:900}.kusum-project-flow strong{display:block;font-size:.78rem;margin:8px 0}.kusum-project-flow small{font-size:.65rem;color:#777;line-height:1.5}.kusum-disclaimer{margin-top:14px;font-size:.65rem;color:#777}
.agripv-detailed-section{background:#241633;color:#fff}.agripv-detailed-section p{color:#cfc7d5}.agri-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.agri-metrics div{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}.agri-metrics strong{display:block;color:#F8B401;font-size:1.3rem}.agri-metrics span{display:block;color:#cfc7d5;font-size:.65rem;margin-top:5px}.agri-photo{border-radius:28px;overflow:hidden}.agri-photo img{width:100%;height:430px;object-fit:cover;display:block}.agri-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.agri-flow article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}.agri-flow span{font-size:.62rem;color:#F8B401;font-weight:900}.agri-flow i{display:block;font-size:1.5rem;margin:16px 0 10px;color:#fff}.agri-flow h3{font-size:.95rem}.agri-flow p{font-size:.7rem;margin:0}.agri-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agri-benefits div{padding:18px;border-radius:16px;background:#fff;color:#241633}.agri-benefits i{color:#482E66;font-size:1.3rem}.agri-benefits strong,.agri-benefits span{display:block}.agri-benefits strong{font-size:.78rem;margin-top:8px}.agri-benefits span{font-size:.65rem;color:#666;margin-top:4px}

/* =========================================================
   V10 — coherent flow, consistent spacing, footer closure
   ========================================================= */
html,body{overflow-x:hidden}
main{display:block;position:relative;z-index:1}
main>section{position:relative;clear:both;width:100%;overflow:hidden}
.roadmap-section{background:#f6f4f7;padding:55px 0}
.roadmap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:25px}
.roadmap-grid a{position:relative;text-decoration:none;color:#241633;background:#fff;border:1px solid #ded9e1;border-radius:17px;padding:18px 14px;min-width:0;transition:.35s}
.roadmap-grid a:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(72,46,102,.12);border-color:#bca9cb}
.roadmap-grid span{position:absolute;right:12px;top:10px;font-size:.55rem;color:#aaa;font-weight:900}
.roadmap-grid i{display:block;color:#482E66;font-size:1.25rem;margin-bottom:12px}
.roadmap-grid strong{display:block;font-size:.78rem}
.roadmap-grid small{display:block;color:#777;font-size:.62rem;line-height:1.4;margin-top:4px}
.final-cta-section{padding:34px 0;background:#482E66;color:#fff}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(105deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.final-cta-inner>div:first-child{max-width:720px}
.final-cta-inner span{font-size:.6rem;letter-spacing:.15em;color:#F8B401;font-weight:900}
.final-cta-inner h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:7px 0}
.final-cta-inner p{color:#d8d1dd;font-size:.78rem;margin:0}
.final-cta-actions{display:flex;gap:10px;flex:0 0 auto}
.footer{position:relative!important;clear:both!important;display:block!important;width:100%!important;margin:0!important}
.footer:before{content:"";display:block;height:4px;background:#F8B401}
@media(max-width:991.98px){
  .roadmap-grid{grid-template-columns:repeat(3,1fr)}
  .final-cta-inner{flex-direction:column;align-items:flex-start}
  .final-cta-actions{width:100%}
}
@media(max-width:575.98px){
  .roadmap-section{padding:45px 0}
  .roadmap-grid{grid-template-columns:1fr 1fr;gap:9px}
  .roadmap-grid a{padding:16px 12px}
  .roadmap-grid i{font-size:1.05rem;margin-bottom:9px}
  .roadmap-grid strong{font-size:.72rem}
  .roadmap-grid small{font-size:.58rem}
  .final-cta-section{padding:22px 0}
  .final-cta-inner{padding:23px 19px;border-radius:18px}
  .final-cta-actions{flex-direction:column;width:100%}
  .final-cta-actions .btn{width:100%}
}

/* V11 — multi-page layout */
.inner-page-hero{padding:145px 0 55px;background:linear-gradient(120deg,#241633 0%,#482E66 58%,#66517c 100%);color:#fff;position:relative;overflow:hidden}
.inner-page-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-150px;top:-180px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02)}
.inner-page-kicker{font-size:.62rem;letter-spacing:.17em;color:#F8B401;font-weight:900;margin-bottom:10px}
.inner-page-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.04;max-width:850px;margin:0 0 15px}
.inner-page-hero p{max-width:760px;color:#ddd6e2;font-size:1rem;line-height:1.7;margin:0}
.inner-page-breadcrumb{display:flex;align-items:center;gap:9px;margin-top:28px;font-size:.64rem;color:#c9c0cf}
.inner-page-breadcrumb a{color:#F8B401;text-decoration:none}
.related-pages{padding:48px 0;background:#f6f4f7;border-top:1px solid #e4e0e6}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.related-grid a{background:#fff;border:1px solid #ded9e1;border-radius:16px;padding:20px;text-decoration:none;color:#241633;transition:.3s}
.related-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(72,46,102,.1)}
.related-grid i{display:block;color:#482E66;font-size:1.25rem;margin-bottom:10px}
.related-grid strong{display:block;font-size:.8rem}.related-grid small{display:block;color:#777;font-size:.62rem;margin-top:4px}
@media(max-width:991.98px){.inner-page-hero{padding:120px 0 45px}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575.98px){.inner-page-hero{padding:105px 0 38px}.inner-page-hero h1{font-size:2.25rem}.inner-page-hero p{font-size:.9rem}.related-grid{grid-template-columns:1fr}}

/* =========================================================
   V12 — real mobile responsive + JS/PWA fixes
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%;height:auto}
.navbar{width:100%}
.navbar>.container{width:100%;min-width:0}
.navbar-brand{min-width:0}
.navbar-collapse{min-width:0}
.navbar-nav{min-width:0}

.pwa-install-btn i{margin-right:6px;color:var(--yellow)}
@media(max-width:991.98px){
  .navbar>.container{padding-left:18px;padding-right:18px}
  .navbar-toggler{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto}
  .navbar-collapse{width:100%;max-height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden}
  .navbar-collapse.show{display:block!important}
  .navbar-nav{width:100%;flex-direction:column!important}
  .navbar-nav .nav-item{width:100%!important}
  .navbar-nav .nav-link{width:100%;white-space:normal}
  .navbar-nav .dropdown-menu{width:100%;max-width:none}
  .nav-cta{width:100%!important}
}
@media(max-width:575.98px){
  .navbar{padding:7px 0}
  .brand-logo{width:46px;height:46px}
  .navbar-toggler{font-size:1.35rem}
  .hero{padding-top:58px!important}
  .hero .row{--bs-gutter-x:1rem}
  .hero .btn{width:100%;justify-content:center}
  .hero-trust{grid-template-columns:1fr 1fr!important}
  .foundation-visual{height:290px!important}
  .section-pad{padding:52px 0!important}
  .section-head{margin-bottom:28px}
  .quality-card,.quality-card.reverse{grid-template-columns:1fr!important}
  .quality-image{min-height:220px!important}
  .application-gallery{grid-template-columns:1fr!important}
  .benefit-detail-grid,.agri-benefits,.kusum-project-flow,.agri-flow{grid-template-columns:1fr!important}
  .process-track{grid-template-columns:1fr!important}
  .testing-strip{grid-template-columns:1fr!important}
  .pwa-install-btn{right:12px;bottom:76px}
}
/* Prevent desktop utility widths from forcing horizontal overflow. */
.row>*{min-width:0}
[class*="col-"]{min-width:0}
.table-responsive{overflow-x:auto}
iframe{border:0}

/* =========================================================
   V13 — Mobile PWA-style bottom tab navigation
   Matches the supplied reference: Home / Products /
   Downloads / About.
   ========================================================= */
.mobile-bottom-nav{
  display:none;
}
@media(max-width:767.98px){
  body{
    padding-bottom:74px!important;
  }
  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1300;
    height:68px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:stretch;
    background:rgba(255,255,255,.98);
    border-top:1px solid #e8e8ed;
    box-shadow:0 -5px 22px rgba(36,22,51,.08);
    padding:4px 6px max(4px, env(safe-area-inset-bottom));
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .mobile-bottom-nav a{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    border-radius:12px;
    color:#9297a8;
    text-decoration:none!important;
    font-size:12px;
    line-height:1.1;
    transition:color .2s ease,background .2s ease,transform .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-bottom-nav a i{
    display:block;
    font-size:21px;
    line-height:21px;
    font-style:normal;
  }
  .mobile-bottom-nav a span{
    display:block;
    font-weight:500;
    white-space:nowrap;
  }
  .mobile-bottom-nav a.active{
    color:#f7a900;
  }
  .mobile-bottom-nav a.active i{
    transform:translateY(-1px);
  }
  .mobile-bottom-nav a:active{
    transform:scale(.94);
    background:#fff8e8;
  }
  /* Give page content enough clearance above the fixed tab bar. */
  .footer{
    padding-bottom:16px;
  }
  .whatsapp-float{
    bottom:84px!important;
  }
  .pwa-install-btn{
    bottom:150px!important;
  }
}
@media(min-width:768px){
  .mobile-bottom-nav{display:none!important}
}

@media(max-width:767.98px){
  .mobile-bottom-nav a i.bi-house-door::before{content:"⌂"}
  .mobile-bottom-nav a i.bi-box::before{content:"◇"}
  .mobile-bottom-nav a i.bi-download::before{content:"↓"}
  .mobile-bottom-nav a i.bi-info-circle::before{content:"ⓘ"}
  .mobile-bottom-nav a i.bi::before{font-family:Arial,sans-serif!important}
  .mobile-bottom-nav a i.bi-house-door,
  .mobile-bottom-nav a i.bi-box,
  .mobile-bottom-nav a i.bi-download,
  .mobile-bottom-nav a i.bi-info-circle{font-size:22px!important}
}

}

/* =========================================================
   V16 — Always-visible sticky header
   ========================================================= */
html{scroll-padding-top:82px}
body{overflow-x:hidden}
.navbar{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  width:100%!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 1px 0 rgba(36,22,51,.08)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
@media(max-width:767.98px){
  html{scroll-padding-top:68px}
  .navbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
  }
}

/* =========================================================
   V16 — Strolar mobile app navigation
   Exactly four tabs: Home / Products / Solutions / Projects
   ========================================================= */
.mobile-bottom-nav{display:none}
@media(max-width:767.98px){
  body{padding-bottom:76px!important}
  .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483000!important;
    height:72px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    align-items:stretch!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #e7e4ea!important;
    box-shadow:0 -8px 28px rgba(36,22,51,.11)!important;
    padding:4px 6px max(4px,env(safe-area-inset-bottom))!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .mobile-bottom-nav a{
    position:relative;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    border-radius:12px!important;
    color:#8d91a0!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:600!important;
    -webkit-tap-highlight-color:transparent;
    transition:color .2s ease,transform .2s ease,background .2s ease;
  }
  .mobile-bottom-nav a i{
    display:block!important;
    font-size:21px!important;
    line-height:22px!important;
    font-style:normal!important;
  }
  .mobile-bottom-nav a span{
    display:block!important;
    white-space:nowrap!important;
    font-weight:600!important;
  }
  .mobile-bottom-nav a.active{color:#f5a900!important}
  .mobile-bottom-nav a.active:before{
    content:"";
    position:absolute;
    top:0;
    left:30%;
    right:30%;
    height:3px;
    border-radius:0 0 5px 5px;
    background:#f5a900;
  }
  .mobile-bottom-nav a:active{
    transform:scale(.94);
    background:#fff8e8!important;
  }
}
@media(max-width:390px){
  .mobile-bottom-nav a{font-size:10px!important}
  .mobile-bottom-nav a i{font-size:19px!important}
}
@media(min-width:768px){
  .mobile-bottom-nav{display:none!important}
}

/* =========================================================
   V16 FINAL — reliable sticky/fixed site header
   ========================================================= */
html{
  scroll-padding-top:82px!important;
}
body{
  margin:0!important;
  min-width:0!important;
  overflow-x:hidden!important;
  padding-top:0!important;
}
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:auto!important;
  z-index:99999!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
.site-header .navbar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:1!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 1px 0 rgba(36,22,51,.08),0 6px 22px rgba(36,22,51,.06)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
main{
  position:relative!important;
  z-index:1!important;
}
.site-header .navbar-toggler{
  position:relative!important;
  z-index:100000!important;
}
@media(max-width:767.98px){
  html{scroll-padding-top:68px!important}
  .site-header .navbar{
    min-height:60px;
  }
  .site-header .navbar-collapse{
    max-height:calc(100vh - 60px)!important;
    overflow-y:auto!important;
  }
  body{padding-bottom:76px!important}
}
@media(min-width:768px){
  body{padding-bottom:0!important}
}
/* Header state added by JS after the user scrolls. */
.site-header.scrolled .navbar{
  box-shadow:0 2px 0 rgba(36,22,51,.08),0 10px 30px rgba(36,22,51,.10)!important;
}

/* =========================================================
   V17 FINAL MOBILE STABILITY
   ========================================================= */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
html{scroll-padding-top:76px!important}
body{
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.product-card .product-art img {
    width: 110%;
    height: 110%;
    object-fit: contain;
}

/* Fixed header — deliberately not sticky so no ancestor overflow can break it. */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.site-header .navbar{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  z-index:2!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 1px 0 rgba(36,22,51,.08),0 8px 24px rgba(36,22,51,.06)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header.scrolled .navbar{
  box-shadow:0 2px 0 rgba(36,22,51,.08),0 12px 30px rgba(36,22,51,.10)!important;
}
main{position:relative;z-index:1}
body>footer,.footer{position:relative;z-index:1}

/* Prevent animation classes from changing layout/stacking of card text. */
.safe-reveal{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:opacity .55s ease,transform .55s ease;
}
.safe-reveal-in{
  opacity:1;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  .safe-reveal{opacity:1!important;transform:none!important;transition:none!important}
}

/* Four-tab mobile app navigation. */
.mobile-bottom-nav{display:none!important}
@media(max-width:767.98px){
  html{scroll-padding-top:68px!important}
  body{padding-bottom:76px!important}
  .site-header .navbar{min-height:60px}
  .site-header .navbar-collapse{
    max-height:calc(100vh - 60px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:72px!important;
    z-index:2147483000!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    align-items:stretch!important;
    background:#fff!important;
    border-top:1px solid #e6e3e9!important;
    box-shadow:0 -8px 26px rgba(36,22,51,.12)!important;
    padding:4px 5px max(4px,env(safe-area-inset-bottom))!important;
  }
  .mobile-bottom-nav a{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    color:#8f94a4!important;
    background:transparent!important;
    text-decoration:none!important;
    font:600 11px/1.1 Arial,sans-serif!important;
  }
  .mobile-bottom-nav a i{
    display:block!important;
    font-size:21px!important;
    line-height:22px!important;
    font-style:normal!important;
  }
  .mobile-bottom-nav a span{
    display:block!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  .mobile-bottom-nav a.active{color:#f4a900!important}
  .mobile-bottom-nav a.active:before{
    content:"";
    position:absolute;
    top:0;
    left:30%;
    right:30%;
    height:3px;
    border-radius:0 0 5px 5px;
    background:#f4a900;
  }

 

  /* Solution cards: readable mobile type and no absolute-positioned CTA collision. */
  .solution-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .solution-card,
  .solution-card.large{
    min-height:0!important;
    height:auto!important;
    padding:28px 24px 30px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .solution-card h3{
    font-size:1.45rem!important;
    line-height:1.18!important;
    margin:24px 0 12px!important;
    letter-spacing:-.02em!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  .solution-card p{
    font-size:.95rem!important;
    line-height:1.55!important;
    margin:0 0 22px!important;
    max-width:100%!important;
  }
  .solution-card a{
    position:static!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:auto!important;
    padding-top:2px!important;
    font-size:.78rem!important;
  }

  /* Inner page content should never sit under the fixed header. */
  .inner-page-hero{
    padding-top:112px!important;
  }
}
@media(max-width:390px){
  .mobile-bottom-nav a{font-size:10px!important}
  .mobile-bottom-nav a span{font-size:10px!important}
  .mobile-bottom-nav a i{font-size:19px!important}
  .solution-card h3{font-size:1.28rem!important}
  .solution-card p{font-size:.9rem!important}
}
@media(min-width:768px){
  .mobile-bottom-nav{display:none!important}
}

/* Remove any stale More sheet if an old cached DOM fragment survives. */
.mobile-more-trigger,
.mobile-more-backdrop,
.mobile-more-sheet,
.mobile-more-head,
.mobile-more-grid,
.mobile-more-close{
  display:none!important;
}

/* =========================================================
   V18 — content expansion, footer, tabs and testing layout
   ========================================================= */

/* Complete footer */
.footer{
  background:#18121f!important;
  color:#bfb6c5!important;
  padding:64px 0 24px!important;
}
.footer-main{
  display:grid;
  grid-template-columns:1.45fr 1fr 1fr 1.2fr;
  gap:42px;
  padding-bottom:46px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-brand-col .brand-logo{width:78px;height:78px;object-fit:contain}
.footer-tagline{font-size:1.05rem;color:#fff;font-weight:700;margin:18px 0 8px}
.footer-description{font-size:.76rem;line-height:1.7;max-width:390px;color:#a9a0b0}
.footer-whatsapp{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#fff;text-decoration:none;font-weight:800;font-size:.75rem}
.footer-whatsapp i{color:#25d366;font-size:1.05rem}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col h4{color:#fff;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}
.footer-col a{color:#bfb6c5;text-decoration:none;font-size:.72rem;line-height:1.5}
.footer-col a:hover{color:#f5b000}
.footer-contact-col p,.footer-contact-col a{display:flex;gap:9px;align-items:flex-start;margin:0}
.footer-contact-col i{color:#f5b000;flex:0 0 auto}
.footer-quote-btn{margin-top:8px!important;display:inline-flex!important;align-items:center;justify-content:center;padding:11px 14px;border:1px solid rgba(245,176,0,.55);border-radius:10px;color:#fff!important;background:rgba(245,176,0,.08)}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:20px}
.footer-bottom-links{display:flex;gap:17px;flex-wrap:wrap}
.footer-bottom-links a{color:#9f96a8;text-decoration:none;font-size:.66rem}
.footer-bottom p{margin:0;text-align:center;color:#8e8597;font-size:.65rem}
.footer-socials{display:flex;justify-content:flex-end;gap:9px}
.footer-socials a{width:31px;height:31px;border:1px solid rgba(255,255,255,.13);border-radius:50%;display:grid;place-items:center;color:#cfc7d4;text-decoration:none}
.footer-socials a:hover{color:#f5b000;border-color:#f5b000}

/* Contact expansion */
.contact-info-section{background:#f7f5f8}
.info-panel,.contact-route-card{height:100%;border:1px solid #e1dce5;border-radius:24px;background:#fff;padding:38px}
.info-panel h2{max-width:700px;margin:10px 0 12px}
.info-panel p{color:#666;line-height:1.7}
.contact-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.contact-check-grid div{border:1px solid #e7e2ea;border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:11px}
.contact-check-grid i{grid-row:span 2;color:#482e66;font-size:1.2rem}
.contact-check-grid strong{font-size:.8rem;color:#241633}
.contact-check-grid span{font-size:.68rem;color:#777;line-height:1.5;margin-top:3px}
.contact-route-card{background:#241633;color:#fff;border-color:#241633;display:flex;flex-direction:column;justify-content:center}
.contact-route-card .tag{color:#f5b000}
.contact-route-card h3{font-size:2rem;margin:14px 0 8px}
.contact-route-card p{color:#cfc7d4;line-height:1.65;font-size:.85rem}
.route-note{display:flex;gap:9px;margin-top:20px;color:#aaa1b0;font-size:.68rem;line-height:1.5}
.route-note i{color:#f5b000}
.contact-services-section{background:#fff}
.contact-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.contact-service-grid article{border:1px solid #e2dee5;border-radius:20px;padding:24px;display:flex;flex-direction:column;min-height:250px;background:#fff;transition:.35s}
.contact-service-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(72,46,102,.12)}
.contact-service-grid article>i{font-size:1.55rem;color:#482e66}
.contact-service-grid article>span{font-size:.58rem;letter-spacing:.1em;color:#9b93a0;font-weight:900;margin-top:18px}
.contact-service-grid h3{font-size:1.05rem;margin:7px 0}
.contact-service-grid p{font-size:.72rem;color:#6e6a71;line-height:1.6}
.contact-service-grid a{margin-top:auto;color:#482e66;text-decoration:none;font-weight:800;font-size:.7rem}
.contact-process-section{background:#f7f5f8}
.contact-process{display:flex;flex-direction:column;gap:10px}
.contact-process div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;border:1px solid #e1dce5;border-radius:16px;background:#fff;padding:14px 17px}
.contact-process b{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#482e66;color:#f5b000;font-size:.65rem}
.contact-process strong{font-size:.78rem;color:#241633}
.contact-process span{font-size:.67rem;color:#777;margin-top:3px}
.contact-final-cta{background:#482e66;color:#fff;padding:50px 0}
.contact-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-final-cta span{font-size:.6rem;letter-spacing:.15em;color:#f5b000;font-weight:900}
.contact-final-cta h2{margin:7px 0;font-size:2.3rem}
.contact-final-cta p{margin:0;color:#d2c9d9}

/* Benefits expansion */
.benefit-explainer-section{background:#f7f5f8}
.benefit-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.benefit-flow article{background:#fff;border:1px solid #e2dee5;border-radius:20px;padding:26px;min-height:240px}
.benefit-flow span{font-size:.62rem;font-weight:900;color:#a39aa8;letter-spacing:.12em}
.benefit-flow i{display:block;font-size:1.5rem;color:#f0aa00;margin:25px 0 15px}
.benefit-flow h3{font-size:1rem;margin:0 0 8px}.benefit-flow p{font-size:.7rem;color:#777;line-height:1.6;margin:0}
.benefit-vs-section{background:#fff}
.benefit-comparison{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:14px}
.compare-column{border:1px solid #ddd7e1;border-radius:24px;padding:25px;background:#f9f8fa}
.compare-column.concrete{background:#f5f3f6}
.compare-label{display:block;color:#482e66;font-weight:900;font-size:.63rem;letter-spacing:.1em;margin-bottom:18px}
.compare-column>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;border-top:1px solid #e3dfe5;padding:17px 0}
.compare-column>div:first-of-type{border-top:0}
.compare-column i{grid-row:span 2;color:#482e66;font-size:1.1rem}
.compare-column strong{font-size:.78rem;color:#241633}.compare-column small{font-size:.65rem;color:#777;line-height:1.5;margin-top:3px}
.compare-vs{align-self:center;justify-self:center;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f5b000;color:#241633;font-weight:900;font-size:.7rem}
.comparison-note{margin-top:20px;padding:14px 17px;border-radius:12px;background:#f7f5f8;color:#6e6a71;font-size:.68rem;display:flex;gap:9px}.comparison-note i{color:#482e66}
.benefit-application-section{background:#f7f5f8}
.benefit-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.benefit-use-grid article{background:#fff;border:1px solid #e0dbe4;border-radius:17px;padding:20px}.benefit-use-grid i{color:#482e66;font-size:1.25rem}.benefit-use-grid h3{font-size:.9rem;margin:12px 0 5px}.benefit-use-grid p{font-size:.67rem;color:#777;line-height:1.5;margin:0}
.benefit-selection-section{background:#fff}
.selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.selection-grid article{border:1px solid #e2dee5;border-radius:18px;padding:22px;background:#fff}.selection-grid i{font-size:1.25rem;color:#f0aa00}.selection-grid h3{font-size:.9rem;margin:13px 0 7px}.selection-grid p{font-size:.68rem;color:#777;line-height:1.6;margin:0}
.benefit-faq-section{background:#f7f5f8}
.benefit-faq-list{display:flex;flex-direction:column;gap:10px}.benefit-faq-list details{background:#fff;border:1px solid #e1dce5;border-radius:15px;padding:17px 19px}.benefit-faq-list summary{cursor:pointer;font-weight:800;color:#241633;font-size:.8rem}.benefit-faq-list p{font-size:.7rem;color:#777;line-height:1.65;margin:12px 0 0}

/* Quality testing: equal visual frames, no black filler and no giant image dominance */
.quality-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important}
.quality-card.reverse .quality-image{order:2}.quality-card.reverse .quality-copy{order:1}
.quality-image{height:340px!important;min-height:0!important;background:#f5f3f6!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.quality-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:14px!important;background:#fff!important}
.quality-copy{padding:38px!important;display:flex;flex-direction:column;justify-content:center}
.testing-workflow-section{background:#f7f5f8}
.testing-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.testing-flow>div{background:#fff;border:1px solid #e0dbe4;border-radius:20px;padding:24px;min-height:215px}
.testing-flow b{font-size:.6rem;color:#9a92a0;letter-spacing:.1em}.testing-flow i{display:block;color:#482e66;font-size:1.35rem;margin:25px 0 13px}.testing-flow h3{font-size:.9rem;margin:0 0 7px}.testing-flow p{font-size:.68rem;color:#777;line-height:1.55;margin:0}

/* Guide tabs — buttons are real tabs, not anchors. */
.knowledge-tab{appearance:none;-webkit-appearance:none}
.knowledge-tab:focus-visible{outline:3px solid rgba(245,176,0,.55);outline-offset:-3px}
.knowledge-panel[hidden]{display:none!important}
@media(max-width:767.98px){
  .knowledge-nav{grid-template-columns:repeat(2,1fr)!important}
  .knowledge-tab{min-height:58px!important;padding:12px 8px!important;font-size:.68rem!important}
  .knowledge-content{padding:20px!important}
  .knowledge-panel.active{display:flex!important;flex-direction:column!important;gap:22px!important}
  .knowledge-panel-visual{height:250px!important;width:100%!important}
}
@media(max-width:575.98px){
  .footer{padding:48px 0 95px!important}
  .footer-main{grid-template-columns:1fr!important;gap:30px!important}
  .footer-bottom{grid-template-columns:1fr!important;text-align:left!important}
  .footer-bottom p{text-align:left!important}
  .footer-socials{justify-content:flex-start!important}
  .contact-check-grid{grid-template-columns:1fr!important}
  .info-panel,.contact-route-card{padding:25px!important}
  .contact-service-grid{grid-template-columns:1fr!important}
  .contact-final-cta .container{flex-direction:column!important;align-items:flex-start!important}
  .benefit-flow{grid-template-columns:1fr!important}
  .benefit-comparison{grid-template-columns:1fr!important}
  .compare-vs{margin:0 auto!important}
  .benefit-use-grid{grid-template-columns:1fr!important}
  .selection-grid{grid-template-columns:1fr!important}
  .quality-card,.quality-card.reverse{grid-template-columns:1fr!important}
  .quality-card.reverse .quality-image,.quality-card.reverse .quality-copy{order:initial!important}
  .quality-image{height:250px!important;padding:12px!important}
  .quality-copy{padding:24px!important}
  .testing-flow{grid-template-columns:1fr!important}
}

/* =========================================================
   V19 FINAL INFORMATION ARCHITECTURE
   ========================================================= */
.application-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.application-matrix-card{display:flex;flex-direction:column;min-height:175px;padding:24px;border:1px solid #e1dce5;border-radius:20px;background:#fff;text-decoration:none;color:#241633;transition:.3s}
.application-matrix-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(72,46,102,.1);color:#241633}
.application-matrix-card i{font-size:1.5rem;color:#482e66;margin-bottom:24px}
.application-matrix-card strong{font-size:.95rem}
.application-matrix-card span{font-size:.68rem;line-height:1.5;color:#777;margin-top:7px}
.application-faq-section{background:#f7f5f8}
.application-faq-list{display:flex;flex-direction:column;gap:10px}
.application-faq-list details{background:#fff;border:1px solid #e1dce5;border-radius:15px;padding:17px 19px}
.application-faq-list summary{cursor:pointer;font-weight:800;font-size:.8rem;color:#241633}
.application-faq-list p{font-size:.7rem;color:#777;line-height:1.65;margin:11px 0 0}
.application-detail-section{background:#fff}
.application-detail-content{margin-top:35px}
.application-detail-content .inner-page-hero,.application-detail-content .related-pages{display:none!important}
.guide-benefits-section,.guide-quality-section{background:#f7f5f8}
.guide-benefits-section>.container>section,
.guide-quality-section>.container>section{padding-left:0!important;padding-right:0!important}
.guide-selection-section{background:#fff}
.guide-selection-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.guide-selection-flow>div{border:1px solid #e0dbe4;border-radius:20px;padding:24px;background:#fff;min-height:200px}
.guide-selection-flow span{font-size:.6rem;color:#9b92a0;font-weight:900;letter-spacing:.1em}
.guide-selection-flow i{display:block;color:#482e66;font-size:1.35rem;margin:24px 0 13px}
.guide-selection-flow h3{font-size:.9rem;margin:0 0 7px}
.guide-selection-flow p{font-size:.68rem;color:#777;line-height:1.55;margin:0}
.guide-faq-section{background:#f7f5f8}
.guide-faq-list{display:flex;flex-direction:column;gap:10px}
.guide-faq-list details{background:#fff;border:1px solid #e1dce5;border-radius:15px;padding:17px 19px}
.guide-faq-list summary{cursor:pointer;font-weight:800;color:#241633;font-size:.8rem}
.guide-faq-list p{font-size:.7rem;color:#777;line-height:1.65;margin:11px 0 0}
.gallery-filter-section{background:#fff}
.gallery-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:32px}
.gallery-filter{border:1px solid #ddd7e3;background:#fff;color:#5e5567;border-radius:999px;padding:10px 16px;font-size:.68rem;font-weight:800;cursor:pointer;transition:.25s}
.gallery-filter:hover,.gallery-filter.active{background:#482e66;border-color:#482e66;color:#fff}
.gallery-grid-section{background:#f7f5f8}
.gallery-grid-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-item-v19{background:#fff;border:1px solid #e1dce5;border-radius:20px;overflow:hidden;transition:.3s}
.gallery-item-v19:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(72,46,102,.1)}
.gallery-item-v19[hidden]{display:none!important}
.gallery-item-v19 img{display:block;width:100%;height:250px;object-fit:cover;background:#efedf1}
.gallery-item-v19>div{padding:20px 21px 22px}
.gallery-item-v19 span{font-size:.56rem;letter-spacing:.12em;color:#482e66;font-weight:900}
.gallery-item-v19 h3{font-size:1rem;margin:8px 0 6px}
.gallery-item-v19 p{font-size:.68rem;line-height:1.55;color:#777;margin:0}
.video-gallery-section{background:#fff}
.video-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-card-v19{border:1px solid #e1dce5;border-radius:20px;padding:14px;background:#fff}
.video-thumb{height:230px;border-radius:14px;background:linear-gradient(135deg,#241633,#482e66);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}
.video-thumb.solar-video{background:linear-gradient(135deg,#25452e,#12616b)}
.video-thumb.testing-video{background:linear-gradient(135deg,#3c3a44,#6d6b77)}
.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.3))}
.video-play{width:60px;height:60px;border-radius:50%;background:#f5b000;color:#241633;display:grid;place-items:center;font-size:1.7rem;position:relative;z-index:2}
.video-thumb span{position:absolute;left:18px;bottom:16px;font-size:.55rem;letter-spacing:.1em;font-weight:900;z-index:2}
.video-card-v19 h3{font-size:1rem;margin:18px 5px 7px}.video-card-v19 p{font-size:.68rem;color:#777;line-height:1.55;margin:0 5px 13px}.video-card-v19>a{font-size:.68rem;color:#482e66;font-weight:900;text-decoration:none;margin:0 5px 5px;display:inline-flex;gap:7px}
.gallery-cta-v19{background:#482e66;color:#fff;padding:52px 0}.gallery-cta-v19 .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.gallery-cta-v19 span{font-size:.58rem;letter-spacing:.14em;color:#f5b000;font-weight:900}.gallery-cta-v19 h2{font-size:2.1rem;margin:8px 0 0}
@media(max-width:991.98px){
  .application-matrix{grid-template-columns:repeat(2,1fr)}
  .guide-selection-flow{grid-template-columns:repeat(2,1fr)}
  .gallery-grid-v19,.video-gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575.98px){
  .application-matrix{grid-template-columns:1fr}
  .guide-selection-flow{grid-template-columns:1fr}
  .gallery-grid-v19,.video-gallery-grid{grid-template-columns:1fr}
  .gallery-item-v19 img{height:220px}
  .gallery-filters{justify-content:flex-start}
  .gallery-filter{padding:9px 13px;font-size:.62rem}
  .gallery-cta-v19 .container{flex-direction:column;align-items:flex-start}
}
/* Product card images - equal size */
.product-card .product-art {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.solution-card {
    display: flex;
    flex-direction: column;
}

.solution-card > i {
    font-size: 2rem;
    color: var(--yellow);
    display: block;
    margin: 42px 0 12px;
}

.solution-card h3 {
    margin: 0 0 8px;
}

.solution-card p {
    margin: 0 0 14px;
}

.solution-card a {
    position: static !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    width: fit-content;
    line-height: 1.2;
}

.solution-card a i {
    font-size: 1rem !important;
    display: inline-block !important;
    margin: 0 !important;
    line-height: 1;
}

/* .solution-card > i{
    font-size:2rem;
    color:var(--yellow);
    display:block;
    margin:42px 0 20px;
} */

.hero h1 {
    font-size: 6rem;
    line-height: 1;
}

.video-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
}

.video-thumb iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.animated-foundation .solar-guide-art {
    margin-top: 70px !important;
}

body:has(.knowledge-tabs) h1 {
    font-size: 4rem !important;
}

body:has(.knowledge-tabs) h2 {
    font-size: 2.5rem !important;
}

body:has(.knowledge-tabs) h3 {
    font-size: 1.40rem !important;
}