:root{--paper:#f4f1e9;--white:#fbfaf6;--line:#d7d9d0;--accent:#315e50;--accent-deep:#183b34;--accent2:#d9e6de;--stone:#e9e1d3;--pale:#eaf0ea;--ink:#101a17;--muted:#647069;--shadow:0 24px 70px rgba(24,59,52,.12)}
body{background:var(--paper)}.header{background:rgba(244,241,233,.9)}.brand-mark,.btn-dark{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-dark:hover{background:#245145;border-color:#245145}.btn:not(.btn-dark){border-color:#97aaa1;background:rgba(234,240,234,.55)}.btn:not(.btn-dark):hover{background:var(--pale);border-color:var(--accent)}.eyebrow{color:var(--accent)}
.hero{position:relative;background:radial-gradient(circle at 77% 41%,rgba(217,230,222,.7),transparent 30%),var(--paper)}.hero:after{content:'';position:absolute;right:4%;bottom:7%;width:170px;height:90px;background-image:linear-gradient(#7f9c8f 1px,transparent 1px),linear-gradient(90deg,#7f9c8f 1px,transparent 1px);background-size:18px 18px;opacity:.1;pointer-events:none}.screen{border-color:#cbd8d0;background:rgba(251,250,246,.96);box-shadow:0 30px 80px rgba(24,59,52,.16),0 2px 8px rgba(24,59,52,.07)}.web-screen{background:linear-gradient(120deg,rgba(251,250,246,.96) 0 72%,rgba(217,230,222,.85) 72%)}.mock-nav{background:#e5ebe5}.mock-btn{background:var(--accent)}.flow-screen{border-color:#acc2b6}.flow-node{border:1px solid #d4ded7}.dash-screen{background:#f7f5ee}.bars i{background:#c7d8ce}.bars i:nth-child(3){background:var(--accent)}
.services-section{background:var(--stone);position:relative}.services-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(49,94,80,.035) 1px,transparent 1px);background-size:80px 100%;pointer-events:none}.service-card{position:relative;overflow:hidden;background:#f6f2e9;border-color:#d7cdbd;padding-top:188px}.service-card:nth-child(2){background:#e7efe9;border-color:#cad9cf}.service-card:nth-child(3){background:#ece7dc}.service-card .icon{position:absolute;top:28px;right:28px;margin:0;background:rgba(251,250,246,.68);border-color:rgba(49,94,80,.2);z-index:2}.service-preview{position:absolute;left:28px;right:28px;top:26px;height:126px;border-radius:16px;background:rgba(251,250,246,.7);border:1px solid rgba(49,94,80,.15);overflow:hidden;box-shadow:0 14px 36px rgba(24,59,52,.07)}.service-preview:before{content:'';display:block;height:25px;border-bottom:1px solid rgba(49,94,80,.13)}.service-preview i{display:block;height:8px;margin:12px 15px 0;background:#cbd7cf;border-radius:9px}.service-preview i:nth-child(2){width:52%;background:var(--accent)}.service-preview i:nth-child(3){width:70%}.service-preview span{position:absolute;right:14px;bottom:12px;width:42px;height:30px;border:1px solid #9ab1a5;border-radius:8px}.service-auto .service-preview i{position:absolute;width:28px;height:28px;border-radius:8px;top:42px;margin:0}.service-auto .service-preview i:nth-child(1){left:14px}.service-auto .service-preview i:nth-child(2){left:calc(50% - 14px);background:#89a798}.service-auto .service-preview i:nth-child(3){right:14px}.service-auto .service-preview:after{content:'→       →';position:absolute;left:48px;right:48px;top:48px;color:var(--accent);letter-spacing:24px}.service-custom .service-preview span{width:48%;height:56px}.service-card:hover{transform:translateY(-5px);border-color:#93ad9f;box-shadow:0 22px 55px rgba(24,59,52,.12)}
.software-section{background:#102923}.software-section .problem{position:relative}.software-section .problem:after{content:'→';position:absolute;left:50%;bottom:29px;color:#6f9685;opacity:.7}.problem strong{color:#9bc4af}.problem strong small{color:#668d7d}.problem-side{padding-right:20px}.solution-side{padding-left:20px}
.software-section+section{background:var(--pale)}.solutions-grid .solution-card{background:#f7f5ee;border-color:#d2ddd5;padding-top:28px}.solution-card .tag{background:#d1e2d8;color:#21483d}.solution-preview{height:126px;border:1px solid #cad8d0;border-radius:15px;background:#fbfaf6;margin:0 0 26px;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(24,59,52,.07)}.solution-preview:before{content:'';display:block;height:25px;background:#e7eee9;border-bottom:1px solid #d3ddd6}.solution-preview i{display:block;height:8px;margin:10px 14px 0;border-radius:5px;background:#d5ddd7}.solution-preview i:nth-child(2){width:62%;background:#91aa9e}.solution-preview i:nth-child(3){width:42%}.solution-preview b{position:absolute;right:13px;top:40px;width:29px;height:29px;border-radius:8px;background:var(--accent2)}.solution-preview span{position:absolute;right:14px;bottom:13px;width:44px;height:10px;border-radius:8px;background:var(--accent)}.solution-lead .solution-preview:after{content:'';position:absolute;left:18px;right:18px;bottom:18px;height:2px;background:#adc2b6;box-shadow:0 -21px #d7dfda}.solution-proposal .solution-preview{margin-left:22px;margin-right:22px;border-radius:5px}.solution-booking .solution-preview{background-image:linear-gradient(#d9e3dc 1px,transparent 1px),linear-gradient(90deg,#d9e3dc 1px,transparent 1px);background-size:25% 25%;background-position:0 25px}.solution-booking .solution-preview:after{content:'12';position:absolute;left:28%;top:48%;width:27px;height:27px;display:grid;place-items:center;background:var(--accent);color:white;border-radius:50%;font-size:10px}.solution-knowledge .solution-preview i{width:58%;height:17px;border-radius:10px}.solution-knowledge .solution-preview i:nth-child(3){margin-left:28%;background:#c5d8cc}
.section:has(.section-head>h2:first-child){transition:background .3s}.section:nth-of-type(odd){border-top:1px solid rgba(49,94,80,.06)}.case-card{background:#f7f5ee;border-color:#d5d6cd}.case-visual{height:260px;background:#dce6df;border:1px solid #c4d4ca}.case-visual:before{background:#fbfaf6;border-color:#bfcfc5}.case-visual.website:after{content:'';position:absolute;left:43px;right:43px;top:64px;height:104px;border-radius:8px;background:linear-gradient(120deg,var(--accent-deep) 0 38%,#d7e3db 38% 100%);box-shadow:0 16px 35px rgba(24,59,52,.16)}.project-ui{position:absolute;z-index:3;left:60px;right:60px;bottom:42px;height:42px;background:#fbfaf6;border:1px solid #c4d4ca;border-radius:8px;display:flex;gap:6px;padding:10px}.project-ui i{flex:1;border-radius:3px;background:#dce5df}.project-ui i:nth-child(2){background:#91aa9e}.case-visual.product{background:#e6ddd0}.case-visual.product:after{background:var(--accent);box-shadow:0 18px 35px rgba(24,59,52,.2)}.case-visual.auto{background:#dce9e1}.case-visual.auto:after{color:var(--accent-deep);border:1px solid #c1d2c7}.work-overview{background:var(--stone)}.work-stories{background:#edf2ed}.work-stories .case-detail{min-height:520px;align-items:center;gap:74px;padding:76px 0}.work-stories .case-detail:nth-child(even) .project-media{order:2}.work-stories .case-detail:nth-child(even) dl{order:1}.work-stories .case-visual{height:360px}.work-stories .project-media>small{display:inline-block;margin-top:18px;padding:7px 11px;border-radius:999px;background:#d2e1d7;color:var(--accent-deep);text-transform:uppercase;letter-spacing:.1em}.work-stories .project-media h2{margin-top:16px}.filter button.active{background:var(--accent-deep)}
.cta{background:var(--accent)}.footer{background:#ede7dc;border-top-color:#d5ccbc;margin-top:0}.icon{color:var(--accent);border-color:#bacdc2;background:#edf3ef}
@media(max-width:900px){.service-card{padding-top:180px}.software-section .problem:after{left:auto;right:8px;bottom:28px}.work-stories .case-detail{gap:34px;min-height:auto}.work-stories .case-detail:nth-child(even) .project-media,.work-stories .case-detail:nth-child(even) dl{order:initial}}
@media(max-width:600px){.hero:after{display:none}.service-card{padding-top:176px}.service-preview{height:120px}.software-section .problem:after{display:none}.problem-side,.solution-side{padding:0}.solution-preview{height:120px}.work-stories .case-visual{height:270px}.case-visual.website:after{left:28px;right:28px}.project-ui{left:38px;right:38px}.work-stories .case-detail{padding:54px 0}}
@media(prefers-reduced-motion:reduce){.screen,.flow-node,.flow-arr,.bars i{animation:none!important}}