:root{--green-deep:#163d30;--green-vintage:#245541;--green-mid:#3f765f;--green-light:#dfeade;--sage:#b9cbb8;--cream:#f5f1e6;--off-white:#fbfaf6;--white:#fff;--text-dark:#17362d;--text-muted:#5a7067;--brass-accent:#a98047;--ink:var(--text-dark);--ink-soft:var(--text-muted);--navy:var(--green-deep);--teal:var(--green-vintage);--aqua:#d8e8dc;--mist:#eef3eb;--line:#dce4dc;--paper:var(--off-white);--surface-shadow:0 18px 50px #163d3017}body{background:var(--off-white);color:var(--text-dark)}h1,h2{text-wrap:balance}p{text-wrap:pretty}.site-header{background:#fbfaf6f5;border-bottom-color:#2455411f;box-shadow:0 7px 25px #163d300a}.nav{height:80px}.wordmark{letter-spacing:0;align-items:center;gap:10px;display:inline-flex}.wordmark .brand-mark{object-fit:contain;width:36px;height:36px;display:block}.wordmark .brand-word{color:#0f3d2e;letter-spacing:.18em;font-size:19px;font-weight:800}.desktop-nav a,.nav-cta{color:var(--text-dark)}.nav-cta{background:var(--green-deep);color:#fff;border-color:#0000;border-radius:999px;padding:0 18px}.nav-cta:hover,.nav-cta:focus-visible{border-color:var(--green-deep);background:var(--green-vintage);color:#fff}.mobile-menu nav{border-color:var(--line);background:var(--off-white);border-radius:5px}.mobile-menu nav .mobile-menu-cta{background:var(--green-deep);border-radius:3px}.button{border-radius:3px;min-height:50px;padding-inline:22px}.button--primary{background:var(--green-deep)}.button--primary:hover{background:var(--green-vintage)}.button--secondary{background:0 0;border-color:#163d3038}.eyebrow{color:var(--green-mid)}.v4-hero{background:var(--cream);padding:84px 0 96px;overflow:hidden}.v4-hero-grid{align-items:center;gap:56px;display:grid}.v4-hero-copy h1{max-width:690px;font-family:var(--serif);letter-spacing:-.055em;margin-bottom:25px;font-size:clamp(48px,7vw,78px);font-weight:500;line-height:.98}.v4-hero-copy>p{max-width:610px;color:var(--text-muted);font-size:18px;line-height:1.7}.digital-ecosystem{isolation:isolate;min-height:470px;position:relative}.ecosystem-orbit{z-index:-1;border:1px solid #24554133;border-radius:50%;position:absolute;inset:9% 3%;transform:rotate(-10deg)}.ecosystem-orbit:before,.ecosystem-orbit:after{content:"";background:var(--brass-accent);border-radius:50%;position:absolute}.ecosystem-orbit:before{width:7px;height:7px;top:9%;left:12%}.ecosystem-orbit:after{width:5px;height:5px;bottom:18%;right:8%}.ecosystem-laptop{border:8px solid var(--green-deep);background:#fff;border-bottom-width:12px;border-radius:12px 12px 4px 4px;min-height:240px;position:absolute;top:22%;left:7%;right:11%;box-shadow:0 28px 55px #163d302b}.ecosystem-bar{background:#edf2ec;align-items:center;gap:5px;height:28px;padding:0 11px;display:flex}.ecosystem-bar i{background:var(--sage);border-radius:50%;width:5px;height:5px}.ecosystem-screen{gap:20px;padding:27px;display:grid}.ecosystem-screen>span{color:var(--green-deep);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.ecosystem-screen>div{grid-template-columns:1.35fr .7fr;gap:12px;display:grid}.ecosystem-screen b{background:var(--green-light);border-radius:4px;min-height:64px}.ecosystem-screen b:first-child{background:linear-gradient(145deg, var(--green-vintage), var(--green-mid));grid-row:span 2;min-height:135px}.ecosystem-base{background:#d8dfd6;border-radius:0 0 50% 50%;height:18px;position:absolute;bottom:-25px;left:-8%;right:-8%}.ecosystem-phone{border:5px solid var(--green-deep);width:92px;height:170px;color:var(--green-vintage);text-align:center;background:#fff;border-radius:17px;place-content:center;gap:9px;display:grid;position:absolute;bottom:8%;right:1%;box-shadow:0 18px 35px #163d302b}.ecosystem-phone span{font-size:10px;font-weight:800}.ecosystem-node{color:var(--green-vintage);background:#fffffff0;border:1px solid #24554129;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;display:flex;position:absolute;box-shadow:0 10px 25px #163d3014}.ecosystem-node i{color:var(--text-dark);font-size:10px;font-style:normal;font-weight:800}.ecosystem-node--cloud{top:3%;left:29%}.ecosystem-node--store{top:20%;right:0}.ecosystem-node--flow{bottom:7%;left:3%}.ecosystem-node--code{top:28%;left:0}.v4-explanation{background:var(--white)}.v4-explanation .container{gap:45px;display:grid}.v4-explanation-copy{max-width:760px}.v4-explanation-copy h2,.v4-section-heading h2{font-family:var(--serif);font-weight:500}.v4-explanation-copy p{color:var(--text-muted);font-size:17px;line-height:1.75}.v4-explanation-points{background:var(--line);border:1px solid var(--line);gap:1px;margin:0;padding:0;list-style:none;display:grid}.v4-explanation-points li{background:var(--off-white);align-items:center;gap:11px;min-height:64px;padding:15px 18px;font-size:13px;font-weight:750;display:flex}.v4-explanation-points svg{color:var(--green-mid)}.v4-services{background:var(--mist)}.v4-section-heading{max-width:680px;margin-bottom:40px}.v4-section-heading>p{color:var(--text-muted);font-size:16px}.v4-service-grid{gap:16px;display:grid}.v4-service-card{background:#fff;border:1px solid #24554121;flex-direction:column;align-items:flex-start;min-height:280px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.v4-service-card:hover,.v4-service-card:focus-within{box-shadow:var(--surface-shadow);border-color:#2455414d;transform:translateY(-4px)}.v4-service-card>svg{color:var(--green-mid)}.v4-service-card h3{margin-top:38px}.v4-service-card p{color:var(--text-muted);font-size:14px}.v4-service-card a,.v4-work-card>div>a,.v4-services-list article a{color:var(--green-vintage);align-items:center;gap:7px;margin-top:auto;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.v4-work{background:var(--off-white)}.v4-work-grid{gap:24px;display:grid}.v4-work-card{border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s;overflow:hidden}.v4-work-card:hover,.v4-work-card:focus-within{box-shadow:var(--surface-shadow);transform:translateY(-4px)}.v4-work-card>div{flex-direction:column;align-items:flex-start;min-height:270px;padding:27px;display:flex}.v4-work-card>div>span{color:var(--green-mid);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.v4-work-card h3,.v4-work-card h2{margin:13px 0 10px;font-size:25px}.v4-work-card p{color:var(--text-muted);font-size:14px}.v4-work-visual{aspect-ratio:16/10;background:var(--green-light);min-height:0;display:block;position:relative;overflow:hidden}.v4-work-visual:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#09221b0a,#0000 58%,#09221b38);position:absolute;inset:0}.v4-work-visual img{object-fit:cover;object-position:top center;transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .28s}.v4-work-number{z-index:2;color:#fff;letter-spacing:.12em;background:#0f3d2ed1;border:1px solid #ffffff3d;border-radius:99px;min-width:34px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:15px;left:17px;box-shadow:0 5px 18px #09221b29}.v4-work-card:hover .v4-work-visual img,.v4-work-card:focus-within .v4-work-visual img{filter:saturate(1.03)contrast(1.01);transform:scale(1.025)}.v4-work-card--dashboard .v4-work-visual{background:#315f4d}.v4-work-card--restaurant .v4-work-visual{background:#b86642}.v4-work-card--inventory .v4-work-visual{background:#3e7053}.v4-work-card--travel .v4-work-visual{background:#6a9baa}.v4-work-card--commerce .v4-work-visual{background:#a28a76}.v4-work-card--ticketing .v4-work-visual{background:#6c3cf0}.v4-contact{background:var(--cream)}.v4-contact-heading{max-width:720px;margin-bottom:42px}.v4-contact-heading h2{font-family:var(--serif);font-weight:500}.v4-contact-heading>p{color:var(--text-muted);font-size:17px}.v4-contact-grid{align-items:start;gap:32px;display:grid}.v4-contact-copy{background:var(--green-deep);color:#fff;padding:34px}.v4-contact-copy h2,.v4-contact-copy h3{max-width:400px;font-family:var(--serif);font-size:35px;font-weight:500;line-height:1.12}.v4-contact-copy>p{color:#d8e4dd}.v4-contact-links{gap:4px;margin-top:35px;display:grid}.v4-contact-links a{color:#fff;border-top:1px solid #ffffff24;align-items:center;gap:12px;min-width:0;padding:14px 0;font-size:13px;font-weight:700;text-decoration:none;display:flex}.v4-contact-links span{overflow-wrap:anywhere;min-width:0}.v4-contact-links small{color:#b7ccc0;letter-spacing:.12em;text-transform:uppercase;font-size:9px;display:block}.v4-contact .contact-form{box-shadow:none;background:#fff;border-color:#24554126;border-radius:0}.v4-page-hero{background:var(--cream);padding:88px 0}.v4-page-hero .container{max-width:950px;margin-left:max(20px,50% - 560px)}.v4-page-hero h1{max-width:830px;font-family:var(--serif);font-size:clamp(48px,7vw,76px);font-weight:500}.v4-page-hero p{max-width:690px;color:var(--text-muted);font-size:18px;line-height:1.7}.v4-page-hero .button{margin-top:10px}.v4-services-page{background:#fff}.v4-services-list{gap:0;display:grid}.v4-services-list article{border-top:1px solid var(--line);gap:28px;padding:42px 0;display:grid}.v4-service-index{color:var(--green-mid);justify-content:space-between;align-items:center;display:flex}.v4-service-index span{letter-spacing:.12em;font-size:11px;font-weight:800}.v4-services-list article h2{font-family:var(--serif);margin-bottom:14px;font-size:36px;font-weight:500}.v4-services-list article p{max-width:690px;color:var(--text-muted)}.v4-services-list article ul{gap:8px;margin:20px 0 25px;padding:0;list-style:none;display:grid}.v4-services-list article li:before{content:"";background:var(--sage);border-radius:50%;width:6px;height:6px;margin:0 10px 2px 0;display:inline-block}.v4-work-page{background:var(--off-white)}.services-hero,.contact-hero,.detail-hero,.work-hero,.case-hero,.not-found-panel,.business-needs,.final-cta{background-color:var(--green-deep);background-image:none}.about-hero,.about-founder,.principles,.thinking,.process,.expectations,.contact-main,.contact-steps{border-color:var(--line)}.thinking-card--primary,.about-mark{background:var(--green-vintage)}.contact-card{background:var(--white)}footer{color:#cbd9d1;background:#113328}footer .wordmark .brand-word{color:#fff}.footer-grid{grid-template-columns:1.4fr 1fr}.footer-brand strong{color:#fff;max-width:280px;font-family:var(--serif);margin-top:18px;font-size:22px;font-weight:500;line-height:1.25}.footer-grid nav h2{color:#d7c49e}.footer-grid nav a,.footer-email,.footer-whatsapp{color:#cbd9d1}.footer-bottom{color:#93aa9e}@media (min-width:680px){.v4-explanation .container{grid-template-columns:1.25fr .75fr;align-items:end}.v4-explanation-points{grid-template-columns:1fr 1fr}.v4-service-grid,.v4-work-grid{grid-template-columns:repeat(2,1fr)}.v4-services-list article{grid-template-columns:130px 1fr;gap:55px}.v4-services-list article ul{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}}@media (min-width:920px){.v4-hero-grid{grid-template-columns:1.05fr .95fr}.v4-service-grid{grid-template-columns:repeat(3,1fr)}.v4-service-card:nth-child(4),.v4-service-card:nth-child(5){min-height:250px}.v4-work-grid{grid-template-columns:repeat(6,1fr)}.v4-work-card{grid-column:span 2}.v4-work-card:nth-child(4):nth-last-child(2){grid-column:2/span 2}.v4-contact-grid{grid-template-columns:.82fr 1.18fr;gap:44px}.v4-contact-copy{position:sticky;top:110px}.footer-grid{grid-template-columns:1.45fr repeat(4,1fr)}}@media (max-width:679px){.container{width:min(100% - 32px,1120px)}.nav{height:70px}.wordmark{gap:7px}.wordmark .brand-mark{width:31px;height:31px}.wordmark .brand-word{letter-spacing:.13em;font-size:16px}.v4-hero{padding:62px 0 72px}.v4-hero-copy h1{font-size:clamp(44px,13vw,58px)}.v4-hero-copy>p{font-size:16px}.v4-hero .hero-actions,.v4-page-hero .hero-actions{display:grid}.v4-hero .button{width:100%}.digital-ecosystem{min-height:365px}.ecosystem-laptop{min-height:200px;top:21%;left:3%;right:10%}.ecosystem-screen{padding:20px}.ecosystem-screen b:first-child{min-height:100px}.ecosystem-phone{width:72px;height:138px;bottom:2%;right:-2%}.ecosystem-node{padding:8px 10px}.ecosystem-node i{display:none}.v4-service-card,.v4-work-card>div,.v4-work-visual{min-height:0}.v4-contact-copy{padding:28px 23px}.v4-contact-copy h3{font-size:31px}.v4-page-hero{padding:65px 0}.v4-page-hero .container{margin:auto}.v4-page-hero h1{font-size:49px}.v4-services-list article{padding:34px 0}.contact-form{padding:23px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.v4-service-card,.v4-work-card,.v4-work-visual img{transition:none}.v4-work-card:hover .v4-work-visual img,.v4-work-card:focus-within .v4-work-visual img{transform:none}}
