.problem-board{height:405px;position:relative;background:#eaf0e4;border:1px solid #dce5d5;border-radius:12px;overflow:hidden}.problem-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#adbea0;stroke-width:1;stroke-dasharray:5 7}.problem-connections circle{stroke:#c3d0b8}.problem-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:140px;height:140px;border-radius:28px;background:#2c3b2c;padding:20px 25px;color:#fff;box-shadow:0 14px 25px #34452c20}.problem-center>span{display:block;font-size:49px;font-weight:700;line-height:1;color:#c8dcad}.problem-center small{display:block;font-size:10px;line-height:1.5;margin-top:10px;color:#c6d0bd}.fragment{position:absolute;display:flex;gap:10px;align-items:center;padding:14px;background:#ffffffed;border:1px solid #d6e0cd;border-radius:7px;box-shadow:0 7px 15px #33482208;font-size:11px;font-weight:700}.fragment>.icon{color:#789662;width:20px;height:20px}.fragment small{display:block;font-size:8px;margin-top:4px;color:#7e8b72;font-weight:400}.fragment-one{left:25px;top:73px;transform:rotate(-3deg)}.fragment-two{right:22px;top:91px;transform:rotate(3deg)}.fragment-three{left:25px;bottom:65px;transform:rotate(2deg)}.fragment-four{right:25px;bottom:45px;transform:rotate(-3deg)}.problem-art-note{position:absolute;left:25px;bottom:16px;font-size:8px;letter-spacing:.03em;color:#7d8b71}.problem-hero h1{font-size:clamp(43px,3.8vw,55px)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 65px}.problem-item{border-top:1px solid #d8e2cc;padding-top:24px}.problem-item .feature-number{font-size:9px;letter-spacing:.09em}.problem-item h3{font-size:26px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}.problem-item>p{font-size:14px;line-height:1.8;max-width:535px}.problem-consequence{border-left:2px solid #bbcea7;padding-left:12px;font-size:11px;line-height:1.7;color:#78886a;margin-top:22px}.problem-cost{padding:50px 0;background:#eaf0e1;border-block:1px solid #dbe4cf}.problem-cost>.container{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.problem-cost h2{font-size:34px;margin:17px 0}.problem-cost p{font-size:13px;max-width:470px}.friction-cycle{display:grid;grid-template-columns:1fr 1fr;gap:13px}.friction-cycle>span{background:#f8fbf3;border:1px solid #d5e0c9;border-radius:5px;padding:20px;font-size:13px;color:#6b8058}.problem-next{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-block:48px}.problem-next h2{font-size:29px}.problem-footer{margin-top:5px}.problem-footer>.container:first-child{display:flex;align-items:center;gap:35px;justify-content:space-between;padding-bottom:30px}.problem-footer>.container:first-child>a:last-child{font-size:12px;color:#667958}.solutions-hero-note{background:#eaf0e2;border:1px solid #d5e0ca;border-radius:9px;padding:30px}.solutions-hero-note>span{font-size:9px;letter-spacing:.13em;color:#7a8d67}.solutions-hero-note>a{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px;padding-top:18px;color:#4d653d}.solutions-hero-note>a+a{border-top:1px solid #d6e2c8}.solutions-hero-note>a .icon{width:16px;height:16px}.solution-engineering{padding-top:25px}.solution-product-band{padding:65px 0;background:#edf1e8;border-block:1px solid #dce4d3;scroll-margin-top:120px}.custom-build-panel{border:1px solid #d6e2c9;border-radius:9px;background:#edf3e3;padding:42px;margin-block:65px;display:grid;grid-template-columns:1.4fr .7fr;gap:50px;align-items:center;scroll-margin-top:120px}.custom-build-panel h2{font-size:32px;margin:16px 0}.custom-build-panel p{font-size:14px;line-height:1.8;max-width:730px}.custom-panel-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.custom-panel-actions>.button{white-space:nowrap;font-size:12px;gap:20px}.custom-brief-art{background:#eaf0e1;border:1px solid #d6e2cb;border-radius:9px;padding:26px;display:flex;flex-direction:column;align-items:center;gap:12px}.custom-brief-art>span{font-size:9px;letter-spacing:.13em;color:#7d936c;margin-bottom:9px}.custom-brief-art>div{border:1px solid #cfddbf;border-radius:5px;background:#fbfdf7;width:80%;text-align:center;padding:12px 14px;font-size:12px;color:#5b7546}.custom-brief-art>.icon{transform:rotate(90deg);width:15px;height:15px;color:#98b581}.custom-brief-art>small{font-size:8px;color:#859973;margin-top:4px}.custom-scope{display:grid;grid-template-columns:1fr 1fr;gap:95px}.custom-scope h2{font-size:33px;margin:18px 0}.custom-scope p{font-size:14px;max-width:420px}.custom-scope .text-link{margin-top:25px}.custom-product-note{border:1px solid #d6e2ca;border-left:4px solid #a7be8c;background:#edf3e5;border-radius:6px;padding:27px 30px;margin-bottom:55px}.custom-product-note h2{font-size:22px;margin-bottom:13px}.custom-product-note p{font-size:13px;max-width:1020px;line-height:1.9}
@media(max-width:1100px){.fragment{padding:12px;font-size:10px;gap:8px}.fragment small{font-size:7px}.fragment-one{left:16px}.fragment-two{right:16px}.fragment-three{left:16px}.fragment-four{right:16px}.problem-center{width:127px;height:127px;padding:17px 22px}.problem-center>span{font-size:45px}.problem-center small{font-size:9px}.problem-hero h1{font-size:46px}.problem-grid{gap:35px 45px}.problem-cost>.container{gap:50px}.custom-build-panel{padding:35px;gap:30px;grid-template-columns:1.4fr .8fr}.custom-build-panel h2{font-size:29px}.custom-scope{gap:50px}}
@media(max-width:800px){.problem-hero h1{font-size:clamp(40px,7vw,56px)}.problem-board{height:365px}.problem-center{width:135px;height:135px}.fragment{font-size:12px;padding:15px}.fragment small{font-size:8px}.fragment-one{top:65px;left:10%}.fragment-two{top:80px;right:10%}.fragment-three{bottom:55px;left:10%}.fragment-four{bottom:42px;right:10%}.problem-grid{gap:30px}.problem-item h3{font-size:23px}.problem-item>p{font-size:13px}.problem-cost>.container{grid-template-columns:1fr;gap:30px}.problem-cost h2{font-size:31px}.friction-cycle>span{padding:18px}.problem-next h2{font-size:24px}.custom-build-panel{grid-template-columns:1fr;gap:25px;margin-block:50px;padding:30px}.custom-panel-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:24px}.custom-scope{grid-template-columns:1fr;gap:26px}.custom-scope h2{font-size:30px}.custom-scope p{max-width:600px}.custom-brief-art{max-width:650px;width:100%}.custom-brief-art>div{max-width:380px}.solution-product-band{padding:50px 0}}
@media(max-width:500px){.problem-hero h1{font-size:clamp(27px,8.05vw,37px)}.problem-board{height:355px}.problem-center{width:117px;height:117px;padding:16px 20px;border-radius:23px}.problem-center>span{font-size:37px}.problem-center small{font-size:8px;margin-top:8px}.fragment{font-size:10px;padding:11px 10px;gap:7px}.fragment>.icon{width:16px;height:16px}.fragment small{font-size:7px}.fragment-one{top:66px;left:13px}.fragment-two{top:81px;right:13px}.fragment-three{bottom:61px;left:13px}.fragment-four{bottom:45px;right:13px}.problem-art-note{left:17px;font-size:7px;bottom:14px}.problem-board .art-caption{left:17px;font-size:8px}.problem-grid{grid-template-columns:1fr;gap:30px}.problem-item h3{font-size:25px}.problem-item>p{font-size:13px}.problem-item .feature-number{font-size:8px}.problem-consequence{font-size:11px}.problem-cost{padding:37px 0}.problem-cost h2{font-size:29px}.friction-cycle{gap:10px}.friction-cycle>span{padding:17px 13px;font-size:12px}.problem-next{flex-direction:column;align-items:flex-start;gap:22px;padding-block:37px}.problem-next h2{font-size:25px}.problem-footer>.container:first-child{flex-wrap:wrap;gap:20px}.problem-footer>.container:first-child>.footer-wordmark{width:100%}.problem-footer .footer-bottom{gap:12px}.solutions-hero-note{padding:25px}.solutions-hero-note>a{font-size:13px}.custom-build-panel{padding:27px;margin-block:45px}.custom-build-panel h2{font-size:27px}.custom-build-panel h2 br{display:none}.custom-build-panel p{font-size:13px}.custom-panel-actions{flex-direction:column;align-items:flex-start;gap:21px}.custom-panel-actions .button{font-size:12px}.custom-scope h2{font-size:28px}.custom-scope p{font-size:13px}.custom-product-note{padding:24px;margin-bottom:40px}.custom-product-note h2{font-size:21px}.custom-product-note p{font-size:12px}.custom-brief-art>div{width:90%}.solution-engineering{padding-top:18px}}

@media(max-width:360px){.fragment{font-size:9px;padding:9px 8px;gap:5px}.fragment>.icon{width:14px;height:14px}.fragment small{font-size:6px}}