:root{--bg:#f4f8f5;--paper:#fbfdfb;--ink:#13231b;--muted:#607168;--accent:#176b4b;--accent2:#dceee4;--line:#cfdcd4;--radius:22px;--shadow:0 24px 60px rgba(22,72,51,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.skip{position:fixed;left:12px;top:-80px;z-index:20;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}.site-header{height:74px;max-width:1400px;margin:auto;padding:0 34px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.03em}.brand span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff;font-size:19px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:650}.nav-cta{border:1px solid var(--accent);padding:10px 15px;border-radius:12px;color:var(--accent)}.menu-button{display:none}.hero{max-width:1400px;min-height:calc(100dvh - 74px);margin:auto;padding:36px 34px 72px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);align-items:center;gap:42px}.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--accent);margin:0 0 22px}.hero h1{font-size:clamp(48px,5.5vw,82px);line-height:.99;letter-spacing:-.065em;margin:0 0 25px;max-width:820px}.hero-copy>p:not(.eyebrow){font-size:20px;max-width:590px;color:var(--muted);margin:0}.actions{display:flex;align-items:center;gap:22px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:14px 19px;border-radius:12px;text-decoration:none;font-weight:750;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,107,75,.22)}.button:active{transform:translateY(1px)}.text-link{font-weight:750;text-underline-offset:5px}.hero-media{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1.18}.hero-media img{width:100%;height:100%;object-fit:cover}.section{max-width:1280px;margin:0 auto;padding:110px 34px}.pain{display:grid;grid-template-columns:1.15fr .85fr;gap:36px 80px;align-items:start}.pain h2,.section-heading h2,.contact h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0}.pain-list{border-top:1px solid var(--line)}.pain-list p{margin:0;padding:17px 0;border-bottom:1px solid var(--line);font-size:18px}.pain-answer{grid-column:2;max-width:600px;color:var(--muted);font-size:18px;margin:0}.section-heading{max-width:750px;margin-bottom:48px}.section-heading>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:620px}.service-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto auto;gap:18px}.service{border-radius:var(--radius);padding:34px;border:1px solid var(--line);min-height:260px}.service h3{font-size:28px;line-height:1.1;margin:26px 0 12px;letter-spacing:-.035em}.service p{color:var(--muted);max-width:580px}.service-index{font-size:13px;font-weight:850;color:var(--accent)}.service-main{grid-row:span 2;background:var(--accent);color:#fff;padding:42px;min-height:560px;display:flex;flex-direction:column}.service-main .service-index,.service-main p{color:#d4ede1}.service-main h3{font-size:43px;margin-top:auto}.service-main ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}.service-main li{border-top:1px solid rgba(255,255,255,.3);padding-top:12px}.service-tint{background:var(--accent2)}.service-photo{padding:0;overflow:hidden;display:grid;grid-template-columns:.65fr 1fr;background:var(--paper)}.service-photo img{height:100%;width:100%;object-fit:contain;padding:24px;background:#e8f1ec}.service-photo div{padding:32px}.service-line{grid-column:2;background:var(--paper)}.work{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.work-wide{display:grid;grid-template-columns:1.15fr .85fr;margin:22px 0}.work-reverse{grid-template-columns:.85fr 1.15fr}.work-reverse .work-visual{order:2}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.work-offset{transform:translateY(54px)}.work-visual{min-height:390px;display:grid;place-items:center;overflow:hidden}.work-visual img{width:100%;height:100%;object-fit:contain;padding:48px}.work-visual.vpn{background:linear-gradient(140deg,#daf0e5,#a8d8bf)}.work-visual.control{background:#e5efe9}.work-visual.epos{background:radial-gradient(circle at 50% 45%,#f5ead2,#e4d6b8)}.work-visual.smm{background:#d8e9df}.work-visual.smm img{object-fit:cover;padding:28px}.epos-mark{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:#fff9ec;color:#7d6334;font-size:86px;box-shadow:0 20px 50px rgba(75,58,27,.14)}.work-copy{padding:46px;align-self:center}.work-type{font-size:13px;font-weight:750;color:var(--accent);margin:0 0 10px}.work h3{font-size:40px;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.work-copy>p:not(.work-type){color:var(--muted);font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{padding:7px 10px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700}.process{padding-top:160px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:45px;border-top:1px solid var(--line)}.process-track article{padding:28px 28px 10px 0}.process-track article+article{padding-left:28px;border-left:1px solid var(--line)}.process-track strong{font-size:21px}.process-track p{color:var(--muted)}.contact{max-width:1212px;background:var(--accent);color:#fff;border-radius:var(--radius);padding:60px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;margin-top:80px;margin-bottom:80px}.contact-copy p{color:#d5e9df;font-size:18px;max-width:660px}.button-light{background:#f5faf7;color:var(--accent);border-color:#f5faf7}.button-light:hover{box-shadow:0 12px 28px rgba(0,0,0,.14)}footer{max-width:1280px;margin:auto;padding:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);color:var(--muted)}footer div{display:flex;gap:18px;font-size:13px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}@media(max-width:900px){.site-header{padding:0 20px}.menu-button{display:block;margin-left:auto;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:9px 12px;font:inherit}.site-header nav{display:none;position:absolute;z-index:10;top:66px;left:15px;right:15px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:40px 20px 64px;min-height:auto}.hero-media{aspect-ratio:1.2}.section{padding:76px 20px}.pain{grid-template-columns:1fr}.pain-answer{grid-column:auto}.service-grid,.work-pair,.work-wide,.work-reverse{grid-template-columns:1fr}.service-main{grid-row:auto;min-height:480px}.service-line{grid-column:auto}.service-photo{grid-template-columns:1fr}.service-photo img{height:220px}.work-offset{transform:none}.work-reverse .work-visual{order:0}.process-track{grid-template-columns:1fr 1fr}.contact{margin:50px 20px;padding:38px;grid-template-columns:1fr;align-items:start}footer{grid-template-columns:1fr}footer div{flex-direction:column}}@media(max-width:560px){.hero h1{font-size:47px}.actions{align-items:flex-start;flex-direction:column}.service-main ul{grid-template-columns:1fr}.work-copy{padding:28px}.work-visual{min-height:300px}.process-track{grid-template-columns:1fr}.process-track article+article{padding-left:0;border-left:0}.contact h2{font-size:38px}}