:root{--ink:#15211e;--muted:#5d6965;--green:#31d77a;--deep:#093b2d;--line:#dce6e0;--bg:#f7f9f6;--white:#fff;--font:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:112px 0}.skip{position:absolute;left:12px;top:-60px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.header{height:76px;position:sticky;top:0;background:rgba(247,249,246,.88);backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid rgba(21,33,30,.07)}.nav{height:100%;display:flex;align-items:center;gap:32px}.brand{font-family:var(--font);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:11px;white-space:nowrap;letter-spacing:-.04em}.brand strong{font-weight:800}.brand-mark{height:37px;width:37px;background:var(--ink);color:#fff;border-radius:11px;display:grid;place-items:center;font-weight:800;letter-spacing:-.09em;position:relative;font-size:14px}.brand-mark span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--green);right:5px;top:5px}.nav-links{display:flex;gap:32px;margin-left:auto;align-items:center}.nav-links a{font-size:13px;color:#53615b;transition:color .2s}.nav-links a:hover,.footer a:hover{color:#11a65a}.nav-cta{background:var(--ink);color:#fff;border-radius:100px;padding:12px 18px;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}.nav-cta:hover,.button:hover{transform:translateY(-3px)}.nav-cta:hover{background:var(--deep)}.nav-cta span{margin-left:16px}.menu-button{display:none}.hero{padding:76px 0 24px;background:radial-gradient(circle at 87% 36%,#e8faee 0,transparent 31%),#f7f9f6;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;min-height:565px}.eyebrow,.kicker{font-family:var(--font);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#139657}.eyebrow{display:inline-flex;gap:9px;align-items:center;background:#e9f8ed;padding:10px 14px;border:1px solid #d2efda;border-radius:100px;letter-spacing:.08em}.status-dot{width:7px;height:7px;border-radius:50%;background:#21cc6e;box-shadow:0 0 0 4px #d5f4df}.hero h1{font:800 clamp(43px,5vw,70px)/1.1 var(--font);letter-spacing:-.07em;max-width:700px;margin:26px 0 22px}.hero h1 em{font-style:normal;color:#159b58}.hero-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:565px;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 22px;border-radius:100px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button-primary{background:var(--green);color:#103621;box-shadow:0 12px 25px #31d77a33}.button-primary:hover{background:#52e08d;box-shadow:0 17px 32px #31d77a44}.button-text{padding-inline:2px;gap:13px}.button-text:hover{color:#149953}.hero-note{display:flex;align-items:center;gap:13px;margin-top:45px;color:#74817b;font-size:12px}.note-line{height:1px;width:34px;background:#86cda0}.hero-art{height:530px;border-radius:34px;background:linear-gradient(145deg,#0c392d,#07251f);position:relative;overflow:hidden;box-shadow:0 28px 60px #103c2b22}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000 20%,transparent 75%)}.art-glow{position:absolute;width:400px;height:400px;background:#28cc7955;filter:blur(100px);border-radius:50%;left:24%;top:16%;animation:pulse 7s ease-in-out infinite alternate}.orbit{position:absolute;border:1px solid #9cebb044;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:270px;height:270px}.orbit-two{width:440px;height:440px;border-style:dashed;animation:spin 50s linear infinite}.art-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:linear-gradient(140deg,#45e38b,#1c8c60);box-shadow:0 0 0 16px #3ed9871d,0 25px 50px #001b164d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#083c29}.art-monogram{font:800 57px/1 var(--font);letter-spacing:-.1em}.art-center-label{font:700 12px/1.3 var(--font);margin-top:9px}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;background:#f7fff9;color:#123729;border:1px solid #fff;border-radius:15px;padding:13px 16px;box-shadow:0 15px 25px #00171033;font-size:11px;line-height:1.35;animation:float 6s ease-in-out infinite}.floating-card strong{font-size:13px}.card-icon{width:34px;height:34px;border-radius:9px;background:#def8e8;display:grid;place-items:center;color:#138c50;font-size:23px;font-weight:700}.card-a{top:16%;left:7%;transform:rotate(-4deg)}.card-b{top:22%;right:5%;transform:rotate(4deg);animation-delay:1s}.card-c{bottom:15%;left:12%;transform:rotate(3deg);animation-delay:2s}.art-caption{position:absolute;bottom:24px;right:26px;color:#83cba4;font-size:9px;letter-spacing:.25em;font-weight:700}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #dce7df;margin-top:50px;padding-top:20px;color:#819089;font-size:12px}.scroll-hint{display:flex;gap:20px}.scroll-hint span{font-size:18px;color:#198f54}.section-heading{max-width:690px;margin-bottom:42px}.section-heading h2,.approach h2,.contact h2{font:800 clamp(32px,3.6vw,48px)/1.17 var(--font);letter-spacing:-.06em;margin:16px 0}.section-heading p{font-size:16px;line-height:1.7;color:var(--muted);max-width:590px;margin:0}.solutions{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-card{min-height:328px;border:1px solid var(--line);border-radius:23px;padding:27px;position:relative;transition:transform .3s,border .3s,box-shadow .3s}.solution-card:hover{transform:translateY(-8px);border-color:#96ddaf;box-shadow:0 20px 45px #123c2320}.solution-number{font:700 12px var(--font);color:#8c9f92}.solution-symbol{font-size:42px;color:#0c9b58;margin-top:27px;height:66px}.solution-card h3,.project-card h3,.process-step h3{font:800 20px var(--font);letter-spacing:-.04em;margin:0 0 10px}.solution-card p,.project-card p,.process-step p{color:#63716b;font-size:14px;line-height:1.65;margin:0}.tag-row{display:flex;gap:7px;margin-top:25px;flex-wrap:wrap}.tag-row span{background:#ebf8ef;color:#238254;border-radius:100px;font-size:10px;font-weight:700;padding:7px 10px}.approach{background:#eef4ef}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.approach h2{max-width:500px}.approach-copy{padding-top:34px}.approach-copy p{font-size:16px;color:#56655d;line-height:1.8;margin:0 0 17px}.experience{display:flex;align-items:center;gap:23px;border-top:1px solid #c8d8ce;margin-top:36px;padding-top:25px;color:#66766b;font-size:12px;line-height:1.5}.experience-year{font:800 30px var(--font);letter-spacing:-.07em;color:#188e51;white-space:nowrap}.experience-year span{font-size:13px;letter-spacing:0;margin-left:3px}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-6px);box-shadow:0 23px 40px #153b2520}.project-feature{grid-row:span 2}.project-visual{height:215px;position:relative;overflow:hidden}.project-feature .project-visual{height:391px}.visual-card{background:linear-gradient(145deg,#0b493b,#10332e);color:#c7f2d7;padding:30px}.visual-card:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #7ec89b55;border-radius:50%;right:-60px;top:-100px;box-shadow:0 0 0 50px #b6f8cd11,0 0 0 100px #b6f8cd0b}.visual-logo{position:relative;font:800 90px var(--font);letter-spacing:-.16em;color:#e6faeb;margin-top:65px}.visual-logo span{color:#43de82}.visual-lines{position:absolute;right:40px;bottom:70px;display:grid;gap:10px}.visual-lines span{display:block;height:8px;width:130px;background:#36db84;border-radius:10px}.visual-lines span:nth-child(2){width:100px;background:#a5e9bd}.visual-lines span:nth-child(3){width:70px;background:#e0fce8}.visual-label{position:absolute;bottom:25px;left:30px;font-size:10px;letter-spacing:.2em}.visual-praso{background:#e8f4e9;padding:25px}.visual-small{font-size:9px;font-weight:800;letter-spacing:.2em;color:#6d9e79}.visual-praso strong{position:absolute;bottom:10px;left:27px;color:#0b5c3d;font:800 70px var(--font);letter-spacing:-.07em}.visual-route{position:absolute;right:15%;top:25%;display:flex;gap:20px;align-items:center;transform:rotate(-15deg)}.visual-route:before{content:'';position:absolute;height:2px;background:#3aa86a;width:175px;left:8px;top:11px}.visual-route i{width:22px;height:22px;border-radius:50%;background:#2ecb74;z-index:1;box-shadow:0 0 0 7px #2ecb7422}.visual-route i:nth-child(2){margin-top:43px}.visual-systems{background:linear-gradient(140deg,#dce9e8,#b9d5c9);display:flex;justify-content:center;align-items:center}.system-window{width:270px;height:155px;border-radius:10px;background:#f7fff9;box-shadow:0 20px 30px #174a3733;transform:rotate(-7deg);overflow:hidden}.window-top{height:25px;background:#13382e;display:flex;gap:4px;align-items:center;padding-left:10px}.window-top span{height:5px;width:5px;border-radius:50%;background:#66df9d}.window-body{display:flex;height:130px;padding:12px;gap:12px}.window-side{width:50px;border-radius:5px;background:#e5f3e9}.window-main{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.window-main i{background:#d3eee0;border-radius:5px}.window-main i:first-child{grid-column:span 2;background:#9be0b5}.systems-word{position:absolute;bottom:14px;right:15px;color:#286949;font-size:10px;font-weight:800}.project-info{padding:25px 28px 29px}.project-type{display:block;color:#159356;text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:800;margin-bottom:10px}.project-footnote{font-size:13px;color:#73827a;margin:24px 0 0}.process{background:#f4f8f4}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-step{padding:24px 22px;border-top:2px solid #c8d9cd;background:#fff;border-radius:0 0 16px 16px;min-height:193px;transition:border-color .3s,transform .3s}.process-step:hover{border-color:#24c56b;transform:translateY(-4px)}.process-step>span{display:block;color:#5bc884;font:800 27px var(--font);letter-spacing:-.06em;margin-bottom:20px}.process-step h3{font-size:17px}.process-step p{font-size:12px}.contact{padding-bottom:90px;background:#f4f8f4}.contact-panel{min-height:400px;background:#0c3d2f;color:#fff;border-radius:30px;padding:65px 70px;position:relative;overflow:hidden}.contact-orb{position:absolute;width:600px;height:600px;border:1px solid #80dea644;border-radius:50%;right:-140px;top:-90px;box-shadow:0 0 0 80px #86ecaa10,0 0 0 160px #86ecaa0b;background:radial-gradient(circle,#35d87822,transparent 58%)}.contact-content{position:relative;max-width:650px}.contact .kicker{color:#66eaa0}.contact h2{font-size:clamp(33px,3.7vw,49px);margin-top:20px}.contact p{color:#b8d8c7;font-size:16px;line-height:1.7}.contact-actions{display:flex;align-items:center;gap:25px;margin-top:29px;flex-wrap:wrap}.button-light{background:#37dc7e;color:#0c3622}.button-light:hover{background:#75eda8}.contact-email{font-size:13px;color:#d8f1e3;text-decoration:underline;text-underline-offset:5px}.footer{background:#fff;padding:33px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#76827c;font-size:12px}.footer-inner>a:last-child{font-weight:700;color:#296c4a}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{translate:0 -12px}}@keyframes pulse{to{transform:scale(1.3);opacity:.55}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:900px){.nav-links{gap:17px}.nav-cta{display:none}.hero-grid{gap:18px}.hero h1{font-size:clamp(42px,5.8vw,62px)}.hero-art{height:455px}.floating-card{scale:.85}.card-a{left:0}.card-b{right:0}.approach-grid{gap:45px}}@media(max-width:700px){.container{width:min(100% - 36px,1180px)}.section{padding:76px 0}.header{height:67px}.nav{justify-content:space-between}.menu-button{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer;margin-left:auto}.menu-button span{width:22px;height:2px;background:#173a2b;border-radius:5px}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;background:#f7f9f6;padding:20px 24px 24px;box-shadow:0 16px 20px #142f201a;flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.nav-links a{font-size:15px}.hero{padding-top:48px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:48px}.hero h1{font-size:clamp(41px,11vw,57px)}.hero-lead{font-size:15px}.hero-actions{gap:15px}.hero-art{height:390px}.hero-bottom{margin-top:37px}.hero-bottom>span:first-child{max-width:190px}.section-heading h2,.approach h2{font-size:34px}.solution-grid,.approach-grid,.project-grid{grid-template-columns:1fr}.solution-card{min-height:280px}.approach-copy{padding-top:0}.project-feature{grid-row:auto}.project-feature .project-visual{height:260px}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-panel{padding:48px 27px;min-height:440px}.contact h2{font-size:35px}.contact-orb{right:-380px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}@media(max-width:430px){.hero-art{height:340px}.orbit-one{width:220px;height:220px}.orbit-two{width:330px;height:330px}.art-center{height:160px;width:160px}.art-monogram{font-size:48px}.floating-card{scale:.7}.card-a{left:-17px;top:8%}.card-b{right:-18px;top:22%}.card-c{left:0;bottom:8%}.art-caption{font-size:7px}.process-grid{grid-template-columns:1fr}.process-step{min-height:145px}.hero-actions .button-primary{width:100%}.footer-inner{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Curated imagery from the supplied portfolio archive. Crops happen in the layout,
   leaving the original files intact. */
.portrait-art{background:linear-gradient(145deg,#d6eee0 0%,#89b998 48%,#315e48 100%)}
.portrait-shape{position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid #eefced88;right:-120px;top:45px;box-shadow:0 0 0 70px #e1f8e533,0 0 0 140px #e1f8e519}
.portrait{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:98%;width:auto;max-width:none;object-fit:contain;filter:saturate(.92) contrast(1.03)}
.portrait-glass{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #ffffff8a;border-radius:15px;background:#ffffffd9;backdrop-filter:blur(15px);box-shadow:0 13px 30px #18392430;font:800 12px var(--font)}
.portrait-glass small{display:block;margin-top:2px;color:#627369;font-size:10px;font-weight:500}.portrait-mini{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#103a2b;color:#fff}.portrait-arrow{margin-left:auto;font-size:19px;color:#1aab60}
.photo-visual{background:#d5e9d8;display:grid;place-items:center}.photo-visual img{height:100%;width:100%;object-fit:cover;object-position:center 35%;transition:transform .5s}.project-card:hover .photo-visual img{transform:scale(1.045)}.card-visual img{width:min(100%,391px);object-fit:cover;box-shadow:0 20px 50px #0c302542}.image-category{position:absolute;bottom:14px;left:14px;border-radius:100px;background:#ffffffec;color:#1b5e3b;padding:9px 13px;text-transform:uppercase;letter-spacing:.12em;font:800 9px var(--font);box-shadow:0 6px 15px #123c2420}
.system-visual{background:linear-gradient(140deg,#c5dace,#e5f1e9);padding:30px 0 0 34px}.system-image-wrap{width:102%;height:230px;border:7px solid #fff;border-radius:12px 0 0 0;box-shadow:0 17px 30px #153d2e2e;overflow:hidden;transform:rotate(-2deg);transform-origin:bottom left}.system-image-wrap img{display:block;width:100%;height:auto}.system-visual .image-category{left:auto;right:14px;bottom:14px}
.work-samples{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;border-top:1px solid var(--line);margin-top:46px;padding-top:40px}.work-samples h3{font:800 23px/1.25 var(--font);letter-spacing:-.05em;margin:13px 0}.work-samples p{font-size:13px;line-height:1.65;color:#68776e}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sample{margin:0;background:#e6f1e8;border-radius:16px;overflow:hidden;height:270px;position:relative;display:grid;place-items:center}.sample img{max-height:100%;max-width:100%;object-fit:cover;box-shadow:0 10px 25px #123c2426}.sample-creative img{height:100%;width:auto}.sample-system img{height:80%;width:120%;max-width:none;object-fit:cover;object-position:top left;transform:rotate(-3deg) translate(5%,9%);border:5px solid #fff;border-radius:7px}.sample figcaption{position:absolute;left:11px;bottom:10px;padding:7px 11px;border-radius:100px;background:#fff;color:#1b5e3b;font:800 9px var(--font);letter-spacing:.09em;text-transform:uppercase}
@media(max-width:700px){.portrait{height:99%}.portrait-shape{right:-220px}.card-visual img{width:260px}.work-samples{grid-template-columns:1fr}.sample{height:205px}.sample-system img{height:68%}}
@media(max-width:430px){.portrait{height:100%}.sample-grid{gap:8px}.sample{height:180px}.sample figcaption{font-size:7px;padding:6px}}

/* Compact partner timeline */
.partner-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin-top:58px}
.partner-timeline:before{content:'';position:absolute;top:62px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#b8d9c4 8%,#b8d9c4 92%,transparent)}
.partner-item{position:relative;text-align:center;min-width:0}
.partner-logo{position:relative;z-index:1;width:124px;height:124px;margin:0 auto 26px;border:8px solid #fff;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 15px 35px #153d2e20,0 0 0 1px #dce9e0;transition:transform .3s,box-shadow .3s}
.partner-item:hover .partner-logo{transform:translateY(-7px) scale(1.025);box-shadow:0 22px 42px #153d2e2b,0 0 0 2px #75d99a}
.partner-logo img{display:block;width:100%;height:100%;object-fit:cover}
.partner-item:first-child .partner-logo img{object-fit:contain;padding:5px}
.partner-copy{padding:0 5px}
.partner-order{display:block;color:#159356;text-transform:uppercase;letter-spacing:.12em;font:800 9px var(--font);margin-bottom:9px}
.partner-copy h3{font:800 18px/1.2 var(--font);letter-spacing:-.04em;margin:0 0 10px}
.partner-role{display:block;min-height:34px;margin:0 auto 9px;max-width:205px;font:700 11px/1.45 var(--font);color:#196f47}
.partner-copy p{font-size:12px;line-height:1.65;color:#65736c;margin:0 auto;max-width:205px}
@media(max-width:900px){.partner-timeline{grid-template-columns:repeat(3,1fr);row-gap:48px}.partner-timeline:before{display:none}}
@media(max-width:700px){.partner-timeline{display:flex;flex-direction:column;gap:0;margin-top:40px}.partner-item{display:grid;grid-template-columns:92px 1fr;gap:20px;text-align:left;padding:0 0 30px;position:relative}.partner-item:not(:last-child):after{content:'';position:absolute;left:45px;top:92px;bottom:0;width:1px;background:#c8dfd0}.partner-logo{width:92px;height:92px;border-width:6px;margin:0}.partner-copy{padding:7px 0 0}.partner-copy p,.partner-role{margin-left:0;margin-right:0;max-width:390px}.partner-role{min-height:0}.partner-copy h3{font-size:19px}}

/* Compact solution cards */
.solution-card{min-height:255px;padding:22px 24px;border-radius:20px}
.solution-card:hover{transform:translateY(-6px)}
.solution-symbol{font-size:35px;height:48px;margin-top:0}
.solution-card h3{margin-bottom:8px}
.solution-card p{line-height:1.58}
.solution-card .tag-row{margin-top:18px}
@media(max-width:700px){.solution-card{min-height:0;padding:22px 24px}}

/* Campaign proof carousel */
.proof-section{background:#f1f6f2;padding-block:96px}
.proof-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:38px}
.proof-heading h2{font:800 clamp(30px,3.3vw,45px)/1.15 var(--font);letter-spacing:-.06em;margin:14px 0 0;max-width:650px}
.proof-heading>p{font-size:14px;line-height:1.75;color:#617168;margin:0 0 5px;max-width:450px}
.proof-carousel{background:#fff;border:1px solid #d9e6dd;border-radius:26px;padding:18px;box-shadow:0 24px 55px #183a2920}
.proof-viewport{overflow:hidden;border-radius:18px}
.proof-track{display:flex;transition:transform .65s cubic-bezier(.22,.75,.24,1)}
.proof-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:34% 66%;height:520px;background:linear-gradient(135deg,#0d3a2e,#082820);color:#fff;overflow:hidden}
.proof-summary{padding:48px 38px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.proof-summary:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #78d99b2d;border-radius:50%;left:-110px;bottom:-150px;box-shadow:0 0 0 55px #69dc9510}
.proof-index{font:700 10px var(--font);letter-spacing:.16em;color:#78dba0;margin-bottom:30px}
.proof-pill{font:800 9px var(--font);letter-spacing:.13em;text-transform:uppercase;background:#3adc7d;color:#083620;padding:8px 11px;border-radius:100px}
.proof-summary h3{font:800 clamp(25px,2.6vw,37px)/1.15 var(--font);letter-spacing:-.055em;margin:20px 0 16px;position:relative;z-index:1}
.proof-summary p{font-size:13px;line-height:1.7;color:#bcd4c7;margin:0;position:relative;z-index:1}
.proof-browser{height:460px;margin:30px 30px 30px 0;background:#f9fbfa;border:1px solid #ffffff30;border-radius:15px;overflow:hidden;box-shadow:0 20px 45px #001a143d;display:flex;flex-direction:column;min-width:0}
.proof-browser-bar{height:38px;flex:0 0 38px;background:#e9efeb;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #d6e0d9}
.proof-browser-bar span{width:7px;height:7px;border-radius:50%;background:#9bb1a3}.proof-browser-bar span:nth-child(1){background:#77d89b}.proof-browser-bar em{font-style:normal;font:700 9px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#718079;margin-left:8px}
.proof-browser img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#fff}
.proof-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 5px 0}
.proof-dots{display:flex;gap:5px;align-items:center}.proof-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#c4d2c9;cursor:pointer;transition:width .25s,background .25s}.proof-dots button.active{width:24px;border-radius:100px;background:#24bf68}
.proof-arrows{display:flex;gap:8px}.proof-arrows button{width:38px;height:38px;border-radius:50%;border:1px solid #d6e2da;background:#fff;color:#184d35;font-size:17px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.proof-arrows button:hover{background:#143d2f;color:#fff;transform:translateY(-2px)}
.proof-note{text-align:center;color:#849088;font-size:10px;margin:18px 0 0}
@media(max-width:900px){.proof-heading{grid-template-columns:1fr;gap:10px}.proof-slide{grid-template-columns:39% 61%;height:475px}.proof-summary{padding:38px 27px}.proof-browser{height:427px;margin:24px 24px 24px 0}}
@media(max-width:700px){.proof-section{padding-block:74px}.proof-heading{margin-bottom:28px}.proof-slide{display:flex;flex-direction:column;height:auto}.proof-summary{padding:30px 25px 24px}.proof-index{margin-bottom:18px}.proof-summary h3{font-size:27px;margin-block:16px 10px}.proof-browser{height:345px;margin:0 12px 12px}.proof-browser img{padding:8px}.proof-carousel{padding:10px;border-radius:20px}.proof-controls{padding-top:12px}.proof-arrows button{width:36px;height:36px}}

/* Darker atmospheric surface and restrained futuristic motion */
body{background:#e5ebe7}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#315b4510 1px,transparent 1px),linear-gradient(90deg,#315b4510 1px,transparent 1px),radial-gradient(circle at 12% 18%,#4dd7861c,transparent 28%),radial-gradient(circle at 88% 72%,#1d72501a,transparent 30%);background-size:72px 72px,72px 72px,auto,auto}
.header{background:rgba(229,235,231,.86);border-color:#183d2d18;box-shadow:0 8px 30px #1634240d}
.hero{background:radial-gradient(circle at 86% 35%,#b9dec5 0,transparent 32%),linear-gradient(145deg,#e8eee9,#dde7e0)}
.solutions,.projects,.footer{background:#edf2ee}
.approach{background:#dce6df}
.process,.contact{background:#dfe7e1}
.proof-section{background:linear-gradient(145deg,#d7e2da,#e4ebe6)}
.solution-card,.project-card,.process-step{background:#f7f9f7;border-color:#cbd8cf}
.solution-card{box-shadow:inset 0 1px 0 #ffffffb8}
.solution-card:hover{background:#fbfcfb;box-shadow:0 22px 45px #14382622,inset 0 1px 0 #fff}
.partner-logo{border-color:#edf2ee}
.contact-panel{box-shadow:0 28px 65px #0c30263b}

.reveal{opacity:0;transform:translateY(38px) scale(.982);filter:blur(9px);transition:opacity .8s cubic-bezier(.22,.75,.24,1),transform .85s cubic-bezier(.22,.75,.24,1),filter .8s ease;will-change:opacity,transform,filter}
.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.solution-card:nth-child(2),.process-step:nth-child(2),.partner-item:nth-child(2){transition-delay:.08s}
.solution-card:nth-child(3),.process-step:nth-child(3),.partner-item:nth-child(3){transition-delay:.16s}
.process-step:nth-child(4),.partner-item:nth-child(4){transition-delay:.24s}
.partner-item:nth-child(5){transition-delay:.32s}

.proof-track{transition:transform .82s cubic-bezier(.16,.82,.25,1)}
.proof-slide{opacity:.34;transform:scale(.972);transition:opacity .55s ease,transform .72s cubic-bezier(.16,.82,.25,1)}
.proof-slide.is-active{opacity:1;transform:scale(1)}
.proof-slide.is-active .proof-summary>*{animation:proofTextIn .72s both cubic-bezier(.2,.75,.25,1)}
.proof-slide.is-active .proof-summary>*:nth-child(2){animation-delay:.06s}.proof-slide.is-active .proof-summary>*:nth-child(3){animation-delay:.12s}.proof-slide.is-active .proof-summary>*:nth-child(4){animation-delay:.18s}
.proof-slide.is-active .proof-browser{animation:proofFrameIn .85s both cubic-bezier(.16,.82,.25,1)}
.proof-carousel{background:#f3f6f4b8;backdrop-filter:blur(16px);border-color:#bfcfc4;box-shadow:0 28px 65px #153b2929,inset 0 1px 0 #ffffffb8}
.proof-arrows button{box-shadow:0 6px 14px #173a2920}
@keyframes proofTextIn{from{opacity:0;transform:translateX(-18px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes proofFrameIn{from{opacity:.35;transform:perspective(900px) rotateY(3deg) translateX(28px) scale(.985)}to{opacity:1;transform:perspective(900px) rotateY(0) translateX(0) scale(1)}}
@media(max-width:700px){body:before{background-size:48px 48px,48px 48px,auto,auto}.reveal{transform:translateY(26px) scale(.99);filter:blur(6px)}.proof-slide.is-active .proof-browser{animation-name:proofFrameInMobile}}
@keyframes proofFrameInMobile{from{opacity:.35;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}

/* Personal introduction */
.about{padding-block:72px;background:#e8eee9}
.about-panel{display:grid;grid-template-columns:130px minmax(0,1fr) 245px;gap:48px;align-items:center;padding:50px 54px;border:1px solid #c4d3c9;border-radius:28px;background:linear-gradient(135deg,#f5f8f5d9,#e8f0eacc);box-shadow:0 22px 55px #153b2917,inset 0 1px 0 #fff}
.about-mark{width:112px;height:112px;border-radius:30px;display:grid;place-items:center;position:relative;background:#103d30;color:#fff;font:800 34px var(--font);letter-spacing:-.08em;box-shadow:0 20px 38px #123d2d2b}
.about-mark span{position:absolute;width:12px;height:12px;border-radius:50%;right:17px;top:17px;background:#39dc7f;box-shadow:0 0 0 7px #39dc7f1f}
.about-copy h2{font:800 clamp(28px,3vw,41px)/1.18 var(--font);letter-spacing:-.055em;margin:14px 0 20px;max-width:760px}
.about-copy p{font-size:14px;line-height:1.75;color:#596860;margin:0 0 12px;max-width:760px}
.about-focus{display:grid;gap:9px}
.about-focus span{padding:13px 15px;border:1px solid #c6d8cc;border-radius:12px;background:#f8faf8;color:#275a42;font:700 11px/1.4 var(--font)}
.process-step h3{min-height:42px}
@media(max-width:900px){.about-panel{grid-template-columns:100px 1fr;gap:30px}.about-mark{width:94px;height:94px;border-radius:25px}.about-focus{grid-column:2;grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.about{padding-block:60px}.about-panel{grid-template-columns:1fr;padding:34px 26px;gap:25px}.about-mark{width:76px;height:76px;border-radius:21px;font-size:26px}.about-mark span{width:9px;height:9px;right:12px;top:12px}.about-copy h2{font-size:30px}.about-focus{grid-column:auto;grid-template-columns:1fr}.process-step h3{min-height:0}}

/* Digital projects */
.digital-projects{background:#dfe7e1;overflow:hidden}
.digital-projects-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:42px}
.digital-projects-heading h2{font:800 clamp(32px,3.6vw,48px)/1.16 var(--font);letter-spacing:-.06em;margin:15px 0 0;max-width:680px}
.digital-projects-heading>p{font-size:14px;line-height:1.75;color:#5f6f66;margin:0 0 5px;max-width:440px}
.project-selector{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px}
.digital-project-card{width:214px;padding:9px;border:1px solid #c7d5cc;border-radius:21px;background:#f4f7f4;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 10px 28px #17382910;transition:transform .3s,border-color .3s,box-shadow .3s}
.digital-project-card:hover,.digital-project-card.active{transform:translateY(-5px);border-color:#5aa777;box-shadow:0 18px 36px #1738291e}
.digital-project-card:focus-visible{outline:3px solid #36cf78;outline-offset:4px}
.digital-project-cover{height:145px;border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden}
.exxtok-cover{background:radial-gradient(circle at 72% 24%,#82643d 0,transparent 34%),linear-gradient(145deg,#493124,#241b17)}
.exxtok-cover:before,.exxtok-cover:after{content:'';position:absolute;border:1px solid #d5ae6c24;border-radius:50%}.exxtok-cover:before{width:190px;height:190px;right:-80px;top:-95px}.exxtok-cover:after{width:115px;height:115px;left:-57px;bottom:-62px}
.cover-glow{position:absolute;width:95px;height:95px;border-radius:50%;background:#d9ab6252;filter:blur(35px)}
.exxtok-symbol{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;position:relative;z-index:2;background:#171513;border:1px solid #cda85c66;box-shadow:0 16px 28px #09060455,inset 0 1px 0 #ffffff12}
.exxtok-symbol svg{width:39px;height:39px;fill:#d3ac67;stroke:#f1d698;stroke-width:1.5;stroke-linejoin:round}
.adimpro-cover{background:radial-gradient(circle at 72% 24%,#1a774b 0,transparent 35%),linear-gradient(145deg,#15251f,#0d1311)}
.adimpro-cover:before,.adimpro-cover:after{content:'';position:absolute;border:1px solid #30d88021;border-radius:50%}.adimpro-cover:before{width:190px;height:190px;right:-80px;top:-95px}.adimpro-cover:after{width:115px;height:115px;left:-57px;bottom:-62px}
.adimpro-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:#23d57842;filter:blur(36px)}
.adimpro-symbol{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;position:relative;z-index:2;background:#101714;border:1px solid #33da8561;box-shadow:0 16px 28px #02090766,inset 0 1px 0 #ffffff12}
.adimpro-symbol svg{width:39px;height:39px;fill:#1b4834;stroke:#40e38d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.shoplink-cover{background:radial-gradient(circle at 72% 24%,#3979ee 0,transparent 36%),linear-gradient(145deg,#172e5c,#0c1730)}
.shoplink-cover:before,.shoplink-cover:after{content:'';position:absolute;border:1px solid #78a7ff2b;border-radius:50%}.shoplink-cover:before{width:190px;height:190px;right:-80px;top:-95px}.shoplink-cover:after{width:115px;height:115px;left:-57px;bottom:-62px}
.shoplink-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:#4c8cff52;filter:blur(36px)}
.shoplink-symbol{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;position:relative;z-index:2;background:#0c1830;border:1px solid #78a7ff61;box-shadow:0 16px 28px #02081766,inset 0 1px 0 #ffffff12}
.shoplink-symbol svg{width:38px;height:38px;fill:none;stroke:#75a8ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.cover-brand-logo{position:relative;z-index:2;display:grid;place-items:center;filter:drop-shadow(0 13px 16px #02070670);animation:brand-float 5s ease-in-out infinite}
.cover-brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.cover-brand-logo-square{width:76px;height:76px;mix-blend-mode:screen}
.cover-brand-logo-square img{border-radius:19px}
.cover-brand-logo-wide{width:148px;height:60px;mix-blend-mode:screen}
.cover-brand-logo-adimpro img{transform:scale(1.05)}
.cover-brand-logo-shoplink{width:142px}
.cover-brand-logo-shoplink img{transform:scale(1.04)}
@keyframes brand-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
.sites-cover{background:radial-gradient(circle at 72% 24%,#8b5cf6 0,transparent 36%),linear-gradient(145deg,#302054,#161128)}
.sites-cover:before,.sites-cover:after{content:'';position:absolute;border:1px solid #bca1ff2b;border-radius:50%}.sites-cover:before{width:190px;height:190px;right:-80px;top:-95px}.sites-cover:after{width:115px;height:115px;left:-57px;bottom:-62px}
.sites-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:#986dff4f;filter:blur(36px)}
.sites-symbol{width:68px;height:68px;display:grid;place-items:center;position:relative;z-index:2;filter:drop-shadow(0 13px 16px #09041670);animation:brand-float 5s ease-in-out infinite}
.sites-symbol svg{width:39px;height:39px;fill:none;stroke:#c4acff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.digital-project-card[data-project="sites"] .digital-project-name strong{font-size:14px}
.cover-label{position:absolute;left:14px;bottom:12px;color:#e7d4af;font:700 8px var(--font);letter-spacing:.16em;text-transform:uppercase;z-index:2}
.digital-project-name{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 7px 8px}
.digital-project-name strong{font:800 17px var(--font);letter-spacing:-.04em}.digital-project-name small{color:#66766d;font-size:9px;font-weight:700}.digital-project-card.active .digital-project-name small{color:#168c50}
.digital-project-card.active .digital-project-name small span{display:inline-block;transform:rotate(180deg)}
.project-detail{display:none;grid-template-columns:.75fr 1.25fr;gap:45px;padding:48px;border:1px solid #c1d2c7;border-radius:28px;background:#f4f7f4;box-shadow:0 28px 65px #153b291f,inset 0 1px 0 #fff}
.project-detail.open{display:grid;animation:projectOpen .62s both cubic-bezier(.2,.78,.24,1)}
.project-detail-copy{padding:10px 0}.project-detail-type{font:800 10px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#a4783d}
.adimpro-detail .project-detail-type{color:#168c50}
.shoplink-detail .project-detail-type{color:#3977df}
.sites-detail .project-detail-type{color:#7651c8}
.project-detail-copy h3{font:800 clamp(27px,3vw,39px)/1.18 var(--font);letter-spacing:-.055em;margin:16px 0 22px}
.project-detail-copy p{font-size:14px;line-height:1.75;color:#5c6c63;margin:0 0 14px}
.project-features{list-style:none;padding:0;margin:27px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.project-features li{padding:8px 11px;border-radius:100px;background:#e3eee7;color:#296147;font-size:10px;font-weight:700}
.project-gallery{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
.system-shot{margin:0;border:1px solid #d6ded9;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 30px #31201514;transition:transform .3s,box-shadow .3s}
.system-shot:hover{transform:translateY(-5px);box-shadow:0 22px 36px #31201520}
.system-shot-main{grid-column:auto}
.system-shot-bar{height:33px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#38261c;color:#d9c08e}
.system-shot-bar span{width:6px;height:6px;border-radius:50%;background:#cda65e}.system-shot-bar span:nth-child(2){opacity:.65}.system-shot-bar span:nth-child(3){opacity:.38}
.system-shot-bar em{margin-left:7px;font:700 8px var(--font);font-style:normal;letter-spacing:.09em;text-transform:uppercase}
.adimpro-shot .system-shot-bar{background:#101713;color:#6be5a1}.adimpro-shot .system-shot-bar span{background:#31d77a}
.shoplink-shot .system-shot-bar{background:#12254b;color:#a9c7ff}.shoplink-shot .system-shot-bar span{background:#4f8ff7}
.sites-shot .system-shot-bar{background:#251743;color:#d0bfff}.sites-shot .system-shot-bar span{background:#9f7aea}
.shoplink-gallery{grid-template-columns:1fr 1fr}.shoplink-gallery .system-shot img{aspect-ratio:16/9}
.system-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.system-shot figcaption{padding:10px 12px;color:#6c776f;font-size:9px;line-height:1.4}
@keyframes projectOpen{from{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:none}}
@media(max-width:900px){.digital-projects-heading{grid-template-columns:1fr;gap:12px}.project-detail{grid-template-columns:1fr;padding:36px}.project-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.digital-projects-heading{margin-bottom:30px}.project-selector{overflow-x:auto;flex-wrap:nowrap;padding:3px 3px 16px;margin-inline:-3px}.digital-project-card{min-width:190px;width:190px}.digital-project-cover{height:132px}.project-detail{padding:26px 18px;border-radius:22px;gap:28px}.project-gallery,.shoplink-gallery{grid-template-columns:1fr}.system-shot-main{grid-column:auto}.project-detail-copy h3{font-size:29px}.system-shot figcaption{font-size:10px}}
.whatsapp-button{gap:12px;padding-block:13px;text-align:left}
.whatsapp-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.whatsapp-button>span{display:grid;gap:2px;line-height:1.15}
.whatsapp-button small{font-size:10px;font-weight:700;letter-spacing:.04em;opacity:.72}

/* Project image carousels */
.project-gallery,.shoplink-gallery{display:block;min-width:0}
.project-gallery-viewport{overflow:hidden;border-radius:16px}
.project-gallery-track{display:flex;align-items:stretch;transition:transform .72s cubic-bezier(.16,.82,.25,1);will-change:transform}
.project-gallery .system-shot{flex:0 0 100%;width:100%;margin:0;transform:none}
.project-gallery .system-shot:hover{transform:none}
.project-gallery .system-shot img,.shoplink-gallery .system-shot img{aspect-ratio:16/9;object-fit:cover;object-position:top}
.project-gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0}
.project-gallery-dots{display:flex;align-items:center;gap:5px}
.project-gallery-dots button{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#bdcbc2;cursor:pointer;transition:width .25s,background .25s}
.project-gallery-dots button.active{width:23px;border-radius:20px;background:#24bd68}
.project-gallery-arrows{display:flex;gap:7px}
.project-gallery-arrows button{width:36px;height:36px;border:1px solid #ccd9d0;border-radius:50%;background:#fff;color:#194c35;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.project-gallery-arrows button:hover{background:#143d2f;color:#fff;transform:translateY(-2px)}