:root{--sx-green:#183e37;--sx-pale:#edf2ed;--sx-line:#dce3dc}.sx-home{max-width:1280px;margin:90px auto;padding:0 28px;scroll-margin-top:100px}.sx-heading{max-width:760px;margin-bottom:32px}.sx-heading h2{font-size:clamp(28px,3.2vw,46px);line-height:1.3;letter-spacing:-.04em;margin:12px 0 16px}.sx-heading p,.sx-plan p,.sx-page p,.sx-case-intro p{line-height:1.85;color:#53665c}.sx-plan-list{display:grid;gap:38px}.sx-plan{display:grid;grid-template-columns:.85fr 1.15fr;background:#f3f5f0;border:1px solid var(--sx-line);border-radius:8px;overflow:hidden}.sx-plan-visual{position:relative;min-width:0}.sx-plan-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sx-plan-visual>span{position:absolute;left:24px;top:24px;border-radius:3px;background:var(--sx-green);color:white;padding:10px 15px;font-size:16px}.sx-plan-body{padding:32px;min-width:0}.sx-plan-body>h3{font-size:29px;line-height:1.4;margin:0 0 16px;letter-spacing:-.03em}.sx-plan dl{margin:20px 0;display:grid;gap:12px}.sx-plan dl>div{display:grid;grid-template-columns:40px 1fr;gap:16px}.sx-plan dt{font-weight:700;color:var(--sx-green)}.sx-plan dd{margin:0;color:#53665c;line-height:1.65}.sx-drinks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.sx-drinks a{display:block;min-width:0;background:#fff;border:1px solid var(--sx-line);border-radius:6px;overflow:hidden;color:var(--sx-green);text-decoration:none}.sx-drinks a img{width:100%;aspect-ratio:1/1.1;object-fit:contain;background:#f9faf7;display:block}.sx-drinks h3{font-size:16px;margin:14px 12px 8px;line-height:1.4}.sx-drinks a>span{display:block;font-size:13px;margin:0 12px 14px}.sx-plan .sx-drinks{gap:8px;margin:24px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.sx-plan .sx-drinks img{aspect-ratio:1.2}.sx-plan .sx-drinks h3{font-size:14px;margin:8px}.sx-plan .sx-drinks a>span{display:none}.sx-flavors{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.sx-flavors span{padding:8px 12px;background:#e5ece3;border-radius:3px;color:var(--sx-green);font-size:14px}.sx-page{padding-top:28px}.sx-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px 0 50px}.sx-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.25;letter-spacing:-.045em;margin:20px 0}.sx-hero p{font-size:19px}.sx-hero>img{width:100%;height:460px;object-fit:cover;border-radius:6px}.sx-nav{display:flex;gap:28px;border-block:1px solid var(--sx-line);padding:20px 0;flex-wrap:wrap}.sx-nav a{color:var(--sx-green);font-weight:600;text-underline-offset:6px}.sx-section{padding:65px 0;border-bottom:1px solid var(--sx-line);scroll-margin-top:100px}.sx-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sx-three article{background:#f1f4ef;padding:28px;border-radius:5px}.sx-three article>span{font-size:14px;color:#657769}.sx-three h3{font-size:23px;line-height:1.45;margin:12px 0}.sx-three strong{font-size:14px;color:var(--sx-green);line-height:1.6}.sx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;list-style:none}.sx-steps li{border-top:2px solid #66836a;padding-top:24px}.sx-steps b{font-size:36px;color:#8caa89;font-weight:400}.sx-steps h3{font-size:22px;margin:16px 0 10px}.sx-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.sx-devices article{display:grid;grid-template-columns:40% 1fr;background:#f4f6f1;border:1px solid var(--sx-line);min-height:330px;gap:24px;padding:24px}.sx-devices article>img{width:100%;height:300px;object-fit:contain;align-self:center}.sx-devices h3{font-size:27px;margin:10px 0}.sx-devices article>div>span{font-size:14px}.sx-band{background:var(--sx-pale);padding:28px;margin-top:28px;border-left:3px solid #648469}.sx-band h3{font-size:22px;margin:0 0 14px}.sx-counterline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0}.sx-counterline span{background:var(--sx-green);color:white;padding:20px;flex:1;text-align:center}.sx-beans{display:grid;grid-template-columns:35% 1fr;align-items:center;gap:40px;padding:30px 0}.sx-beans img{width:100%;max-height:300px;object-fit:contain}.sx-beans h3{font-size:28px}.sx-coffee-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sx-coffee-menu>article{padding:28px;background:#f1f4ef;border:1px solid var(--sx-line);min-width:0}.sx-coffee-menu h3{font-size:25px;margin:16px 0}.sx-coffee-menu>article>img{height:190px;max-width:100%;object-fit:contain;display:block;margin:auto}.sx-coffee-menu .sx-drinks{grid-template-columns:1fr 1fr}.sx-calculator{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;background:#eef2eb;padding:30px}.sx-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sx-inputs label{display:grid;gap:8px;font-size:14px;color:var(--sx-green)}.sx-inputs input{width:100%;box-sizing:border-box;min-height:45px;border:1px solid #9aaf9d;background:white;padding:10px;font-size:18px;border-radius:3px}.sx-result>strong{display:block;font-size:42px;color:var(--sx-green);line-height:1.4;margin:12px 0}.sx-result p{font-size:14px}.sx-case-intro{margin:30px 0 65px}.sx-case-intro .sx-heading h2{font-size:36px}.sx-service{border-bottom:0}
@media(max-width:900px){.sx-plan{grid-template-columns:1fr}.sx-plan-visual{height:300px}.sx-hero{gap:24px}.sx-hero>img{height:380px}.sx-three{gap:14px}.sx-three article{padding:20px}.sx-drinks{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-devices article{grid-template-columns:1fr 1.3fr}.sx-steps{grid-template-columns:1fr 1fr}.sx-calculator{grid-template-columns:1fr}.sx-three h3{font-size:21px}}
@media(max-width:600px){.sx-home{margin:60px auto;padding:0 18px}.sx-plan-body{padding:24px 18px}.sx-plan-visual{height:240px}.sx-plan-body>h3{font-size:25px}.sx-hero{grid-template-columns:1fr;padding-top:15px;gap:28px}.sx-hero h1{font-size:36px}.sx-hero p{font-size:17px}.sx-hero>img{height:270px}.sx-nav{gap:16px;font-size:14px}.sx-section{padding:45px 0}.sx-three,.sx-coffee-menu{grid-template-columns:1fr}.sx-three article{padding:24px}.sx-drinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sx-plan .sx-drinks{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-plan .sx-drinks h3{font-size:12px}.sx-plan .sx-drinks a img{aspect-ratio:1}.sx-steps{gap:20px}.sx-steps h3{font-size:19px}.sx-steps p{font-size:14px}.sx-devices article{grid-template-columns:1fr;padding:24px}.sx-devices article>img{height:250px}.sx-counterline{display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.sx-counterline span{padding:14px 8px;font-size:14px}.sx-counterline b:nth-of-type(2){display:none}.sx-beans{grid-template-columns:1fr;gap:15px}.sx-beans img{height:240px}.sx-calculator{padding:20px;gap:26px}.sx-inputs{gap:16px}.sx-inputs label{font-size:12px}.sx-result>strong{font-size:36px}.sx-case-intro .sx-heading h2{font-size:28px}.sx-band{padding:24px 20px}.sx-flavors span{font-size:12px}.sx-heading p{font-size:16px}}
.sx-cup-visual{height:300px;width:100%;overflow:hidden;position:relative;background:#e6ece0;border-radius:4px;margin:20px 0}.sx-cup-visual img{position:absolute;height:auto!important;width:400%!important;max-width:none!important;top:-140px}.sx-cup-americano img{left:-18%}.sx-cup-latte img{left:-111%}.sx-cup-fruit img{left:-295%}.sx-case-hero>img{object-fit:contain;background:#eef1eb}.sx-case-hero h1{font-size:clamp(34px,4vw,52px)}
@media(max-width:600px){.sx-cup-visual{height:290px}.sx-cup-visual img{top:-100px}.sx-case-hero>img{height:300px}}
.sx-cup-visual img{width:780px!important;height:520px!important;top:-110px!important}.sx-cup-americano img{left:calc(50% - 132px)}.sx-cup-latte img{left:calc(50% - 305px)}.sx-cup-fruit img{left:calc(50% - 645px)}
.sx-cup-visual{width:210px;max-width:100%;margin:20px auto}