:root{
    --tg-purple:#2d0758;
    --tg-purple-2:#4a0c78;
    --tg-purple-3:#6f2a92;
    --tg-gold:#d7a43a;
    --tg-gold-2:#f3d98d;
    --tg-cream:#fff8e7;
    --tg-ink:#1f1630;
    --tg-muted:#6d6477;
    --tg-white:#ffffff;
    --tg-green:#7faa38;
    --tg-border:rgba(45,7,88,.12);
    --tg-shadow:0 24px 70px rgba(41,13,68,.12);
}

html{scroll-behavior:smooth}

body{
    font-family:"Noto Serif Devanagari", sans-serif;
    color:var(--tg-ink);
    background:#fff;
    overflow-x:hidden;
}

h1,h2,h3,.navbar,.btn,.eyebrow,.section-kicker{
    font-family: "Poppins", "Noto Serif Devanagari", sans-serif;
}

img{max-width:100%;display:block}

.section-space{padding:100px 0}

.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    color:var(--tg-purple-3);
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    margin-bottom:14px;
}

.section-kicker.light{color:var(--tg-gold-2)}

.section-title{
    font-weight:800;
    color:var(--tg-purple);
    letter-spacing:-.04em;
    line-height:1.14;
    font-size:clamp(2rem,4vw,3.4rem);
}

.section-title sup,.hero-title sup{font-size:.34em;top:-1.58em}

.lead-copy{font-size:1.2rem;color:#43394d;line-height:1.85}

.section-heading{max-width:760px}

.section-heading p{font-size:1.1rem;color:var(--tg-muted)}

/* Navbar */
.premium-nav{
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(45,7,88,.08);
    transition:.3s ease;
    min-height:84px;
}

.premium-nav.scrolled{
    min-height:72px;
    box-shadow:0 12px 40px rgba(30,6,55,.09);
}

.product-logo{height:48px;max-width: 133px;}

.company-logo{height:36px;max-width: 260px;}

.language-menu{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    justify-content:center;
}

.language-link{
    color:#574c62;
    text-decoration:none;
    padding:8px 14px;
    border-radius:999px;
    font-weight:600;
    transition:.25s ease;
}

.language-link:hover,.language-link.active{
    color:#fff;
    background:linear-gradient(135deg,var(--tg-purple),var(--tg-purple-3));
    box-shadow:0 8px 22px rgba(74,12,120,.22);
}

/* Hero */
.hero-section{
    position:relative;
    background:
        radial-gradient(circle at 75% 30%,rgba(222,176,70,.20),transparent 28%),
        linear-gradient(120deg,#20033f 0%,#3d086d 54%,#18022e 100%);
    color:#fff;
    min-height:760px;
}

.hero-section:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.2;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,black,transparent 80%);
}

.hero-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(10px);
    pointer-events:none;
}

.hero-glow-one{
    width:380px;height:380px;right:-100px;top:130px;
    background:rgba(215,164,58,.18);
}

.hero-glow-two{
    width:300px;height:300px;left:-120px;bottom:80px;
    background:rgba(132,62,176,.25);
}

.eyebrow{
    display:inline-flex;
    gap:.55rem;
    align-items:center;
    padding:9px 14px;
    color:var(--tg-gold-2);
    border:1px solid rgba(243,217,141,.3);
    background:rgba(255,255,255,.06);
    border-radius:999px;
    font-size:.78rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:40px;
}

.hero-title{
    font-weight:800;
    font-size:clamp(3.3rem,7vw,6.4rem);
    line-height:.93;
    letter-spacing:-.07em;
    margin-bottom:24px;
}

.hero-title span{
    display:block;
    color:var(--tg-gold-2);
    font-family: "Noto Serif Devanagari", sans-serif;
    font-size:.42em;
    letter-spacing:-.02em;
    line-height:1.2;
    margin-top:18px;
}

.hero-copy{
    font-size:1.25rem;
    max-width:620px;
    color:rgba(255,255,255,.75);
    line-height:1.75;
}

.hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
    margin-top:25px;
}

.hero-points div{font-weight:600}

.hero-points i{color:var(--tg-gold-2);margin-right:6px}

.btn{border-radius:14px;font-weight:700}

.btn-gold{
    color:#2c1237;
    background:linear-gradient(135deg,#f5df9e,#d5a13a);
    border:none;
    box-shadow:0 14px 35px rgba(215,164,58,.26);
}

.btn-gold:hover{color:#2c1237;transform:translateY(-2px)}

.hero-visual{
    position:relative;
    min-height:590px;
}

.hero-field{
    position:absolute;
    inset:78px 5% auto 8%;
    width:87%;
    height:544px;
    object-fit:cover;
    border-radius:50% 50% 28px 28px;
    opacity:.65;
    filter:saturate(1.1);
}

.hero-capsule{
    position:absolute;
    width:33%;
    left:38%;
    top:35%;
    filter:drop-shadow(0 35px 45px rgba(0,0,0,.36));
    animation:float 5.5s ease-in-out infinite;
}

.hero-packshot{
    position:absolute;
    width:25%;
    right:3%;
    bottom:32px;
    filter:drop-shadow(0 25px 35px rgba(0,0,0,.4));
}

.hero-kettle{
    position:absolute;
    width:35%;
    right:11%;
    top:20%;
    filter:drop-shadow(0 35px 45px rgba(0,0,0,.36));
    animation:float 5.5s ease-in-out infinite;
}

.floating-badge{
    position:absolute;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(28,3,52,.72);
    backdrop-filter:blur(12px);
    border-radius:12px;
    color:#fff;
    font:600 .78rem "Poppins",sans-serif;
}

.badge-one{left:2%;top:215px}

.badge-two{right:7%;bottom:-18px}

.hero-wave{
    position:absolute;
    left:0;right:0;bottom:-1px;height:80px;
    background:#fff;
    clip-path:polygon(0 65%,12% 54%,25% 72%,39% 44%,55% 70%,70% 45%,84% 62%,100% 40%,100% 100%,0 100%);
}

@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}

/* Value strip */
.value-strip{margin-top:-34px;position:relative;z-index:3}

.value-card{
    height:100%;
    display:flex;
    gap:16px;
    align-items:center;
    padding:23px 24px;
    border-radius:20px;
    background:#fff;
    border:1px solid var(--tg-border);
    box-shadow:var(--tg-shadow);
}

.value-icon{
    width:58px;height:58px;flex:0 0 58px;
    display:grid;place-items:center;
    border-radius:18px;
    color:var(--tg-gold);
    background:linear-gradient(145deg,#fdf4d5,#fff);
    font-size:1.55rem;
}

.value-card h3{font-size:1.05rem;color:var(--tg-purple);font-weight:800;margin:0 0 5px}

.value-card p{margin:0;color:var(--tg-muted);font-size:.93rem}

/* Media */
.media-frame{
    position:relative;
    border-radius:30px;
    padding:14px;
    background:linear-gradient(135deg,rgba(215,164,58,.35),rgba(74,12,120,.15));
    box-shadow:var(--tg-shadow);
}

.media-frame img{width:100%;border-radius:21px;aspect-ratio:4/3;object-fit:cover}

.media-frame.tall img{aspect-ratio:5/6}

.media-chip{
    position:absolute;
    left:30px;bottom:30px;
    padding:10px 15px;
    color:#fff;background:rgba(45,7,88,.86);
    backdrop-filter:blur(10px);
    border-radius:12px;
    font:600 .82rem "Poppins",sans-serif;
}

.feature-list{display:grid;gap:13px}

.feature-list div{
    display:flex;align-items:flex-start;gap:10px;
    padding:14px 16px;
    background:#fbf8fd;
    border:1px solid var(--tg-border);
    border-radius:14px;
}

.feature-list i{color:var(--tg-gold);margin-top:4px}

/* Mechanism */
.mechanism-section{
    background:
        radial-gradient(circle at 15% 20%,rgba(215,164,58,.15),transparent 25%),
        linear-gradient(135deg,#260447,#4a0c78 60%,#270446);
}

.mechanism-card{
    height:100%;
    position:relative;
    padding:26px;
    color:#fff;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.08);
    border-radius:22px;
    backdrop-filter:blur(14px);
}

.mechanism-card img{
    width:62px;height:62px;object-fit:contain;
    margin-bottom:22px;
}

.mechanism-card>span{
    position:absolute;right:20px;top:18px;
    color:rgba(255,255,255,.24);
    font:700 2rem "Poppins",sans-serif;
}

.mechanism-card h3{font-size:1.16rem;font-weight:700}

.mechanism-card p{color:rgba(255,255,255,.67);margin:0}

.process-visual{
    padding: 19px 10px 0px 10px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    border-radius:28px;
}

/* Problem */
.problem-section{background:#fffaf0}

.premium-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}

.premium-list li{
    position:relative;padding-left:34px;font-size:1.05rem;font-weight:600;color:#40354b
}

.premium-list li:before{
    content:"";
    position:absolute;left:0;top:4px;
    width:21px;height:21px;border-radius:50%;
    background:linear-gradient(135deg,var(--tg-gold),#f2d987);
    box-shadow:inset 0 0 0 6px #fff8e7;
}

.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.problem-card{
    background:#fff;border:1px solid rgba(215,164,58,.23);
    padding:12px;border-radius:20px;
    box-shadow:0 14px 35px rgba(77,47,10,.08);
}

.problem-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}

.problem-card h3{
    font-size:1rem;text-align:center;color:var(--tg-purple);
    font-weight:700;margin:15px 5px 8px;
}

/* Technology */
.technology-section{background:#fff}

.technology-panel{
    padding:40px;
    border-radius:28px;
    background:linear-gradient(145deg,#2b064f,#4a0c78);
    color:#fff;
    box-shadow:var(--tg-shadow);
}

.technology-panel h3{font-size:2rem;font-weight:800;margin-bottom:20px}

.technology-panel p{color:rgba(255,255,255,.72);line-height:1.8}

.technology-highlights{
  display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px
}

.technology-highlights div{
    display:flex;align-items:center;gap:11px;
    padding:12px;border-radius:14px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)
}

.technology-highlights img{width:42px;height:42px;object-fit:cover;border-radius:50%}

.technology-highlights span{font-weight:600}

/* Benefits */
.benefits-section{background:#faf8fc}

.benefit-card{
    height:100%;overflow:hidden;
    background:#fff;border:1px solid var(--tg-border);
    border-radius:24px;box-shadow:0 16px 45px rgba(45,7,88,.07);
    transition:.3s ease;
}

.benefit-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(45,7,88,.12)}

.benefit-image img{width:100%;aspect-ratio:16/10;object-fit:cover}

.benefit-content{padding:24px;position:relative}

.benefit-content>span{
    color:rgba(74,12,120,.10);
    font:800 3.5rem "Poppins",sans-serif;
    position:absolute;right:18px;top:5px
}

.benefit-content h3{
    position:relative;font-size:1.1rem;font-weight:800;color:var(--tg-purple);max-width:82%
}

.benefit-content p{margin:12px 0 0;color:var(--tg-muted)}

/* Application */
.application-section{
    background:
        radial-gradient(circle at 80% 10%,rgba(215,164,58,.16),transparent 28%),
        linear-gradient(135deg,#21033d,#3e086b);
}

.dose-card{
    display:flex;align-items:center;gap:18px;
    margin-top:30px;padding:22px;
    border-radius:20px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
}

.dose-icon{
    width:66px;height:66px;display:grid;place-items:center;
    border-radius:18px;background:linear-gradient(135deg,#f0d17a,#d6a039);
    color:#2d0758;font-size:1.7rem;
}

.dose-card small,.dose-card strong,.dose-card span{display:block}

.dose-card small{color:rgba(255,255,255,.6)}

.dose-card strong{font-size:1.35rem;margin:3px 0}

.dose-card span{color:var(--tg-gold-2)}

.crop-tabs{
    background:#fff;padding:30px;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.2)
}

.crop-tabs .nav-pills{gap:10px}

.crop-tabs .nav-link{
    color:var(--tg-purple);background:#f6f0f9;border-radius:12px;font-weight:700;padding:10px 25px
}

.crop-tabs .nav-link.active{background:linear-gradient(135deg,var(--tg-purple),var(--tg-purple-3))}

.stage-card{display:grid;grid-template-columns:42% 1fr;gap:24px;align-items:center}

.stage-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}

.stage-card span{color:var(--tg-gold);font-weight:700;font-size:.82rem;text-transform:uppercase}

.stage-card h3{font-size:1.45rem;color:var(--tg-purple);font-weight:800;margin:8px 0}

.stage-card p{color:var(--tg-muted);margin:0}

.mixing-guide{padding:22px;border-radius:18px;background:#fff8e7;border:1px solid rgba(215,164,58,.24)}

.mixing-guide h3{font-size:1.05rem;color:var(--tg-purple);font-weight:800}

.mixing-guide p{color:#62566b}

/* CTA */
.cta-section{background:#faf8fc;padding:0 0 95px}

.cta-card{
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    padding:40px 45px;border-radius:28px;
    color:#fff;
    background:
        linear-gradient(100deg,rgba(45,7,88,.96),rgba(93,26,128,.90)),
        url("../images/cta-paddy-background.webp") center/cover;
    box-shadow:var(--tg-shadow);
}

.cta-card span{color:var(--tg-gold-2);font-weight:700}

.cta-card h2{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;margin:7px 0 0}

/* Contact */
.contact-section{background:#fff}

.contact-shell{
    overflow:hidden;border-radius:32px;
    box-shadow:0 28px 80px rgba(45,7,88,.14);
    border:1px solid var(--tg-border)
}

.contact-intro{
    padding:55px;
    color:#fff;
    background:
        linear-gradient(145deg,rgba(36,4,68,.96),rgba(79,13,121,.92)),
        url("../images/contact-paddy-background.webp") center/cover;
}

.contact-intro h2{font-size:2.2rem;font-weight:800;margin-bottom:18px}

.contact-intro p{color:rgba(255,255,255,.7);font-size:1.08rem}

.contact-points{display:grid;gap:17px;margin-top:35px}

.contact-points div{display:flex;align-items:center;gap:12px}

.contact-points i{
    width:40px;height:40px;display:grid;place-items:center;
    color:var(--tg-gold-2);background:rgba(255,255,255,.1);border-radius:12px
}

.contact-form-wrap{padding:55px;background:#fff}

.form-label{font-weight:700;color:#41334e}

.form-control{
    min-height:54px;border-radius:13px;border-color:rgba(45,7,88,.16);
    box-shadow:none!important
}

.form-control:focus{border-color:var(--tg-purple-3)}

.btn-primary-premium{
    color:#fff;border:0;
    background:linear-gradient(135deg,var(--tg-purple),var(--tg-purple-3));
    box-shadow:0 14px 28px rgba(74,12,120,.22)
}

.btn-primary-premium:hover{color:#fff;transform:translateY(-2px)}

/* Footer */
.site-footer{padding:55px 0 25px;background:#160226;color:#fff}

.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}

.footer-top img{height:42px;width:auto}

.footer-top p{max-width:680px;color:rgba(255,255,255,.56);margin:0;text-align:right}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:25px;color:rgba(255,255,255,.5);font-size:.9rem}

.footer-bottom a{color:var(--tg-gold-2);text-decoration:none}

.floating-contact{
    position:fixed;right:0;top:36%;z-index:20;
    display:flex;align-items:center;gap:8px;
    padding:12px 13px;color:#fff;text-decoration:none;
    background:linear-gradient(180deg,#d7a43a,#b87917);
    border-radius:12px 0 0 12px;box-shadow:0 10px 25px rgba(0,0,0,.2);
    writing-mode:vertical-rl;
}

.floating-contact i{writing-mode:horizontal-tb}

.floating-contact span{font:600 .74rem "Poppins",sans-serif}

@media (max-width:991.98px){
    .premium-nav{min-height:74px}
    .navbar-collapse{padding:20px 0}
    .company-brand{display:flex;justify-content:center;margin-top:16px}
    .hero-section{padding-top:40px}
    .hero-visual{min-height:500px;margin-top:25px}
    .hero-title{font-size:4.7rem}
    .section-space{padding:78px 0}
    .cta-card{align-items:flex-start;flex-direction:column}
}

@media (max-width:767.98px) {
    .product-logo{height:40px}
    .company-logo{height:30px}
    .hero-title{font-size:3.7rem}
    .hero-copy{font-size:1.08rem}
    .hero-visual{min-height:410px}
    .hero-field{height:320px}
    .hero-capsule{width:34%;top:134px}
    .hero-packshot{width:27%}
    .hero-kettle{width:45%}
    .floating-badge{display:none}
    .problem-grid{gap:12px}
    .stage-card{grid-template-columns:1fr}
    .technology-panel,.crop-tabs,.contact-intro,.contact-form-wrap{padding:28px}
    .technology-highlights{grid-template-columns:1fr}
    .footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}
    .footer-top p{text-align:left}
}

@media (max-width:575.98px) {
    .language-menu{display:grid;grid-template-columns:1fr 1fr}
    .language-link{text-align:center}
    .hero-title{font-size:3rem}
    .hero-visual{min-height:350px}
    .hero-field{inset:45px 0 auto 0;width:100%;height:285px}
    .hero-capsule{width:34%;left:34%;top:27%}
    .hero-packshot{width:29%;right:2%;bottom:22px}
    .hero-kettle{right:3%;top:2%}
    .value-strip{margin-top:-5px}
    .problem-card h3{font-size:.86rem}
    .cta-card{padding:28px}
    .eyebrow {margin-bottom: 24px;}
}