:root{--blue:#348764;--cyan:#a6d6ae;--ink:#263c34;--muted:#718079;--line:#e2e9e3;--paper:#f4f7f3}
.hero{background:radial-gradient(ellipse at 79% 51%,#28574a66 0,transparent 53%),#121e2c}
.hero .eyebrow,.closing-section .eyebrow{color:#a9d9b4}
.dot{background:#a9d9b4}
h1 span{color:#a9d9b4;font-size:.93em}
.hero .lead{color:#c4d1cf}
.hero-price{color:#a2b6b0}
.hero-price strong{color:#d7e5dc}
.btn{background:#398c69}
.btn.secondary{background:transparent}
.language-badge{display:inline-grid;place-items:center;font-size:10px;font-weight:650;background:#ffffff17;color:white;border-radius:5px;padding:5px 8px;line-height:1.4}
.scene-label,.illustration-note{color:#a0bbae}
.orbit{border-color:#a9d9b421}
.orbit:after{border-color:#a9d9b420}
.phone{outline-color:#88ac9866;background:#fcfdfb}
.phone-service{background:#eef5eb;border-color:#dbe8d5}
.camera-tile,.phone .app-button{background:#438c63}
.phone-service small{color:#719078}
.phone .tiny-label{color:#7c897f}
.phone .app-card{border-color:#e0e9df}
.phone .app-tabs b{color:#398760}
.phone-field{margin-top:5px;border-radius:8px;position:relative;overflow:hidden;border:1px solid #dce5d7;background:#e7ecdc}
.phone-field svg{display:block;width:100%;height:148px;object-fit:cover}
.phone-map-label{position:absolute;left:7px;bottom:7px;font-size:7px;background:#fffef4eb;padding:3px 5px;border-radius:3px;color:#56634a}
.phone-legend{display:flex;gap:10px;justify-content:center;font-size:7px;color:#748271;margin:9px 0 13px}
.phone-legend span{display:inline-flex;align-items:center;gap:3px}
.swatch{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}
.swatch.weak{background:#d69d58}.swatch.medium{background:#c6cb60}.swatch.strong{background:#3f8b52}
.phone .phone-insight{padding:10px 8px}
.phone .phone-insight strong{font-size:9px}
.phone .phone-insight small{font-size:8px;color:#7e897f}
.float-icon{background:#ecf5e9;color:#4c8860}
.float-sub{color:#7d897e}
.float-card.one{left:-16px;top:59px}
.float-card.two{right:-8px;bottom:49px}
.benefit-grid{grid-template-columns:repeat(3,1fr)}
.benefit-mark,.eyebrow,.step .num,.faq summary:after{color:#39845f}
.section-title{color:#263b33}
.section-intro{color:#738078}
.soft{background:#f4f7f3}
.agro-capabilities{grid-template-columns:repeat(4,1fr);gap:18px}
.occasion{border-color:#e1e8df;padding:22px}
.occasion-icon{background:#eef5e9;color:#49875a}
.occasion h3{font-size:15px;color:#2d4136}
.occasion p{font-size:12px;color:#758074;line-height:1.85}
.agro-steps{grid-template-columns:repeat(4,1fr);gap:32px}
.scope-note{display:flex;align-items:start;gap:14px;border-top:1px solid #e5eae2;margin-top:34px;padding-top:22px}
.scope-note .icon{color:#6f9777;width:20px;height:20px;margin-top:3px}
.scope-note p{margin:0;color:#7b8679;font-size:12px;line-height:1.9;max-width:820px}
.scope-note strong{font-weight:600;color:#445c46}
.map-demo{background:#fff;border:1px solid #dbe5d8;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px #243b2909}
.map-demo-top{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #e7ece4;gap:15px}
.map-demo-top>div{display:flex;align-items:center;gap:15px}
.map-demo-brand{font-size:24px;font-weight:750;letter-spacing:-1px;color:#263c31;line-height:1}
.map-demo-category{font-size:11px;color:#8a9587;border-left:1px solid #e0e7db;padding-left:15px}
.sample-badge{font-size:9px;color:#788a6e;letter-spacing:.02em;background:#f0f5ea;border:1px solid #e1e9d7;border-radius:4px;padding:4px 7px;white-space:nowrap}
.map-tabs{display:flex;gap:5px;padding:15px 24px 0;overflow-x:auto;scrollbar-width:thin}
.map-tabs button{font-size:11px;font-weight:550;color:#7a8777;white-space:nowrap;border:1px solid transparent;border-radius:6px;background:transparent;padding:9px 14px;line-height:1.5}
.map-tabs button[aria-selected="true"]{background:#eaf3e5;color:#3d744b;border-color:#dce8d3}
.map-tabs button:hover{color:#325f3e;background:#f3f7ef}
.map-demo-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;padding:24px}
.field-preview{position:relative;border-radius:9px;overflow:hidden;background:#e7ecdc;align-self:start;border:1px solid #dbe2d3}
.field-art{display:block;width:100%;height:auto}
.map-north{position:absolute;right:14px;top:12px;display:flex;flex-direction:column;align-items:center;background:#fffef1d9;padding:4px 7px;border:1px solid #d2d9c5;border-radius:4px;font-size:19px;line-height:1;color:#69775a}
.map-north small{font-size:8px;margin-top:4px}
.map-caption{position:absolute;left:12px;bottom:12px;padding:4px 7px;border-radius:4px;background:#fffef1e6;color:#69775a;font-size:9px}
.layer-descriptions{align-self:center;padding:0 16px 0 0;min-width:0}
.layer-label{display:block;font-size:10px;color:#829478;font-weight:550;margin-bottom:10px}
.layer-descriptions h3{font-size:23px;letter-spacing:-.6px;line-height:1.3;color:#304c37;margin:0 0 13px}
.layer-descriptions p{font-size:13px;color:#7a8676;line-height:1.9;margin:0 0 19px}
.layer-descriptions ul{list-style:none;margin:0 0 23px;padding:0}
.layer-descriptions li{font-size:11px;color:#65755e;line-height:1.9;padding-left:19px;position:relative;margin:7px 0}
.layer-descriptions li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#80a771}
.map-demo .map-legend{display:flex;justify-content:start;gap:17px;margin:0;padding-top:17px;border-top:1px solid #e8ede3;color:#7b8a71;font-size:10px}
.map-legend span{display:flex;align-items:center;gap:6px}
.layer-footnote,.target-legend{font-size:10px;color:#8b957f;padding-top:17px;border-top:1px solid #e8ede3}
.target-legend{display:flex;align-items:center;gap:8px}
.target-legend i{width:10px;height:10px;border:2px solid #bd773a;background:#f7cc71;border-radius:50%}
.terrain-legend{display:flex;align-items:center;gap:12px;color:#8b957f;font-size:9px;padding-top:17px;border-top:1px solid #e8ede3}
.terrain-legend i{height:6px;flex:1;border-radius:4px;background:linear-gradient(90deg,#4e7b75,#6c9278,#b1c4a0)}
.map-demo-note{font-size:10px;color:#8a9581;padding:0 24px 20px;line-height:1.8;margin:0}
.layer-descriptions [role="tabpanel"]:focus-visible{outline:2px solid #6d9771;outline-offset:7px;border-radius:2px}
.closing-section{background:#14232c}
.closing-section p{color:#aabfb3}
.faq details{border-color:#dfe7dc}
.faq details p{color:#778474}
@media(max-width:1050px){.agro-capabilities{gap:15px}.occasion{padding:20px}.occasion h3{font-size:14px}.map-demo-grid{gap:25px}.layer-descriptions h3{font-size:21px}.map-tabs{padding:15px 20px 0}.map-demo-grid{padding:20px}.layer-descriptions{padding-right:0}.map-demo-note{padding-left:20px;padding-right:20px}.float-card.one{left:-12px;top:60px}.float-card.two{right:-7px;bottom:46px}}
@media(max-width:900px){.agro-capabilities{grid-template-columns:repeat(2,1fr)}.occasion h3{font-size:16px}.agro-steps{gap:23px}.map-demo-grid{gap:23px;grid-template-columns:1fr 1fr}.layer-descriptions h3{font-size:19px}.layer-descriptions p{font-size:12px}.layer-descriptions li{font-size:10px}.layer-label{font-size:9px}.map-demo .map-legend{gap:12px}.float-title{font-size:9px}.float-sub{font-size:7px}.phone-field svg{height:138px}}
@media(max-width:760px){.agro-page h1{font-size:48px}.hero-grid{gap:61px}.phone-field svg{height:144px}.float-card.one{left:-5px;top:45px}.float-card.two{right:-4px;bottom:31px}.float-title{font-size:9px}.float-sub{font-size:8px}.agro-page .phone-scene{min-height:465px}.benefit-grid{grid-template-columns:1fr}.agro-capabilities{gap:15px}.occasion{padding:21px}.occasion h3{font-size:15px}.map-demo-top{padding:17px 19px}.map-demo-grid{grid-template-columns:1fr;gap:25px}.field-preview{width:100%;max-width:540px;justify-self:center}.layer-descriptions{padding:0 3px 1px}.layer-descriptions h3{font-size:23px}.layer-descriptions p{font-size:13px}.layer-descriptions li{font-size:12px}.layer-label{font-size:10px}.map-tabs{gap:3px;padding-left:17px;padding-right:17px}.map-tabs button{font-size:10px;padding:9px 10px}.map-demo-category{font-size:10px}.map-demo-note{font-size:9px}.agro-steps{grid-template-columns:1fr 1fr;gap:29px}.scope-note{margin-top:28px;padding-top:22px}.scope-note p{font-size:11px}.map-demo .map-legend{font-size:10px}.language-badge{padding:5px 7px}.header-actions{width:100%;justify-content:space-between}}
@media(max-width:420px){.agro-page h1{font-size:41px}.hero-price{max-width:300px}.agro-page .phone-scene{min-height:445px}.phone-field svg{height:131px}.phone-legend{font-size:6px;gap:9px}.float-card.one{left:0;top:45px}.float-card.two{right:0;bottom:28px}.float-title{font-size:8px}.float-sub{font-size:7px}.agro-capabilities{gap:12px}.occasion{padding:17px}.occasion h3{font-size:14px}.occasion p{font-size:11px}.map-demo-top{padding:16px}.map-demo-category{font-size:9px;padding-left:10px}.map-demo-top>div{gap:10px}.sample-badge{font-size:8px;padding:3px 5px}.map-demo-grid{padding:17px}.map-tabs{padding-left:13px;padding-right:13px}.map-tabs button{font-size:9px;padding:8px}.layer-descriptions h3{font-size:21px}.map-demo-note{padding-left:18px;padding-right:18px}.map-caption{font-size:8px}.map-north{right:10px;top:10px;font-size:16px}.scope-note{gap:11px}.header-actions nav{gap:12px;font-size:10px}.layer-descriptions li{font-size:11px}}
