:root{color-scheme:light;--cream:#faf7ef;--green:#183024}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--cream);background:#152819;font-family:Georgia,'Times New Roman',serif}.symbols{position:absolute;width:0;height:0;overflow:hidden}.backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#06150b30,transparent 65%),url('botanical-v3.webp') center center/cover no-repeat;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 5%;background:#142819d9;border-bottom:1px solid #eee8ce25;backdrop-filter:blur(12px)}.brand{font-size:clamp(23px,2.25vw,35px);white-space:nowrap;display:flex;align-items:center;gap:18px}.icons{display:flex;gap:10px}.icons svg{width:24px;height:33px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.icons svg:first-child{fill:currentColor;stroke-width:.5}nav,.tools,.languages{display:flex;align-items:center;gap:28px}nav{font-size:17px;white-space:nowrap}.tools{gap:27px}.languages{gap:8px}.languages a{border:0;background:none;color:#e3e4d5;padding:9px 5px;font:12px Arial;cursor:pointer;border-bottom:1px solid transparent}.languages [aria-current=true]{color:white;border-bottom-color:#f4edcf}.login{display:inline-flex;align-items:center;justify-content:center;gap:35px;border-radius:40px;transition:background .2s,transform .2s}.outline{padding:10px 28px;border:1px solid #eee8d9;font-size:17px}.outline:hover{background:#ffffff20}.welcome{min-height:calc(100svh - 150px);position:relative;display:flex;align-items:center;padding:80px 5% 110px}.welcome-copy{max-width:700px;text-shadow:0 2px 15px #10231560}h1{font-size:clamp(46px,5.6vw,90px);font-weight:400;line-height:1.06;letter-spacing:-2px;margin:0 0 35px}.primary{color:#142d23;background:var(--cream);padding:15px 35px;font-size:23px;text-shadow:none}.primary:hover{background:#fff;transform:translateY(-2px)}.welcome p{font-size:19px;margin-top:20px}.scroll-hint{position:absolute;bottom:24px;left:5%;display:flex;align-items:center;gap:24px;font:11px Arial;letter-spacing:1.5px}.scroll-hint span:last-child{font-size:23px}.services{position:relative;display:grid;grid-template-columns:1fr 1fr;color:var(--green);background:#faf7eff5;box-shadow:0 -10px 45px #0d24141a;padding:65px 6%;gap:55px}.services article{display:flex;gap:26px;scroll-margin-top:20px}.services article+article{border-left:1px solid #d4d8c9;padding-left:55px}.module-icon{width:70px;height:70px;flex:0 0 70px;border-radius:50%;background:#eae7db;display:grid;place-items:center}.module-icon svg{width:35px;height:43px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}h2{font-size:37px;font-weight:400;margin:12px 0 17px;letter-spacing:-.8px}.services p{font-size:19px;line-height:1.55;margin:0 0 10px;max-width:470px}.eyebrow{font:10px Arial;letter-spacing:1.8px}.badge{background:#dce2d1;padding:7px 13px;border-radius:20px;display:inline-block;margin-top:-7px}.module-link{display:inline-block;margin-top:16px;border-bottom:1px solid #84927d;padding:7px 0;font-size:18px}.breathing-space{height:32vh;min-height:150px}footer{background:#142819ed;display:flex;justify-content:space-between;gap:20px;padding:25px 5%;font-size:15px}footer span:last-child{font:12px/1.6 Arial;color:#c3cbbc}a:focus-visible,button:focus-visible{outline:2px solid #e4bf74;outline-offset:5px}html[lang=ru] h1{font-size:clamp(43px,4.8vw,77px)}@media(max-width:1150px){nav{display:none}.services{gap:30px;padding:50px 5%}.services article+article{padding-left:30px}.icons{gap:6px}.icons svg{width:21px}}@media(max-width:700px){header{padding:14px 6%;gap:10px;flex-wrap:wrap}.brand{font-size:25px;width:100%;justify-content:space-between;gap:10px}.icons{gap:8px}.icons svg{width:19px;height:28px}.tools{width:100%;justify-content:space-between;gap:15px}.outline{font-size:16px;padding:7px 24px}.languages a{padding:7px 8px}.backdrop{background-position:90% center}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071c12b0,#071c1250 70%,transparent)}.welcome{padding:70px 7% 100px;min-height:calc(100svh - 120px);align-items:center}h1{font-size:clamp(39px,9.4vw,62px);letter-spacing:-1px;line-height:1.12;margin-bottom:28px}.primary{font-size:20px;padding:14px 30px}.welcome p{font-size:16px;line-height:1.6;max-width:270px}.scroll-hint{left:7%;font-size:10px}.services{display:block;padding:40px 7%}.services article{gap:18px}.services article+article{padding:35px 0 0;margin-top:35px;border-left:0;border-top:1px solid #d4d8c9}.module-icon{width:47px;height:47px;flex-basis:47px}.module-icon svg{width:25px;height:30px}h2{font-size:29px;margin-top:12px}.services p{font-size:17px}.eyebrow{font-size:8px;letter-spacing:1.3px}footer{flex-direction:column;gap:9px;padding:24px 7%}.breathing-space{height:24vh}html[lang=ru] h1{font-size:clamp(36px,8.5vw,52px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Transparent, staggered service ovals. */
.services{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:35px;padding:60px 5% 90px;background:transparent;box-shadow:none;color:var(--cream)}
.services article,.services article+article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;border:1px solid #faf7ef99;border-radius:50%;background:transparent;padding:65px 45px;min-height:450px;justify-content:center;text-shadow:0 2px 4px #07190d,0 0 14px #07190d,0 0 30px #07190d;box-shadow:0 0 0 1px #10271920}
.services article+article{margin-top:210px}
.module-icon{background:transparent;border:1px solid #faf7ef88;width:55px;height:55px;flex-basis:55px;filter:drop-shadow(0 2px 3px #07190d)}
.services h2{margin:10px 0 15px}.services p{font-size:18px;max-width:410px}.services .badge{background:transparent;border:1px solid #faf7ef99}.module-link{border-color:var(--cream)}
@media(max-width:1150px){.services{gap:22px;padding-inline:4%}.services article,.services article+article{padding:55px 36px;min-height:440px}.services p{font-size:17px}.services article+article{margin-top:200px}}
@media(max-width:700px){.services{display:flex;flex-direction:column;gap:65px;padding:30px 5% 60px}.services article,.services article+article{width:100%;padding:55px 34px;min-height:440px;margin:0;border:1px solid #faf7ef99;border-radius:50%;gap:12px}.services p{font-size:17px}.services h2{font-size:30px}.services .eyebrow{font-size:9px}.module-icon{width:48px;height:48px;flex-basis:48px}}
/* Keep the service cue next to the welcome copy, without a separate spacer. */
.welcome{min-height:0;padding:clamp(75px,12vh,140px) 5% 25px}
.service-line a{display:inline-flex;align-items:center;gap:18px}.service-arrow{font-family:Arial,sans-serif;font-size:25px;font-weight:400;line-height:1}.welcome .service-line{margin-bottom:0}.services{padding-top:30px}
@media(max-width:700px){.welcome{min-height:0;padding:65px 7% 22px}.welcome .service-line{max-width:none}.service-line a{gap:12px}.services{padding-top:25px}}






.languages a{display:inline-block;text-decoration:none}

/* Financial overview first, with the existing Sales/Ordering stagger below. */
.services #finance{grid-column:1 / -1;justify-self:start;width:calc((100% - 35px)/2);margin-top:0}
.services #sales{margin-top:0}
@media(max-width:1150px){.services #finance{width:calc((100% - 22px)/2)}}
@media(max-width:700px){.services #finance{width:100%}}
.services #finance>div:last-child{min-width:0;max-width:100%}.services #finance h2{overflow-wrap:break-word}

/* Circular services, staggered right / left / right on desktop. */
.services{--circle:min(42vw,500px);display:grid;grid-template-columns:repeat(2,var(--circle));grid-template-rows:repeat(4,calc((var(--circle) + 40px)/2));justify-content:space-between;align-items:start;gap:0;padding:30px 5% 60px}
.services article,.services article+article,.services #finance,.services #sales,.services #ordering{width:var(--circle);height:var(--circle);min-height:0;max-width:none;margin:0;padding:9%;border-radius:50%;box-sizing:border-box;gap:12px;justify-self:auto}
.services #finance{grid-column:2;grid-row:1 / 3}
.services #sales{grid-column:1;grid-row:2 / 4}
.services #ordering{grid-column:2;grid-row:3 / 5}
.services article>div:last-child{min-width:0;max-width:100%}
.services h2{font-size:clamp(27px,2.5vw,37px);overflow-wrap:break-word;margin:8px 0 12px}
.services p{font-size:clamp(15px,1.4vw,18px);line-height:1.45}
@media(max-width:850px){
 .services{--circle:min(90vw,500px);display:flex;flex-direction:column;align-items:center;gap:35px;padding:25px 5% 60px}
 .services article,.services article+article,.services #finance,.services #sales,.services #ordering{padding:10%;gap:8px;flex-shrink:0}
 .services h2{font-size:clamp(23px,6.7vw,30px);margin:6px 0 10px}
 .services p{font-size:clamp(14px,4vw,17px);line-height:1.4;margin-bottom:8px}
 .services .eyebrow{font-size:9px;letter-spacing:1.1px}
 .services .module-icon{width:40px;height:40px;flex-basis:40px}
 .services .module-icon svg{width:23px;height:28px}
}

@media(max-width:360px){header .brand{font-size:21px;gap:6px}header .icons{gap:5px}header .icons svg{width:15px}}

/* Center the staggered desktop circles with a fixed gap. */
@media(min-width:851px){.services{--circle:min(500px,calc((90vw - 3cm)/2));justify-content:center;column-gap:3cm}}