:root{--ink:#102620;--muted:#667570;--paper:#f2f4ef;--soft:#e5ebe3;--line:#ccd7cf;--green:#0d5c4b;--lime:#c8e65d;--cream:#e4e9df;--deep:#12342c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding-left:34px;padding-right:34px}.topline{background:var(--deep);color:#bbcec4;text-transform:uppercase;letter-spacing:.12em;font:500 10px/1 DM Mono,monospace}.topbar{height:34px;display:flex;align-items:center;justify-content:space-between}.topline-note{color:var(--lime)}.site-header{position:sticky;top:0;z-index:20;background:rgba(242,244,239,.9);backdrop-filter:blur(14px);border-bottom:.5px solid rgba(16,38,32,.1)}.nav-wrap{height:80px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font:800 14px/1 Manrope,sans-serif;letter-spacing:.13em;white-space:nowrap}.brand-word b{color:var(--green)}.brand-mark{height:24px;width:24px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:6px;border-radius:10px 10px 2px 2px;background:var(--green);transform:skew(-16deg)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:19px;background:#2e8a5e}.brand-mark i:nth-child(3){height:24px;background:var(--lime)}.nav-links{display:flex;align-items:center;gap:29px;margin-left:auto;font:600 12px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--green)}.nav-cta{background:var(--ink);color:#fff;padding:12px 15px;border-radius:2px}.nav-cta span,.button span{color:var(--lime);font-size:16px;margin-left:8px}.lang-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:2px;margin-left:4px}.lang-btn{border:0;background:transparent;color:var(--muted);font:500 10px/1 DM Mono,monospace;padding:7px 6px;cursor:pointer}.lang-btn.active{background:var(--green);color:#fff}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:center;gap:64px;padding-top:62px;padding-bottom:82px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:var(--green);font:500 11px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(200,230,93,.25)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.4vw,88px);letter-spacing:-.065em;line-height:.98;margin:28px 0 26px;font-weight:600}h1 em,h2 em{color:var(--green);font-style:normal;font-weight:500}.hero h1 em{font-weight:400}.hero-lead{max-width:480px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;padding:17px 21px;border-radius:2px;font:600 12px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.text-link,.arrow-link{font:500 12px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.text-link span,.arrow-link span{font-size:18px;margin-left:8px;color:var(--green)}.hero-proof{display:flex;gap:32px;margin-top:67px}.hero-proof div{display:flex;gap:9px;align-items:flex-start}.hero-proof strong{color:var(--green);font:500 11px/1 DM Mono,monospace}.hero-proof span{color:var(--muted);font:500 10px/1.4 DM Mono,monospace;text-transform:uppercase}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.image-frame{position:relative;width:min(100%,470px);height:490px;overflow:hidden;background:var(--green);z-index:1}.image-frame img{height:100%;width:100%;object-fit:cover;filter:saturate(.76) contrast(1.02);mix-blend-mode:normal}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,68,54,.08),rgba(8,36,29,.3))}.hero-banner-frame{width:min(100%,560px);height:auto;aspect-ratio:1672/941;background:var(--paper);}.hero-banner-frame img{object-fit:contain;filter:none}.hero-banner-frame:after{display:none}.hero-banner-frame .image-tag{display:none}.image-tag{position:absolute;z-index:2;left:18px;bottom:18px;color:#fff;display:flex;align-items:center;gap:8px;text-transform:uppercase;font:500 10px/1 DM Mono,monospace;letter-spacing:.08em}.tag-dot{height:7px;width:7px;border-radius:50%;background:var(--lime)}.orbit{position:absolute;border:1px solid rgba(13,92,75,.3);border-radius:50%;z-index:0}.orbit-one{width:535px;height:535px}.orbit-two{width:630px;height:310px;transform:rotate(-23deg)}.visual-note{position:absolute;bottom:0;right:10px;display:flex;flex-direction:column;gap:4px;color:var(--green);font:500 10px/1 DM Mono,monospace;letter-spacing:.1em}.ticker{background:var(--green);color:#e0edca;overflow:hidden}.ticker-track{height:32px;display:flex;align-items:center;width:max-content;min-width:100%;font:500 14px/1 DM Mono,monospace;letter-spacing:.06em;animation:ticker-scroll 72s linear infinite}.ticker-group{display:flex;align-items:center;flex:0 0 auto;padding-right:150px;white-space:nowrap;overflow:visible}.ticker-group span{display:block;flex:0 0 auto;white-space:nowrap}.ticker-group b{color:var(--lime);font-size:16px;margin:0 24px}.ticker-news-link{color:inherit;text-decoration:none;transition:color .2s}.ticker-news-link:hover{color:var(--lime);text-decoration:underline}.ticker-group span::first-letter{color:var(--lime)}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}}.intro-section,.split-section{padding-top:112px;padding-bottom:118px}.section-kicker{padding-bottom:20px;border-bottom:1px solid var(--line)}.section-kicker span:first-child{color:#9cac9f}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:58px}.intro-grid h2,.split-intro h2,.process-heading h2,.az-copy h2,.contact-section h2{font-size:clamp(42px,5.2vw,68px);line-height:1;letter-spacing:-.065em;font-weight:700;margin:0}.large-copy{font-size:20px;line-height:1.65;max-width:475px;color:var(--muted);margin-bottom:31px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:88px}.benefit-card{border:1px solid var(--line);min-height:260px;padding:22px 23px;position:relative;transition:transform .2s,background .2s}.benefit-card:hover{transform:translateY(-4px);background:#eaf0e6}.accent-card{background:var(--cream);border-color:transparent}.card-number{color:var(--green);font:500 10px/1 DM Mono,monospace}.line-icon{font:400 43px/1 Georgia,serif;color:var(--green);margin:31px 0 22px}.icon-drop{font-size:50px}.benefit-card h3{font-size:20px;letter-spacing:-.04em;margin-bottom:8px}.benefit-card p{font-size:13px;line-height:1.65;color:var(--muted);max-width:240px}.split-section{padding-top:0}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:58px;align-items:end}.split-intro p{max-width:390px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}.scenario-list{margin-top:83px}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;padding:33px 0;border-top:1px solid var(--line)}.scenario:last-child{border-bottom:1px solid var(--line)}.scenario.reverse .scenario-image{order:2}.scenario.reverse .scenario-copy{order:1}.scenario-image{height:310px;position:relative;overflow:hidden;background-size:cover;background-position:center}.scenario-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,61,50,.28),transparent)}.scenario-image span{position:absolute;z-index:1;top:15px;left:17px;color:white;font:500 11px/1 DM Mono,monospace}.orchard{background-image:linear-gradient(90deg,rgba(14,64,45,.08),rgba(14,64,45,.08)),url('/manus-storage/async-images/uVNAWxprQkVhCEpbO2J7D7/image-1.webp')}.field{background-image:linear-gradient(90deg,rgba(14,64,45,.08),rgba(14,64,45,.08)),url('/manus-storage/async-images/uVNAWxprQkVhCEpbO2J7D7/image-2.webp');background-position:60% 45%;filter:hue-rotate(10deg)}.micro-label{color:var(--green);font:500 10px/1.2 DM Mono,monospace;letter-spacing:.12em;margin-bottom:23px}.scenario h3{font-size:34px;line-height:1.1;letter-spacing:-.06em;margin-bottom:14px}.scenario-copy>p:not(.micro-label){color:var(--muted);max-width:390px;line-height:1.7;margin-bottom:28px}.process-section{background:var(--deep);color:#f1f4e9;padding:104px 0 116px}.section-kicker.light{border-color:rgba(226,242,228,.22);color:var(--lime)}.section-kicker.light span:first-child{color:#7f9a8e}.process-heading{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:56px;align-items:end}.process-heading h2{color:#f1f4e9}.process-heading h2 em{color:var(--lime)}.process-heading p{color:#a8b9af;max-width:350px;font-size:17px;line-height:1.7;margin:0}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:83px;border-top:1px solid rgba(226,242,228,.22)}.step{padding:22px 14px 0 0}.step span{color:var(--lime);font:500 11px/1 DM Mono,monospace}.step h3{font-size:19px;margin:29px 0 10px;letter-spacing:-.03em}.step p{color:#a8b9af;font-size:13px;line-height:1.65;max-width:190px}.azerbaijan-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:124px;padding-bottom:123px;align-items:center}.az-copy h2{padding-top:54px}.az-copy>p{max-width:410px;color:var(--muted);font-size:17px;line-height:1.7;margin:29px 0}.source-link{font:500 11px/1 DM Mono,monospace;text-transform:uppercase;color:var(--green);letter-spacing:.04em}.az-map{height:390px;position:relative;overflow:hidden;background:var(--deep);border-radius:50% 50% 50% 3px;transform:rotate(-4deg)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,230,93,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(200,230,93,.12) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.map-glow{width:280px;height:280px;background:radial-gradient(circle,rgba(200,230,93,.3),transparent 68%);position:absolute;left:21%;top:22%;filter:blur(8px)}.map-pin{position:absolute;left:48%;top:42%;height:30px;width:30px;border:1px solid var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(4deg)}.map-pin span{width:7px;height:7px;background:var(--lime);border-radius:50%}.map-pin small{position:absolute;left:35px;color:var(--lime);font:500 10px/1 DM Mono,monospace}.map-label{position:absolute;left:14%;bottom:14%;display:flex;flex-direction:column;gap:6px;color:#b7c8bb;transform:rotate(4deg)}.map-label span{font:500 10px/1 DM Mono,monospace;text-transform:uppercase}.map-label b{font-size:20px;letter-spacing:.14em;color:#f3f5e7}.contact-section{background:var(--green);color:#fff;padding:102px 0 112px}.contact-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:85px}.contact-section h2{padding-top:55px}.contact-section h2 em{color:var(--lime)}.contact-action{padding-top:74px}.contact-action p{color:#c5d7c9;max-width:400px;font-size:17px;line-height:1.7;margin-bottom:30px}.button-light{background:var(--lime);color:var(--ink)}.button-light span{color:var(--green)}.contact-action small{display:block;color:#8fb3a1;font:500 10px/1.5 DM Mono,monospace;margin-top:18px;max-width:300px}.footer{background:var(--deep);color:#9eb6a7;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer-brand{color:#eef4e7}.footer p{font:500 10px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;margin:0;text-align:center}.footer-right{display:flex;justify-content:flex-end;gap:24px;font:500 10px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.footer-right a{color:var(--lime)}@media(max-width:880px){.container{padding-left:22px;padding-right:22px}.nav-wrap{height:68px}.nav-links{position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 22px;display:none;flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.menu-toggle{display:block;margin-left:auto;border:0;background:none;width:32px;height:32px;padding:8px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px 0}.lang-switch{margin-left:0}.hero{grid-template-columns:1fr;gap:24px;padding-top:61px}.hero-visual{min-height:0}.image-frame{height:420px}.hero-banner-frame{height:auto;aspect-ratio:1672/941}.orbit-one{width:470px;height:470px}.intro-grid,.split-intro,.process-heading,.azerbaijan-section,.contact-inner{grid-template-columns:1fr;gap:30px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-card:last-child{grid-column:1/-1}.process-steps{grid-template-columns:1fr 1fr;row-gap:35px}.scenario{gap:35px}.footer-grid{grid-template-columns:1fr;gap:18px}.footer p{text-align:left}.footer-right{justify-content:space-between}.contact-action{padding-top:20px}.az-map{max-width:540px;width:100%}}@media(max-width:560px){.topline-note{display:none}.brand{font-size:12px}.lang-btn{padding:7px 5px}.hero{gap:12px;padding-top:8px;padding-bottom:10px}.hero-lead{font-size:15px}.hero-proof{gap:14px;margin-top:48px}.hero-proof span{font-size:8px}.hero-visual{min-height:0}.image-frame{height:330px}.hero-banner-frame{height:auto;aspect-ratio:1672/941}.orbit-one{width:370px;height:370px}.orbit-two{width:430px;height:250px}.visual-note{font-size:8px;right:0}.benefit-grid,.process-steps{grid-template-columns:1fr}.benefit-card:last-child{grid-column:auto}.intro-section,.split-section{padding-top:82px;padding-bottom:84px}.benefit-grid,.scenario-list{margin-top:52px}.scenario{grid-template-columns:1fr;gap:23px;padding:25px 0}.scenario.reverse .scenario-image{order:0}.scenario.reverse .scenario-copy{order:0}.scenario-image{height:220px}.scenario h3{font-size:29px}.process-section{padding:78px 0 82px}.process-steps{margin-top:54px}.step{border-top:1px solid rgba(226,242,228,.22);padding-top:20px}.step h3{margin-top:17px}.azerbaijan-section{padding-top:84px;padding-bottom:84px}.az-copy h2{padding-top:38px}.az-map{height:300px}.contact-section{padding:78px 0 82px}.contact-section h2{padding-top:37px}.contact-action p{font-size:15px}.ticker-track{justify-content:flex-start;gap:22px;font-size:12.5px;letter-spacing:.045em}.footer-right{font-size:9px}}
.button{border:0;cursor:pointer}

.footer-logo{display:block;width:170px;height:170px;object-fit:contain;object-position:center}.footer-brand{display:flex;align-items:center}@media(max-width:560px){.footer-logo{width:135px;height:135px}}

.contact-details{display:flex;flex-direction:column;gap:11px;margin:0 0 28px;max-width:390px}.contact-details a{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(226,242,228,.25);padding:0 0 9px;color:#c5d7c9;font:500 11px/1.4 DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.contact-details a:hover{color:var(--lime)}.contact-details b{color:#fff;font-weight:500;text-transform:none;letter-spacing:0}

.scenario-image.pivot{background-image:url('/pivot-irrigation.jpg')}

.scenario-image.aerial{background-image:url('/pivot-aerial-turan-pivot.png')}

.video-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,6vw,96px);align-items:center;padding-top:clamp(56px,9vw,128px);padding-bottom:clamp(56px,9vw,128px)}
.video-copy h2{font-size:clamp(42px,6vw,88px);line-height:.95;margin:24px 0 22px;letter-spacing:-.06em}.video-copy h2 em{color:var(--lime);font-style:normal}.video-copy p{max-width:360px;color:var(--muted);font-size:16px;line-height:1.65}.video-shell{position:relative;background:#071e19;padding:10px;box-shadow:18px 18px 0 rgba(214,239,100,.18)}.video-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0a2f27}.video-caption{display:block;color:var(--lime);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:12px 6px 3px}@media(max-width:760px){.video-showcase{grid-template-columns:1fr;gap:28px}.video-shell{box-shadow:10px 10px 0 rgba(214,239,100,.18)}}

@media (max-width:760px){
  .video-showcase{padding-top:46px;padding-bottom:46px;gap:20px}
  .video-copy h2{font-size:clamp(38px,12vw,56px);margin:16px 0 14px}
  .video-copy p{font-size:14px;line-height:1.55;margin-bottom:0}
  .video-shell{padding:6px;box-shadow:6px 6px 0 rgba(214,239,100,.18)}
  .video-caption{font-size:9px;letter-spacing:.11em;padding:10px 4px 2px}
}
@media (max-width:380px){
  .video-showcase{padding-left:16px;padding-right:16px}
  .video-copy h2{font-size:38px}
}

.scenario-media video{display:block;width:100%;height:100%;object-fit:cover;background:#0a2f27}.scenario-media:before{z-index:1;pointer-events:none}.scenario-media video::-webkit-media-controls{z-index:3}

.step{border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;position:relative;transition:transform .2s,background .2s;padding-right:18px}.step:hover,.step.active{transform:translateY(-4px);background:rgba(200,230,93,.08)}.step:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.step.active:after{content:'';position:absolute;left:0;right:18px;top:-1px;height:3px;background:var(--lime)}.step-focus{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:end;margin-top:58px;padding:22px 0 25px;border-top:1px solid rgba(226,242,228,.22);border-bottom:1px solid rgba(226,242,228,.22)}.focus-label{color:var(--lime);font:500 10px/1 DM Mono,monospace;letter-spacing:.14em}.step-focus h3{font-size:28px;line-height:1.05;margin:0 0 8px}.step-focus p{color:#a8b9af;font-size:15px;line-height:1.65;margin:0;max-width:520px}@media(max-width:880px){.step-focus{grid-template-columns:1fr;gap:12px}}@media(max-width:560px){.step-focus{margin-top:42px;padding:18px 0 21px}.step-focus h3{font-size:24px}.step-focus p{font-size:14px}}

.field-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:62px;padding-top:28px;border-top:1px solid var(--line);align-items:start}.gallery-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:28px;align-items:end;margin-bottom:8px}.gallery-heading h3{font-size:28px;letter-spacing:-.05em;margin:0}.gallery-heading p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:420px}.field-gallery figure{margin:0}.field-gallery img{display:block;width:100%;height:190px;object-fit:cover;filter:saturate(.9)}.field-gallery figure:first-of-type img{height:230px}.field-gallery figcaption{color:var(--green);font:500 10px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:11px}@media(max-width:880px){.field-gallery{grid-template-columns:1fr 1fr}.gallery-heading{grid-column:1/-1;grid-template-columns:1fr;gap:12px}.field-gallery figure:first-of-type{grid-column:1/-1}.field-gallery figure:first-of-type img{height:240px}}@media(max-width:560px){.field-gallery{grid-template-columns:1fr;margin-top:44px}.gallery-heading{gap:8px}.gallery-heading h3{font-size:25px}.field-gallery figure:first-of-type{grid-column:auto}.field-gallery img,.field-gallery figure:first-of-type img{height:210px}}

.benefit-sketch{height:92px;width:92px;margin:22px 0 16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.benefit-sketch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.benefit-card h3{margin-top:0}@media(max-width:560px){.benefit-sketch{height:84px;width:84px;margin-top:18px}}

/* Block 05: quieter, integrated treatment */
.process-section{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-section .section-kicker.light{color:var(--green);border-color:var(--line)}
.process-section .section-kicker.light span:first-child{color:#9cac9f}
.process-section .process-heading h2{color:var(--ink)}
.process-section .process-heading h2 em{color:var(--green)}
.process-section .process-heading p{color:var(--muted)}
.process-section .process-steps{border-color:var(--line)}
.process-section .step{color:var(--ink)}
.process-section .step span{color:var(--green)}
.process-section .step p{color:var(--muted)}
.process-section .step:hover,.process-section .step.active{background:rgba(13,92,75,.045)}
.process-section .step.active:after{background:var(--green)}
.process-section .step:focus-visible{outline-color:var(--green)}
.process-section .step-focus{border-color:var(--line)}
.process-section .focus-label{color:var(--green)}
.process-section .step-focus p{color:var(--muted)}
@media(max-width:560px){.process-section{padding-top:70px;padding-bottom:76px}}

.step-sketch{width:62px;height:62px;margin:25px 0 17px;overflow:hidden;border-radius:50%;border:1px solid var(--line);background:var(--paper)}.step-sketch img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.process-section .step.active .step-sketch{border-color:rgba(13,92,75,.35)}@media(max-width:560px){.step-sketch{width:54px;height:54px;margin:17px 0 13px}}

/* Four real field frames: keep the new installation photo balanced on wide screens. */
.field-gallery{grid-template-columns:1.15fr repeat(2,1fr)}
@media(max-width:880px){.field-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.field-gallery{grid-template-columns:1fr}}

/* Published gallery consistency: every real field frame uses the same visual height. */
.field-gallery img,
.field-gallery figure:first-of-type img{height:190px;object-fit:cover}
@media(max-width:560px){
  .field-gallery img,
  .field-gallery figure:first-of-type img{height:210px}
}

/* Larger step illustrations for the Tanışlıq / İş prinsipi block. */
.step-sketch{width:92px;height:92px;margin:25px 0 17px}
@media(max-width:560px){.step-sketch{width:72px;height:72px;margin:18px 0 14px}}

/* Maximum comfortable illustration size inside the Tanışlıq step cards. */
.step-sketch{width:150px;height:150px;margin:25px 0 19px}
@media(max-width:560px){.step-sketch{width:120px;height:120px;margin:20px 0 16px}}

/* Keep a seven-frame gallery balanced: center the final equipment photo on wide screens. */
@media(min-width:881px){.field-gallery figure:last-of-type{grid-column:2}}
@media(max-width:880px){.field-gallery figure:last-of-type{grid-column:auto}}


/* Technical pivot sketch inside the Azerbaijan context banner. */
.pivot-sketch{position:absolute;inset:0;overflow:hidden;opacity:.58;transform:rotate(4deg);pointer-events:none}
.pivot-ring{position:absolute;display:block;border:1px solid rgba(200,230,93,.72);border-radius:50%;transform:rotate(-12deg)}
.pivot-ring.ring-small{width:72%;height:72%;left:-25%;top:17%}
.pivot-ring.ring-large{width:112%;height:112%;left:-45%;top:-3%}
.pivot-arm{position:absolute;display:block;left:12%;top:53%;width:75%;height:2px;background:linear-gradient(90deg,rgba(200,230,93,.95),rgba(200,230,93,.28));transform:rotate(-18deg);transform-origin:left center}
.pivot-arm:after{content:'';position:absolute;right:0;top:-3px;width:8px;height:8px;border:1px solid var(--lime);border-radius:50%}
.pivot-support{position:absolute;display:block;width:1px;height:27px;background:rgba(200,230,93,.72);transform:rotate(-18deg);transform-origin:top center}
.pivot-support.support-one{left:39%;top:45%}.pivot-support.support-two{left:58%;top:39%}.pivot-support.support-three{left:77%;top:33%}
.pivot-hub{position:absolute;left:10%;top:50%;display:block;width:14px;height:14px;border:2px solid var(--lime);border-radius:50%;background:var(--deep);box-shadow:0 0 0 5px rgba(200,230,93,.12)}
@media(max-width:560px){.pivot-sketch{opacity:.5}.pivot-arm{width:78%}.pivot-support{height:22px}.pivot-hub{width:12px;height:12px}}


/* Make the pivot sketch immediately understandable. */
.pivot-legend{position:absolute;right:12%;top:14%;display:flex;align-items:center;gap:8px;color:var(--lime);font:500 10px/1.15 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;transform:rotate(4deg);white-space:nowrap}
.pivot-legend-mark{width:10px;height:10px;border:1px solid var(--lime);border-radius:50%;box-shadow:0 0 0 3px rgba(200,230,93,.12)}
@media(max-width:560px){.pivot-legend{right:9%;top:12%;font-size:8px;gap:6px}.pivot-legend-mark{width:8px;height:8px}}

/* Readable pivot legend badge for the Azerbaijan banner. */
.pivot-legend{padding:8px 10px;background:rgba(5,32,25,.68);border:1px solid rgba(200,230,93,.38);border-radius:999px;backdrop-filter:blur(4px)}
@media(max-width:560px){.pivot-legend{padding:6px 8px}}

/* Engineer-style drawing interaction for the pivot sketch. */
.pivot-sketch.is-drawing .ring-small{animation:pivot-ring-draw .9s cubic-bezier(.2,.8,.2,1) both}
.pivot-sketch.is-drawing .ring-large{animation:pivot-ring-draw 1.15s .18s cubic-bezier(.2,.8,.2,1) both}
.pivot-sketch.is-drawing .pivot-arm{animation:pivot-arm-draw 1.05s .75s cubic-bezier(.2,.8,.2,1) both}
.pivot-sketch.is-drawing .pivot-support{animation:pivot-support-draw .45s 1.55s ease-out both}
.pivot-sketch.is-drawing .support-two{animation-delay:1.68s}.pivot-sketch.is-drawing .support-three{animation-delay:1.81s}
.pivot-sketch.is-drawing .pivot-hub{animation:pivot-hub-draw .5s .1s ease-out both}
.pivot-legend.is-drawing{animation:pivot-legend-in .55s 1.95s ease-out both}
@keyframes pivot-ring-draw{from{opacity:.05;transform:rotate(-12deg) scale(.18)}to{opacity:1;transform:rotate(-12deg) scale(1)}}
@keyframes pivot-arm-draw{from{opacity:.1;transform:rotate(-18deg) scaleX(0)}to{opacity:1;transform:rotate(-18deg) scaleX(1)}}
@keyframes pivot-support-draw{from{opacity:0;transform:rotate(-18deg) scaleY(0)}to{opacity:1;transform:rotate(-18deg) scaleY(1)}}
@keyframes pivot-hub-draw{from{opacity:.2;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
@keyframes pivot-legend-in{from{opacity:0;transform:rotate(4deg) translateY(4px)}to{opacity:1;transform:rotate(4deg) translateY(0)}}
@media(prefers-reduced-motion:reduce){.pivot-sketch.is-drawing *,.pivot-legend.is-drawing{animation:none!important;opacity:1!important;transform:none!important}}

.pivot-legend{z-index:5;pointer-events:none}
.map-label{z-index:4}
.pivot-sketch{z-index:2}
.map-pin{z-index:3}
/* Keep the pivot labels inside the Azerbaijan sketch frame on every screen. */
.pivot-legend{left:10%;right:10%;top:10%;justify-content:flex-end;max-width:80%;white-space:normal;text-align:right;line-height:1.25}
.map-label{left:10%;right:10%;bottom:10%;max-width:80%;overflow-wrap:anywhere}
.map-label b{font-size:clamp(15px,2.4vw,20px);line-height:1.1;letter-spacing:.1em}
.map-pin small{left:27px;white-space:nowrap}
@media(max-width:560px){.pivot-legend{left:8%;right:8%;top:9%;max-width:84%;font-size:7px;padding:5px 7px}.map-label{left:8%;right:8%;bottom:9%;max-width:84%}.map-label b{font-size:15px;letter-spacing:.07em}.map-pin small{left:23px;font-size:8px}}
/* Subtle irrigation rain across the page: decorative, translucent and click-through. */
.irrigation-rain{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.72}
.irrigation-rain i{position:absolute;top:-12vh;left:var(--x);width:2px;height:var(--h);border-radius:999px;background:linear-gradient(to bottom,rgba(44,150,132,0),rgba(44,150,132,.2) 35%,rgba(200,230,93,.13));transform:rotate(12deg);filter:blur(.15px);animation:irrigation-fall var(--d) linear var(--delay) infinite}
.irrigation-rain i:nth-child(3n){width:1px;opacity:.65}
.irrigation-rain i:nth-child(4n){transform:rotate(8deg);opacity:.5}
.irrigation-rain i:nth-child(5n){height:var(--h2);opacity:.38}
.irrigation-rain i:nth-child(1){--x:3%;--h:18px;--h2:10px;--d:7.5s;--delay:-5.1s}.irrigation-rain i:nth-child(2){--x:9%;--h:25px;--h2:13px;--d:9.2s;--delay:-1.9s}.irrigation-rain i:nth-child(3){--x:16%;--h:14px;--h2:8px;--d:8.4s;--delay:-6.7s}.irrigation-rain i:nth-child(4){--x:23%;--h:30px;--h2:16px;--d:10.8s;--delay:-3.2s}.irrigation-rain i:nth-child(5){--x:31%;--h:20px;--h2:11px;--d:8.9s;--delay:-7.8s}.irrigation-rain i:nth-child(6){--x:38%;--h:16px;--h2:9px;--d:7.8s;--delay:-2.4s}.irrigation-rain i:nth-child(7){--x:45%;--h:28px;--h2:14px;--d:11.5s;--delay:-9.1s}.irrigation-rain i:nth-child(8){--x:52%;--h:18px;--h2:10px;--d:8.1s;--delay:-4.6s}.irrigation-rain i:nth-child(9){--x:59%;--h:24px;--h2:12px;--d:9.8s;--delay:-1.2s}.irrigation-rain i:nth-child(10){--x:66%;--h:15px;--h2:8px;--d:7.1s;--delay:-5.9s}.irrigation-rain i:nth-child(11){--x:73%;--h:31px;--h2:16px;--d:11.2s;--delay:-8.3s}.irrigation-rain i:nth-child(12){--x:80%;--h:19px;--h2:10px;--d:8.7s;--delay:-3.7s}.irrigation-rain i:nth-child(13){--x:87%;--h:26px;--h2:13px;--d:10.1s;--delay:-6.2s}.irrigation-rain i:nth-child(14){--x:94%;--h:17px;--h2:9px;--d:7.9s;--delay:-1.7s}.irrigation-rain i:nth-child(15){--x:6%;--h:22px;--h2:12px;--d:9.6s;--delay:-7.4s}.irrigation-rain i:nth-child(16){--x:19%;--h:13px;--h2:7px;--d:7.3s;--delay:-2.8s}.irrigation-rain i:nth-child(17){--x:34%;--h:27px;--h2:14px;--d:10.4s;--delay:-5.4s}.irrigation-rain i:nth-child(18){--x:48%;--h:16px;--h2:8px;--d:8.6s;--delay:-9.7s}.irrigation-rain i:nth-child(19){--x:62%;--h:23px;--h2:12px;--d:9.3s;--delay:-4.1s}.irrigation-rain i:nth-child(20){--x:76%;--h:18px;--h2:10px;--d:7.7s;--delay:-6.9s}.irrigation-rain i:nth-child(21){--x:91%;--h:29px;--h2:15px;--d:10.9s;--delay:-2.1s}.irrigation-rain i:nth-child(22){--x:12%;--h:15px;--h2:8px;--d:8.2s;--delay:-8.8s}.irrigation-rain i:nth-child(23){--x:28%;--h:21px;--h2:11px;--d:9.7s;--delay:-3.5s}.irrigation-rain i:nth-child(24){--x:43%;--h:17px;--h2:9px;--d:7.6s;--delay:-6.4s}.irrigation-rain i:nth-child(25){--x:57%;--h:26px;--h2:13px;--d:10.2s;--delay:-1.5s}.irrigation-rain i:nth-child(26){--x:70%;--h:14px;--h2:7px;--d:8.8s;--delay:-7.1s}.irrigation-rain i:nth-child(27){--x:84%;--h:24px;--h2:12px;--d:9.9s;--delay:-4.9s}.irrigation-rain i:nth-child(28){--x:98%;--h:19px;--h2:10px;--d:7.4s;--delay:-8.1s}.irrigation-rain i:nth-child(29){--x:26%;--h:12px;--h2:6px;--d:8.5s;--delay:-5.7s}.irrigation-rain i:nth-child(30){--x:68%;--h:20px;--h2:10px;--d:9.1s;--delay:-2.9s}
@keyframes irrigation-fall{0%{transform:translate3d(0,-12vh,0) rotate(12deg)}100%{transform:translate3d(-22px,112vh,0) rotate(12deg)}}
@media(max-width:560px){.irrigation-rain{opacity:.55}.irrigation-rain i{height:calc(var(--h) * .82)}}
@media(prefers-reduced-motion:reduce){.irrigation-rain{display:none}}

/* Move the drawing labels slightly left and keep them compact inside the frame. */
.pivot-legend{left:6%;right:auto;top:9%;max-width:70%;font-size:9px;justify-content:flex-start;text-align:left}
.map-label{left:6%;right:auto;bottom:9%;max-width:70%}
.map-label b{font-size:clamp(14px,2.1vw,18px);letter-spacing:.07em}
@media(max-width:560px){.pivot-legend{left:5%;top:8%;max-width:72%;font-size:6.5px;padding:5px 7px;gap:5px}.pivot-legend-mark{width:7px;height:7px}.map-label{left:5%;bottom:8%;max-width:72%}.map-label b{font-size:14px;letter-spacing:.05em}}

/* Final placement: centered compact label inside the pivot frame. */
.pivot-legend{left:50%;right:auto;top:9%;max-width:78%;transform:translateX(-50%) rotate(4deg);justify-content:center;text-align:center;white-space:normal}
@keyframes pivot-legend-in{from{opacity:0;transform:translateX(-50%) rotate(4deg) translateY(4px)}to{opacity:1;transform:translateX(-50%) rotate(4deg) translateY(0)}}

/* The irrigation drops live behind the readable page content and photos. */
.irrigation-rain{z-index:0;opacity:.95}
.irrigation-rain i{background:linear-gradient(to bottom,rgba(22,126,111,0),rgba(22,126,111,.34) 35%,rgba(159,194,78,.2));}
.topline,.site-header,main,.footer{position:relative;z-index:1}
@media(max-width:560px){.pivot-legend{left:50%;right:auto;top:8%;max-width:82%;font-size:7px;transform:translateX(-50%) rotate(4deg);justify-content:center;text-align:center}.irrigation-rain{opacity:.85}}
/* Animated fine shoots along the lower perimeter of section 04. */
.contact-section{position:relative;overflow:hidden}
.contact-inner{position:relative;z-index:2}
.contact-growth{position:absolute;z-index:1;left:0;right:0;bottom:0;height:72px;display:flex;align-items:flex-end;justify-content:space-around;padding:0 1.5%;pointer-events:none;opacity:.74}
.contact-growth i{position:relative;display:block;width:18px;height:calc(30px + var(--growth));transform-origin:bottom center;animation:growth-sway var(--growth-speed) ease-in-out var(--growth-delay) infinite alternate}
.contact-growth i::before{content:'';position:absolute;left:8px;bottom:0;width:2px;height:calc(26px + var(--growth));border-radius:999px;background:linear-gradient(to top,rgba(200,230,93,.15),rgba(200,230,93,.72))}
.contact-growth i::after{content:'';position:absolute;left:5px;bottom:calc(15px + var(--growth-half));width:10px;height:23px;border:1px solid rgba(200,230,93,.5);border-left-color:transparent;border-bottom-color:transparent;border-radius:100% 0 100% 0;transform:rotate(var(--leaf-angle));box-shadow:5px 11px 0 -2px rgba(200,230,93,.34)}
.contact-growth i:nth-child(3n){opacity:.7}.contact-growth i:nth-child(4n){height:calc(27px + var(--growth));}.contact-growth i:nth-child(5n){opacity:.48}
.contact-growth i:nth-child(1){--growth:5px;--growth-half:0px;--growth-speed:3.6s;--growth-delay:-1.1s;--leaf-angle:-28deg}.contact-growth i:nth-child(2){--growth:15px;--growth-half:4px;--growth-speed:4.4s;--growth-delay:-2.4s;--leaf-angle:25deg}.contact-growth i:nth-child(3){--growth:9px;--growth-half:2px;--growth-speed:3.9s;--growth-delay:-.7s;--leaf-angle:-20deg}.contact-growth i:nth-child(4){--growth:20px;--growth-half:6px;--growth-speed:4.8s;--growth-delay:-3.2s;--leaf-angle:31deg}.contact-growth i:nth-child(5){--growth:7px;--growth-half:1px;--growth-speed:3.7s;--growth-delay:-1.8s;--leaf-angle:-34deg}.contact-growth i:nth-child(6){--growth:17px;--growth-half:5px;--growth-speed:4.1s;--growth-delay:-2.9s;--leaf-angle:21deg}.contact-growth i:nth-child(7){--growth:11px;--growth-half:3px;--growth-speed:4.6s;--growth-delay:-.4s;--leaf-angle:-26deg}.contact-growth i:nth-child(8){--growth:22px;--growth-half:7px;--growth-speed:3.8s;--growth-delay:-2.1s;--leaf-angle:28deg}.contact-growth i:nth-child(9){--growth:6px;--growth-half:1px;--growth-speed:4.5s;--growth-delay:-3.6s;--leaf-angle:-18deg}.contact-growth i:nth-child(10){--growth:14px;--growth-half:4px;--growth-speed:3.5s;--growth-delay:-1.3s;--leaf-angle:35deg}.contact-growth i:nth-child(11){--growth:19px;--growth-half:6px;--growth-speed:4.7s;--growth-delay:-2.7s;--leaf-angle:-24deg}.contact-growth i:nth-child(12){--growth:8px;--growth-half:2px;--growth-speed:3.9s;--growth-delay:-.9s;--leaf-angle:19deg}.contact-growth i:nth-child(13){--growth:16px;--growth-half:5px;--growth-speed:4.3s;--growth-delay:-3.3s;--leaf-angle:-30deg}.contact-growth i:nth-child(14){--growth:10px;--growth-half:3px;--growth-speed:3.6s;--growth-delay:-1.6s;--leaf-angle:27deg}.contact-growth i:nth-child(15){--growth:21px;--growth-half:7px;--growth-speed:4.9s;--growth-delay:-2.2s;--leaf-angle:-21deg}.contact-growth i:nth-child(16){--growth:7px;--growth-half:1px;--growth-speed:4s;--growth-delay:-.5s;--leaf-angle:32deg}.contact-growth i:nth-child(17){--growth:13px;--growth-half:4px;--growth-speed:3.7s;--growth-delay:-2.8s;--leaf-angle:-27deg}.contact-growth i:nth-child(18){--growth:18px;--growth-half:6px;--growth-speed:4.5s;--growth-delay:-1.9s;--leaf-angle:23deg}.contact-growth i:nth-child(19){--growth:9px;--growth-half:2px;--growth-speed:4.2s;--growth-delay:-3.4s;--leaf-angle:-35deg}.contact-growth i:nth-child(20){--growth:15px;--growth-half:5px;--growth-speed:3.8s;--growth-delay:-.8s;--leaf-angle:29deg}.contact-growth i:nth-child(21){--growth:20px;--growth-half:6px;--growth-speed:4.6s;--growth-delay:-2.5s;--leaf-angle:-23deg}.contact-growth i:nth-child(22){--growth:12px;--growth-half:3px;--growth-speed:4.1s;--growth-delay:-1.4s;--leaf-angle:20deg}
@keyframes growth-sway{from{transform:rotate(-2deg) translateY(5px)}to{transform:rotate(2deg) translateY(0)}}
@media(max-width:560px){.contact-growth{height:54px;padding:0 0}.contact-growth i{transform:scale(.78);transform-origin:bottom center}}
@media(prefers-reduced-motion:reduce){.contact-growth i{animation:none!important}}

/* Elegant growing shoots at the white-to-green boundary of the final section. */
.contact-growth{top:0;bottom:auto;height:78px;align-items:flex-start;padding:0 1.5%;opacity:.82}
.contact-growth i{height:calc(30px + var(--growth));transform-origin:top center;animation:growth-sway 4.2s ease-in-out var(--growth-delay) infinite alternate}
.contact-growth i::before{top:0;bottom:auto;height:calc(25px + var(--growth));width:1px;background:linear-gradient(to bottom,rgba(200,230,93,.18),rgba(200,230,93,.78))}
.contact-growth i::after{top:calc(13px + var(--growth-half));bottom:auto;height:20px;width:8px;left:5px;border-color:rgba(200,230,93,.58);border-left-color:transparent;border-bottom-color:transparent}
@keyframes growth-sway{0%{transform:rotate(-2deg) translateY(-5px) scaleY(.28);opacity:.18}55%{opacity:.72}100%{transform:rotate(2deg) translateY(0) scaleY(1);opacity:1}}
@media(max-width:560px){.contact-growth{height:61px;padding:0}.contact-growth i{transform:scale(.78);transform-origin:top center}}
@media(prefers-reduced-motion:reduce){.contact-growth i{animation:none!important;transform:none!important;opacity:.8!important}}

/* Sprouts rise from the green section into the white area, then regrow in a loop. */
.contact-section{overflow:visible}
.contact-growth{top:-78px;bottom:auto;height:78px;align-items:flex-end;overflow:visible}
.contact-growth i{height:calc(30px + var(--growth));transform-origin:bottom center;animation:growth-sprout-loop var(--growth-cycle) ease-in-out var(--growth-delay) infinite}
.contact-growth i::before{top:auto;bottom:0;height:calc(25px + var(--growth));width:1px;background:linear-gradient(to top,rgba(200,230,93,.18),rgba(200,230,93,.78))}
.contact-growth i::after{top:auto;bottom:calc(13px + var(--growth-half));height:20px;width:8px;left:5px;border-color:rgba(200,230,93,.58);border-left-color:transparent;border-bottom-color:transparent}
.contact-growth i:nth-child(1){--growth-cycle:6.2s}.contact-growth i:nth-child(2){--growth-cycle:7.1s}.contact-growth i:nth-child(3){--growth-cycle:6.8s}.contact-growth i:nth-child(4){--growth-cycle:7.6s}.contact-growth i:nth-child(5){--growth-cycle:6.5s}.contact-growth i:nth-child(6){--growth-cycle:7.3s}.contact-growth i:nth-child(7){--growth-cycle:6.9s}.contact-growth i:nth-child(8){--growth-cycle:7.8s}.contact-growth i:nth-child(9){--growth-cycle:6.4s}.contact-growth i:nth-child(10){--growth-cycle:7s}.contact-growth i:nth-child(11){--growth-cycle:7.5s}.contact-growth i:nth-child(12){--growth-cycle:6.7s}.contact-growth i:nth-child(13){--growth-cycle:7.2s}.contact-growth i:nth-child(14){--growth-cycle:6.3s}.contact-growth i:nth-child(15){--growth-cycle:7.7s}.contact-growth i:nth-child(16){--growth-cycle:6.6s}.contact-growth i:nth-child(17){--growth-cycle:7.4s}.contact-growth i:nth-child(18){--growth-cycle:6.9s}.contact-growth i:nth-child(19){--growth-cycle:7.1s}.contact-growth i:nth-child(20){--growth-cycle:6.5s}.contact-growth i:nth-child(21){--growth-cycle:7.6s}.contact-growth i:nth-child(22){--growth-cycle:6.8s}
@keyframes growth-sprout-loop{0%{transform:rotate(-2deg) translateY(3px) scaleY(.08);opacity:0}18%{transform:rotate(-1deg) translateY(0) scaleY(1);opacity:.92}58%{transform:rotate(1.5deg) translateY(0) scaleY(1);opacity:.82}82%{transform:rotate(2deg) translateY(0) scaleY(.82);opacity:.28}100%{transform:rotate(2deg) translateY(3px) scaleY(.08);opacity:0}}
@media(max-width:560px){.contact-growth{top:-61px;height:61px}.contact-growth i{transform-origin:bottom center}}
@media(prefers-reduced-motion:reduce){.contact-growth i{animation:none!important;transform:none!important;opacity:.8!important}}

/* Darker growth strokes for clear contrast against the white area. */
.contact-growth{opacity:.94}
.contact-growth i{filter:drop-shadow(0 1px 0 rgba(7,55,44,.18))}
.contact-growth i::before{background:linear-gradient(to top,rgba(7,55,44,.62),rgba(13,92,75,.96))}
.contact-growth i::after{border-color:rgba(7,55,44,.88);border-left-color:transparent;border-bottom-color:transparent;box-shadow:5px 11px 0 -2px rgba(13,92,75,.58)}
@media(max-width:560px){.contact-growth{opacity:.92}}
/* The “Su kökə çatır” illustration keeps its original art while a fine sprout grows above it. */
.benefit-sketch-root{position:relative;overflow:hidden}
.mini-sprout{position:absolute;z-index:2;left:50%;bottom:12%;width:2px;height:58%;background:linear-gradient(to top,rgba(13,92,75,.18),rgba(13,92,75,.95));border-radius:999px;transform-origin:bottom center;animation:mini-sprout-grow 5.4s ease-in-out infinite}
.mini-sprout::before,.mini-sprout::after{content:'';position:absolute;width:18px;height:9px;border:1.5px solid rgba(13,92,75,.92);border-bottom-color:transparent;border-radius:100% 0 100% 0;opacity:.92}
.mini-sprout::before{left:-16px;top:35%;transform:rotate(-28deg);transform-origin:right bottom}
.mini-sprout::after{left:1px;top:19%;transform:rotate(25deg);transform-origin:left bottom}
@keyframes mini-sprout-grow{0%,12%{transform:scaleY(.08);opacity:0}32%{transform:scaleY(1);opacity:.9}58%{transform:scaleY(1) rotate(-2deg);opacity:.9}76%{transform:scaleY(.88) rotate(2deg);opacity:.42}100%{transform:scaleY(.08) rotate(0);opacity:0}}
@media(prefers-reduced-motion:reduce){.mini-sprout{animation:none;transform:none;opacity:.86}}
/* Animate the original plant sketch itself; no extra drawn lines are added. */
.benefit-sketch-root img{clip-path:inset(100% 0 0 0);animation:original-sprout-reveal 5.4s ease-in-out infinite}
@keyframes original-sprout-reveal{0%,10%{clip-path:inset(100% 0 0 0);opacity:.08}38%{clip-path:inset(0 0 0 0);opacity:1}72%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(100% 0 0 0);opacity:.08}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root img{animation:none;clip-path:none;opacity:1}}

/* Keep the full original photo still; animate only its central sprout area. */
.benefit-sketch-root img{clip-path:none;animation:none;opacity:1}
.benefit-sketch-root::after{content:'';position:absolute;z-index:2;left:22%;right:22%;top:0;bottom:0;background:url('/manus-storage/async-images/UfsnMmnLzzm5fG7vGthb7H/image-1.webp') center/181.82% 100% no-repeat;clip-path:inset(100% 0 0 0);animation:photo-sprout-only 5.4s ease-in-out infinite;pointer-events:none}
@keyframes photo-sprout-only{0%,12%{clip-path:inset(100% 0 0 0);opacity:.05}38%{clip-path:inset(0 0 0 0);opacity:1}70%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(100% 0 0 0);opacity:.05}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root::after{animation:none;clip-path:inset(0);opacity:1}}

/* Replace the shutter reveal with a true bottom-up scale of the original plant pixels. */
.benefit-sketch-root::after{clip-path:none;transform-origin:50% 100%;animation:photo-sprout-grow 5.4s cubic-bezier(.2,.75,.25,1) infinite}
@keyframes photo-sprout-grow{0%,12%{transform:scaleY(.02) rotate(0deg);opacity:0}30%{transform:scaleY(1) rotate(-1deg);opacity:1}48%{transform:scaleY(1) rotate(1deg);opacity:1}72%{transform:scaleY(1) rotate(-.5deg);opacity:.94}100%{transform:scaleY(.02) rotate(0deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root::after{animation:none;transform:none;opacity:1}}
/* True plant animation: static illustration base plus a transparent cutout of only the original plant. */
.benefit-sketch-root{isolation:isolate}
.benefit-sketch-root::after{display:none!important}
.benefit-sketch-root .benefit-sprout-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 62%;animation:real-plant-grow 5.8s cubic-bezier(.2,.75,.25,1) infinite;pointer-events:none}
@keyframes real-plant-grow{0%,10%{transform:scaleY(.04);opacity:0}32%{transform:scaleY(1);opacity:1}52%{transform:scaleY(1) rotate(-1deg);opacity:1}68%{transform:scaleY(1) rotate(1deg);opacity:1}84%{transform:scaleY(.98) rotate(0);opacity:.9}100%{transform:scaleY(.04);opacity:0}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .benefit-sprout-overlay{animation:none;transform:none;opacity:1}}
/* Sequential growth: each layer is a real crop of the original plant cutout. */
.benefit-sketch-root .benefit-sprout-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;transform:none;animation:none;pointer-events:none}
.benefit-sketch-root .sprout-part{position:absolute;inset:0;display:block;background:url('/benefit-root-sprout-full.webp') center/100% 100% no-repeat;opacity:0;transform-origin:50% 100%;animation:leaf-appears 7.2s ease-in-out infinite}
.sprout-stem{clip-path:polygon(42% 48%,58% 48%,60% 100%,40% 100%);animation-delay:0s!important}
.sprout-leaf-left-low{clip-path:polygon(10% 48%,48% 45%,53% 75%,12% 72%);animation-delay:.42s!important}
.sprout-leaf-right-low{clip-path:polygon(48% 45%,92% 40%,94% 70%,52% 76%);animation-delay:.84s!important}
.sprout-leaf-left-high{clip-path:polygon(8% 15%,50% 12%,52% 53%,8% 51%);animation-delay:1.26s!important}
.sprout-leaf-right-high{clip-path:polygon(49% 12%,94% 8%,96% 51%,51% 54%);animation-delay:1.68s!important}
.sprout-leaf-top{clip-path:polygon(35% 0,70% 0,67% 48%,39% 51%);animation-delay:2.1s!important}
@keyframes leaf-appears{0%,6%{opacity:0;transform:scaleY(.08)}18%{opacity:1;transform:scaleY(1)}55%{opacity:1;transform:scaleY(1) rotate(-1deg)}78%{opacity:.96;transform:scaleY(1) rotate(1deg)}100%{opacity:0;transform:scaleY(.08)}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .sprout-part{animation:none!important;opacity:1;transform:none}}
/* One real plant layer, growing slowly from the soil without overlapping masks. */
.benefit-sketch-root .benefit-sprout-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 62%;animation:single-real-plant-grow 12s cubic-bezier(.2,.72,.24,1) infinite;pointer-events:none}
@keyframes single-real-plant-grow{0%,14%{transform:scaleY(.035) rotate(0);opacity:0}44%{transform:scaleY(1) rotate(-.35deg);opacity:1}60%{transform:scaleY(1) rotate(.35deg);opacity:1}78%{transform:scaleY(1) rotate(-.2deg);opacity:1}100%{transform:scaleY(.035) rotate(0);opacity:0}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .benefit-sprout-overlay{animation:none;transform:none;opacity:1}}
/* Realistic sequential leaves and strong irrigation-drop pulses. */
.benefit-sketch-root .benefit-sprout-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}
.benefit-sketch-root .leaf-part,.benefit-sketch-root .water-drops-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.benefit-sketch-root .leaf-part{opacity:0;transform-origin:50% 100%;animation:leaf-real-growth 13s cubic-bezier(.22,.72,.25,1) infinite}
.leaf-stem{animation-delay:0s!important}.leaf-left-low{animation-delay:1.45s!important}.leaf-right-low{animation-delay:2.9s!important}.leaf-left-high{animation-delay:4.35s!important}.leaf-right-high{animation-delay:5.8s!important}.leaf-top{animation-delay:7.25s!important}
@keyframes leaf-real-growth{0%,7%{opacity:0;transform:scaleY(.03) rotate(0)}18%{opacity:1;transform:scaleY(.55) rotate(-.4deg)}30%{opacity:1;transform:scaleY(1) rotate(.4deg)}48%{opacity:1;transform:scaleY(1) rotate(-.25deg)}65%{opacity:1;transform:scaleY(1) rotate(.2deg)}78%{opacity:.9;transform:scaleY(.98) rotate(0)}100%{opacity:0;transform:scaleY(.03) rotate(0)}}
.benefit-sketch-root .water-drops-overlay{opacity:0;animation:water-drop-flash 2.8s ease-in-out infinite;mix-blend-mode:normal}
@keyframes water-drop-flash{0%,22%,100%{opacity:0;filter:brightness(1)}30%{opacity:1;filter:brightness(1.75) saturate(1.5)}42%{opacity:.2;filter:brightness(1.2)}52%{opacity:1;filter:brightness(1.6) saturate(1.4)}64%,82%{opacity:0;filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .leaf-part{animation:none!important;opacity:1;transform:none}.benefit-sketch-root .water-drops-overlay{animation:none!important;opacity:1}}

/* Final pacing: each original leaf rises very slowly, one after another, from the clean soil base. */
.benefit-sketch-root .leaf-part{animation-duration:28s}
.leaf-stem{animation-delay:0s!important}.leaf-left-low{animation-delay:4.5s!important}.leaf-right-low{animation-delay:9s!important}.leaf-left-high{animation-delay:13.5s!important}.leaf-right-high{animation-delay:18s!important}.leaf-top{animation-delay:22.5s!important}
@keyframes leaf-real-growth{0%,9%{opacity:0;transform:scaleY(.02) translateY(3%)}28%{opacity:.35;transform:scaleY(.38) translateY(1.8%)}48%{opacity:1;transform:scaleY(1) translateY(0)}64%{opacity:1;transform:scaleY(1) rotate(-.22deg)}78%{opacity:1;transform:scaleY(1) rotate(.2deg)}88%,100%{opacity:0;transform:scaleY(.02) translateY(3%)}}
.benefit-sketch-root .leaf-stem{z-index:3;transform-origin:50% 100%;animation-delay:0s!important}
/* Original illustration restored: no generated layers or animation in the first benefit card. */
.benefit-sketch-root>img{position:static!important;display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;clip-path:none!important;animation:none!important;opacity:1!important;transform:none!important}
.benefit-sketch-root .benefit-sprout-overlay{display:none!important}
/* Only the irrigation droplets remain animated over the restored original artwork. */
.benefit-sketch-root{position:relative}
.benefit-sketch-root .water-only-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:4;pointer-events:none;animation:water-only-pulse 2.8s ease-in-out infinite!important;opacity:0!important;clip-path:none!important}
@keyframes water-only-pulse{0%,22%,100%{opacity:0;filter:brightness(1)}30%{opacity:1;filter:brightness(1.8) saturate(1.5)}42%{opacity:.18;filter:brightness(1.1)}53%{opacity:1;filter:brightness(1.7) saturate(1.4)}66%,82%{opacity:0;filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .water-only-overlay{animation:none!important;opacity:1!important}}

/* Softer irrigation droplets: gentle fade with a restrained blue halo. */
.benefit-sketch-root .water-only-overlay{filter:drop-shadow(0 0 4px rgba(55,186,235,.42)) drop-shadow(0 0 10px rgba(55,186,235,.18))!important;animation:water-only-soft-pulse 3.8s cubic-bezier(.32,.08,.28,1) infinite!important}
@keyframes water-only-soft-pulse{0%,18%,100%{opacity:0;filter:drop-shadow(0 0 0 rgba(55,186,235,0)) drop-shadow(0 0 0 rgba(55,186,235,0)) brightness(1)}28%{opacity:.28;filter:drop-shadow(0 0 3px rgba(55,186,235,.28)) drop-shadow(0 0 7px rgba(55,186,235,.12)) brightness(1.1)}42%{opacity:.78;filter:drop-shadow(0 0 5px rgba(55,186,235,.5)) drop-shadow(0 0 12px rgba(55,186,235,.22)) brightness(1.22)}54%{opacity:1;filter:drop-shadow(0 0 6px rgba(55,186,235,.58)) drop-shadow(0 0 14px rgba(55,186,235,.24)) brightness(1.28)}72%{opacity:.68;filter:drop-shadow(0 0 5px rgba(55,186,235,.38)) drop-shadow(0 0 10px rgba(55,186,235,.15)) brightness(1.12)}88%{opacity:.16;filter:drop-shadow(0 0 2px rgba(55,186,235,.18)) drop-shadow(0 0 5px rgba(55,186,235,.08)) brightness(1.02)}}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .water-only-overlay{animation:none!important;opacity:1!important;filter:drop-shadow(0 0 4px rgba(55,186,235,.35))!important}}

/* Final responsive safety pass: nothing may extend beyond the viewport. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,video,svg,canvas{max-width:100%}
.container,.topline-inner,.nav-wrap{width:100%;max-width:100%}
.hero,.hero>*,.hero-visual,.intro-grid>*,.split-intro>*,.scenario>*,.process-heading>*,.azerbaijan-section>*,.contact-inner>*,.footer-grid>*{min-width:0;max-width:100%}
.scenario-copy,.video-copy,.video-shell{overflow-wrap:anywhere}
@media(max-width:880px){
  .hero-visual{width:100%;overflow:hidden}
  .image-frame{max-width:100%;width:100%}
  .orbit-one{width:min(470px,calc(100vw - 44px));height:auto;aspect-ratio:1}
  .orbit-two{width:min(430px,calc(100vw - 44px));max-width:100%}
  .visual-note{max-width:calc(100% - 16px);overflow-wrap:anywhere}
  .scenario-image,.scenario-media,.scenario-media video{max-width:100%;width:100%}
}
@media(max-width:560px){
  .container{padding-left:16px;padding-right:16px}
  .nav-wrap{padding-left:16px;padding-right:16px}
  .hero-visual{min-width:0}
  .orbit-one{width:min(370px,calc(100vw - 32px))}
  .orbit-two{width:min(430px,calc(100vw - 32px))}
  .video-showcase{width:100%;max-width:100%;overflow:hidden}
  .video-shell{width:100%;max-width:100%}
  .contact-details a{flex-wrap:wrap;word-break:break-word}
}

/* Brighter glowing irrigation drops for “Su kökə çatır”. */
.benefit-sketch-root .water-only-overlay{
  filter:drop-shadow(0 0 5px rgba(94,214,255,.78)) drop-shadow(0 0 13px rgba(63,190,255,.48)) drop-shadow(0 0 24px rgba(200,230,93,.22)) brightness(1.18) saturate(1.25)!important;
  animation:water-only-glow 3.4s ease-in-out infinite!important;
}
@keyframes water-only-glow{
  0%,18%,100%{opacity:0;filter:drop-shadow(0 0 0 rgba(94,214,255,0)) brightness(1) saturate(1)}
  30%{opacity:.38;filter:drop-shadow(0 0 5px rgba(94,214,255,.62)) drop-shadow(0 0 12px rgba(63,190,255,.32)) brightness(1.25) saturate(1.25)}
  44%{opacity:.92;filter:drop-shadow(0 0 7px rgba(94,214,255,.9)) drop-shadow(0 0 18px rgba(63,190,255,.54)) drop-shadow(0 0 28px rgba(200,230,93,.22)) brightness(1.8) saturate(1.65)}
  54%{opacity:1;filter:drop-shadow(0 0 5px rgba(94,214,255,.76)) drop-shadow(0 0 14px rgba(63,190,255,.42)) brightness(1.45) saturate(1.45)}
  72%{opacity:.52;filter:drop-shadow(0 0 4px rgba(94,214,255,.48)) drop-shadow(0 0 10px rgba(63,190,255,.24)) brightness(1.15) saturate(1.2)}
  88%{opacity:.12;filter:drop-shadow(0 0 2px rgba(94,214,255,.2)) brightness(1.02) saturate(1)}
}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .water-only-overlay{animation:none!important;opacity:1!important;filter:drop-shadow(0 0 6px rgba(94,214,255,.62)) drop-shadow(0 0 12px rgba(63,190,255,.3)) brightness(1.25)!important}}

/* Keep the blue drops visible immediately, with a stronger repeating pulse. */
.benefit-sketch-root .water-only-overlay{
  opacity:.58!important;
  filter:drop-shadow(0 0 6px rgba(94,214,255,.92)) drop-shadow(0 0 16px rgba(63,190,255,.58)) drop-shadow(0 0 28px rgba(63,190,255,.24)) brightness(1.32) saturate(1.4)!important;
  animation:water-only-visible-pulse 2.6s ease-in-out infinite!important;
}
@keyframes water-only-visible-pulse{
  0%,100%{opacity:.48;filter:drop-shadow(0 0 5px rgba(94,214,255,.72)) drop-shadow(0 0 14px rgba(63,190,255,.44)) brightness(1.18) saturate(1.3)}
  22%{opacity:.72;filter:drop-shadow(0 0 8px rgba(94,214,255,.98)) drop-shadow(0 0 19px rgba(63,190,255,.64)) drop-shadow(0 0 28px rgba(63,190,255,.26)) brightness(1.5) saturate(1.55)}
  38%{opacity:1;filter:drop-shadow(0 0 11px rgba(132,229,255,1)) drop-shadow(0 0 25px rgba(63,190,255,.82)) drop-shadow(0 0 38px rgba(63,190,255,.34)) brightness(2.05) saturate(1.85)}
  52%{opacity:.62;filter:drop-shadow(0 0 7px rgba(94,214,255,.86)) drop-shadow(0 0 17px rgba(63,190,255,.54)) brightness(1.35) saturate(1.45)}
  68%{opacity:.9;filter:drop-shadow(0 0 10px rgba(132,229,255,1)) drop-shadow(0 0 22px rgba(63,190,255,.74)) brightness(1.85) saturate(1.75)}
  84%{opacity:.5;filter:drop-shadow(0 0 5px rgba(94,214,255,.72)) drop-shadow(0 0 13px rgba(63,190,255,.4)) brightness(1.16) saturate(1.25)}
}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .water-only-overlay{animation:none!important;opacity:.72!important;filter:drop-shadow(0 0 8px rgba(94,214,255,.9)) drop-shadow(0 0 18px rgba(63,190,255,.55)) brightness(1.4)!important}}

/* Clear on/off glow cycle: disappear, flare brightly, then disappear again. */
.benefit-sketch-root .water-only-overlay{
  opacity:0!important;
  filter:drop-shadow(0 0 0 rgba(94,214,255,0)) brightness(1)!important;
  animation:water-only-appear-disappear 3.2s ease-in-out infinite!important;
}
@keyframes water-only-appear-disappear{
  0%,16%,100%{opacity:0;filter:drop-shadow(0 0 0 rgba(94,214,255,0)) brightness(1) saturate(1)}
  25%{opacity:.42;filter:drop-shadow(0 0 7px rgba(94,214,255,.82)) drop-shadow(0 0 16px rgba(63,190,255,.46)) brightness(1.35) saturate(1.4)}
  36%{opacity:1;filter:drop-shadow(0 0 12px rgba(132,229,255,1)) drop-shadow(0 0 25px rgba(63,190,255,.86)) drop-shadow(0 0 38px rgba(63,190,255,.34)) brightness(2.15) saturate(1.9)}
  48%{opacity:.72;filter:drop-shadow(0 0 8px rgba(94,214,255,.92)) drop-shadow(0 0 18px rgba(63,190,255,.6)) brightness(1.55) saturate(1.55)}
  62%{opacity:.2;filter:drop-shadow(0 0 4px rgba(94,214,255,.46)) drop-shadow(0 0 9px rgba(63,190,255,.22)) brightness(1.1) saturate(1.15)}
  72%{opacity:0;filter:drop-shadow(0 0 0 rgba(94,214,255,0)) brightness(1) saturate(1)}
}
@media(prefers-reduced-motion:reduce){.benefit-sketch-root .water-only-overlay{animation:none!important;opacity:.9!important;filter:drop-shadow(0 0 10px rgba(94,214,255,.95)) drop-shadow(0 0 22px rgba(63,190,255,.62)) brightness(1.7)!important}}

/* Theme system: black is the default; WHITE is an explicit alternative. */
:root{
  --ink:#f2f6f0;
  --muted:#a8b8b0;
  --paper:#070b0a;
  --soft:#101916;
  --line:#263b33;
  --green:#2ca88a;
  --lime:#c8e65d;
  --cream:#111c18;
  --deep:#020706;
}
html[data-theme="light"]{
  --ink:#102620;
  --muted:#667570;
  --paper:#f2f4ef;
  --soft:#e5ebe3;
  --line:#ccd7cf;
  --green:#0d5c4b;
  --lime:#c8e65d;
  --cream:#e4e9df;
  --deep:#12342c;
}
html:not([data-theme="light"]) .site-header{background:rgba(7,11,10,.9);border-bottom-color:rgba(226,242,228,.14)}
html:not([data-theme="light"]) .benefit-card:hover{background:#14221d}
html:not([data-theme="light"]) .button-dark,html:not([data-theme="light"]) .nav-cta{background:#eef5ed;color:#07110e}
html:not([data-theme="light"]) .button-dark span,html:not([data-theme="light"]) .nav-cta span{color:#0d5c4b}
html:not([data-theme="light"]) .field-gallery figcaption{color:var(--lime)}
html:not([data-theme="light"]) .source-link,html:not([data-theme="light"]) .text-link span,html:not([data-theme="light"]) .arrow-link span{color:var(--lime)}
html:not([data-theme="light"]) .step-sketch img{mix-blend-mode:screen}
.theme-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line);padding:3px;border-radius:999px;font:500 8px/1 DM Mono,monospace;letter-spacing:.04em;white-space:nowrap}
.theme-btn{border:0;background:transparent;color:var(--muted);padding:7px 8px;border-radius:999px;font:inherit;cursor:pointer;transition:background .2s,color .2s}
.theme-btn:hover{color:var(--ink)}
.theme-btn.active{background:var(--lime);color:#102620}
@media(max-width:880px){.theme-switch{margin-left:0}.theme-btn{padding:7px 6px}}
@media(max-width:560px){.nav-wrap{gap:10px}.theme-switch{font-size:7px}.theme-btn{padding:6px 4px}.lang-switch{gap:1px}}


/* Keep the process sketches readable on the default black theme. */
html:not([data-theme="light"]) .process-section .step-sketch{background:#15221d;border-color:#3a5a4c}
html:not([data-theme="light"]) .process-section .step-sketch img{mix-blend-mode:normal;filter:invert(1) grayscale(.18) contrast(1.18) brightness(1.12)}
.theme-icon{display:inline-block;font-family:Georgia,serif;font-size:15px;line-height:0;vertical-align:-1px;margin-right:3px}
.theme-label{font-size:inherit}

/* Original-color process sketches on black: never invert or screen the photos. */
html:not([data-theme="light"]) .process-section .step-sketch{
  background:#f2f4ef!important;
  border-color:#5f776d!important;
}
html:not([data-theme="light"]) .process-section .step-sketch img{
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:1!important;
}

/* Benefit circles on black: preserve each source image exactly as supplied. */
html:not([data-theme="light"]) .benefit-sketch{background:#f2f4ef;border-radius:50%}
html:not([data-theme="light"]) .benefit-sketch img{
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:1!important;
}