:root{
  --green-primary:#064E3B;
  --green-deep:#022C22;
  --gold:#D4AF37;
  --navy:#0F2747;
  --saffron:#FF8A1D;
  --ivory:#FFF8E8;
  --sand:#E8DCC2;
  --charcoal:#1F2933;
  --white:#FFFFFF;
  --muted:#65748A;
  --line:rgba(31,41,51,.12);
  --shadow:0 18px 42px rgba(2,44,34,.10);
  --shadow-strong:0 24px 60px rgba(2,44,34,.18);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--charcoal);background:var(--ivory);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1220px,92vw);margin:0 auto}.scroll-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--saffron),var(--gold),var(--green-primary));width:0;z-index:3000}
/* subtle Indian textile texture */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(212,175,55,.18) 1px,transparent 0),linear-gradient(135deg,rgba(6,78,59,.035),transparent 40%);background-size:24px 24px,100% 100%;opacity:.55}.mandala{position:absolute;pointer-events:none;border-radius:50%;opacity:.22}.mandala::before,.mandala::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(212,175,55,.38)}.mandala::after{inset:28px;border-style:dashed;border-color:rgba(255,138,29,.28)}.mandala-left{width:380px;height:380px;left:-120px;top:80px}.mandala-right{width:420px;height:420px;right:-150px;bottom:-110px}
.top-message{height:38px;background:var(--green-deep);color:#F6E7B3;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid rgba(212,175,55,.28)}.ticker-track{display:flex;gap:60px;white-space:nowrap;animation:tickerMove 28s linear infinite;font-weight:700;letter-spacing:.02em}.ticker-track span{padding-left:40px}.ticker-track:hover{animation-play-state:paused}@keyframes tickerMove{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.site-header{position:sticky;top:0;z-index:1200;background:rgba(255,248,232,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(212,175,55,.20);transition:box-shadow .25s ease,background .25s ease}.site-header.scrolled{box-shadow:0 14px 32px rgba(2,44,34,.12);background:rgba(255,248,232,.98)}.nav-wrap{min-height:92px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:16px;flex:0 0 auto}.brand img{width:76px;height:76px;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 12px 24px rgba(2,44,34,.10);padding:4px}.brand strong{display:block;color:var(--green-primary);font-size:1.12rem;letter-spacing:.02em}.brand span{display:block;color:#77613B;font-size:.84rem;white-space:nowrap}.main-nav{display:flex;align-items:center;justify-content:center;gap:21px;flex:1;white-space:nowrap}.main-nav a{font-size:.95rem;font-weight:800;color:var(--charcoal);position:relative;padding:10px 0}.main-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--saffron),var(--gold),var(--green-primary));border-radius:99px;transition:width .25s ease}.main-nav a:hover,.main-nav a.active{color:var(--green-primary)}.main-nav a:hover::after,.main-nav a.active::after{width:100%}.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.menu-toggle{display:none;border:1px solid rgba(6,78,59,.14);background:#fff;width:46px;height:46px;border-radius:14px;font-size:1.15rem;box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{background:linear-gradient(135deg,var(--green-primary),#0B6A50);color:#fff}.btn-secondary,.btn-ghost{background:#fff;color:var(--green-primary);border-color:rgba(6,78,59,.18)}.btn-outline-light{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#fff}.btn-full{width:100%}
.section{padding:92px 0;position:relative}.light-surface{background:linear-gradient(180deg,#FFFDF4 0%,#F4EBD8 100%)}.section-heading{text-align:center;max-width:860px;margin:0 auto 42px}.section-heading.left{text-align:left;margin:0}.section-heading p{font-size:1.05rem}.eyebrow{display:inline-flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:900;color:var(--gold);margin-bottom:18px}.eyebrow::before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--saffron),var(--gold),var(--green-primary));border-radius:99px}.dark-text{color:#a5790e}.capsule{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:999px;border:1px solid rgba(212,175,55,.48);background:rgba(255,248,232,.76);color:#B48817;font-size:.92rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.capsule.small{padding:9px 16px;font-size:.75rem}.capsule.soon{background:#FFF2C7;color:#8B681B}.capsule.dark{background:rgba(212,175,55,.10);border-color:rgba(212,175,55,.40)}h1,h2,h3,h4{margin:0 0 14px;line-height:1.12;color:var(--charcoal)}h1{font-size:clamp(2.7rem,5.4vw,5.3rem);letter-spacing:-.04em}h2{font-size:clamp(2.05rem,3.7vw,3.35rem);letter-spacing:-.035em}h3{font-size:1.25rem}p{margin:0 0 14px;color:var(--muted)}.lead{font-size:1.18rem;max-width:700px}
.hero-section{position:relative;overflow:hidden;padding:90px 0 82px;background:radial-gradient(circle at 12% 20%,rgba(212,175,55,.16),transparent 24%),radial-gradient(circle at 90% 24%,rgba(255,138,29,.10),transparent 22%),linear-gradient(135deg,var(--green-deep) 0%,var(--green-primary) 58%,#0A2D50 100%);color:#fff}.hero-section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(135deg,var(--green-primary),var(--gold));clip-path:ellipse(72% 44% at 0% 100%);opacity:.90}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:2}.hero-section h1,.hero-section p{color:#fff}.hero-section .lead{color:#FFF1C2}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 26px}.hero-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-mini-grid div{background:rgba(255,248,232,.10);border:1px solid rgba(212,175,55,.25);border-radius:22px;padding:18px}.hero-mini-grid strong{display:block;font-size:1.55rem;color:#fff}.hero-mini-grid span{display:block;color:#F6E7B3;font-size:.92rem}.hero-visual{display:grid;gap:18px}.video-card{border:1px solid rgba(212,175,55,.30);border-radius:32px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.28);background:#061D16}.video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.deck-preview{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:rgba(255,248,232,.95);border:1px solid rgba(212,175,55,.38);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.deck-preview img{width:120px;height:76px;object-fit:cover;border-radius:14px;border:1px solid rgba(212,175,55,.28)}.deck-preview a{font-weight:900;color:var(--green-primary)}
.quick-rfq-section{padding:62px 0;background:var(--ivory)}.quick-rfq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;background:#fff;border:1px solid rgba(212,175,55,.34);border-radius:32px;padding:30px;box-shadow:var(--shadow)}.quick-rfq-copy h2{font-size:clamp(1.7rem,2.6vw,2.4rem)}.mini-rfq{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-rfq input{min-width:0}.mini-rfq button{grid-column:auto}.mini-rfq input[type=file]{font-size:.86rem;background:#FFFDF5}
.trust-badges-section{background:linear-gradient(180deg,#FFF8E8,#FFFDF5)}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.badge-grid article,.premium-card,.market-grid article,.product-card,.design-box,.value-card,.execution-card,.verification-grid article,.profile-panel,.contact-info,.form-box,.faq-item,.policy-card{background:rgba(255,255,255,.92);border:1px solid rgba(232,220,194,.98);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.badge-grid article:hover,.premium-card:hover,.market-grid article:hover,.product-card:hover,.value-card:hover,.verification-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong);border-color:rgba(212,175,55,.55)}.badge-grid article{padding:26px}.badge-icon,.line-icon{width:54px;height:54px;border-radius:18px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#fff;font-weight:900;margin-bottom:18px;box-shadow:0 10px 24px rgba(6,78,59,.18)}
.why-section{background:var(--ivory)}.why-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.why-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.premium-card{padding:30px}.premium-card h3{color:var(--green-deep)}.premium-card p{font-size:1.02rem}.premium-card .line-icon{background:#fff;color:var(--gold);border:1px solid rgba(212,175,55,.45);box-shadow:none}
.markets-section{background:linear-gradient(180deg,#FFFDF5 0%,#F1E7D2 100%)}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.market-grid article{padding:26px;text-align:center}.market-grid strong{display:block;font-size:1.4rem;color:var(--green-primary);margin-bottom:6px}.market-grid span{color:var(--muted)}
.products-section{background:var(--ivory)}.product-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{overflow:hidden}.product-card img{width:100%;height:270px;object-fit:cover}.product-card div{padding:26px}.product-card span{display:inline-flex;margin-bottom:12px;color:#A77D15;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.product-card h3{color:var(--green-deep)}.product-card a{display:inline-block;color:var(--green-primary);font-weight:900;margin-top:8px}.product-card.coming{opacity:.94}.product-card.coming img{filter:saturate(.85) contrast(.98)}
.design-support-section{background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#fff}.design-box{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:38px;border-color:rgba(212,175,55,.35);background:linear-gradient(135deg,rgba(255,248,232,.98),#fff)}.design-box p{font-size:1.06rem}.design-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.design-list div{background:var(--ivory);border:1px solid rgba(212,175,55,.36);border-radius:20px;padding:18px;text-align:center;color:var(--green-primary);font-weight:900}
.values-section{background:linear-gradient(180deg,var(--green-deep),#042A20);color:#fff}.values-section h2,.values-section h3{color:#fff}.values-section p{color:#E8F3EC}.gold-divider{height:10px;max-width:760px;margin:-20px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--green-primary),var(--gold));opacity:.85}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value-card{background:rgba(255,255,255,.06);border-color:rgba(212,175,55,.20);padding:30px}.value-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(212,175,55,.42);color:#F6DA82;font-weight:900;margin-bottom:18px}
.execution-section{background:#FFFDF5}.execution-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.execution-card{padding:34px;overflow:hidden}.execution-steps{display:grid;gap:14px;margin-top:22px}.execution-steps div{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;border-bottom:1px solid rgba(31,41,51,.10);padding-bottom:14px}.execution-steps div:last-child{border-bottom:0}.execution-steps strong{width:58px;height:58px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center}.clean-list{padding-left:20px;color:var(--muted);display:grid;gap:10px}.clean-list li{padding-left:4px}
.verification-section{padding-top:64px;background:linear-gradient(180deg,#FFF8E8,#F1E7D2)}.verification-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.verification-grid article{padding:24px}.verification-grid span{display:block;color:#77613B;margin-bottom:8px}.verification-grid strong{display:block;color:var(--charcoal);font-size:1.12rem}.verification-grid a{color:var(--green-primary)}
.page-hero{position:relative;overflow:hidden;padding:92px 0;background:linear-gradient(135deg,var(--green-deep),var(--green-primary));color:#fff}.page-hero::before{content:"";position:absolute;left:-120px;top:-120px;width:350px;height:350px;border-radius:50%;border:1px dashed rgba(212,175,55,.25)}.page-hero::after{content:"";position:absolute;right:-90px;bottom:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 65%)}.page-hero .container{position:relative;z-index:2}.page-hero h1,.page-hero p{color:#fff}.page-hero p{color:#F6E7B3;max-width:780px;font-size:1.12rem}.about-layout{display:grid;grid-template-columns:1fr .8fr;gap:38px;align-items:center}.profile-panel{padding:18px}.profile-panel img{border-radius:22px;border:1px solid rgba(212,175,55,.25);margin-bottom:16px}.product-detail-stack{display:grid;gap:28px}.product-detail-card{display:grid;grid-template-columns:380px 1fr;gap:0;background:#fff;border:1px solid rgba(232,220,194,.98);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.product-detail-card>img{width:100%;height:100%;object-fit:cover}.product-detail-card>div{padding:32px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.spec-grid article{background:#FFFDF5;border:1px solid rgba(232,220,194,.98);border-radius:20px;padding:18px}.spec-grid h3{font-size:1.04rem;color:var(--green-primary)}.process-page-section{background:#FFFDF5}.process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.process-flow div{position:relative;background:#fff;border:1px solid rgba(232,220,194,.98);border-radius:26px;padding:26px;text-align:center;box-shadow:var(--shadow)}.process-flow div:not(:last-child)::after{content:"→";position:absolute;right:-19px;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:900;font-size:1.3rem;z-index:2}.process-flow strong{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--green-primary);color:#fff;margin-bottom:14px}.process-note{margin:26px auto 0;max-width:780px;background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#FFF1C2;border:1px solid rgba(212,175,55,.35);border-radius:22px;padding:18px;text-align:center;font-size:1.1rem;font-weight:800}.form-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;align-items:start}.form-box{padding:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;margin-bottom:8px;color:var(--green-deep);font-weight:900}input,select,textarea{width:100%;border:1px solid rgba(31,41,51,.14);border-radius:16px;background:#fff;padding:14px 16px;font:inherit;color:var(--charcoal);outline:none;transition:border-color .22s ease,box-shadow .22s ease}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.15)}.form-guide p{font-size:1.02rem}.contact-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-info{padding:28px}.contact-info a{display:block;color:var(--green-primary);font-weight:900;margin-bottom:8px}.faq-list{max-width:940px;margin:0 auto;display:grid;gap:16px}.faq-item{padding:0 24px}.faq-item summary{cursor:pointer;font-weight:900;color:var(--green-deep);list-style:none;padding:22px 0;position:relative;padding-right:36px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;right:0;top:18px;font-size:1.5rem;color:var(--gold)}.faq-item[open] summary::after{content:"−"}.faq-item p{padding-bottom:22px}.policy-card{padding:34px;max-width:960px;margin:0 auto}.policy-card h2,.policy-card h3{font-size:1.2rem;margin-top:18px}.policy-card ul,.policy-card ol{color:var(--muted);padding-left:22px}.policy-card li{margin-bottom:8px}
.site-footer{background:linear-gradient(135deg,var(--green-deep),var(--green-primary));color:#F3E9CA;padding:76px 0 24px;border-top:4px solid var(--gold)}.footer-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr 1.1fr;gap:30px}.footer-brand img{background:#fff}.site-footer h3{color:#fff;font-size:1.08rem;margin-bottom:16px}.site-footer p,.site-footer a{color:#F3E9CA}.site-footer a{display:block;margin:8px 0}.download-link{display:inline-flex!important;padding:9px 14px;border-radius:999px;background:rgba(255,248,232,.10);border:1px solid rgba(212,175,55,.34);margin-top:8px!important;color:#fff!important;font-weight:800}.social-icons{display:flex;gap:12px;margin-top:12px}.social-icons a{width:42px;height:42px;border-radius:12px;overflow:hidden;display:inline-flex!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}.social-icons img{width:100%;height:100%;object-fit:cover}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#F3E9CA}
.whatsapp-fab{position:fixed;right:20px;bottom:20px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#25D366,#19B95A);box-shadow:0 18px 34px rgba(37,211,102,.34);z-index:1100;border:4px solid rgba(255,248,232,.95)}.whatsapp-fab img{width:32px;height:32px}.form-popup{position:fixed;inset:0;background:rgba(2,44,34,.45);backdrop-filter:blur(6px);z-index:1600;display:none;align-items:center;justify-content:center;padding:18px}.form-popup.show{display:flex}.form-popup-card{background:var(--ivory);border:1px solid rgba(212,175,55,.38);border-radius:28px;padding:30px;text-align:center;max-width:430px;box-shadow:var(--shadow-strong)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media(max-width:1180px){.header-actions .btn-ghost{display:none}.main-nav{gap:15px}.hero-layout,.why-layout,.design-box,.execution-layout,.about-layout,.form-layout{grid-template-columns:1fr}.badge-grid,.product-showcase-grid,.values-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(4,1fr)}.process-flow{grid-template-columns:repeat(3,1fr)}.product-detail-card{grid-template-columns:1fr}.product-detail-card>img{height:330px}.quick-rfq-wrap{grid-template-columns:1fr}.mini-rfq{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.top-message{height:34px}.nav-wrap{min-height:78px;position:relative}.brand img{width:58px;height:58px}.brand span{display:none}.menu-toggle{display:inline-grid;place-items:center;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--ivory);border:1px solid rgba(212,175,55,.25);border-radius:22px;box-shadow:var(--shadow-strong);padding:18px;flex-direction:column;align-items:flex-start;white-space:normal}.main-nav.open{display:flex}.header-actions{display:none}.hero-mini-grid,.badge-grid,.why-card-grid,.market-grid,.product-showcase-grid,.values-grid,.verification-grid,.footer-grid,.spec-grid,.contact-card-grid,.form-grid,.mini-rfq{grid-template-columns:1fr}.section{padding:74px 0}.process-flow{grid-template-columns:1fr}.process-flow div:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-27px;transform:translateX(50%)}.quick-rfq-wrap,.design-box,.execution-card,.form-box{padding:24px}.deck-preview{grid-template-columns:1fr}.deck-preview img{width:100%;height:auto}.whatsapp-fab{width:56px;height:56px;right:14px;bottom:14px}.whatsapp-fab img{width:28px;height:28px}}
@media(max-width:560px){h1{font-size:clamp(2.2rem,10vw,3.1rem)}h2{font-size:clamp(1.75rem,7vw,2.4rem)}.container{width:min(94vw,1220px)}.hero-section{padding:70px 0}.brand strong{font-size:.95rem}.hero-actions{flex-direction:column;align-items:flex-start}.product-detail-card>img,.product-card img{height:240px}.footer-bottom{display:block}.ticker-track{animation-duration:22s}.form-grid .full{grid-column:1}.mini-rfq button{width:100%}}

/* Phase 5 homepage refinement */
.top-message{height:38px;background:linear-gradient(90deg,var(--green-deep),var(--green-primary));border-bottom:1px solid rgba(212,175,55,.22);overflow:hidden}
.ticker-track{gap:64px;animation-duration:18s;font-weight:700;letter-spacing:.03em}
.nav-wrap{gap:26px;padding:14px 0}.brand img{width:72px;height:72px;border-radius:18px}.brand strong{font-size:1.1rem}.brand span{font-size:.86rem}
.hero-layout-premium{align-items:center;grid-template-columns:1.05fr .95fr}.premium-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#053228 0%, #064E3B 28%, #0F2747 72%, #0a2341 100%)}
.hero-pattern{position:absolute;inset:0;background:radial-gradient(circle at 18% 30%, rgba(255,248,232,.06), transparent 26%),radial-gradient(circle at 84% 18%, rgba(212,175,55,.10), transparent 22%),repeating-linear-gradient(112deg, rgba(255,255,255,.05) 0 1px, transparent 1px 90px);pointer-events:none;opacity:.75}
.hero-side-panel{background:rgba(255,248,232,.10);border:1px solid rgba(212,175,55,.35);border-radius:34px;padding:28px;backdrop-filter:blur(8px);box-shadow:0 26px 60px rgba(2,44,34,.22);position:relative;overflow:hidden}.hero-side-panel::before{content:'';position:absolute;right:-60px;top:-50px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(212,175,55,.4);opacity:.5}.hero-side-panel::after{content:'';position:absolute;left:-40px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle, rgba(255,138,29,.22), transparent 70%)}
.small-title{display:block;color:#FFF1C2;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:.82rem}.hero-category-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-category-chips span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--green-deep);font-weight:800;font-size:.88rem;border:1px solid rgba(212,175,55,.38)}
.hero-route-card{display:grid;gap:12px;margin:22px 0;padding:22px;border-radius:24px;background:rgba(10,25,45,.45);border:1px solid rgba(255,255,255,.08)}.route-step{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;color:#fff}.route-step i{font-style:normal;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#c59216);color:var(--green-deep);font-weight:900;box-shadow:0 12px 22px rgba(212,175,55,.18)}.route-step span{font-weight:800;line-height:1.35}.route-line{height:2px;background:linear-gradient(90deg, rgba(255,138,29,.85), rgba(212,175,55,.95));margin-left:28px;opacity:.82}
.hero-panel-bottom{display:grid;gap:14px}.side-bullet{padding:16px 18px;border-radius:20px;background:rgba(255,248,232,.92);border:1px solid rgba(212,175,55,.25)}.side-bullet strong{display:block;color:var(--green-deep);margin-bottom:6px}.side-bullet p{margin:0;color:#43536A;font-size:.96rem}
.hero-mini-grid div{background:rgba(255,248,232,.95);border:1px solid rgba(212,175,55,.32)}.hero-mini-grid strong{color:var(--green-deep)}.hero-mini-grid span{color:#53657B}
.trust-badges-section{background:linear-gradient(180deg,#FFF8E8 0%, #fffef9 100%)}.badge-grid article{border:1px solid rgba(212,175,55,.34);background:linear-gradient(180deg,#fff, #fffdfa);position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.badge-grid article::before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--saffron),var(--gold),var(--green-primary));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.badge-grid article:hover::before{transform:scaleX(1)}.badge-grid article:hover{border-color:rgba(6,78,59,.45);box-shadow:0 24px 50px rgba(6,78,59,.14);transform:translateY(-6px)}
.badge-icon{background:linear-gradient(135deg,var(--gold),#bf8a15)!important;color:var(--green-deep)!important;border:3px solid rgba(6,78,59,.16)!important;box-shadow:0 12px 24px rgba(212,175,55,.2)}
.why-card-grid .premium-card{border:1px solid rgba(212,175,55,.3);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.why-card-grid .premium-card:hover{transform:translateY(-6px);border-color:rgba(6,78,59,.38);box-shadow:0 22px 44px rgba(6,78,59,.12)}
.line-icon{background:linear-gradient(135deg,var(--green-primary),var(--green-deep));box-shadow:0 14px 28px rgba(6,78,59,.18)}
.market-grid-flags article{padding-top:24px}.flag-chip{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#FFF4D7);border:1px solid rgba(212,175,55,.35);box-shadow:0 12px 24px rgba(6,78,59,.08);font-size:1.8rem;margin:0 auto 14px}.market-grid article{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.market-grid article:hover{transform:translateY(-4px);border-color:rgba(6,78,59,.32);box-shadow:0 20px 40px rgba(6,78,59,.10)}
.product-showcase-grid .product-card{display:flex;flex-direction:column;height:100%;overflow:hidden}.product-showcase-grid .product-card img{height:258px;object-fit:cover}.product-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#F2FBF6;color:var(--green-primary);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(6,78,59,.14)}.product-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.product-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(6,78,59,.13);border-color:rgba(6,78,59,.28)}.product-copy a{color:var(--green-primary);font-weight:900}
.electrical-teaser{margin-top:24px;padding:24px 28px;border-radius:28px;background:linear-gradient(135deg,rgba(15,39,71,.98),rgba(6,78,59,.98));border:1px solid rgba(212,175,55,.36);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.electrical-teaser p{margin:0;color:#F1E8C9;max-width:760px}.coming-pill{display:inline-flex;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#c6921c);color:var(--green-deep);font-weight:900;letter-spacing:.12em;text-transform:uppercase;position:relative;overflow:hidden;animation:pulseGlow 2.5s ease-in-out infinite}.coming-pill::after{content:'';position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:shineStrip 2.8s linear infinite}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.25)}50%{box-shadow:0 0 0 10px rgba(212,175,55,0)}}@keyframes shineStrip{100%{left:150%}}
.design-support-section{background:linear-gradient(180deg,#FFFDF7, #FFF8E8)}.design-box{position:relative;overflow:hidden}.design-box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(6,78,59,.05), rgba(212,175,55,.05));pointer-events:none}.blueprint-card{height:100%;min-height:320px;border-radius:28px;background:linear-gradient(135deg,#0F2747,#11365a);border:1px solid rgba(212,175,55,.4);position:relative;overflow:hidden;box-shadow:var(--shadow)}.blueprint-card::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 32px),repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 32px)}.blueprint-line{position:absolute;left:60px;top:64px;width:240px;height:140px;border:2px solid rgba(212,175,55,.85)}.blueprint-line.short{left:auto;right:48px;top:130px;width:150px;height:90px;border-color:rgba(255,255,255,.82)}.blueprint-grid{position:absolute;left:50px;bottom:52px;width:55%;height:90px;border-top:2px solid rgba(255,255,255,.75);border-left:2px solid rgba(255,255,255,.75)}.blueprint-note{position:absolute;right:28px;bottom:28px;color:#FFF1C2;font-weight:900;letter-spacing:.06em;max-width:180px;text-align:right}
.values-grid-four{grid-template-columns:repeat(4,1fr)}.values-grid-four article{transition:transform .26s ease, box-shadow .26s ease}.values-grid-four article:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(6,78,59,.1)}
.verification-grid article{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:180px}.btn-small{padding:11px 18px;font-size:.95rem}
.bottom-cta-section{padding-top:0}.cta-card-premium{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(135deg,var(--green-deep),var(--green-primary));border:1px solid rgba(212,175,55,.42);border-radius:34px;padding:36px 40px;box-shadow:0 28px 56px rgba(2,44,34,.18)}.cta-card-premium h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.9rem);max-width:760px}.cta-card-premium .eyebrow{color:#FFE596}.cta-card-premium .btn{flex-shrink:0}
.electrical-section{padding-top:30px}.electrical-banner{background:linear-gradient(135deg,#FFF8E8,#fff);border:1px solid rgba(212,175,55,.34);border-radius:30px;padding:32px;box-shadow:var(--shadow)}.electrical-banner h2{margin-top:14px}
.footer-address{display:grid;gap:2px}.footer-contact-link{display:block!important;margin:10px 0 0!important}.social-icons a{background:#fff;border:1px solid rgba(212,175,55,.28)}
@media(max-width:1180px){.values-grid-four{grid-template-columns:repeat(2,1fr)}.electrical-teaser{flex-direction:column;align-items:flex-start}.cta-card-premium{flex-direction:column;align-items:flex-start}.hero-layout-premium{grid-template-columns:1fr}}
@media(max-width:900px){.ticker-track{animation-duration:14s}.top-message{height:34px}.hero-side-panel{padding:22px}.route-step{grid-template-columns:48px 1fr}.route-step i{width:48px;height:48px}.values-grid-four{grid-template-columns:1fr}.hero-layout-premium{grid-template-columns:1fr}.cta-card-premium{padding:28px}}
@media(max-width:560px){.brand img{width:62px;height:62px}.top-message{height:32px}.hero-category-chips span{font-size:.82rem}.electrical-teaser{padding:20px}.cta-card-premium{padding:24px}.flag-chip{width:52px;height:52px;font-size:1.5rem}}

/* Phase 6 luxury upgrades */
.site-header{
  box-shadow:0 10px 30px rgba(2,44,34,.04);
}
.main-nav a{
  padding:10px 12px !important;
  border-radius:999px;
  transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.main-nav a:hover,
.main-nav a.active{
  background:linear-gradient(135deg,rgba(6,78,59,.10),rgba(212,175,55,.14));
  box-shadow:0 10px 22px rgba(6,78,59,.08);
  transform:translateY(-1px);
}
.main-nav a::after{display:none!important;}
.premium-hero{
  background:
    linear-gradient(115deg,rgba(2,44,34,.94),rgba(6,78,59,.90) 38%,rgba(15,39,71,.92) 72%),
    url("images/trading-product.webp") center/cover no-repeat !important;
}
.premium-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%,rgba(212,175,55,.20),transparent 24%),
    radial-gradient(circle at 88% 78%,rgba(255,138,29,.13),transparent 22%),
    linear-gradient(180deg,rgba(2,44,34,.10),rgba(2,44,34,.42));
  pointer-events:none;
}
.phase6-hero{position:relative;z-index:2;}
.hero-photo-panel{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
  background:rgba(255,248,232,.10);
  border:1px solid rgba(212,175,55,.36);
  border-radius:34px;
  padding:18px;
  box-shadow:0 26px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}
.photo-main{
  position:relative;
  min-height:430px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.28);
}
.photo-main img,.photo-stack img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.06) contrast(1.02);
}
.photo-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(2,44,34,.80));
}
.photo-caption{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  z-index:2;
}
.photo-caption span{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(212,175,55,.90);
  color:var(--green-deep);
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.photo-caption strong{
  display:block;
  color:#fff;
  font-size:1.28rem;
}
.photo-stack{
  display:grid;
  gap:16px;
}
.photo-stack div{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  min-height:205px;
  border:1px solid rgba(212,175,55,.28);
}
.photo-stack span{
  position:absolute;
  left:14px;
  bottom:14px;
  background:rgba(255,248,232,.94);
  color:var(--green-deep);
  font-weight:900;
  padding:7px 11px;
  border-radius:999px;
  font-size:.82rem;
}
.hero-route-mini{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:14px;
  border-radius:20px;
  background:rgba(2,44,34,.70);
  border:1px solid rgba(212,175,55,.28);
  color:#FFF1C2;
  font-weight:900;
  font-size:.9rem;
}
.hero-route-mini i{
  width:54px;
  height:2px;
  background:linear-gradient(90deg,var(--saffron),var(--gold));
  display:block;
  border-radius:999px;
}
.phase6-photo-proof{
  background:linear-gradient(180deg,#FFF8E8,#fff);
  padding-top:70px;
  padding-bottom:70px;
}
.photo-proof-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:28px;
  align-items:center;
}
.proof-photo-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.proof-photo-strip img{
  height:250px;
  width:100%;
  object-fit:cover;
  border-radius:28px;
  border:1px solid rgba(212,175,55,.32);
  box-shadow:var(--shadow);
  transition:transform .28s ease,box-shadow .28s ease;
}
.proof-photo-strip img:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-strong);
}
.about-luxury-hero,.rfq-luxury-hero{
  background:
    linear-gradient(120deg,rgba(2,44,34,.92),rgba(6,78,59,.88),rgba(15,39,71,.80)),
    url("images/trading-product.webp") center/cover no-repeat !important;
}
.about-premium-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
}
.about-image-board{
  position:relative;
  border-radius:34px;
  overflow:hidden;
  box-shadow:var(--shadow-strong);
  border:1px solid rgba(212,175,55,.34);
}
.about-image-board img{
  width:100%;
  height:520px;
  object-fit:cover;
}
.about-image-board::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(2,44,34,.82));
}
.about-image-note{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
  color:#fff;
}
.about-image-note strong{
  display:block;
  font-size:1.35rem;
  margin-bottom:5px;
}
.about-image-note span{color:#FFF1C2;}
.about-signature-card{
  margin-top:22px;
  padding:20px 22px;
  border-radius:24px;
  background:linear-gradient(135deg,#FFF8E8,#fff);
  border:1px solid rgba(212,175,55,.34);
}
.about-signature-card strong{
  display:block;
  color:var(--green-primary);
  margin-bottom:4px;
}
.about-signature-card span{
  font-size:1.2rem;
  font-weight:900;
  color:var(--charcoal);
}
.about-strength-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.about-strength-grid article{
  background:#fff;
  border:1px solid rgba(212,175,55,.32);
  border-radius:28px;
  padding:26px;
  box-shadow:var(--shadow);
  transition:transform .28s ease,box-shadow .28s ease;
}
.about-strength-grid article:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-strong);
}
.about-strength-grid span{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),#bf8a15);
  color:var(--green-deep);
  font-weight:900;
  margin-bottom:16px;
}
.rfq-premium-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:32px;
  align-items:start;
}
.rfq-guide-panel{
  background:linear-gradient(135deg,var(--green-deep),var(--green-primary));
  border:1px solid rgba(212,175,55,.35);
  border-radius:34px;
  padding:34px;
  color:#fff;
  box-shadow:var(--shadow-strong);
  position:sticky;
  top:120px;
}
.rfq-guide-panel h2,.rfq-guide-panel p{color:#fff;}
.rfq-guide-list{
  list-style:none;
  padding:0;
  margin:20px 0;
  display:grid;
  gap:15px;
}
.rfq-guide-list li{
  padding:16px;
  border-radius:20px;
  background:rgba(255,248,232,.08);
  border:1px solid rgba(255,248,232,.12);
}
.rfq-guide-list strong{
  display:block;
  color:#FFF1C2;
  margin-bottom:4px;
}
.rfq-guide-list span{
  color:#EAF4EF;
}
.rfq-note{
  padding:16px;
  border-radius:20px;
  background:#FFF8E8;
  color:var(--green-deep);
  font-weight:900;
}
.rfq-luxury-form{
  border:1px solid rgba(212,175,55,.34);
  box-shadow:var(--shadow-strong);
}
.rfq-luxury-form input,
.rfq-luxury-form select,
.rfq-luxury-form textarea{
  background:#fffef8;
}
@media(max-width:1180px){
  .hero-photo-panel,.photo-proof-grid,.about-premium-grid,.rfq-premium-grid{grid-template-columns:1fr;}
  .about-strength-grid{grid-template-columns:repeat(2,1fr);}
  .rfq-guide-panel{position:relative;top:auto;}
}
@media(max-width:900px){
  .proof-photo-strip{grid-template-columns:1fr;}
  .proof-photo-strip img{height:240px;}
  .hero-photo-panel{padding:14px;}
  .photo-main{min-height:300px;}
  .photo-stack{grid-template-columns:1fr 1fr;}
  .photo-stack div{min-height:160px;}
  .about-image-board img{height:360px;}
}
@media(max-width:560px){
  .photo-stack{grid-template-columns:1fr;}
  .hero-route-mini{flex-wrap:wrap;}
  .about-strength-grid{grid-template-columns:1fr;}
  .rfq-guide-panel{padding:24px;}
}

/* Phase 7 launch fixes */
.top-message{display:flex;align-items:center;justify-content:center;position:relative}
.ticker-track.single-line{display:flex;justify-content:center;align-items:center;min-width:max-content;animation:tickerSingle 18s linear infinite;padding-inline:10vw}
.ticker-track.single-line span{padding-left:0}
@keyframes tickerSingle{0%{transform:translateX(35%)}100%{transform:translateX(-35%)}}

.footer-address{display:grid;gap:6px;line-height:1.7}
.footer-contact-stack{display:grid;gap:8px;margin-top:10px}
.footer-contact-link{display:block!important;margin:0!important;word-break:break-word}
.footer-bottom{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px}
.footer-bottom-line{display:block;letter-spacing:.01em}

.hero-ribbon{display:inline-flex;margin:14px 0 8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(255,248,232,.18),rgba(212,175,55,.18));border:1px solid rgba(212,175,55,.34);backdrop-filter:blur(8px);box-shadow:0 16px 30px rgba(0,0,0,.12)}
.hero-ribbon span{color:#FFF1C2;font-weight:800;letter-spacing:.02em}
.premium-hero{background:
  linear-gradient(118deg,rgba(2,44,34,.96),rgba(6,78,59,.92) 38%,rgba(15,39,71,.94) 72%),
  url("images/trading-product.webp") center/cover no-repeat !important;
  border-bottom:1px solid rgba(212,175,55,.18)
}
.premium-hero::before{content:'';position:absolute;inset:18px;border:1px solid rgba(212,175,55,.18);border-radius:34px;pointer-events:none;opacity:.95}
.hero-pattern{background:
  radial-gradient(circle at 18% 30%, rgba(255,248,232,.07), transparent 26%),
  radial-gradient(circle at 84% 18%, rgba(212,175,55,.12), transparent 22%),
  repeating-linear-gradient(112deg, rgba(255,255,255,.05) 0 1px, transparent 1px 90px),
  linear-gradient(180deg, rgba(2,44,34,.10), rgba(2,44,34,.34));
}
.hero-photo-panel{border:1px solid rgba(212,175,55,.44);box-shadow:0 36px 80px rgba(0,0,0,.26)}
.photo-main,.photo-stack div{border-color:rgba(212,175,55,.44)}
.hero-mini-grid div{display:flex;flex-direction:column;justify-content:center;min-height:110px}
.hero-mini-grid strong{line-height:1.1}
.hero-mini-grid span{margin-top:6px}

.homepage-rfq-section{background:linear-gradient(180deg,#FFF8E8 0%, #fffef9 100%);padding-top:26px}
.homepage-rfq-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;background:#fff;border:1px solid rgba(212,175,55,.34);border-radius:34px;padding:30px;box-shadow:var(--shadow-strong);position:relative;overflow:hidden}
.homepage-rfq-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%, rgba(212,175,55,.06), transparent 24%),radial-gradient(circle at 95% 70%, rgba(6,78,59,.06), transparent 20%);pointer-events:none}
.homepage-rfq-copy,.homepage-rfq-form{position:relative;z-index:1}
.homepage-rfq-copy h2{font-size:clamp(1.9rem,3vw,2.8rem)}
.homepage-rfq-points{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.homepage-rfq-points li{position:relative;padding-left:22px;color:var(--muted);font-weight:600}
.homepage-rfq-points li::before{content:'•';position:absolute;left:0;top:0;color:var(--gold);font-size:1.3rem;line-height:1}
.homepage-rfq-form{border:1px solid rgba(212,175,55,.30);box-shadow:none;background:linear-gradient(180deg,#fff,#fffdfa)}
.homepage-rfq-form input,.homepage-rfq-form textarea{background:#fffef8}

.btn-ghost,.btn-outline-light{font-weight:800}
.download-link{padding:10px 16px}

@media(max-width:1180px){
  .homepage-rfq-wrap{grid-template-columns:1fr}
}
@media(max-width:900px){
  .ticker-track.single-line{animation-duration:14s;padding-inline:5vw}
}
@media(max-width:560px){
  .footer-bottom{justify-items:start;text-align:left}
  .homepage-rfq-wrap{padding:22px}
  .premium-hero::before{inset:10px;border-radius:24px}
  @keyframes tickerSingle{0%{transform:translateX(18%)}100%{transform:translateX(-18%)}}
}

/* Final launch fix: header fit, footer spacing, mobile speed, SEO-friendly layout */
.container{width:min(1280px,94vw)}
.top-message{height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ticker-track.single-line{animation:tickerSoft 16s linear infinite;white-space:nowrap;font-size:.94rem}
@keyframes tickerSoft{0%{transform:translateX(24%)}100%{transform:translateX(-24%)}}

.nav-wrap{gap:18px}
.brand img{width:64px!important;height:64px!important}
.brand strong{font-size:1.04rem!important}
.brand span{font-size:.80rem!important}
.main-nav{gap:12px!important}
.main-nav a{font-size:.90rem!important;padding:9px 10px!important;white-space:nowrap}
.header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.header-actions .btn{padding:11px 16px!important;font-size:.88rem!important;white-space:nowrap}
.header-actions .btn-ghost{max-width:170px;overflow:hidden;text-overflow:ellipsis}

.hero-gold-line{position:absolute;left:6vw;right:6vw;bottom:22px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--saffron),var(--gold),transparent);z-index:3;opacity:.85}
.hero-mini-grid div{min-width:0}
.hero-mini-grid strong{font-size:clamp(1rem,1.7vw,1.35rem)!important;white-space:normal}
.hero-mini-grid span{font-size:.88rem!important;line-height:1.35}

.footer-address{display:grid!important;gap:6px!important;line-height:1.65!important;margin:0 0 14px!important}
.footer-gstin{margin:12px 0!important;color:#F3E9CA!important}
.footer-contact-stack{display:grid!important;gap:8px!important;margin-top:10px!important}
.footer-contact-stack p{display:block!important;margin:0!important;line-height:1.6!important}
.footer-contact-stack strong{color:#fff}
.footer-contact-link{display:inline!important;margin:0!important;color:#F3E9CA!important;word-break:break-word}
.footer-bottom{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:8px!important}
.footer-bottom p{margin:0!important}

.homepage-rfq-form label,.rfq-luxury-form label{font-size:.94rem}
.homepage-rfq-form input,.homepage-rfq-form textarea,.rfq-luxury-form input,.rfq-luxury-form textarea,.rfq-luxury-form select{font-size:.96rem}

.product-card,.badge-grid article,.premium-card,.market-grid article,.value-card,.verification-grid article{transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.product-card:hover,.badge-grid article:hover,.premium-card:hover,.market-grid article:hover,.value-card:hover,.verification-grid article:hover{transform:translateY(-6px)}
.reveal{transition:opacity .6s ease, transform .6s ease}

.social-icons a{width:42px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.social-icons img{width:100%!important;height:100%!important;object-fit:cover!important}

@media(max-width:1280px){
  .header-actions .btn-ghost{display:none}
  .header-actions .btn-primary{padding:10px 16px!important}
}
@media(max-width:980px){
  .nav-wrap{min-height:74px}
  .brand img{width:56px!important;height:56px!important}
  .menu-toggle{display:inline-grid!important}
  .main-nav{top:78px!important}
  .header-actions{display:none!important}
  .top-message{height:32px}
  .ticker-track.single-line{font-size:.82rem;animation-duration:13s}
}
@media(max-width:560px){
  .container{width:min(94vw,1280px)}
  .hero-mini-grid{grid-template-columns:1fr!important}
  .footer-bottom{justify-items:start!important;text-align:left!important}
  .footer-grid{gap:24px!important}
  .top-message span{padding:0 14px}
  .ticker-track.single-line{animation:tickerSoftMobile 11s linear infinite}
  @keyframes tickerSoftMobile{0%{transform:translateX(16%)}100%{transform:translateX(-16%)}}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* ===== Final redesign refinements ===== */
.top-message{height:28px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,var(--green-deep),var(--green-primary),var(--green-deep))}
.top-message .ticker-track.single-line{display:inline-flex;min-width:max-content;padding-left:100%;animation:marqueeFull 18s linear infinite;will-change:transform}
.top-message .ticker-track.single-line span{white-space:nowrap;padding:0 24px;color:#FFF6D6;font-weight:800;letter-spacing:.01em}
@keyframes marqueeFull{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

.header-actions .btn-primary{padding-inline:18px}
.header-actions .btn-ghost{max-width:none}

.hero-photo-panel{position:relative;overflow:hidden}
.hero-photo-panel::after{content:'';position:absolute;inset:auto -20% -40% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(212,175,55,.22), transparent 62%);pointer-events:none;animation:pulseGlow 5s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}
.hero-route-mini{display:flex;flex-wrap:wrap;row-gap:8px;justify-content:center}
.hero-mini-grid div{transition:transform .25s ease, box-shadow .25s ease}
.hero-mini-grid div:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.12)}
.hero-mini-grid strong{font-size:1.18rem}
.hero-mini-grid span{line-height:1.45}

.about-insight-section{padding-top:84px;padding-bottom:68px;background:
 radial-gradient(circle at 10% 14%, rgba(212,175,55,.10), transparent 18%),
 radial-gradient(circle at 92% 76%, rgba(6,78,59,.06), transparent 20%),
 linear-gradient(180deg,#FFF9EA 0%,#fffef9 100%);position:relative;overflow:hidden}
.about-insight-section::before{content:"";position:absolute;inset:28px 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.35),transparent)}
.about-insight-section .home-about-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:34px;align-items:start}
.home-about-copy h2{max-width:760px}
.home-about-copy > p{max-width:760px}
.about-route-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0 26px;padding:14px 18px;border-radius:999px;background:#fffdf7;border:1px solid rgba(212,175,55,.26);box-shadow:0 10px 24px rgba(6,78,59,.05)}
.about-route-strip span{font-weight:800;color:var(--green-deep);font-size:.95rem}
.about-route-strip i{width:30px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--saffron));display:inline-block;animation:routePulse 2.8s ease-in-out infinite}
.about-route-strip i:nth-of-type(2){animation-delay:.3s}.about-route-strip i:nth-of-type(3){animation-delay:.6s}
.about-points-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
.about-points-list div{position:relative;padding:20px 20px 18px;border-radius:24px;border:1px solid rgba(212,175,55,.28);background:linear-gradient(180deg,#fff,#fffdf8);box-shadow:0 12px 28px rgba(6,78,59,.05);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden}
.about-points-list div::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--saffron),var(--green-primary));opacity:.88}
.about-points-list div:hover{transform:translateY(-8px);box-shadow:0 24px 42px rgba(6,78,59,.10);border-color:rgba(6,78,59,.22)}
.about-points-list strong{display:block;color:var(--green-deep);margin-bottom:8px;font-size:1.05rem}
.about-points-list span{color:var(--muted);line-height:1.65}
.insight-card{background:linear-gradient(180deg,#fff,#fffdf8);border:1px solid rgba(212,175,55,.28);box-shadow:0 14px 34px rgba(6,78,59,.08)}
.about-buyer-panel{position:relative;padding:26px 26px 22px;border-radius:30px;overflow:hidden;isolation:isolate}
.about-buyer-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%, rgba(212,175,55,.16), transparent 28%),linear-gradient(180deg,rgba(6,78,59,.02),transparent 42%);z-index:-1}
.panel-label{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.28);color:var(--gold-dark);font-weight:900;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.about-buyer-panel h3{font-size:2rem;line-height:1.15;margin-bottom:18px;color:var(--navy)}
.buyer-reasons-list{display:grid;gap:14px}
.buyer-reasons-list article{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:14px 14px 14px 10px;border-radius:22px;transition:transform .28s ease,box-shadow .28s ease,background .28s ease;background:rgba(255,255,255,.75)}
.buyer-reasons-list article:hover{transform:translateX(6px);box-shadow:0 16px 30px rgba(6,78,59,.08);background:#fff}
.reason-no{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#fff;font-weight:900;box-shadow:0 12px 22px rgba(6,78,59,.14)}
.buyer-reasons-list h4{font-size:1.05rem;margin:2px 0 6px;color:var(--green-deep)}
.buyer-reasons-list p{margin:0;color:var(--muted);line-height:1.6}
.about-cta-strip{margin-top:18px;padding-top:18px;border-top:1px solid rgba(212,175,55,.26);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.about-cta-strip .cta-copy{max-width:320px}
.about-cta-strip strong{display:block;color:var(--navy);margin-bottom:4px}
.about-cta-strip small{display:block;color:var(--muted);line-height:1.55}
@keyframes routePulse{0%,100%{opacity:.55;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.18)}}

.structured-model-section{padding-top:50px;background:linear-gradient(180deg,var(--ivory) 0%, #fffef9 100%)}
.model-symbol-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:26px}
.model-symbol-grid article{position:relative;padding:26px 20px 22px;border-radius:28px;background:#fff;border:1px solid rgba(212,175,55,.26);box-shadow:0 16px 32px rgba(6,78,59,.06);transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;overflow:hidden}
.model-symbol-grid article::before{content:'';position:absolute;inset:auto -25px -35px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle, rgba(212,175,55,.16), transparent 68%)}
.model-symbol-grid article:hover{transform:translateY(-7px);box-shadow:0 24px 46px rgba(6,78,59,.12);border-color:rgba(6,78,59,.25)}
.symbol-badge{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#fff;font-weight:900;box-shadow:0 14px 26px rgba(6,78,59,.18);margin-bottom:14px;animation:floatCard 4s ease-in-out infinite}
.model-symbol-grid article:nth-child(2) .symbol-badge{animation-delay:.4s}.model-symbol-grid article:nth-child(3) .symbol-badge{animation-delay:.8s}.model-symbol-grid article:nth-child(4) .symbol-badge{animation-delay:1.2s}.model-symbol-grid article:nth-child(5) .symbol-badge{animation-delay:1.6s}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.model-symbol-grid h3{font-size:1.12rem;margin-bottom:10px}.model-symbol-grid p{margin:0;color:var(--muted);line-height:1.65}

.buyer-cycle-section{background:linear-gradient(180deg,#fffef9 0%, var(--ivory) 100%);padding-top:56px}
.buyer-cycle-wrap{position:relative;min-height:420px;margin-top:24px;border-radius:34px;border:1px solid rgba(212,175,55,.26);background:linear-gradient(180deg,#fffefb,#fff);box-shadow:0 20px 44px rgba(6,78,59,.08);overflow:hidden}
.buyer-cycle-wrap::before{content:'';position:absolute;inset:8% 18%;border:2px dashed rgba(6,78,59,.18);border-radius:999px}
.buyer-cycle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 30% 30%, rgba(212,175,55,.18), rgba(6,78,59,.04) 55%), #fffdf7;border:1px solid rgba(212,175,55,.34);box-shadow:0 22px 40px rgba(6,78,59,.10)}
.buyer-cycle-center strong{font-size:1.35rem;color:var(--green-deep);margin-bottom:8px}.buyer-cycle-center span{color:var(--muted);line-height:1.5}
.cycle-node{position:absolute;width:250px;padding:20px 18px;border-radius:24px;background:#fff;border:1px solid rgba(212,175,55,.28);box-shadow:0 14px 30px rgba(6,78,59,.08);transition:transform .3s ease,box-shadow .3s ease}
.cycle-node:hover{transform:translateY(-6px);box-shadow:0 24px 44px rgba(6,78,59,.12)}
.cycle-node h3{font-size:1.1rem;margin-bottom:8px}.cycle-node p{margin:0;color:var(--muted);line-height:1.55}
.node-a{left:5%;top:12%}.node-b{right:5%;top:12%}.node-c{right:5%;bottom:12%}.node-d{left:5%;bottom:12%}

.drawing-points{margin:18px 0 22px;padding-left:18px;color:var(--muted)}
.drawing-points li{margin-bottom:8px}
.advanced-blueprint{position:relative;min-height:360px;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#0F2747,#163a61);border:1px solid rgba(212,175,55,.4);box-shadow:0 24px 48px rgba(6,78,59,.12)}
.advanced-blueprint .bp-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 28px),repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 28px)}
.advanced-blueprint .bp-box,.advanced-blueprint .bp-line,.advanced-blueprint .bp-circle{position:absolute}
.advanced-blueprint .bp-box{border:2px solid rgba(212,175,55,.94)}
.bp-large{left:12%;top:18%;width:42%;height:42%}
.bp-mid{left:48%;top:48%;width:20%;height:18%;border-color:rgba(255,255,255,.92)}
.bp-small{right:10%;top:30%;width:24%;height:28%;border-color:rgba(255,255,255,.94)}
.advanced-blueprint .bp-line{background:rgba(255,255,255,.85)}
.bp-h1{left:10%;top:56%;width:58%;height:2px}.bp-h2{left:68%;top:58%;width:15%;height:2px;background:rgba(212,175,55,.95)}
.bp-v1{left:10%;top:56%;width:2px;height:18%}.bp-v2{right:18%;top:58%;width:2px;height:12%}
.advanced-blueprint .bp-circle{border:2px solid rgba(212,175,55,.95);border-radius:50%}
.bp-c1{width:22px;height:22px;left:56%;top:50%}.bp-c2{width:18px;height:18px;right:22%;top:56%}
.advanced-blueprint .bp-label{position:absolute;color:#FFF1C2;font-weight:900;font-size:.9rem;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.label-1{right:21%;bottom:26%}.label-2{right:13%;bottom:18%}.label-3{right:7%;bottom:8%}
.advanced-blueprint .bp-note{position:absolute;left:8%;right:8%;bottom:12px;color:#fff0bf;font-weight:700;text-align:left}

.mission-vision-section{background:linear-gradient(135deg,var(--green-deep),var(--green-primary) 55%, #15406A);color:#fff;position:relative;overflow:hidden}
.mission-vision-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%, rgba(212,175,55,.16), transparent 20%),radial-gradient(circle at 80% 20%, rgba(255,255,255,.06), transparent 18%)}
.mission-vision-section .section-heading,.mission-vision-section .mission-vision-grid{position:relative;z-index:1}
.mission-vision-section .section-heading h2,.mission-vision-section .section-heading p{color:#fff}
.mission-vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.mv-card{padding:28px 24px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 18px 36px rgba(0,0,0,.10);transition:transform .28s ease, background .28s ease}
.mv-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.12)}
.mv-tag{display:inline-block;padding:9px 14px;border-radius:999px;background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.35);color:#FFF1C2;font-weight:900;font-size:.82rem;margin-bottom:14px}
.mv-card h3{font-size:1.18rem;margin-bottom:10px}.mv-card p{margin:0;color:#f1f6fb;line-height:1.65}

.certification-section{padding-top:68px;background:linear-gradient(180deg,#fffef9 0%, var(--ivory) 100%)}
.certification-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:22px}
.certification-grid article{padding:24px 18px;border-radius:28px;background:#fff;border:1px solid rgba(212,175,55,.28);box-shadow:0 16px 32px rgba(6,78,59,.06);transition:transform .25s ease, box-shadow .25s ease}
.certification-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(6,78,59,.10)}
.cert-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--gold),#BD8B17);color:var(--green-deep);font-weight:900;box-shadow:0 12px 24px rgba(212,175,55,.18);margin-bottom:14px}
.certification-grid h3{font-size:1.08rem;margin-bottom:8px}.certification-grid p{margin:0 0 10px;color:var(--muted);line-height:1.58}.certification-grid small{color:#8a8d91;font-weight:600;display:block}
.certification-note{margin-top:20px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(212,175,55,.28);text-align:center;font-weight:700;color:var(--green-deep)}

.process-cycle-section{padding-top:62px;padding-bottom:72px;background:linear-gradient(180deg,var(--ivory) 0%, #fffef9 100%)}
.process-cycle-track{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;margin-top:22px}
.process-cycle-track::before{content:'';position:absolute;left:8%;right:8%;top:45px;height:3px;background:linear-gradient(90deg,var(--gold),var(--saffron),var(--gold));z-index:0}
.process-step{position:relative;z-index:1;padding:22px 18px 20px;border-radius:28px;background:#fff;border:1px solid rgba(212,175,55,.28);box-shadow:0 16px 32px rgba(6,78,59,.06);text-align:center;transition:transform .28s ease, box-shadow .28s ease}
.process-step:hover{transform:translateY(-7px);box-shadow:0 24px 44px rgba(6,78,59,.12)}
.process-step span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#fff;font-weight:900;font-size:1.2rem;box-shadow:0 14px 26px rgba(6,78,59,.18);margin-bottom:16px}
.process-step h3{font-size:1.18rem;line-height:1.25;margin-bottom:10px}.process-step p{margin:0;color:var(--muted);line-height:1.58}
.process-highlight{max-width:980px;margin:26px auto 0;padding:18px 22px;border-radius:22px;background:linear-gradient(90deg,var(--green-primary),var(--green-deep));color:#FFF3C7;text-align:center;font-size:1.08rem;font-weight:800;box-shadow:0 18px 34px rgba(6,78,59,.16)}

.bottom-cta-section .cta-actions{display:flex;gap:12px;flex-wrap:wrap}

.contact-popup-card{position:relative;max-width:500px;text-align:left;padding:28px 28px 24px}
.popup-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:1.8rem;line-height:1;color:var(--green-deep);cursor:pointer}
.popup-mini{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(212,175,55,.14);color:var(--gold-dark);font-weight:800;font-size:.82rem;margin-bottom:14px}
.popup-contact-options{display:grid;gap:10px;margin:18px 0 20px}
.popup-link{display:block;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(212,175,55,.28);text-decoration:none}
.popup-link strong{display:block;color:var(--green-deep);margin-bottom:4px}.popup-link span{color:var(--muted)}
.popup-actions{display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:1280px){
  .model-symbol-grid{grid-template-columns:repeat(3,1fr)}
  .certification-grid{grid-template-columns:repeat(3,1fr)}
  .process-cycle-track{grid-template-columns:repeat(3,1fr)}
  .process-cycle-track::before{display:none}
}
@media(max-width:1080px){
  .about-insight-section .home-about-grid,.mission-vision-grid{grid-template-columns:1fr}
  .buyer-cycle-wrap{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}
  .buyer-cycle-wrap::before{display:none}
  .buyer-cycle-center,.cycle-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;height:auto}
}
@media(max-width:900px){
  .model-symbol-grid,.certification-grid,.process-cycle-track{grid-template-columns:repeat(2,1fr)}
  .about-points-list{grid-template-columns:1fr}
  .buyer-cycle-wrap{grid-template-columns:1fr}
  .hero-mini-grid strong{font-size:1.05rem}
}
@media(max-width:560px){
  .top-message{height:30px}
  .top-message .ticker-track.single-line{animation-duration:12s}
  .top-message .ticker-track.single-line span{font-size:.78rem;padding:0 12px}
  .model-symbol-grid,.certification-grid,.process-cycle-track{grid-template-columns:1fr}
  .cycle-node,.model-symbol-grid article,.certification-grid article,.process-step,.mv-card{padding:20px 16px}
  .buyer-cycle-center{padding:20px}
  .bottom-cta-section .cta-actions{width:100%}
  .bottom-cta-section .cta-actions .btn{width:100%;text-align:center}
  .contact-popup-card{padding:24px 20px 20px}
}

/* Added business-model sections */
.partner-network-section{padding-top:72px;padding-bottom:72px}
.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.network-grid article{background:#fff;border:1px solid rgba(212,175,55,.34);border-radius:28px;padding:28px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.network-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}.network-stat{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:74px;padding:0 18px;border-radius:22px;background:linear-gradient(135deg,var(--green-primary),var(--green-deep));color:#fff;font-weight:900;font-size:1.4rem;margin-bottom:18px;box-shadow:0 14px 28px rgba(6,78,59,.18)}

.excellence-section{background:linear-gradient(180deg,#fffef8 0%,#f7f0e3 100%)}
.excellence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.excellence-grid article{background:#fff;border:1px solid rgba(232,220,194,.98);border-radius:28px;padding:28px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.excellence-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong);border-color:rgba(212,175,55,.55)}.mini-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--gold),#c18f17);color:var(--green-deep);font-weight:900;margin-bottom:16px;padding:0 14px}

.services-gallery-section{background:var(--ivory)}
.services-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-visual-card{position:relative;overflow:hidden;min-height:380px;border-radius:30px;border:1px solid rgba(212,175,55,.28);box-shadow:var(--shadow)}.service-visual-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-visual-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,39,71,.05),rgba(15,39,71,.72) 78%,rgba(2,44,34,.88))}.service-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px;color:#fff}.service-overlay h3,.service-overlay p{color:#fff}.service-overlay h3{font-size:1.65rem}.service-overlay p{margin:0;color:#F4E9C8}

.delivery-flow-section{background:linear-gradient(135deg,var(--navy) 0%,#103a66 100%)}.delivery-flow-section .section-heading h2,.delivery-flow-section .section-heading p,.delivery-flow-section .eyebrow{color:#fff}.delivery-flow-section .flow-note{color:#F6E7B3;font-weight:700}.delivery-flow-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.flow-cycle-card{display:flex;justify-content:center}.cycle-shell{position:relative;width:320px;height:320px;border-radius:50%;border:3px dashed rgba(212,175,55,.7)}.cycle-shell::before{content:'';position:absolute;inset:34px;border-radius:50%;border:2px solid rgba(255,138,29,.35)}.cycle-shell::after{content:'';position:absolute;inset:58px;border-radius:50%;border:6px solid rgba(255,255,255,.28)}.cycle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:#0b2746;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;line-height:1.35;border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 34px rgba(0,0,0,.24)}.orbit-node{position:absolute;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;color:var(--navy);font-weight:900;border:3px solid rgba(212,175,55,.8);box-shadow:0 18px 36px rgba(0,0,0,.18);padding:10px}.orbit-top{top:-4px;left:50%;transform:translateX(-50%)}.orbit-right{right:-4px;top:50%;transform:translateY(-50%)}.orbit-bottom{bottom:-4px;left:50%;transform:translateX(-50%)}.orbit-left{left:-4px;top:50%;transform:translateY(-50%)}.delivery-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.delivery-cards-grid article{background:#fff;border:1px solid rgba(212,175,55,.45);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.delivery-cards-grid h3{color:var(--navy);font-size:1.45rem}.delivery-cards-grid p{font-size:1rem;color:#4c5e74}

.sourcing-timeline-section{background:#fffdf6}.timeline-wrap{position:relative;display:grid;gap:26px;max-width:920px;margin:0 auto}.timeline-line{position:absolute;left:31px;top:18px;bottom:18px;width:4px;background:linear-gradient(180deg,rgba(212,175,55,.95),rgba(6,78,59,.55));border-radius:99px}.timeline-item{position:relative;display:grid;grid-template-columns:82px 1fr;gap:22px;align-items:flex-start}.timeline-badge{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#0a3a63);color:var(--gold);font-weight:900;border:4px solid rgba(212,175,55,.68);box-shadow:0 16px 28px rgba(6,78,59,.14)}.timeline-item > div{padding:6px 0}.timeline-item h3{margin-bottom:6px;color:#19466f;font-size:1.6rem}.timeline-item p{margin:0;font-size:1.05rem}

@media(max-width:1180px){.excellence-grid{grid-template-columns:repeat(2,1fr)}.services-gallery{grid-template-columns:repeat(2,1fr)}.delivery-flow-grid{grid-template-columns:1fr}.network-grid{grid-template-columns:1fr}.excellence-grid,.delivery-cards-grid{gap:18px}}
@media(max-width:860px){.delivery-cards-grid{grid-template-columns:1fr}.cycle-shell{width:280px;height:280px}.orbit-node{width:84px;height:84px;font-size:.9rem}.service-visual-card{min-height:340px}.timeline-item h3{font-size:1.35rem}}
@media(max-width:700px){.services-gallery,.excellence-grid{grid-template-columns:1fr}.timeline-line{left:24px}.timeline-item{grid-template-columns:66px 1fr;gap:16px}.timeline-badge{width:50px;height:50px;font-size:.88rem;border-width:3px}.delivery-flow-section{padding-top:72px;padding-bottom:72px}.flow-cycle-card{margin-bottom:10px}}

/* Animation-only service cards: no images */
.animated-services-section{
  background:
    radial-gradient(circle at 12% 18%, rgba(212,175,55,.08), transparent 20%),
    radial-gradient(circle at 88% 65%, rgba(6,78,59,.06), transparent 22%),
    linear-gradient(180deg, #FFF8E8 0%, #fffef9 100%) !important;
}

.animated-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin-top:34px;
}

.animated-service-card{
  position:relative;
  overflow:hidden;
  min-height:330px;
  border-radius:32px;
  padding:34px 28px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,248,232,.92)),
    radial-gradient(circle at 80% 10%, rgba(212,175,55,.18), transparent 28%);
  border:1px solid rgba(212,175,55,.36);
  box-shadow:0 18px 40px rgba(6,78,59,.08);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.animated-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(6,78,59,.035) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(212,175,55,.055) 0 1px, transparent 1px 34px);
  opacity:.65;
  pointer-events:none;
}

.animated-service-card::after{
  content:"";
  position:absolute;
  left:-90%;
  top:0;
  width:55%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.20), transparent);
  transform:skewX(-18deg);
  transition:left .7s ease;
}

.animated-service-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 58px rgba(6,78,59,.16);
  border-color:rgba(6,78,59,.42);
}

.animated-service-card:hover::after{
  left:135%;
}

.service-orbit{
  position:relative;
  width:86px;
  height:86px;
  border-radius:50%;
  margin-bottom:34px;
  border:2px dashed rgba(212,175,55,.75);
  background:radial-gradient(circle, rgba(6,78,59,.96) 0 36%, rgba(6,78,59,.10) 37% 100%);
  box-shadow:0 14px 28px rgba(6,78,59,.16);
  animation:serviceFloat 4s ease-in-out infinite;
}

.service-orbit span{
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:2px solid rgba(255,248,232,.86);
}

.service-orbit i{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--gold);
  left:50%;
  top:-7px;
  transform:translateX(-50%);
  box-shadow:0 0 0 7px rgba(212,175,55,.18);
  animation:serviceOrbit 3s linear infinite;
  transform-origin:7px 50px;
}

.animated-service-card:nth-child(2) .service-orbit{animation-delay:.3s}
.animated-service-card:nth-child(3) .service-orbit{animation-delay:.6s}
.animated-service-card:nth-child(4) .service-orbit{animation-delay:.9s}

.animated-service-card h3{
  position:relative;
  z-index:2;
  color:var(--green-deep);
  font-size:1.45rem;
  line-height:1.18;
  margin-bottom:16px;
}

.animated-service-card p{
  position:relative;
  z-index:2;
  color:#4c5e74;
  line-height:1.75;
  margin:0;
}

@keyframes serviceFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes serviceOrbit{
  0%{transform:rotate(0deg) translateX(43px) rotate(0deg)}
  100%{transform:rotate(360deg) translateX(43px) rotate(-360deg)}
}

@media(max-width:1180px){
  .animated-service-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
  .animated-service-grid{grid-template-columns:1fr}
  .animated-service-card{min-height:auto;padding:28px 24px}
  .service-orbit{width:76px;height:76px;margin-bottom:26px}
}

@media(max-width:1080px){.about-buyer-panel{margin-top:4px}.about-route-strip{border-radius:24px}.about-cta-strip .cta-copy{max-width:none}}
@media(max-width:700px){.about-buyer-panel{padding:22px 18px 18px}.about-buyer-panel h3{font-size:1.65rem}.buyer-reasons-list article{grid-template-columns:50px 1fr;padding:12px 12px 12px 8px}.reason-no{width:40px;height:40px;border-radius:14px}.about-route-strip{padding:14px 16px;gap:8px}.about-route-strip span{font-size:.88rem}.about-route-strip i{width:22px}}

/* =========================================================
   Premium Motion Upgrade — Virohan Global LLP
   Smooth, corporate, export-focused animations. No libraries.
   ========================================================= */
:root{
  --motion-soft: cubic-bezier(.2,.72,.25,1);
  --motion-premium: cubic-bezier(.16,1,.3,1);
  --glow-gold: 0 0 0 1px rgba(212,175,55,.30), 0 18px 42px rgba(6,78,59,.12);
  --glow-green: 0 0 0 1px rgba(6,78,59,.26), 0 22px 48px rgba(6,78,59,.16);
}

/* Navbar premium behavior */
.site-header{
  will-change: box-shadow, background, transform;
  transition: box-shadow .35s var(--motion-soft), background .35s var(--motion-soft), border-color .35s var(--motion-soft);
}
.site-header.nav-shadow,
.site-header.scrolled{
  box-shadow: 0 18px 44px rgba(2,44,34,.14);
  border-bottom-color: rgba(212,175,55,.34);
}
.anim-ready .brand img{
  animation: logoDropFade .75s var(--motion-premium) both;
}
.anim-ready .brand strong,
.anim-ready .brand span{
  animation: textFadeUp .75s var(--motion-premium) both;
  animation-delay: .08s;
}
.main-nav a{
  position: relative;
  transition: color .28s ease, background .28s ease, transform .28s ease;
}
.main-nav a::after{
  content:""!important;
  display:block!important;
  position:absolute;
  left:10px;
  right:10px;
  bottom:4px;
  width:auto!important;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--saffron),var(--gold),var(--green-primary));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .34s var(--motion-premium);
}
.main-nav a:hover::after,
.main-nav a.active::after{transform:scaleX(1)}
.main-nav a.active{
  color:var(--green-primary)!important;
  background:rgba(212,175,55,.14);
}
.main-nav a:hover{transform:translateY(-1px)}

/* Hero premium entrance + luxury background motion */
.premium-hero::before{
  animation: heroGradientDrift 11s ease-in-out infinite alternate;
}
.premium-hero .hero-pattern{
  animation: heroPatternMove 14s linear infinite;
  will-change: background-position, opacity;
}
.anim-ready .premium-hero .eyebrow,
.anim-ready .premium-hero h1,
.anim-ready .premium-hero .lead,
.anim-ready .premium-hero .hero-actions a,
.anim-ready .premium-hero .hero-mini-grid div,
.anim-ready .premium-hero .hero-photo-panel{
  opacity:0;
  transform:translateY(26px);
  animation: heroReveal .85s var(--motion-premium) forwards;
}
.anim-ready .premium-hero h1{animation-delay:.10s}
.anim-ready .premium-hero .lead{animation-delay:.20s}
.anim-ready .premium-hero .hero-actions a:nth-child(1){animation-delay:.32s}
.anim-ready .premium-hero .hero-actions a:nth-child(2){animation-delay:.42s}
.anim-ready .premium-hero .hero-mini-grid div:nth-child(1){animation-delay:.54s}
.anim-ready .premium-hero .hero-mini-grid div:nth-child(2){animation-delay:.64s}
.anim-ready .premium-hero .hero-mini-grid div:nth-child(3){animation-delay:.74s}
.anim-ready .premium-hero .hero-photo-panel{animation-delay:.34s;transform:translateX(28px)}
.photo-main img,
.photo-stack img{
  transform:scale(1.02);
  transition:transform 1.1s var(--motion-premium), filter .6s ease;
}
.anim-ready .photo-main img{animation:heroImageSlowZoom 12s ease-in-out infinite alternate}
.hero-photo-panel:hover .photo-main img,
.photo-stack div:hover img,
.product-card:hover img,
.product-detail-card:hover>img{transform:scale(1.08)}
.hero-route-mini span{
  position:relative;
  overflow:hidden;
  animation: routeTextPulse 4s ease-in-out infinite;
}
.hero-route-mini i{
  position:relative;
  overflow:hidden;
}
.hero-route-mini i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  transform:translateX(-120%);
  animation: routeLineSweep 2.7s ease-in-out infinite;
}
.hero-route-mini i:nth-of-type(2)::after{animation-delay:.35s}
.hero-route-mini i:nth-of-type(3)::after{animation-delay:.70s}

/* Premium scroll reveal/stagger for cards */
.motion-card{
  opacity:0;
  transform:translateY(28px) scale(.985);
  transition: opacity .72s var(--motion-soft), transform .72s var(--motion-soft), box-shadow .32s ease, border-color .32s ease;
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity, transform;
}
.motion-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.motion-card:hover,
.badge-grid article:hover,
.premium-card:hover,
.market-grid article:hover,
.product-card:hover,
.certification-grid article:hover,
.network-grid article:hover,
.excellence-grid article:hover,
.animated-service-card:hover,
.process-step:hover,
.buyer-reasons-list article:hover,
.about-points-list div:hover{
  border-color:rgba(212,175,55,.58)!important;
  box-shadow:var(--glow-green)!important;
}

/* 100+ Connected Manufacturers trust point */
.partner-network-section,
.network-grid{
  position:relative;
}
.partner-network-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(6,78,59,.12) 1px, transparent 1px);
  background-size:28px 28px;
  opacity:.25;
  animation: networkDots 18s linear infinite;
  pointer-events:none;
}
.network-grid article{
  position:relative;
  overflow:hidden;
}
.network-grid article::after{
  content:"";
  position:absolute;
  left:-70%;top:0;width:45%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.16),transparent);
  transform:skewX(-18deg);
  transition:left .75s ease;
}
.network-grid article:hover::after{left:130%}
.network-stat{
  animation: statSoftGlow 3.4s ease-in-out infinite;
}

/* How We Work / Execution Process */
.process-cycle-track{position:relative;isolation:isolate}
.process-cycle-track::after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:45px;height:3px;
  background:linear-gradient(90deg,var(--green-primary),var(--gold),var(--saffron));
  z-index:0;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 1.35s var(--motion-premium);
}
.process-cycle-section.in-view .process-cycle-track::after{transform:scaleX(1)}
.process-step span{
  transform:scale(.85);
  transition:transform .42s var(--motion-premium), box-shadow .42s ease;
}
.process-step.is-active span{
  transform:scale(1);
  box-shadow:0 0 0 8px rgba(212,175,55,.18), 0 16px 30px rgba(6,78,59,.20);
}
.process-step.is-active{
  border-color:rgba(212,175,55,.55)!important;
}
.delivery-flow-section .cycle-shell{
  animation: cycleFloat 5s ease-in-out infinite;
}
.delivery-flow-section.flow-in-view .delivery-cards-grid article{
  animation: flowCardIn .72s var(--motion-premium) both;
}
.delivery-flow-section.flow-in-view .delivery-cards-grid article:nth-child(2){animation-delay:.08s}
.delivery-flow-section.flow-in-view .delivery-cards-grid article:nth-child(3){animation-delay:.16s}
.delivery-flow-section.flow-in-view .delivery-cards-grid article:nth-child(4){animation-delay:.24s}
.delivery-flow-section.flow-in-view .delivery-cards-grid article:nth-child(5){animation-delay:.32s}
.delivery-flow-section.flow-in-view .delivery-cards-grid article:nth-child(6){animation-delay:.40s}

/* Product categories: zoom, CTA transition, specification accordion, coming soon pulse */
.product-card img,
.product-detail-card>img{
  transition:transform 1s var(--motion-premium), filter .45s ease;
}
.product-card a,
.product-copy a{
  position:relative;
  transition:color .25s ease, transform .25s ease;
}
.product-card a::after,
.product-copy a::after{
  content:"";
  position:absolute;
  left:0;bottom:-4px;width:100%;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--green-primary));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--motion-premium);
}
.product-card:hover a::after,
.product-copy a:hover::after{transform:scaleX(1)}
.product-card:hover a,
.product-copy a:hover{transform:translateX(4px)}
.product-detail-card.is-collapsible .spec-toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:14px 0 12px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.35);
  background:linear-gradient(135deg,#fffdf7,#fff8e8);
  color:var(--green-deep);
  font-weight:900;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.product-detail-card.is-collapsible .spec-toggle:hover{
  transform:translateY(-2px);
  box-shadow:var(--glow-gold);
  border-color:rgba(6,78,59,.34);
}
.spec-toggle i{
  width:10px;height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .3s ease;
}
.product-detail-card.spec-open .spec-toggle i{transform:rotate(225deg) translateY(-2px)}
.product-detail-card.is-collapsible .spec-grid{
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-8px);
  transition:max-height .58s var(--motion-premium), opacity .42s ease, transform .42s ease;
}
.product-detail-card.is-collapsible.spec-open .spec-grid{
  max-height:1200px;
  opacity:1;
  transform:translateY(0);
}
.coming-pill,
.electrical-banner .coming-pill{
  animation:comingSoonPulse 2.7s ease-in-out infinite, shineStrip 3s linear infinite;
}
.electrical-banner{
  position:relative;
  overflow:hidden;
}
.electrical-banner::after{
  content:"";
  position:absolute;inset:auto -15% -35% auto;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.14),transparent 68%);
  animation:certOrb 6s ease-in-out infinite;
}

/* Buyer design / drawing support */
.advanced-blueprint .bp-box,
.advanced-blueprint .bp-line,
.advanced-blueprint .bp-circle,
.blueprint-card .blueprint-line,
.blueprint-card .blueprint-grid{
  animation:technicalDraw 3.8s ease-in-out infinite alternate;
}
.advanced-blueprint .bp-line,
.blueprint-card .blueprint-line.short{animation-delay:.35s}
.advanced-blueprint .bp-circle{animation-delay:.7s}
.drawing-points li,
.bp-label{
  animation:technicalFade 3.2s ease-in-out infinite;
}
.btn-primary:hover,
.design-copy .btn:hover,
.hero-actions .btn:hover{
  box-shadow:0 0 0 5px rgba(212,175,55,.18), 0 18px 36px rgba(6,78,59,.22)!important;
}

/* Market coverage */
.markets-section{position:relative;overflow:hidden}
.markets-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 22%, rgba(6,78,59,.09), transparent 22%), radial-gradient(circle at 80% 74%, rgba(212,175,55,.10), transparent 20%);
  animation:globeNetwork 12s ease-in-out infinite alternate;
  pointer-events:none;
}
.market-grid article{
  position:relative;
  overflow:hidden;
}
.market-grid article::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,175,55,.10),transparent);
  transform:translateX(-120%);
  transition:transform .6s ease;
}
.market-grid article:hover::before{transform:translateX(120%)}
.flag-chip{transition:transform .35s var(--motion-premium)}
.market-grid article:hover .flag-chip{transform:translateY(-4px) scale(1.08)}

/* Certifications */
.cert-badge{
  position:relative;
  overflow:hidden;
}
.cert-badge::after{
  content:"";
  position:absolute;
  top:0;left:-140%;width:80%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-18deg);
  animation:badgeShine 3.1s linear infinite;
}
.certification-grid article:hover .cert-badge{animation:badgeLift .8s var(--motion-premium)}

/* Contact / WhatsApp / Forms / Popups */
.whatsapp-fab{
  animation:whatsappBounce 3.2s ease-in-out infinite;
  transition:transform .28s ease, box-shadow .28s ease;
}
.whatsapp-fab:hover{
  transform:translateY(-6px) scale(1.05);
  box-shadow:0 0 0 8px rgba(37,211,102,.14), 0 22px 44px rgba(37,211,102,.42)!important;
}
.form-popup{
  display:flex!important;
  opacity:0;
  pointer-events:none;
  transition:opacity .32s ease, backdrop-filter .32s ease;
}
.form-popup.show{
  opacity:1;
  pointer-events:auto;
}
.form-popup-card{
  transform:translateY(16px) scale(.96);
  opacity:0;
  transition:transform .36s var(--motion-premium), opacity .32s ease;
}
.form-popup.show .form-popup-card{
  transform:translateY(0) scale(1);
  opacity:1;
}
.form-group input,
.form-group textarea,
.form-group select,
input,textarea,select{
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.form-group.field-focused input,
.form-group.field-focused textarea,
.form-group.field-focused select,
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:rgba(212,175,55,.74)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.16)!important;
  background:#fffdf7!important;
}

/* Mobile menu smooth slide-down */
@media(max-width:900px){
  .main-nav{
    display:flex!important;
    opacity:0;
    visibility:hidden;
    transform:translateY(-12px) scale(.98);
    pointer-events:none;
    transition:opacity .28s ease, transform .32s var(--motion-premium), visibility .28s ease;
  }
  .main-nav.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }
  body.menu-open{overflow-x:hidden}
  .process-cycle-track::after{display:none}
}

/* Keyframes */
@keyframes logoDropFade{from{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes textFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroReveal{to{opacity:1;transform:translateY(0) translateX(0)}}
@keyframes heroImageSlowZoom{from{transform:scale(1.02)}to{transform:scale(1.075)}}
@keyframes heroPatternMove{0%{background-position:0 0,0 0,0 0}100%{background-position:60px 40px,-40px 80px,100px 70px}}
@keyframes heroGradientDrift{0%{filter:saturate(1)}100%{filter:saturate(1.08) brightness(1.02)}}
@keyframes routeLineSweep{0%,40%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@keyframes routeTextPulse{0%,100%{color:inherit}50%{color:#FFF1C2}}
@keyframes networkDots{from{background-position:0 0}to{background-position:168px 112px}}
@keyframes statSoftGlow{0%,100%{box-shadow:0 14px 28px rgba(6,78,59,.18)}50%{box-shadow:0 0 0 8px rgba(212,175,55,.16),0 18px 36px rgba(6,78,59,.20)}}
@keyframes cycleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes flowCardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes comingSoonPulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.22)}50%{box-shadow:0 0 0 10px rgba(212,175,55,0)}}
@keyframes certOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-16px,-10px) scale(1.08)}}
@keyframes technicalDraw{0%{opacity:.54;stroke-dashoffset:30;filter:brightness(.98)}100%{opacity:1;filter:brightness(1.15)}}
@keyframes technicalFade{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes globeNetwork{0%{transform:translateY(0) scale(1);opacity:.6}100%{transform:translateY(-12px) scale(1.03);opacity:1}}
@keyframes badgeShine{0%{left:-140%}55%,100%{left:140%}}
@keyframes badgeLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes whatsappBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .motion-card,.reveal{opacity:1!important;transform:none!important}
  .form-popup,.form-popup-card{transition:none!important}
}

/* =========================================================
   FINAL PREMIUM DROP & ARRANGE MOTION SYSTEM
   Only animation/transition layer — design, colors and layout unchanged.
   ========================================================= */
:root{
  --arrange-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --arrange-shadow: 0 24px 54px rgba(6,78,59,.16);
  --arrange-glow: 0 0 0 1px rgba(212,175,55,.38), 0 22px 48px rgba(6,78,59,.14);
}

html{scroll-behavior:smooth}
body.premium-motion-ready{overflow-x:hidden}

/* Reusable motion classes requested */
.drop-arrange,
.motion-card{
  opacity:0;
  transform:translate3d(0,-46px,0) scale(.96);
  filter:blur(2px);
  transition:
    opacity .72s var(--arrange-ease),
    transform .86s var(--arrange-ease),
    filter .72s ease,
    box-shadow .32s ease,
    border-color .32s ease;
  transition-delay:var(--stagger-delay,var(--reveal-delay,0ms));
  will-change:opacity, transform, filter;
}

.reveal-up,
.reveal{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:
    opacity .72s var(--arrange-ease),
    transform .82s var(--arrange-ease),
    filter .72s ease;
  transition-delay:var(--stagger-delay,0ms);
  will-change:opacity, transform;
}

.drop-arrange.is-arranged,
.drop-arrange.is-visible,
.motion-card.is-visible,
.motion-card.is-arranged,
.reveal-up.is-arranged,
.reveal-up.visible,
.reveal.visible,
.reveal.is-arranged{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1);
}

.drop-arrange.is-arranged,
.motion-card.is-visible,
.motion-card.is-arranged{
  animation:premiumSettle .62s var(--arrange-ease) both;
  animation-delay:var(--stagger-delay,var(--reveal-delay,0ms));
}

.stagger-item{transition-delay:var(--stagger-delay,0ms)}
.soft-glow.is-arranged,
.soft-glow.is-visible{box-shadow:0 0 0 1px rgba(212,175,55,.16), 0 16px 34px rgba(6,78,59,.06)}

@keyframes premiumSettle{
  0%{transform:translate3d(0,-46px,0) scale(.96);opacity:0;filter:blur(2px)}
  72%{transform:translate3d(0,5px,0) scale(1.006);opacity:1;filter:blur(0)}
  100%{transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0)}
}

/* Premium hover layer */
.premium-hover,
.badge-grid article,
.network-grid article,
.model-symbol-grid article,
.why-card-grid article,
.excellence-grid article,
.market-grid article,
.product-card,
.animated-service-card,
.mv-card,
.process-step,
.certification-grid article,
.buyer-reasons-list article,
.about-points-list div,
.delivery-cards-grid article,
.timeline-item,
.product-detail-card,
.spec-grid article{
  transition:
    transform .34s var(--arrange-ease),
    box-shadow .34s ease,
    border-color .34s ease,
    background .34s ease;
  will-change:transform;
}

.premium-hover:hover,
.badge-grid article:hover,
.network-grid article:hover,
.model-symbol-grid article:hover,
.why-card-grid article:hover,
.excellence-grid article:hover,
.market-grid article:hover,
.product-card:hover,
.animated-service-card:hover,
.mv-card:hover,
.process-step:hover,
.certification-grid article:hover,
.buyer-reasons-list article:hover,
.about-points-list div:hover,
.delivery-cards-grid article:hover,
.timeline-item:hover,
.product-detail-card:hover,
.spec-grid article:hover{
  transform:translateY(-8px);
  box-shadow:var(--arrange-shadow)!important;
  border-color:rgba(212,175,55,.60)!important;
}

/* Hero: premium drop/arrange and light drift */
.premium-hero{isolation:isolate;position:relative;overflow:hidden}
.premium-hero::after{
  content:"";
  position:absolute;
  inset:-12% -8%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 25%, rgba(212,175,55,.13), transparent 22%),
    radial-gradient(circle at 78% 58%, rgba(255,255,255,.06), transparent 24%),
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.055) 45%, transparent 72%);
  animation:heroLightDrift 12s ease-in-out infinite alternate;
}
.premium-hero .container,
.premium-hero .hero-gold-line{position:relative;z-index:2}
.brand{animation:logoDropFade .78s var(--arrange-ease) both}
.hero-ribbon{transform-origin:left center}
.premium-hero .hero-photo-panel{transform-origin:center;animation-delay:.28s!important}
.photo-main,
.photo-stack > div{overflow:hidden}
.photo-main img,
.photo-stack img{will-change:transform;animation:heroImageSlowZoom 12s ease-in-out infinite alternate}
.hero-photo-panel:hover .photo-main img,
.photo-stack > div:hover img{transform:scale(1.08)}
.hero-route-mini{position:relative;overflow:hidden}
.hero-route-mini i{position:relative;overflow:hidden;transform-origin:left center}
.hero-route-mini i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  transform:translateX(-110%);
  animation:routeFlow 2.65s ease-in-out infinite;
}
.hero-route-mini i:nth-of-type(2)::after{animation-delay:.33s}
.hero-route-mini i:nth-of-type(3)::after{animation-delay:.66s}
.hero-route-mini span{animation:routeTextGlow 4s ease-in-out infinite}
.hero-actions a:nth-child(1){--stagger-delay:320ms}.hero-actions a:nth-child(2){--stagger-delay:430ms}
.hero-mini-grid > div:nth-child(1){--stagger-delay:540ms}.hero-mini-grid > div:nth-child(2){--stagger-delay:650ms}.hero-mini-grid > div:nth-child(3){--stagger-delay:760ms}

@keyframes heroLightDrift{0%{transform:translate3d(-2%,0,0) scale(1);opacity:.62}100%{transform:translate3d(3%,2%,0) scale(1.04);opacity:1}}
@keyframes heroImageSlowZoom{0%{transform:scale(1.02)}100%{transform:scale(1.075)}}
@keyframes routeFlow{0%,38%{transform:translateX(-115%)}68%,100%{transform:translateX(115%)}}
@keyframes routeTextGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 14px rgba(212,175,55,.28)}}

/* Navbar */
.site-header{transition:box-shadow .34s ease, background .34s ease, backdrop-filter .34s ease, border-color .34s ease}
.site-header.scrolled{background:rgba(255,248,232,.92);backdrop-filter:blur(14px);box-shadow:0 18px 44px rgba(2,44,34,.14);border-bottom-color:rgba(212,175,55,.34)}
.main-nav a{position:relative;overflow:hidden}
.main-nav a::after{content:""!important;position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--saffron),var(--gold),var(--green-primary));transform:scaleX(0);transform-origin:left;transition:transform .34s var(--arrange-ease);display:block!important;width:auto!important}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.main-nav a.active{background:linear-gradient(135deg,rgba(6,78,59,.10),rgba(212,175,55,.18));color:var(--green-primary)!important}

/* What We Offer: no image dependency, premium service card motion */
.animated-service-card{position:relative;isolation:isolate;overflow:hidden}
.animated-service-card::after{content:"";position:absolute;top:0;left:-90%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.20),transparent);transform:skewX(-18deg);transition:left .7s ease;z-index:0}
.animated-service-card:hover::after{left:135%}
.service-orbit{animation:serviceFloat 4.2s ease-in-out infinite}
.service-orbit i{animation:serviceOrbit 3.3s linear infinite}
.animated-service-card:nth-child(2) .service-orbit{animation-delay:.25s}.animated-service-card:nth-child(3) .service-orbit{animation-delay:.50s}.animated-service-card:nth-child(4) .service-orbit{animation-delay:.75s}
@keyframes serviceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes serviceOrbit{0%{transform:rotate(0deg) translateX(43px) rotate(0deg)}100%{transform:rotate(360deg) translateX(43px) rotate(-360deg)}}

/* 100+ Connected Manufacturers */
.partner-network-section{position:relative;overflow:hidden}
.partner-network-section::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(6,78,59,.16) 1px, transparent 1px);background-size:28px 28px;opacity:.20;animation:networkDotsMove 16s linear infinite;pointer-events:none}
.partner-network-section .container{position:relative;z-index:1}
.network-stat{animation:counterTrustGlow 3.3s ease-in-out infinite}
@keyframes networkDotsMove{from{background-position:0 0}to{background-position:140px 84px}}
@keyframes counterTrustGlow{0%,100%{box-shadow:0 14px 28px rgba(6,78,59,.18)}50%{box-shadow:0 0 0 8px rgba(212,175,55,.15),0 18px 36px rgba(6,78,59,.22)}}

/* Structured model connecting feel */
.model-symbol-grid{position:relative}
.model-symbol-grid::before{content:"";position:absolute;left:8%;right:8%;top:28px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--green-primary),var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--arrange-ease);opacity:.45}
.structured-model-section.in-view .model-symbol-grid::before{transform:scaleX(1)}
.symbol-badge{animation:badgePopFloat 4s ease-in-out infinite}
@keyframes badgePopFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Product categories */
.product-card{overflow:hidden}
.product-card img,.product-detail-card>img{transition:transform 1s var(--arrange-ease),filter .42s ease}
.product-card:hover img,.product-detail-card:hover>img{transform:scale(1.075)}
.product-copy a,.product-card a{position:relative;display:inline-block;transition:transform .25s ease,color .25s ease}
.product-copy a::after,.product-card a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),var(--green-primary));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--arrange-ease)}
.product-copy a:hover::after,.product-card:hover a::after{transform:scaleX(1)}
.product-copy a:hover,.product-card:hover a{transform:translateX(4px)}
.coming-pill{animation:comingSoonPulse 2.7s ease-in-out infinite, shineStrip 3.2s linear infinite}
@keyframes comingSoonPulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.22)}50%{box-shadow:0 0 0 10px rgba(212,175,55,0)}}

/* Product detail smooth specs */
.product-detail-card.is-collapsible .spec-toggle{display:inline-flex;align-items:center;gap:10px;margin:14px 0 12px;padding:12px 18px;border-radius:999px;border:1px solid rgba(212,175,55,.35);background:linear-gradient(135deg,#fffdf7,#fff8e8);color:var(--green-deep);font-weight:900;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-detail-card.is-collapsible .spec-toggle:hover{transform:translateY(-2px);box-shadow:var(--arrange-glow);border-color:rgba(6,78,59,.34)}
.spec-toggle i{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s ease}
.product-detail-card.spec-open .spec-toggle i{transform:rotate(225deg) translateY(-2px)}
.product-detail-card.is-collapsible .spec-grid{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .58s var(--arrange-ease),opacity .42s ease,transform .42s ease}
.product-detail-card.is-collapsible.spec-open .spec-grid{max-height:1400px;opacity:1;transform:translateY(0)}

/* Blueprint / line drawing */
.line-draw,.advanced-blueprint .bp-box,.advanced-blueprint .bp-line,.advanced-blueprint .bp-circle,.blueprint-card .blueprint-line,.blueprint-card .blueprint-grid{animation:technicalLinePulse 3.8s ease-in-out infinite alternate}
.advanced-blueprint .bp-label,.drawing-points li{animation:technicalLabelPulse 3.2s ease-in-out infinite}
@keyframes technicalLinePulse{0%{opacity:.52;filter:brightness(.95)}100%{opacity:1;filter:brightness(1.18)}}
@keyframes technicalLabelPulse{0%,100%{opacity:.82}50%{opacity:1}}
.design-copy .btn:hover{box-shadow:0 0 0 5px rgba(212,175,55,.18),0 18px 36px rgba(6,78,59,.22)!important}

/* Market coverage globe/network motion */
.markets-section{position:relative;overflow:hidden}
.markets-section::after{content:"";position:absolute;inset:-12%;background:radial-gradient(circle at 50% 20%,rgba(6,78,59,.09),transparent 22%),radial-gradient(circle at 82% 72%,rgba(212,175,55,.11),transparent 20%);animation:globeNetworkDrift 13s ease-in-out infinite alternate;pointer-events:none}
.markets-section .container{position:relative;z-index:1}
.market-grid article{overflow:hidden}
.market-grid article::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(212,175,55,.10),transparent);transform:translateX(-120%);transition:transform .6s ease}
.market-grid article:hover::before{transform:translateX(120%)}
@keyframes globeNetworkDrift{0%{transform:translateY(0) scale(1);opacity:.65}100%{transform:translateY(-12px) scale(1.03);opacity:1}}

/* Execution process */
.process-cycle-track{position:relative;isolation:isolate}
.process-cycle-track::after{content:"";position:absolute;left:8%;right:8%;top:45px;height:3px;background:linear-gradient(90deg,var(--green-primary),var(--gold),var(--saffron));z-index:0;transform:scaleX(0);transform-origin:left;transition:transform 1.35s var(--arrange-ease)}
.process-cycle-section.in-view .process-cycle-track::after{transform:scaleX(1)}
.process-step span{transition:transform .42s var(--arrange-ease),box-shadow .42s ease}
.process-step.is-active span{transform:scale(1.08);box-shadow:0 0 0 8px rgba(212,175,55,.18),0 16px 30px rgba(6,78,59,.20)}
.process-step.is-active{border-color:rgba(212,175,55,.55)!important}
.timeline-line{transform:scaleY(0);transform-origin:top;transition:transform 1.2s var(--arrange-ease)}
.sourcing-timeline-section.in-view .timeline-line{transform:scaleY(1)}
.timeline-badge{transition:transform .4s var(--arrange-ease),box-shadow .4s ease}
.timeline-item.is-active .timeline-badge,.timeline-item:hover .timeline-badge{transform:scale(1.08);box-shadow:0 0 0 8px rgba(212,175,55,.18),0 16px 30px rgba(6,78,59,.18)}

/* Certifications */
.cert-badge{position:relative;overflow:hidden}
.cert-badge::after{content:"";position:absolute;top:0;left:-140%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-18deg);animation:badgeShine 3.1s linear infinite}
@keyframes badgeShine{0%{left:-140%}55%,100%{left:140%}}

/* Contact / WhatsApp / Popup / Forms */
.whatsapp-fab{animation:whatsappSoftFloat 3.2s ease-in-out infinite;transition:transform .28s ease,box-shadow .28s ease}
.whatsapp-fab:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 0 0 8px rgba(37,211,102,.14),0 22px 44px rgba(37,211,102,.42)!important}
@keyframes whatsappSoftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.form-popup{display:flex!important;opacity:0;pointer-events:none;transition:opacity .32s ease,backdrop-filter .32s ease}
.form-popup.show{opacity:1;pointer-events:auto}
.form-popup-card{transform:translateY(16px) scale(.96);opacity:0;transition:transform .36s var(--arrange-ease),opacity .32s ease}
.form-popup.show .form-popup-card{transform:translateY(0) scale(1);opacity:1}
.form-group input,.form-group textarea,.form-group select,input,textarea,select{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.form-group.field-focused input,.form-group.field-focused textarea,.form-group.field-focused select,input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(212,175,55,.74)!important;box-shadow:0 0 0 4px rgba(212,175,55,.16)!important;background:#fffdf7!important}

/* Mobile menu smooth slide-down */
@media(max-width:900px){
  .main-nav{display:flex!important;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.98);pointer-events:none;transition:opacity .28s ease,transform .32s var(--arrange-ease),visibility .28s ease}
  .main-nav.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
  body.menu-open{overflow-x:hidden}
  .process-cycle-track::after{display:none}
}

/* Accessibility and performance */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .drop-arrange,.reveal-up,.motion-card,.reveal{opacity:1!important;transform:none!important;filter:none!important}
  .form-popup,.form-popup-card{transition:none!important}
}

/* Card inner link/button slide-up after card settles */
.product-card a,
.animated-service-card a,
.service-visual-card a,
.premium-card a,
.mv-card a,
.network-grid article a,
.model-symbol-grid article a,
.excellence-grid article a,
.certification-grid article a{
  display:inline-block;
  transition:transform .28s cubic-bezier(0.22,1,0.36,1), opacity .28s ease, color .28s ease;
}

.product-card.vga-visible a,
.animated-service-card.vga-visible a,
.service-visual-card.vga-visible a,
.premium-card.vga-visible a,
.mv-card.vga-visible a,
.network-grid article.vga-visible a,
.model-symbol-grid article.vga-visible a,
.excellence-grid article.vga-visible a,
.certification-grid article.vga-visible a{
  animation:sectionReveal .55s cubic-bezier(0.22,1,0.36,1) both;
  animation-delay:calc(var(--vga-delay,0ms) + .42s);
}

.btn:hover{
  animation:buttonGlow .82s ease both;
}

/* ==========================================================
   FAST STABLE FIX — no glitch / no heavy animation
   Keeps design, layout, colors, images, and content.
========================================================== */

/* Remove yellow bar/line from hero */
.hero-gold-line,
.premium-hero .hero-gold-line,
.hero-section .hero-gold-line{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  opacity:0 !important;
}

.premium-hero,
.hero-section.premium-hero,
.hero-section{
  border-bottom:0 !important;
  overflow:hidden !important;
}

/* Stop heavy scroll/drop animations that caused glitches */
.drop-arrange,
.reveal-up,
.reveal,
.motion-card,
.spatial-card-drop,
.spatialCardDrop,
.stagger-item,
.vga-drop-item,
.vga-heading-item,
.hero-word,
.sectionReveal,
.section-reveal{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
}

/* Stop infinite/background/image animations for speed */
.premium-hero::before,
.premium-hero .hero-pattern,
.hero-pattern,
.photo-main img,
.photo-stack img,
.service-orbit,
.network-stat,
.cert-badge,
.symbol-badge,
.mini-badge,
.line-icon,
.process-step span,
.timeline-badge,
.coming-pill,
.whatsapp-fab,
.top-message .ticker-track,
.ticker-track.single-line{
  animation:none !important;
}

/* Prevent pseudo animation lines from creating visual glitches */
.hero-route-mini i::after,
.about-route-strip i::after,
.network-stat::after,
.cert-badge::after,
.symbol-badge::after,
.mini-badge::after,
.line-icon::after,
.process-step span::after,
.timeline-badge::after{
  display:none !important;
  animation:none !important;
}

/* Keep professional lightweight hover only */
.product-card,
.animated-service-card,
.service-visual-card,
.network-grid article,
.model-symbol-grid article,
.why-card-grid article,
.excellence-grid article,
.market-grid article,
.mv-card,
.process-step,
.certification-grid article,
.buyer-reasons-list article,
.about-points-list div,
.delivery-cards-grid article,
.premium-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.product-card:hover,
.animated-service-card:hover,
.service-visual-card:hover,
.network-grid article:hover,
.model-symbol-grid article:hover,
.why-card-grid article:hover,
.excellence-grid article:hover,
.market-grid article:hover,
.mv-card:hover,
.process-step:hover,
.certification-grid article:hover,
.buyer-reasons-list article:hover,
.about-points-list div:hover,
.delivery-cards-grid article:hover,
.premium-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 16px 34px rgba(6,78,59,.10) !important;
  border-color:rgba(212,175,55,.38) !important;
}

/* Hero layout safety so bottom cards are not cut */
.hero-layout-premium,
.phase6-hero{
  align-items:center !important;
}

.hero-mini-grid{
  margin-top:24px !important;
  padding-bottom:0 !important;
}

.hero-mini-grid div{
  transform:none !important;
  min-height:auto !important;
  overflow:visible !important;
}

.premium-hero{
  padding-bottom:clamp(72px,7vw,110px) !important;
}

/* Lightweight image hover only */
.product-card img,
.photo-main img,
.photo-stack img{
  transition:transform .25s ease !important;
}

.product-card:hover img{
  transform:scale(1.025) !important;
}

/* Mobile speed + layout safety */
@media(max-width:900px){
  .premium-hero,
  .hero-section.premium-hero{
    padding-bottom:70px !important;
  }
  .hero-mini-grid{
    grid-template-columns:1fr !important;
  }
  .hero-photo-panel{
    transform:none !important;
  }
}

/* Accessibility and stable performance */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* ==========================================================
   FINAL HEADER ALIGNMENT + HOW WE WORK COLOR MATCH + SPEED
   Fixes nav overflow, keeps design clean, improves mobile responsiveness.
========================================================== */

/* Header: prevent buttons/nav going outside screen */
.site-header{
  width:100%;
  overflow:visible !important;
}

.nav-wrap{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:clamp(12px,1.4vw,22px) !important;
  min-height:86px !important;
  align-items:center !important;
}

.brand{
  min-width:0 !important;
  max-width:360px !important;
}

.brand img{
  width:64px !important;
  height:64px !important;
  border-radius:18px !important;
}

.brand strong{
  font-size:clamp(1rem,1.12vw,1.12rem) !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

.brand span{
  font-size:.80rem !important;
  white-space:nowrap !important;
}

.main-nav{
  min-width:0 !important;
  justify-content:center !important;
  gap:clamp(12px,1.25vw,20px) !important;
}

.main-nav a{
  font-size:clamp(.84rem,.92vw,.95rem) !important;
  white-space:nowrap !important;
  padding:10px 0 !important;
}

.header-actions{
  justify-self:end !important;
  flex-shrink:0 !important;
  gap:8px !important;
}

.header-actions .btn{
  padding:11px 18px !important;
  font-size:.90rem !important;
  white-space:nowrap !important;
}

/* Keep only Company Profile on desktop; duplicated Submit Requirement is removed from HTML */
.header-actions .btn-primary{
  display:none !important;
}

/* How We Work page color matching with Virohan green/gold/ivory theme */
.page-hero{
  background:
    radial-gradient(circle at 12% 18%, rgba(212,175,55,.13), transparent 22%),
    linear-gradient(135deg,var(--green-deep) 0%, var(--green-primary) 48%, var(--navy) 100%) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(212,175,55,.22) !important;
}

.page-hero h1,
.page-hero p,
.page-hero .eyebrow{
  color:#fff !important;
}

.delivery-flow-section{
  background:
    radial-gradient(circle at 10% 15%, rgba(212,175,55,.12), transparent 22%),
    linear-gradient(135deg,var(--green-deep) 0%, var(--green-primary) 50%, var(--navy) 100%) !important;
  color:#fff !important;
}

.delivery-flow-section .section-heading h2{
  color:#FFF1C2 !important;
}

.delivery-flow-section .section-heading p,
.delivery-flow-section .eyebrow,
.delivery-flow-section .flow-note{
  color:#fff !important;
}

.delivery-cards-grid{
  align-items:stretch !important;
}

.delivery-cards-grid article{
  height:100% !important;
  background:linear-gradient(180deg,#fffdf7,#ffffff) !important;
  border:1px solid rgba(212,175,55,.42) !important;
  box-shadow:0 16px 34px rgba(2,44,34,.14) !important;
}

.delivery-cards-grid h3{
  color:var(--green-deep) !important;
}

.delivery-cards-grid p{
  color:#4b5d73 !important;
}

.cycle-center{
  background:linear-gradient(135deg,var(--green-deep),var(--green-primary)) !important;
  border-color:rgba(212,175,55,.60) !important;
}

.orbit-node{
  color:var(--green-deep) !important;
  border-color:rgba(212,175,55,.78) !important;
}

.sourcing-timeline-section{
  background:linear-gradient(180deg,#FFF8E8 0%, #fffef9 100%) !important;
}

.timeline-item > div{
  background:#fff !important;
  border:1px solid rgba(212,175,55,.22) !important;
  border-radius:22px !important;
  padding:18px 20px !important;
  box-shadow:0 10px 24px rgba(6,78,59,.05) !important;
}

.timeline-badge{
  background:linear-gradient(135deg,var(--green-primary),var(--green-deep)) !important;
  color:#FFF1C2 !important;
  border-color:rgba(212,175,55,.62) !important;
}

.timeline-line{
  background:linear-gradient(180deg,var(--gold),var(--green-primary)) !important;
}

.howwork-benefit-section{
  background:linear-gradient(180deg,#fffef9 0%, #FFF8E8 100%) !important;
}

.howwork-benefit-section .premium-card{
  background:#fff !important;
  border:1px solid rgba(212,175,55,.25) !important;
}

/* Faster mobile/desktop: no heavy motion */
*{
  -webkit-tap-highlight-color:transparent;
}

img{
  max-width:100%;
  height:auto;
}

/* Responsive header: switch before overflow */
@media(max-width:1320px){
  .nav-wrap{
    grid-template-columns:auto auto 1fr !important;
  }

  .menu-toggle{
    display:inline-grid !important;
    place-items:center !important;
    justify-self:end !important;
    grid-column:3 !important;
    grid-row:1 !important;
  }

  .brand{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .header-actions{
    display:none !important;
  }

  .main-nav{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    padding:12px !important;
    background:#fffdf7 !important;
    border:1px solid rgba(212,175,55,.22) !important;
    border-radius:22px !important;
    box-shadow:0 18px 40px rgba(6,78,59,.10) !important;
  }

  .main-nav.open{
    display:flex !important;
  }

  .main-nav a{
    padding:13px 14px !important;
    border-radius:14px !important;
  }

  .main-nav a:hover,
  .main-nav a.active{
    background:rgba(212,175,55,.12) !important;
  }
}

@media(max-width:760px){
  .nav-wrap{
    min-height:74px !important;
  }

  .brand{
    gap:10px !important;
  }

  .brand img{
    width:54px !important;
    height:54px !important;
  }

  .brand strong{
    font-size:.95rem !important;
  }

  .brand span{
    display:none !important;
  }

  .menu-toggle{
    width:44px !important;
    height:44px !important;
  }

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

  .delivery-flow-grid,
  .delivery-cards-grid{
    grid-template-columns:1fr !important;
  }

  .cycle-shell{
    transform:scale(.88);
    margin:0 auto;
  }

  .timeline-item{
    grid-template-columns:58px 1fr !important;
  }

  .timeline-badge{
    width:48px !important;
    height:48px !important;
  }
}

@media(max-width:420px){
  .brand strong{
    font-size:.88rem !important;
  }

  .brand img{
    width:48px !important;
    height:48px !important;
  }

  .nav-wrap{
    gap:8px !important;
  }
}

/* Reduced motion support */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* ==========================================================
   TOPBAR + HEADER SUBMIT + LIGHT CARD ANIMATION FIX
   Restores welcome transition, keeps header aligned, adds basic premium motion.
========================================================== */

/* Moving top welcome line - smooth and lightweight */
.top-message{
  height:32px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:linear-gradient(90deg,var(--green-deep),var(--green-primary),var(--green-deep)) !important;
}

.top-message .ticker-track{
  display:inline-flex !important;
  align-items:center !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  animation:topbarTicker 24s linear infinite !important;
  transform:translateX(0);
  will-change:transform;
}

.top-message .ticker-track span{
  display:inline-block !important;
  padding:0 58px !important;
  color:#FFF4CF !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  font-size:clamp(.80rem,1vw,.94rem) !important;
  white-space:nowrap !important;
}

@keyframes topbarTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Header alignment with Submit Requirement + Company Profile */
.nav-wrap{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:clamp(10px,1.1vw,18px) !important;
}

.brand{
  max-width:390px !important;
}

.brand img{
  width:62px !important;
  height:62px !important;
}

.brand strong{
  font-size:clamp(.98rem,1.08vw,1.10rem) !important;
}

.brand span{
  font-size:.78rem !important;
}

.main-nav{
  gap:clamp(10px,1vw,17px) !important;
}

.main-nav a{
  font-size:clamp(.80rem,.88vw,.92rem) !important;
}

.header-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  justify-self:end !important;
  min-width:max-content !important;
}

.header-actions .btn{
  padding:10px 15px !important;
  font-size:.86rem !important;
  white-space:nowrap !important;
}

.header-actions .btn-primary,
.header-actions .header-submit-btn{
  display:inline-flex !important;
}

/* At smaller desktop/tablet widths use menu to avoid overflow */
@media(max-width:1500px){
  .header-actions .header-submit-btn{
    display:none !important;
  }
}

@media(max-width:1360px){
  .nav-wrap{
    grid-template-columns:auto auto 1fr !important;
  }
  .menu-toggle{
    display:inline-grid !important;
    place-items:center !important;
    justify-self:end !important;
    grid-column:3 !important;
    grid-row:1 !important;
  }
  .header-actions{
    display:none !important;
  }
  .main-nav{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    padding:12px !important;
    background:#fffdf7 !important;
    border:1px solid rgba(212,175,55,.22) !important;
    border-radius:22px !important;
    box-shadow:0 18px 40px rgba(6,78,59,.10) !important;
  }
  .main-nav.open{
    display:flex !important;
  }
}

/* Lightweight premium section/card transition */
.soft-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .55s ease, transform .62s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, border-color .22s ease;
  transition-delay:var(--soft-delay,0ms);
  will-change:opacity,transform;
}

.soft-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

.model-symbol-grid article,
.network-grid article,
.why-card-grid article,
.excellence-grid article,
.market-grid article,
.product-showcase-grid article,
.animated-service-grid article,
.services-gallery article,
.certification-grid article,
.process-cycle-track article,
.delivery-cards-grid article,
.timeline-item,
.about-points-list div,
.buyer-reasons-list article{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.model-symbol-grid article:hover,
.network-grid article:hover,
.why-card-grid article:hover,
.excellence-grid article:hover,
.market-grid article:hover,
.product-showcase-grid article:hover,
.animated-service-grid article:hover,
.services-gallery article:hover,
.certification-grid article:hover,
.process-cycle-track article:hover,
.delivery-cards-grid article:hover,
.timeline-item:hover,
.about-points-list div:hover,
.buyer-reasons-list article:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 18px 38px rgba(6,78,59,.12) !important;
  border-color:rgba(212,175,55,.45) !important;
}

/* Structured model section gets slightly better motion and spacing */
.structured-model-section .model-symbol-grid{
  gap:22px !important;
}

.structured-model-section .model-symbol-grid article{
  min-height:260px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.symbol-badge{
  transition:transform .25s ease, box-shadow .25s ease !important;
}

.model-symbol-grid article:hover .symbol-badge{
  transform:scale(1.04) !important;
  box-shadow:0 14px 28px rgba(6,78,59,.18) !important;
}

/* Mobile speed and clean stacking */
@media(max-width:760px){
  .top-message{
    height:30px !important;
  }
  .top-message .ticker-track{
    animation-duration:18s !important;
  }
  .top-message .ticker-track span{
    padding:0 36px !important;
    font-size:.78rem !important;
  }
  .brand span{
    display:none !important;
  }
  .brand img{
    width:52px !important;
    height:52px !important;
  }
  .brand strong{
    font-size:.94rem !important;
  }
  .structured-model-section .model-symbol-grid article{
    min-height:auto !important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .top-message .ticker-track,
  .soft-reveal,
  *{
    animation:none !important;
    transition:none !important;
  }
  .soft-reveal{
    opacity:1 !important;
    transform:none !important;
  }
}

/* ==========================================================
   VIROHAN LUXURY CORPORATE PREMIUM UPGRADE
   Stronger global-standard look, no empty hero, optimized animation.
========================================================== */

:root{
  --vg-ink:#071725;
  --vg-muted:#5C6F86;
  --vg-cream:#FFF8E8;
  --vg-card:#FFFDF7;
  --vg-green:#064E3B;
  --vg-deep:#022C22;
  --vg-navy:#0F2747;
  --vg-gold:#D4AF37;
  --vg-saffron:#FF8A1D;
  --vg-border:rgba(212,175,55,.32);
  --vg-shadow:0 24px 60px rgba(2,44,34,.12);
  --vg-ease:cubic-bezier(.22,1,.36,1);
}

/* Hide older hero variants so no empty/duplicated block appears */
.luxury-home-hero,
.premium-hero,
.hero-section,
.home-products-panel,
.home-process-text-panel,
.home-hero-visual-card{
  display:none !important;
}

/* Premium body polish */
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(212,175,55,.08),transparent 22%),
    linear-gradient(180deg,#fffdf6 0%,#fff8e8 48%,#fffdf7 100%) !important;
  color:var(--vg-ink);
}

.container{
  max-width:1240px !important;
}

/* Header/nav premium finish */
.site-header,
.header,
.navbar{
  backdrop-filter:blur(14px);
  background:rgba(255,248,232,.92) !important;
  border-bottom:1px solid rgba(212,175,55,.22) !important;
  box-shadow:0 12px 34px rgba(2,44,34,.06) !important;
}

.nav a,
.navbar a,
.menu a{
  transition:color .22s ease, background .22s ease, transform .22s ease;
}

.nav a:hover,
.navbar a:hover,
.menu a:hover{
  transform:translateY(-1px);
  color:var(--vg-green) !important;
}

/* New luxury home hero */
.vg-luxury-hero{
  display:block !important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  padding:clamp(58px,6vw,92px) 0 clamp(68px,7vw,108px);
  background:
    radial-gradient(circle at 14% 15%,rgba(212,175,55,.18),transparent 26%),
    radial-gradient(circle at 88% 12%,rgba(255,248,232,.11),transparent 24%),
    linear-gradient(118deg,#021D18 0%,#064E3B 36%,#0A344F 70%,#071827 100%);
}

.vg-luxury-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 60%),
    repeating-linear-gradient(108deg,rgba(255,248,232,.045) 0 1px,transparent 1px 92px);
  opacity:.78;
  animation:vgHeroSweep 10s ease-in-out infinite alternate;
}

.vg-luxury-hero::after{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  right:-270px;
  top:-260px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.20);
  box-shadow:inset 0 0 0 80px rgba(255,248,232,.018);
  z-index:-1;
}

.vg-hero-pattern{
  position:absolute;
  left:-120px;
  bottom:-170px;
  width:440px;
  height:440px;
  border-radius:50%;
  border:1px dashed rgba(212,175,55,.20);
  opacity:.8;
}

.vg-luxury-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  gap:clamp(36px,5vw,76px);
  align-items:center;
}

.vg-luxury-copy,
.vg-luxury-showcase{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

.vg-hero-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:12px 18px;
  margin-bottom:22px;
  border-radius:999px;
  color:#FFF8E8;
  background:linear-gradient(90deg,rgba(255,248,232,.16),rgba(212,175,55,.12));
  border:1px solid rgba(212,175,55,.38);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  font-weight:800;
  animation:vgDropIn .7s var(--vg-ease) both;
}

.vg-luxury-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:var(--vg-gold);
  font-size:.80rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:900;
  animation:vgDropIn .74s var(--vg-ease) .08s both;
}

.vg-luxury-eyebrow::before{
  content:"";
  width:46px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--vg-saffron),var(--vg-gold),var(--vg-green));
}

.vg-luxury-copy h1{
  margin:0 0 24px;
  color:#fff;
  max-width:820px;
  font-size:clamp(3.1rem,5.9vw,5.7rem);
  line-height:.97;
  letter-spacing:-.055em;
  text-shadow:0 12px 34px rgba(0,0,0,.22);
  text-wrap:balance;
  animation:vgDropIn .78s var(--vg-ease) .16s both;
}

.vg-luxury-lead{
  margin:0 0 16px;
  max-width:760px;
  color:#F2F8F3;
  font-size:clamp(1.03rem,1.25vw,1.18rem);
  line-height:1.75;
  animation:vgDropIn .82s var(--vg-ease) .24s both;
}

.vg-hero-proofline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 0;
  animation:vgDropIn .82s var(--vg-ease) .30s both;
}

.vg-hero-proofline span{
  display:inline-flex;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,248,232,.10);
  color:#FFF8E8;
  border:1px solid rgba(212,175,55,.24);
  font-size:.88rem;
  font-weight:700;
}

.vg-luxury-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:30px 0 28px;
  animation:vgDropIn .82s var(--vg-ease) .40s both;
}

.vg-luxury-actions .btn{
  min-height:54px;
  padding:15px 24px;
  border-radius:999px;
  transition:transform .24s ease, box-shadow .24s ease;
}

.vg-luxury-actions .btn:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(0,0,0,.22);
}

.vg-luxury-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  animation:vgDropIn .82s var(--vg-ease) .52s both;
}

.vg-luxury-metrics article{
  padding:20px;
  border-radius:22px;
  background:rgba(255,248,232,.95);
  border:1px solid rgba(212,175,55,.44);
  box-shadow:0 18px 38px rgba(0,0,0,.16);
  transition:transform .25s ease, box-shadow .25s ease;
}

.vg-luxury-metrics article:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 50px rgba(0,0,0,.22);
}

.vg-luxury-metrics strong{
  display:block;
  color:var(--vg-deep);
  font-size:1.45rem;
  line-height:1.05;
  margin-bottom:8px;
}

.vg-luxury-metrics span{
  display:block;
  color:#4F6176;
  font-size:.92rem;
  line-height:1.45;
}

/* Showcase */
.vg-luxury-showcase{
  display:grid;
  gap:16px;
  animation:vgImageIn .9s var(--vg-ease) .26s both;
}

.vg-main-visual{
  position:relative;
  min-height:380px;
  border-radius:34px;
  overflow:hidden;
  background:#06231b;
  border:1px solid rgba(212,175,55,.45);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.vg-main-visual::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:26px;
  border:1px solid rgba(255,248,232,.16);
  z-index:2;
  pointer-events:none;
}

.vg-main-visual img{
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  animation:vgSlowZoom 14s ease-in-out infinite;
}

.vg-main-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,44,34,.06),rgba(2,44,34,.10) 45%,rgba(2,44,34,.78));
}

.vg-visual-badge{
  position:absolute;
  z-index:3;
  left:26px;
  right:26px;
  bottom:24px;
  display:grid;
  gap:10px;
}

.vg-visual-badge span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,248,232,.96);
  color:var(--vg-deep);
  border:1px solid rgba(212,175,55,.42);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.vg-visual-badge strong{
  color:#fff;
  max-width:95%;
  font-size:clamp(1rem,1.25vw,1.18rem);
  line-height:1.46;
  text-shadow:0 3px 16px rgba(0,0,0,.30);
}

.vg-product-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.vg-product-strip article{
  padding:22px;
  border-radius:24px;
  background:rgba(255,248,232,.96);
  border:1px solid rgba(212,175,55,.40);
  box-shadow:0 18px 40px rgba(0,0,0,.15);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.vg-product-strip article:hover{
  transform:translateY(-5px);
  border-color:rgba(212,175,55,.62);
  box-shadow:0 24px 52px rgba(0,0,0,.20);
}

.vg-product-strip span{
  width:42px;
  height:42px;
  margin-bottom:13px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--vg-green),var(--vg-deep));
  color:#FFF3C4;
  font-weight:900;
}

.vg-product-strip strong{
  display:block;
  margin-bottom:8px;
  color:var(--vg-ink);
  font-size:1.04rem;
  line-height:1.25;
}

.vg-product-strip p{
  margin:0;
  color:var(--vg-muted);
  font-size:.93rem;
  line-height:1.5;
}

/* Premium section styling */
.vg-premium-section{
  position:relative;
  background:
    radial-gradient(circle at 6% 10%,rgba(212,175,55,.06),transparent 20%),
    linear-gradient(180deg,#fffdf7,#fff8e8) !important;
}

.vg-premium-section .section-heading h2{
  letter-spacing:-.04em;
  text-wrap:balance;
}

.product-card,
.network-grid article,
.why-card-grid article,
.market-grid article,
.certification-grid article,
.design-box,
.home-about-grid > *,
.mv-card,
.contact-card,
.rfq-card{
  border:1px solid rgba(212,175,55,.28) !important;
  box-shadow:var(--vg-shadow) !important;
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

.product-card:hover,
.network-grid article:hover,
.why-card-grid article:hover,
.market-grid article:hover,
.certification-grid article:hover,
.design-box:hover,
.home-about-grid > *:hover,
.mv-card:hover,
.contact-card:hover,
.rfq-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(212,175,55,.55) !important;
  box-shadow:0 28px 70px rgba(2,44,34,.15) !important;
}

/* Luxury reveal */
.vg-lux-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease, transform .76s var(--vg-ease);
}

.vg-lux-reveal.vg-lux-visible{
  opacity:1;
  transform:none;
}

@keyframes vgDropIn{
  0%{opacity:0;transform:translateY(32px)}
  100%{opacity:1;transform:none}
}

@keyframes vgImageIn{
  0%{opacity:0;transform:translateY(34px) scale(.985)}
  100%{opacity:1;transform:none}
}

@keyframes vgSlowZoom{
  0%,100%{transform:scale(1.02) translateY(0)}
  50%{transform:scale(1.055) translateY(-8px)}
}

@keyframes vgHeroSweep{
  0%{transform:translateX(-4%)}
  100%{transform:translateX(4%)}
}

@media(max-width:1120px){
  .vg-luxury-hero-grid{
    grid-template-columns:1fr;
  }

  .vg-luxury-showcase{
    max-width:900px;
  }
}

@media(max-width:720px){
  .vg-luxury-hero{
    padding:44px 0 58px;
  }

  .vg-luxury-copy h1{
    font-size:clamp(2.5rem,12vw,3.65rem);
  }

  .vg-luxury-metrics,
  .vg-product-strip{
    grid-template-columns:1fr;
  }

  .vg-main-visual,
  .vg-main-visual img{
    min-height:260px;
  }

  .vg-hero-kicker{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

  .vg-lux-reveal{
    opacity:1 !important;
    transform:none !important;
  }
}

/* ==========================================================
   ABOUT PAGE PREMIUM BUYER TRUST UPDATE
========================================================== */

.about-luxury-hero{
  background:
    radial-gradient(circle at 12% 20%, rgba(212,175,55,.12), transparent 28%),
    linear-gradient(135deg,#022C22 0%,#064E3B 48%,#0F2747 100%) !important;
}

.about-luxury-hero h1{
  max-width:980px;
  text-wrap:balance;
}

.about-luxury-hero p{
  max-width:900px;
}

.about-premium-overview{
  background:
    radial-gradient(circle at 12% 10%, rgba(212,175,55,.08), transparent 24%),
    linear-gradient(180deg,#fffdf7 0%,#FFF8E8 100%);
  overflow:hidden;
}

.about-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(34px,5vw,72px);
  align-items:center;
}

.about-overview-copy h2{
  margin:0 0 18px;
  color:var(--charcoal);
  font-size:clamp(2.2rem,4.4vw,4.6rem);
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.about-overview-copy > p{
  color:#5d6f86;
  font-size:clamp(1rem,1.18vw,1.14rem);
  line-height:1.75;
  max-width:760px;
  margin:0 0 28px;
}

.about-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.about-card-grid article{
  padding:22px;
  border-radius:24px;
  background:linear-gradient(145deg,#fffdf7,#ffffff);
  border:1px solid rgba(212,175,55,.30);
  box-shadow:0 18px 42px rgba(2,44,34,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.about-card-grid article:hover{
  transform:translateY(-5px);
  border-color:rgba(212,175,55,.55);
  box-shadow:0 24px 60px rgba(2,44,34,.12);
}

.about-card-grid article span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:linear-gradient(135deg,#064E3B,#022C22);
  color:#FFF3C4;
  font-weight:900;
}

.about-card-grid article h3{
  margin:0 0 8px;
  color:#071725;
  font-size:1.12rem;
}

.about-card-grid article p{
  margin:0;
  color:#5d6f86;
  line-height:1.55;
  font-size:.96rem;
}

/* Premium custom visual section */
.about-premium-visual{
  position:relative;
}

.visual-map-card{
  position:relative;
  border-radius:34px;
  padding:22px;
  background:
    radial-gradient(circle at 50% 50%,rgba(212,175,55,.10),transparent 36%),
    linear-gradient(135deg,#FFF8E8,#fffdf7);
  border:1px solid rgba(212,175,55,.38);
  box-shadow:0 30px 80px rgba(2,44,34,.12);
  overflow:hidden;
}

.visual-map-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:26px;
  border:1px solid rgba(6,78,59,.12);
  pointer-events:none;
}

.visual-title{
  position:absolute;
  top:30px;
  left:34px;
  z-index:2;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(6,78,59,.94);
  color:#FFF8E8;
  border:1px solid rgba(212,175,55,.48);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.visual-map-card svg{
  width:100%;
  height:auto;
  display:block;
  min-height:390px;
}

.visual-caption{
  position:absolute;
  left:34px;
  right:34px;
  bottom:30px;
  padding:14px 18px;
  border-radius:20px;
  background:rgba(2,44,34,.94);
  color:#FFF8E8;
  border:1px solid rgba(212,175,55,.35);
  font-weight:800;
  text-align:center;
}

.route-line{
  stroke-dasharray:720;
  stroke-dashoffset:720;
  animation:aboutRouteDraw 3.2s ease-in-out infinite alternate;
}

.route-two{
  animation-delay:.6s;
}

.factory-icon,
.india-node,
.buyer-node,
.container-icon,
.doc-node{
  animation:aboutFloat 4.5s ease-in-out infinite alternate;
  transform-box:fill-box;
  transform-origin:center;
}

.india-node{animation-delay:.4s}
.buyer-node{animation-delay:.7s}
.container-icon{animation-delay:1s}
.doc-node{animation-delay:1.2s}

/* Credentials section */
.about-credentials-section{
  background:linear-gradient(180deg,#FFF8E8,#fffdf7);
}

.credentials-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.credentials-grid article{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(145deg,#ffffff,#fffdf7);
  border:1px solid rgba(212,175,55,.32);
  box-shadow:0 18px 44px rgba(2,44,34,.08);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.credentials-grid article:hover{
  transform:translateY(-5px);
  border-color:rgba(212,175,55,.55);
  box-shadow:0 26px 60px rgba(2,44,34,.12);
}

.credentials-grid article span{
  display:inline-flex;
  min-width:52px;
  height:42px;
  padding:0 12px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#D4AF37,#FF8A1D);
  color:#022C22;
  font-weight:900;
  margin-bottom:14px;
  font-size:.8rem;
}

.credentials-grid article strong{
  display:block;
  color:#071725;
  font-size:1.04rem;
  line-height:1.35;
}

/* Short founder story */
.founder-short-section{
  background:
    radial-gradient(circle at 90% 10%, rgba(212,175,55,.09), transparent 28%),
    linear-gradient(135deg,#022C22,#064E3B 54%,#0F2747);
  color:#fff;
}

.founder-short-card{
  max-width:1080px !important;
  padding:clamp(28px,4vw,48px);
  border-radius:34px;
  background:rgba(255,248,232,.08);
  border:1px solid rgba(212,175,55,.32);
  box-shadow:0 30px 80px rgba(0,0,0,.16);
}

.founder-short-card h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2.1rem,4.2vw,4.3rem);
  line-height:1.05;
  letter-spacing:-.05em;
}

.founder-short-card p{
  color:#EEF8F3;
  font-size:clamp(1rem,1.16vw,1.14rem);
  line-height:1.78;
  max-width:980px;
}

.founder-short-card blockquote{
  margin:26px 0 0;
  padding:22px 24px;
  border-radius:24px;
  color:#FFF8E8;
  font-size:clamp(1.05rem,1.45vw,1.36rem);
  line-height:1.45;
  font-weight:900;
  background:rgba(2,44,34,.72);
  border:1px solid rgba(212,175,55,.48);
}

/* Business strength cards sharper */
.about-strength-grid article{
  min-height:220px;
}

.about-strength-grid article h3{
  font-size:1.22rem;
  line-height:1.25;
}

.about-strength-grid article p{
  line-height:1.62;
}

@keyframes aboutRouteDraw{
  0%{stroke-dashoffset:720;opacity:.35}
  100%{stroke-dashoffset:0;opacity:1}
}

@keyframes aboutFloat{
  0%{transform:translateY(0)}
  100%{transform:translateY(-7px)}
}

@media(max-width:1080px){
  .about-overview-grid{
    grid-template-columns:1fr;
  }

  .about-premium-visual{
    max-width:820px;
  }

  .credentials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .about-card-grid,
  .credentials-grid{
    grid-template-columns:1fr;
  }

  .visual-map-card{
    padding:14px;
    border-radius:26px;
  }

  .visual-title{
    position:relative;
    top:auto;
    left:auto;
    display:inline-flex;
    margin:8px 0 10px 8px;
  }

  .visual-caption{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin:10px 4px 4px;
  }

  .visual-map-card svg{
    min-height:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .route-line,
  .factory-icon,
  .india-node,
  .buyer-node,
  .container-icon,
  .doc-node{
    animation:none !important;
  }
}

/* About premium reveal classes */
.about-reveal-item{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease, transform .76s cubic-bezier(.22,1,.36,1);
}

.about-reveal-item.about-reveal-visible{
  opacity:1;
  transform:none;
}

@media(prefers-reduced-motion:reduce){
  .about-reveal-item{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* ==========================================================
   FINAL BUYER-FRIENDLY CLEANUP UPDATE
========================================================== */

/* Footer clean India sourcing description */
footer p{
  line-height:1.65;
}

footer a[href^="mailto:"]{
  word-break:break-word;
}

/* Keep only one strong buyer section feel */
.why-section .why-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.why-section .why-card-grid article{
  min-height:260px;
  padding:26px;
  border-radius:26px;
  background:linear-gradient(145deg,#fffdf7,#ffffff);
  border:1px solid rgba(212,175,55,.32);
  box-shadow:0 18px 44px rgba(2,44,34,.08);
}

.why-section .why-card-grid article span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  margin-bottom:18px;
  background:linear-gradient(135deg,#064E3B,#022C22);
  color:#FFF3C4;
  font-weight:900;
}

/* Clean single How We Work process */
.clean-how-process-section{
  background:
    radial-gradient(circle at 12% 10%,rgba(212,175,55,.08),transparent 24%),
    linear-gradient(180deg,#fffdf7 0%,#FFF8E8 100%);
}

.clean-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  counter-reset:process;
}

.clean-process-grid article{
  position:relative;
  min-height:230px;
  padding:26px;
  border-radius:28px;
  background:linear-gradient(145deg,#ffffff,#fffdf7);
  border:1px solid rgba(212,175,55,.34);
  box-shadow:0 18px 44px rgba(2,44,34,.08);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.clean-process-grid article::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#064E3B,#D4AF37,#FF8A1D);
  transform:scaleX(.35);
  transform-origin:left;
  transition:transform .35s ease;
}

.clean-process-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.55);
  box-shadow:0 26px 60px rgba(2,44,34,.12);
}

.clean-process-grid article:hover::after{
  transform:scaleX(1);
}

.clean-process-grid article span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  margin-bottom:18px;
  color:#FFF3C4;
  background:linear-gradient(135deg,#064E3B,#022C22);
  font-weight:900;
  box-shadow:0 12px 24px rgba(6,78,59,.18);
}

.clean-process-grid article h3{
  margin:0 0 12px;
  color:#071725;
  font-size:1.22rem;
  line-height:1.25;
}

.clean-process-grid article p{
  margin:0;
  color:#5d6f86;
  line-height:1.62;
}

/* RFQ form improvements */
.rfq-form label,
.form-grid label,
form label{
  display:grid;
  gap:8px;
}

.rfq-form input,
.rfq-form select,
.rfq-form textarea,
.form-grid input,
.form-grid select,
.form-grid textarea,
form input,
form select,
form textarea{
  min-height:52px;
}

.rfq-form textarea,
.form-grid textarea,
form textarea{
  min-height:130px;
}

/* Mobile responsive cleanup */
@media(max-width:1100px){
  .why-section .why-card-grid,
  .clean-process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .why-section .why-card-grid,
  .clean-process-grid{
    grid-template-columns:1fr;
  }

  .why-section .why-card-grid article,
  .clean-process-grid article{
    min-height:auto;
    padding:22px;
  }

  .section-heading h2{
    font-size:clamp(2rem,10vw,3.1rem) !important;
  }

  .container{
    width:min(100% - 28px, 1240px) !important;
  }
}

/* ==========================================================
   FINAL ALIGNMENT, SPEED, AND PREMIUM RESPONSIVE SYSTEM
========================================================== */

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  overflow-x:hidden;
  scroll-behavior:smooth;
}

body{
  overflow-x:hidden;
  width:100%;
}

img,
svg,
video{
  max-width:100%;
  height:auto;
}

.container{
  width:min(100% - 40px, 1240px) !important;
  margin-inline:auto !important;
}

/* Header alignment */
.site-header,
.header,
.navbar,
.main-header{
  width:100%;
  z-index:1000;
}

.navbar,
.header-inner,
.nav-wrap,
.nav-container{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  min-height:86px;
}

.brand,
.logo-wrap,
.site-branding{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0;
}

.brand img,
.logo-wrap img,
.site-branding img{
  width:72px !important;
  height:72px !important;
  object-fit:contain !important;
  flex:0 0 auto;
}

.nav,
.nav-menu,
.menu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(14px,1.5vw,26px) !important;
  flex:1 1 auto;
  min-width:0;
}

.nav a,
.nav-menu a,
.menu a{
  white-space:nowrap;
  line-height:1.2;
}

.header-cta,
.nav-cta,
.send-requirement-btn{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Hero alignment */
.vg-luxury-hero{
  padding-block:clamp(58px,6vw,92px) !important;
}

.vg-luxury-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr) !important;
  gap:clamp(34px,5vw,72px) !important;
  align-items:center !important;
}

.vg-luxury-copy{
  min-width:0;
}

.vg-luxury-copy h1{
  max-width:820px;
  margin-bottom:22px !important;
}

.vg-luxury-actions{
  align-items:center;
}

.vg-luxury-metrics,
.vg-product-strip{
  align-items:stretch;
}

.vg-luxury-metrics article,
.vg-product-strip article{
  height:100%;
  display:flex;
  flex-direction:column;
}

/* Section spacing consistency */
section.section,
.vg-premium-section{
  padding-top:clamp(64px,6vw,96px) !important;
  padding-bottom:clamp(64px,6vw,96px) !important;
}

.section-heading{
  max-width:980px;
  margin:0 auto clamp(30px,4vw,52px) !important;
  text-align:center;
}

.section-heading h2{
  margin-bottom:14px !important;
}

.section-heading p{
  margin-inline:auto;
  max-width:820px;
}

/* Cards equal alignment */
.product-card,
.why-card-grid article,
.network-grid article,
.market-grid article,
.certification-grid article,
.clean-process-grid article,
.credentials-grid article,
.about-card-grid article,
.about-strength-grid article,
.hero-mini-grid > *,
.vg-product-strip article,
.vg-luxury-metrics article{
  height:100%;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start;
  border-radius:24px !important;
  padding:clamp(20px,2vw,28px) !important;
}

.product-card .btn,
.product-card a,
.why-card-grid article a,
.network-grid article a,
.certification-grid article a{
  margin-top:auto;
}

/* Product cards */
.product-showcase-grid,
.products-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(280px,520px)) !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:clamp(20px,3vw,32px) !important;
}

.product-card{
  overflow:hidden;
}

.product-card img,
.product-card .product-image img{
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  display:block !important;
}

.product-card h3{
  min-height:unset !important;
}

/* Why section */
.why-section .why-card-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:clamp(16px,2vw,24px) !important;
}

/* How process */
.clean-process-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:clamp(16px,2vw,24px) !important;
}

.clean-process-grid article{
  min-height:240px;
}

/* Forms */
form,
.form-grid,
.rfq-form{
  width:100%;
}

.form-grid,
form .form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}

form label{
  display:grid !important;
  gap:8px !important;
  align-self:start;
}

form input,
form select,
form textarea{
  width:100% !important;
  border-radius:16px !important;
  min-height:52px !important;
}

form textarea{
  min-height:132px !important;
  resize:vertical;
}

form button[type="submit"],
form input[type="submit"]{
  justify-self:start;
  min-width:210px;
}

.form-status-message{
  grid-column:1 / -1;
  padding:12px 14px;
  border-radius:14px;
  background:#fff3f3;
  color:#8a1f1f;
  border:1px solid rgba(138,31,31,.22);
  font-weight:700;
}

/* Footer */
footer .footer-grid,
.footer-grid{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1.2fr !important;
  gap:clamp(22px,3vw,44px) !important;
  align-items:start !important;
}

footer a,
footer p{
  overflow-wrap:anywhere;
}

/* Success popup */
.virohan-success-popup{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,44,34,.58);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease, visibility .22s ease;
}

.virohan-success-popup.is-open{
  opacity:1;
  visibility:visible;
}

.virohan-success-card{
  position:relative;
  width:min(100%,440px);
  padding:30px;
  border-radius:26px;
  background:#FFF8E8;
  border:1px solid rgba(212,175,55,.46);
  box-shadow:0 30px 90px rgba(0,0,0,.22);
  transform:scale(.96);
  transition:transform .22s ease;
}

.virohan-success-popup.is-open .virohan-success-card{
  transform:scale(1);
}

.virohan-success-card strong{
  display:block;
  color:#022C22;
  font-size:1.35rem;
  margin-bottom:10px;
}

.virohan-success-card p{
  color:#5d6f86;
  margin:0 0 16px;
}

.virohan-success-card small{
  color:#0F2747;
  line-height:1.65;
}

.virohan-success-close{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:0;
  background:#064E3B;
  color:#fff;
  font-size:1.35rem;
  cursor:pointer;
}

/* Lightweight animation only */
.vg-lux-reveal,
.about-reveal-item,
.global-reveal{
  will-change:opacity, transform;
}

/* Tablet */
@media(max-width:1120px){
  .vg-luxury-hero-grid{
    grid-template-columns:1fr !important;
  }

  .why-section .why-card-grid,
  .clean-process-grid,
  .credentials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  footer .footer-grid,
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .nav,
  .nav-menu,
  .menu{
    gap:14px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  .container{
    width:min(100% - 28px, 1240px) !important;
  }

  .navbar,
  .header-inner,
  .nav-wrap,
  .nav-container{
    min-height:76px !important;
    gap:12px !important;
  }

  .brand img,
  .logo-wrap img,
  .site-branding img{
    width:58px !important;
    height:58px !important;
  }

  .nav,
  .nav-menu,
  .menu{
    display:none !important;
  }

  .nav.is-open,
  .nav-menu.is-open,
  .menu.is-open,
  body.menu-open .nav,
  body.menu-open .nav-menu,
  body.menu-open .menu{
    display:flex !important;
    position:absolute;
    left:14px;
    right:14px;
    top:100%;
    flex-direction:column;
    align-items:stretch !important;
    background:#FFF8E8;
    border:1px solid rgba(212,175,55,.30);
    border-radius:20px;
    padding:14px;
    box-shadow:0 18px 44px rgba(2,44,34,.16);
  }

  .vg-luxury-hero{
    padding-block:42px 56px !important;
  }

  .vg-luxury-copy h1{
    font-size:clamp(2.45rem,12vw,3.55rem) !important;
  }

  .vg-luxury-metrics,
  .vg-product-strip,
  .product-showcase-grid,
  .products-grid,
  .why-section .why-card-grid,
  .clean-process-grid,
  .credentials-grid,
  .about-card-grid,
  .form-grid,
  form .form-grid,
  footer .footer-grid,
  .footer-grid{
    grid-template-columns:1fr !important;
  }

  .product-card img,
  .product-card .product-image img{
    height:220px !important;
  }

  section.section,
  .vg-premium-section{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }

  .section-heading{
    margin-bottom:28px !important;
  }

  form button[type="submit"],
  form input[type="submit"]{
    width:100%;
    min-width:0;
  }

  .whatsapp-float,
  .floating-whatsapp{
    right:16px !important;
    bottom:16px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}



/* ==========================================================
   GLOBAL STANDARD PREMIUM POLISH - HOME + MARKETS + PRODUCTS + LIFECYCLE
========================================================== */

/* Remove unwanted home sections if cached by browser CSS/HTML */
body.home-page .why-section,
body.home-page .certification-section{
  display:none !important;
}

/* Premium hero CTA alignment after removing second button */
.vg-luxury-actions{
  justify-content:flex-start !important;
  gap:14px !important;
}

.vg-luxury-actions .btn{
  min-width:220px;
  justify-content:center;
}

/* RFQ metric card premium wording alignment */
.vg-luxury-metrics article{
  justify-content:center;
  min-height:150px;
}

.vg-luxury-metrics article strong{
  font-size:clamp(1.42rem,2vw,1.9rem) !important;
  letter-spacing:-.03em;
}

.vg-luxury-metrics article span{
  font-weight:700;
}

/* Markets: verified flag layout and centered text */
.markets-section .market-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(18px,2.2vw,28px) !important;
  align-items:stretch !important;
}

.market-card{
  display:flex !important;
  min-height:230px;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:28px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(212,175,55,.10),transparent 34%),
    linear-gradient(145deg,#fffdf7,#ffffff) !important;
  border:1px solid rgba(212,175,55,.30) !important;
  box-shadow:0 18px 48px rgba(2,44,34,.08) !important;
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

.market-card:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.56) !important;
  box-shadow:0 28px 66px rgba(2,44,34,.14) !important;
}

.market-flag{
  width:76px;
  height:76px;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:2rem;
  line-height:1;
  background:#FFF8E8;
  border:1px solid rgba(212,175,55,.42);
  box-shadow:0 14px 34px rgba(212,175,55,.14);
}

.market-card h3{
  margin:0 0 10px;
  color:#064E3B !important;
  font-size:clamp(1.25rem,1.5vw,1.55rem);
  line-height:1.2;
}

.market-card p{
  margin:0;
  color:#5d6f86 !important;
  line-height:1.45;
}

/* Product page and home products premium alignment */
.products-section .section-heading h2{
  font-size:clamp(2.3rem,4.8vw,4.65rem) !important;
}

.product-detail-stack{
  display:grid !important;
  gap:28px !important;
}

.product-detail-card{
  display:grid !important;
  grid-template-columns:minmax(280px,480px) minmax(0,1fr) !important;
  gap:clamp(24px,4vw,56px) !important;
  align-items:center !important;
  padding:clamp(24px,3vw,42px) !important;
  border-radius:32px !important;
  background:linear-gradient(145deg,#fffdf7,#ffffff) !important;
  border:1px solid rgba(212,175,55,.32) !important;
  box-shadow:0 24px 64px rgba(2,44,34,.10) !important;
}

.product-detail-card > img{
  width:100% !important;
  height:360px !important;
  object-fit:cover !important;
  border-radius:24px !important;
  box-shadow:0 20px 50px rgba(2,44,34,.12);
}

.product-detail-card h2{
  font-size:clamp(2rem,3.5vw,3.6rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em;
  color:#071725;
}

.product-detail-card p{
  color:#5d6f86;
  line-height:1.72;
}

.product-detail-card .spec-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:24px;
}

.product-detail-card .spec-grid article{
  min-height:150px;
  padding:18px !important;
  border-radius:20px !important;
  background:#FFF8E8;
  border:1px solid rgba(212,175,55,.26);
}

.custom-support-card{
  grid-template-columns:1fr !important;
  text-align:left;
  background:
    radial-gradient(circle at 88% 16%,rgba(212,175,55,.08),transparent 22%),
    linear-gradient(135deg,#ffffff,#fffdf7) !important;
}

.custom-support-card > div{
  max-width:1060px;
}

.custom-support-card .spec-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.custom-support-card .spec-grid article{
  min-height:180px;
}

/* How We Work lifecycle */
.lifecycle-process-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%,rgba(212,175,55,.10),transparent 28%),
    linear-gradient(135deg,#022C22 0%,#064E3B 42%,#0F2747 100%) !important;
  color:#fff;
}

.lifecycle-process-section .section-heading h2{
  color:#fff !important;
  font-size:clamp(2.4rem,4.8vw,4.9rem) !important;
}

.lifecycle-process-section .section-heading p{
  color:#eef8f3 !important;
}

.lifecycle-layout{
  display:grid !important;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);
  gap:clamp(34px,5vw,70px);
  align-items:center;
}

.lifecycle-wheel{
  position:relative;
  width:min(100%,560px);
  aspect-ratio:1/1;
  margin:auto;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.28);
  background:
    radial-gradient(circle at center,rgba(255,248,232,.10) 0 24%,transparent 25%),
    radial-gradient(circle at center,transparent 0 45%,rgba(212,175,55,.18) 46%,transparent 47%),
    radial-gradient(circle at center,transparent 0 67%,rgba(255,248,232,.14) 68%,transparent 69%);
  box-shadow:0 30px 90px rgba(0,0,0,.22);
}

.lifecycle-wheel::before{
  content:"";
  position:absolute;
  inset:40px;
  border-radius:50%;
  border:2px dashed rgba(212,175,55,.55);
  animation:lifecycleRotate 18s linear infinite;
}

.lifecycle-wheel::after{
  content:"";
  position:absolute;
  inset:104px;
  border-radius:50%;
  border:1px solid rgba(255,248,232,.22);
}

.lifecycle-center{
  position:absolute;
  inset:50%;
  width:160px;
  height:160px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  background:#FFF8E8;
  color:#022C22;
  border:4px solid rgba(212,175,55,.68);
  box-shadow:0 20px 55px rgba(0,0,0,.22);
  z-index:3;
}

.lifecycle-center span{
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#B4870F;
}

.lifecycle-center strong{
  font-size:1.22rem;
  line-height:1.15;
  font-weight:900;
}

.life-node{
  position:absolute;
  width:138px;
  min-height:118px;
  padding:16px 14px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center;
  gap:8px;
  text-align:center;
  background:rgba(255,248,232,.96) !important;
  color:#022C22 !important;
  border:1px solid rgba(212,175,55,.56) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
  animation:nodeFloat 4.5s ease-in-out infinite alternate;
}

.life-node span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#064E3B;
  color:#FFF8E8;
  font-weight:900;
}

.life-node strong{
  font-size:.92rem;
  line-height:1.22;
  font-weight:900;
}

.node-1{top:0;left:50%;transform:translate(-50%,-16%);animation-delay:0s}
.node-2{top:20%;right:0;transform:translate(14%,-50%);animation-delay:.25s}
.node-3{bottom:20%;right:0;transform:translate(14%,50%);animation-delay:.5s}
.node-4{bottom:0;left:50%;transform:translate(-50%,16%);animation-delay:.75s}
.node-5{bottom:20%;left:0;transform:translate(-14%,50%);animation-delay:1s}
.node-6{top:20%;left:0;transform:translate(-14%,-50%);animation-delay:1.25s}

.lifecycle-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.lifecycle-detail-grid article{
  min-height:190px;
  padding:22px !important;
  border-radius:24px !important;
  background:rgba(255,248,232,.96) !important;
  color:#071725 !important;
  border:1px solid rgba(212,175,55,.42) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.15) !important;
  transition:transform .25s ease, box-shadow .25s ease;
}

.lifecycle-detail-grid article:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 60px rgba(0,0,0,.22) !important;
}

.lifecycle-detail-grid article span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#064E3B;
  color:#FFF8E8;
  font-weight:900;
  margin-bottom:14px;
}

.lifecycle-detail-grid h3{
  color:#071725;
  margin:0 0 10px;
}

.lifecycle-detail-grid p{
  color:#5d6f86;
  margin:0;
  line-height:1.6;
}

@keyframes lifecycleRotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes nodeFloat{
  from{filter:drop-shadow(0 0 0 rgba(212,175,55,0))}
  to{filter:drop-shadow(0 10px 18px rgba(212,175,55,.18))}
}

/* Advanced but lightweight button/card premium polish */
.btn-primary,
button[type="submit"]{
  background:linear-gradient(135deg,#064E3B,#046C53) !important;
  box-shadow:0 18px 42px rgba(2,44,34,.22);
}

.btn-primary:hover,
button[type="submit"]:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 56px rgba(2,44,34,.30);
}

@media(max-width:1100px){
  .markets-section .market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .product-detail-card{
    grid-template-columns:1fr !important;
  }

  .lifecycle-layout{
    grid-template-columns:1fr;
  }

  .lifecycle-wheel{
    max-width:520px;
  }

  .custom-support-card .spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .markets-section .market-grid,
  .lifecycle-detail-grid,
  .product-detail-card .spec-grid,
  .custom-support-card .spec-grid{
    grid-template-columns:1fr !important;
  }

  .market-card{
    min-height:190px;
  }

  .product-detail-card{
    padding:22px !important;
  }

  .product-detail-card > img{
    height:240px !important;
  }

  .lifecycle-wheel{
    width:100%;
    max-width:360px;
    margin-top:28px;
    margin-bottom:28px;
  }

  .life-node{
    position:relative;
    inset:auto !important;
    transform:none !important;
    width:100%;
    min-height:auto;
    margin:10px 0;
  }

  .lifecycle-wheel{
    aspect-ratio:auto;
    display:grid;
    gap:10px;
    border-radius:28px;
    padding:18px;
  }

  .lifecycle-wheel::before,
  .lifecycle-wheel::after{
    display:none;
  }

  .lifecycle-center{
    position:relative;
    inset:auto;
    transform:none;
    width:100%;
    height:auto;
    border-radius:22px;
    margin-bottom:6px;
  }
}

@media(prefers-reduced-motion:reduce){
  .lifecycle-wheel::before,
  .life-node{
    animation:none !important;
  }
}



/* ==========================================================
   FINAL MOBILE EXECUTION FIX - HEADER, HERO, FORMS, CARDS
========================================================== */

html,
body{
  max-width:100%;
  overflow-x:hidden !important;
}

body{
  -webkit-text-size-adjust:100%;
}

.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:2000 !important;
}

.nav-wrap{
  position:relative !important;
}

/* Desktop navigation stability */
@media(min-width:1025px){
  .menu-toggle{
    display:none !important;
  }

  .main-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(12px,1.15vw,22px) !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .header-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex:0 0 auto !important;
  }

  .header-actions .btn{
    white-space:nowrap !important;
    padding-inline:clamp(14px,1.2vw,22px) !important;
  }
}

@media(max-width:1260px) and (min-width:1025px){
  .brand span{
    display:none !important;
  }

  .header-actions .btn-ghost{
    display:none !important;
  }
}

/* Mobile header */
@media(max-width:1024px){
  .site-header{
    background:rgba(255,248,232,.98) !important;
    border-bottom:1px solid rgba(212,175,55,.32) !important;
    box-shadow:0 10px 28px rgba(2,44,34,.10) !important;
  }

  .nav-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    min-height:74px !important;
    padding-block:8px !important;
  }

  .brand{
    min-width:0 !important;
    max-width:100% !important;
  }

  .brand img{
    width:54px !important;
    height:54px !important;
  }

  .brand strong{
    display:block !important;
    font-size:1.02rem !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .brand span{
    display:block !important;
    font-size:.74rem !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:210px !important;
  }

  .menu-toggle{
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    border:1px solid rgba(212,175,55,.38) !important;
    background:#064E3B !important;
    color:#FFF8E8 !important;
    font-size:1.45rem !important;
    line-height:1 !important;
    cursor:pointer !important;
    z-index:3 !important;
  }

  .header-actions{
    display:none !important;
  }

  .main-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    z-index:2500 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:6px !important;
    padding:14px !important;
    border-radius:22px !important;
    background:#FFF8E8 !important;
    border:1px solid rgba(212,175,55,.38) !important;
    box-shadow:0 22px 55px rgba(2,44,34,.18) !important;
    transform-origin:top !important;
  }

  .main-nav.is-open,
  body.menu-open .main-nav{
    display:flex !important;
    animation:mobileMenuDrop .22s ease both;
  }

  .main-nav a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding:13px 14px !important;
    border-radius:14px !important;
    color:#071725 !important;
    background:transparent !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }

  .main-nav a.active,
  .main-nav a:hover{
    color:#064E3B !important;
    background:rgba(212,175,55,.13) !important;
  }

  @keyframes mobileMenuDrop{
    from{opacity:0;transform:translateY(-8px) scaleY(.97)}
    to{opacity:1;transform:translateY(0) scaleY(1)}
  }
}

/* Mobile hero execution */
@media(max-width:760px){
  .vg-luxury-hero{
    padding:34px 0 42px !important;
    min-height:auto !important;
  }

  .vg-luxury-hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    align-items:start !important;
  }

  .vg-hero-kicker{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:.78rem !important;
    padding:10px 12px !important;
    margin-bottom:16px !important;
  }

  .vg-luxury-eyebrow{
    justify-content:center !important;
    text-align:center !important;
    font-size:.72rem !important;
    letter-spacing:.12em !important;
  }

  .vg-luxury-copy h1{
    text-align:center !important;
    font-size:clamp(2.18rem,11vw,3.1rem) !important;
    line-height:1.03 !important;
    letter-spacing:-.045em !important;
    margin-bottom:18px !important;
  }

  .vg-luxury-lead{
    text-align:center !important;
    font-size:.98rem !important;
    line-height:1.62 !important;
  }

  .vg-hero-proofline{
    justify-content:center !important;
  }

  .vg-hero-proofline span{
    font-size:.78rem !important;
    padding:8px 10px !important;
  }

  .vg-luxury-actions{
    justify-content:center !important;
    width:100% !important;
    margin:22px 0 !important;
  }

  .vg-luxury-actions .btn{
    width:100% !important;
    max-width:360px !important;
    min-width:0 !important;
  }

  .vg-luxury-metrics{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .vg-luxury-metrics article{
    min-height:auto !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  .vg-luxury-metrics article strong{
    font-size:1.35rem !important;
  }

  .vg-luxury-showcase{
    width:100% !important;
  }

  .vg-main-visual{
    min-height:auto !important;
    height:auto !important;
    border-radius:24px !important;
  }

  .vg-main-visual img{
    min-height:0 !important;
    height:245px !important;
    object-fit:cover !important;
  }

  .vg-visual-badge{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
  }

  .vg-visual-badge strong{
    font-size:.9rem !important;
    line-height:1.35 !important;
  }

  .vg-product-strip{
    grid-template-columns:1fr !important;
  }
}

/* Mobile sections and cards */
@media(max-width:760px){
  section.section,
  .vg-premium-section{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .section-heading{
    margin-bottom:24px !important;
  }

  .section-heading h2,
  .page-hero h1{
    font-size:clamp(2rem,9.5vw,2.85rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  .section-heading p,
  .page-hero p{
    font-size:.96rem !important;
    line-height:1.58 !important;
  }

  .home-about-grid,
  .about-card-grid,
  .about-strength-grid,
  .credentials-grid,
  .network-grid,
  .market-grid,
  .products-grid,
  .product-showcase-grid,
  .why-card-grid,
  .clean-process-grid,
  .spec-grid,
  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .product-card,
  .market-card,
  .network-grid article,
  .credentials-grid article,
  .about-card-grid article,
  .about-strength-grid article,
  .clean-process-grid article,
  .product-detail-card,
  .spec-grid article{
    width:100% !important;
    min-height:auto !important;
    padding:20px !important;
    border-radius:22px !important;
  }

  .product-card img,
  .product-card .product-image img,
  .product-detail-card > img{
    height:220px !important;
    border-radius:18px !important;
  }

  .product-detail-card{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .product-detail-card h2{
    font-size:clamp(1.75rem,8vw,2.45rem) !important;
  }

  .custom-support-card .spec-grid{
    grid-template-columns:1fr !important;
  }

  .market-card{
    min-height:170px !important;
    text-align:center !important;
    align-items:center !important;
  }

  .market-flag{
    width:64px !important;
    height:64px !important;
    font-size:1.7rem !important;
    margin-bottom:14px !important;
  }
}

/* Mobile lifecycle: use clean vertical execution, no overlap */
@media(max-width:760px){
  .lifecycle-process-section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .lifecycle-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .lifecycle-wheel{
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:18px !important;
    border-radius:26px !important;
    background:rgba(255,248,232,.08) !important;
  }

  .lifecycle-wheel::before,
  .lifecycle-wheel::after{
    display:none !important;
  }

  .lifecycle-center,
  .life-node{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    height:auto !important;
    min-height:auto !important;
    border-radius:18px !important;
    margin:0 !important;
  }

  .lifecycle-center{
    padding:18px !important;
  }

  .life-node{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    text-align:left !important;
    padding:14px !important;
    animation:none !important;
  }

  .life-node span{
    flex:0 0 auto !important;
  }

  .lifecycle-detail-grid{
    grid-template-columns:1fr !important;
  }

  .lifecycle-detail-grid article{
    min-height:auto !important;
    padding:20px !important;
  }
}

/* Mobile forms */
@media(max-width:760px){
  .form-grid,
  form .form-grid,
  .rfq-form,
  form{
    grid-template-columns:1fr !important;
  }

  form label,
  .form-grid label{
    width:100% !important;
  }

  form input,
  form select,
  form textarea{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  form button[type="submit"],
  form input[type="submit"],
  .btn{
    max-width:100% !important;
  }
}

/* Prevent WhatsApp from covering buttons/forms on mobile */
@media(max-width:760px){
  .whatsapp-float,
  .floating-whatsapp,
  .wa-float{
    width:54px !important;
    height:54px !important;
    right:14px !important;
    bottom:14px !important;
    z-index:1600 !important;
  }

  body{
    padding-bottom:72px;
  }
}

/* Turn off glitchy transforms on small screens */
@media(max-width:760px){
  .vg-lux-reveal,
  .about-reveal-item,
  .global-reveal{
    transition-duration:.42s !important;
    transform:translateY(12px) !important;
  }

  .vg-lux-reveal.vg-lux-visible,
  .about-reveal-item.about-reveal-visible,
  .global-reveal.is-visible{
    transform:none !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .main-nav.is-open,
  body.menu-open .main-nav{
    animation:none !important;
  }
}



/* ==========================================================
   FINAL MOBILE MENU OPEN FIX - NO DUPLICATE HANDLER SUPPORT
========================================================== */

@media(max-width:1024px){
  .site-header{
    overflow:visible !important;
  }

  .nav-wrap{
    position:relative !important;
    overflow:visible !important;
  }

  .menu-toggle{
    display:grid !important;
    place-items:center !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    user-select:none !important;
    z-index:3002 !important;
  }

  .main-nav{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    position:absolute !important;
    top:calc(100% + 10px) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 95px) !important;
    overflow-y:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding:14px !important;
    border-radius:22px !important;
    background:#FFF8E8 !important;
    border:1px solid rgba(212,175,55,.42) !important;
    box-shadow:0 24px 60px rgba(2,44,34,.22) !important;
    transform:translateY(-8px) scale(.98) !important;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    z-index:3001 !important;
  }

  .main-nav.is-open,
  body.menu-open .main-nav{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  .main-nav a{
    display:block !important;
    width:100% !important;
    padding:13px 14px !important;
    border-radius:14px !important;
    text-align:left !important;
  }
}

@media(min-width:1025px){
  .main-nav{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    position:static !important;
    transform:none !important;
    overflow:visible !important;
  }
}






/* ==========================================================
   FINAL MOBILE-FIRST REBUILD OVERRIDE
   Purpose: smooth phone execution, no repeat popbar, no overlap, no horizontal scroll
========================================================== */

:root{
  --vg-green:#064E3B;
  --vg-green-deep:#022C22;
  --vg-gold:#D4AF37;
  --vg-navy:#0F2747;
  --vg-ivory:#FFF8E8;
  --vg-sand:#E8DCC2;
  --vg-charcoal:#1F2933;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

body{
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}

img,
svg,
video,
canvas{
  max-width:100%;
  height:auto;
}

.container{
  width:min(100% - 32px, 1240px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Header desktop */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:3000 !important;
  overflow:visible !important;
  background:rgba(255,248,232,.96) !important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(212,175,55,.25);
}

.nav-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:86px !important;
  overflow:visible !important;
}

.brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:0 1 auto !important;
}

.brand img{
  width:72px !important;
  height:72px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.brand strong,
.brand span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(12px,1.25vw,24px) !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

.main-nav a{
  white-space:nowrap !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}

.header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex:0 0 auto !important;
}

.header-actions .btn{
  white-space:nowrap !important;
}

.menu-toggle{
  display:none !important;
}

/* Hero and general desktop stability */
.vg-luxury-hero{
  min-height:auto !important;
  padding-top:clamp(58px,6vw,96px) !important;
  padding-bottom:clamp(58px,6vw,96px) !important;
}

.vg-luxury-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr) !important;
  gap:clamp(34px,5vw,74px) !important;
  align-items:center !important;
}

.vg-luxury-copy,
.vg-luxury-showcase{
  min-width:0 !important;
}

.vg-luxury-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}

.vg-luxury-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.vg-luxury-metrics article{
  min-width:0 !important;
  min-height:138px !important;
}

section.section,
.vg-premium-section{
  padding-top:clamp(54px,6vw,92px) !important;
  padding-bottom:clamp(54px,6vw,92px) !important;
}

.product-card,
.market-card,
.network-grid article,
.credentials-grid article,
.about-card-grid article,
.about-strength-grid article,
.lifecycle-detail-grid article,
.product-detail-card,
.spec-grid article{
  overflow:hidden;
}

/* Forms stable */
form input,
form select,
form textarea,
.form-grid input,
.form-grid select,
.form-grid textarea{
  max-width:100% !important;
  min-width:0 !important;
}

/* Old-style one-time popup */
.virohan-onetime-popup{
  position:fixed;
  inset:0;
  z-index:9998;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(2,44,34,.52);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, visibility .24s ease;
}

.virohan-onetime-popup.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.virohan-onetime-card{
  position:relative;
  width:min(100%,460px);
  padding:28px;
  border-radius:28px;
  background:linear-gradient(145deg,#FFF8E8,#ffffff);
  border:1px solid rgba(212,175,55,.48);
  box-shadow:0 30px 90px rgba(2,44,34,.24);
  transform:translateY(12px) scale(.96);
  transition:transform .24s cubic-bezier(.22,1,.36,1);
}

.virohan-onetime-popup.is-open .virohan-onetime-card{
  transform:translateY(0) scale(1);
}

.virohan-onetime-card span{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  background:#064E3B;
  color:#FFF8E8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.virohan-onetime-card strong{
  display:block;
  color:#071725;
  font-size:1.35rem;
  line-height:1.2;
  margin-bottom:10px;
}

.virohan-onetime-card p{
  margin:0 0 16px;
  color:#5d6f86;
  line-height:1.6;
}

.virohan-onetime-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}

.virohan-onetime-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
}

.virohan-onetime-actions a:first-child{
  background:#064E3B;
  color:#FFF8E8;
}

.virohan-onetime-actions a:last-child{
  background:#ffffff;
  color:#064E3B;
  border:1px solid rgba(6,78,59,.20);
}

.virohan-onetime-card small{
  display:block;
  color:#0F2747;
  line-height:1.55;
  font-weight:700;
}

.virohan-onetime-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#064E3B;
  color:#fff;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
}

/* Tablet */
@media(max-width:1180px){
  .brand span{
    display:none !important;
  }

  .header-actions .btn-ghost{
    display:none !important;
  }

  .vg-luxury-hero-grid{
    grid-template-columns:1fr !important;
  }

  .vg-luxury-showcase{
    max-width:760px !important;
    margin-inline:auto !important;
  }
}

/* Mobile core */
@media(max-width:900px){
  .container{
    width:min(100% - 28px, 1240px) !important;
  }

  .site-header{
    overflow:visible !important;
  }

  .nav-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    min-height:72px !important;
    padding:8px 0 !important;
  }

  .brand{
    max-width:100% !important;
  }

  .brand img{
    width:54px !important;
    height:54px !important;
  }

  .brand strong{
    font-size:1rem !important;
    line-height:1.1 !important;
    max-width:230px !important;
  }

  .brand span{
    display:block !important;
    font-size:.72rem !important;
    line-height:1.15 !important;
    max-width:230px !important;
  }

  .header-actions{
    display:none !important;
  }

  .menu-toggle{
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    border:1px solid rgba(212,175,55,.40) !important;
    background:#064E3B !important;
    color:#FFF8E8 !important;
    font-size:1.4rem !important;
    font-weight:900 !important;
    cursor:pointer !important;
    z-index:3200 !important;
    padding:0 !important;
    line-height:1 !important;
  }

  .main-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 96px) !important;
    overflow-y:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding:14px !important;
    border-radius:22px !important;
    background:#FFF8E8 !important;
    border:1px solid rgba(212,175,55,.42) !important;
    box-shadow:0 24px 70px rgba(2,44,34,.22) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-10px) scale(.98) !important;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    z-index:3100 !important;
  }

  .main-nav.is-open,
  body.menu-open .main-nav{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  .main-nav a{
    display:block !important;
    width:100% !important;
    padding:13px 14px !important;
    border-radius:14px !important;
    white-space:normal !important;
    text-align:left !important;
    color:#071725 !important;
    background:transparent !important;
  }

  .main-nav a.active,
  .main-nav a:hover{
    color:#064E3B !important;
    background:rgba(212,175,55,.14) !important;
  }

  .vg-luxury-hero{
    padding-top:34px !important;
    padding-bottom:42px !important;
  }

  .vg-luxury-hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
  }

  .vg-hero-kicker,
  .vg-luxury-eyebrow,
  .vg-luxury-copy h1,
  .vg-luxury-lead{
    text-align:center !important;
    justify-content:center !important;
  }

  .vg-luxury-copy h1{
    font-size:clamp(2.15rem,11vw,3.2rem) !important;
    line-height:1.05 !important;
    letter-spacing:-.04em !important;
  }

  .vg-luxury-lead{
    font-size:.98rem !important;
    line-height:1.62 !important;
  }

  .vg-luxury-actions{
    justify-content:center !important;
  }

  .vg-luxury-actions .btn{
    width:100% !important;
    max-width:360px !important;
    min-width:0 !important;
  }

  .vg-luxury-metrics{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .vg-luxury-metrics article{
    min-height:auto !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  .vg-main-visual img{
    height:240px !important;
    object-fit:cover !important;
  }

  .vg-product-strip,
  .home-about-grid,
  .network-grid,
  .market-grid,
  .products-grid,
  .product-showcase-grid,
  .about-card-grid,
  .about-strength-grid,
  .credentials-grid,
  .clean-process-grid,
  .lifecycle-layout,
  .lifecycle-detail-grid,
  .form-grid,
  form .form-grid,
  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  section.section,
  .vg-premium-section,
  .page-hero{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .section-heading{
    margin-bottom:24px !important;
  }

  .section-heading h2,
  .page-hero h1{
    font-size:clamp(1.95rem,9.5vw,2.75rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  .section-heading p,
  .page-hero p{
    font-size:.96rem !important;
    line-height:1.6 !important;
  }

  .product-card,
  .market-card,
  .network-grid article,
  .credentials-grid article,
  .about-card-grid article,
  .about-strength-grid article,
  .product-detail-card,
  .spec-grid article,
  .lifecycle-detail-grid article{
    width:100% !important;
    min-height:auto !important;
    padding:20px !important;
    border-radius:22px !important;
  }

  .product-card img,
  .product-card .product-image img,
  .product-detail-card > img{
    height:220px !important;
    object-fit:cover !important;
    border-radius:18px !important;
  }

  .product-detail-card,
  .custom-support-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .product-detail-card h2{
    font-size:clamp(1.75rem,8vw,2.45rem) !important;
  }

  .spec-grid,
  .custom-support-card .spec-grid{
    grid-template-columns:1fr !important;
  }

  .market-card{
    text-align:center !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:165px !important;
  }

  .market-flag{
    margin:0 auto 12px !important;
  }

  /* Lifecycle becomes simple stacked flow on mobile */
  .lifecycle-wheel{
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:16px !important;
    border-radius:24px !important;
    background:rgba(255,248,232,.09) !important;
  }

  .lifecycle-wheel::before,
  .lifecycle-wheel::after{
    display:none !important;
  }

  .lifecycle-center,
  .life-node{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    height:auto !important;
    min-height:auto !important;
    margin:0 !important;
    border-radius:18px !important;
  }

  .lifecycle-center{
    padding:18px !important;
  }

  .life-node{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:14px !important;
    text-align:left !important;
    animation:none !important;
  }

  .life-node span{
    flex:0 0 auto !important;
  }

  form input,
  form select,
  form textarea{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  form button[type="submit"],
  form input[type="submit"],
  .btn{
    width:100%;
    max-width:100% !important;
  }

  footer,
  .footer-grid{
    text-align:left !important;
  }

  .whatsapp-float,
  .floating-whatsapp,
  .wa-float{
    width:54px !important;
    height:54px !important;
    right:14px !important;
    bottom:14px !important;
    z-index:1600 !important;
  }

  body{
    padding-bottom:72px;
  }

  .virohan-onetime-popup{
    align-items:flex-end;
    padding:14px;
    padding-bottom:82px;
  }

  .virohan-onetime-card{
    width:100%;
    padding:20px;
    border-radius:22px;
  }

  .virohan-onetime-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .virohan-onetime-actions a{
    width:100%;
  }
}

@media(max-width:420px){
  .container{
    width:min(100% - 22px, 1240px) !important;
  }

  .brand strong{
    max-width:180px !important;
    font-size:.95rem !important;
  }

  .brand span{
    max-width:180px !important;
    font-size:.68rem !important;
  }

  .vg-luxury-copy h1{
    font-size:2.1rem !important;
  }

  .page-hero h1,
  .section-heading h2{
    font-size:2rem !important;
  }
}

/* Stop heavy/glitch motion on mobile */
@media(max-width:900px){
  .vg-lux-reveal{
    transition-duration:.42s !important;
    transform:translateY(10px) !important;
  }

  .vg-lux-reveal.vg-lux-visible{
    transform:none !important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}