:root{--ink:#132e2a;--muted:#60716d;--acid:#d7ff3f;--paper:#f5f5ef;--line:#d6ddd7;--coral:#ff715b;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 15px/1.6 Manrope,Arial,sans-serif}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:8px;z-index:20}.header{height:92px;display:flex;align-items:center;background:rgba(245,245,239,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}.brand img{width:100px;height:32px;object-fit:contain}.brand span{font:500 8px/1 DM Mono,monospace;letter-spacing:.12em;color:#77817d}.nav{display:flex;align-items:center;gap:28px}.nav a{color:var(--ink);text-decoration:none;font-size:13px}.nav .nav-cta{background:var(--ink);color:white;border-radius:100px;padding:11px 16px;margin-left:9px}.nav-cta b{color:var(--acid);font-size:17px;margin-left:7px}.menu-button{display:none}.hero{overflow:hidden;padding:72px 0 31px;min-height:650px;background:radial-gradient(circle at 80% 20%,#e2f5e0 0,transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:32px}.eyebrow,.section-label{font:500 11px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:#70817b}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{width:8px;height:8px;background:var(--coral);border-radius:50%}.hero h1,.statement h2,.section-head h2,.process h2,.work h2,.contact h2{font-size:clamp(44px,5.1vw,74px);line-height:1.03;letter-spacing:-.065em;margin:21px 0 24px;font-weight:700}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#ea6b56}.lead{font-size:18px;line-height:1.65;max-width:510px;color:#40534e}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:20px;text-decoration:none;border-radius:100px;padding:14px 19px;font-weight:700}.button-primary{color:var(--ink);background:var(--acid)}.button-primary span{font-size:20px}.text-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{color:#e75d4b;margin-left:6px}.hero-visual{height:460px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:285px;height:285px;background:var(--acid);top:14px;right:74px}.orb-two{width:115px;height:115px;background:var(--coral);bottom:3px;left:63px}.interface-card{position:absolute;background:#fff;box-shadow:0 28px 60px #17372b2b}.dashboard{width:424px;height:285px;right:0;top:69px;border-radius:13px;padding:10px}.window-top{height:23px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #edf1ef}.window-top span{width:5px;height:5px;border-radius:50%;background:#dce4df}.window-top b{font:400 7px DM Mono,monospace;margin-left:8px;color:#8b9691}.dash-content{height:230px;display:flex}.dash-content aside{width:43px;border-right:1px solid #edf1ef;padding:13px 10px}.mini-logo{width:20px;height:20px;border-radius:5px;background:var(--ink);color:var(--acid);font:bold 12px Georgia;padding:1px 5px;margin-bottom:18px}.dash-content aside i{display:block;width:16px;height:3px;background:#e4ebe7;margin:12px 0;border-radius:5px}.dash-main{padding:15px 17px;flex:1}.dash-title{display:flex;justify-content:space-between}.dash-title small,.metrics small,.chart small{display:block;font-size:8px;color:#84908b}.dash-title strong{display:block;font-size:14px}.dash-title button{border:0;background:var(--ink);color:#fff;border-radius:5px;font-size:8px;height:24px;padding:0 8px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.metrics div{background:#f4f7f5;border-radius:7px;padding:9px}.metrics strong{display:block;font-size:19px;line-height:1.2}.metrics b{font-size:7px;color:#40a068}.chart{border:1px solid #edf1ef;border-radius:7px;padding:8px;color:#2ba46a}.chart-head{display:flex;justify-content:space-between;font-size:8px;color:var(--ink)}.chart svg{width:100%;height:72px}.mobile{width:166px;height:320px;bottom:-9px;left:18px;border:6px solid #173e35;border-radius:23px;padding:13px 10px}.phone-notch{width:55px;height:10px;background:#173e35;border-radius:0 0 8px 8px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.mobile-content{padding-top:7px}.mobile-content>small{font:600 8px DM Mono}.hello{margin-top:28px}.hello span,.mobile-chart small{display:block;font-size:9px;color:#7c8984}.hello strong{font-size:15px;line-height:1.2;display:block}.mobile-chart{background:#eff8df;border-radius:12px;margin:17px 0;padding:12px;color:#5a8a2f}.mobile-chart b{display:block;font-size:17px;color:var(--ink)}.mobile-chart svg{display:block;width:100%;height:38px;margin-top:7px}.task-row{display:flex;gap:7px;font-size:9px;margin:9px 0}.task-row i{font-style:normal;background:#dff5cf;color:#5f9b32;border-radius:50%;width:14px;text-align:center}.floating-tag{position:absolute;right:26px;bottom:21px;background:var(--ink);color:#effbf1;padding:13px 17px;border-radius:10px;font:10px/1.35 DM Mono,monospace;transform:rotate(-5deg)}.floating-tag b{color:var(--acid)}.trust-row{margin-top:61px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:#76837d;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.scroll-cue span{color:var(--coral);font-size:16px;margin-left:8px}.statement{padding:150px 0;display:grid;grid-template-columns:1fr 2fr;gap:20px}.statement h2{font-size:clamp(35px,4.2vw,59px);margin:0}.statement div>p{color:var(--muted);font-size:17px;max-width:430px;margin:29px 0 0}.services{background:var(--ink);color:#fff;padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:start}.section-head h2{margin:0;font-size:clamp(38px,4.7vw,62px)}.services .section-label{color:#9baaa4}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid #39534c}.service-card{position:relative;padding:29px 24px 24px 0;min-height:286px;border-right:1px solid #39534c;margin-right:24px;display:flex;flex-direction:column}.service-card:last-child{border:0}.service-icon{width:40px;height:40px;border:1px solid #73847e;border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:20px}.service-card>span{position:absolute;right:20px;top:31px;font:10px DM Mono;color:#9baaa4}.service-card h3{font-size:21px;margin:44px 0 8px}.service-card p{margin:0;color:#b9c7c1;font-size:13px;line-height:1.65}.service-card a{margin-top:auto;color:var(--acid);font-size:12px;text-decoration:none}.service-card a b{font-size:15px;margin-left:6px}.process{padding:143px 0 120px}.process-title{display:flex;justify-content:space-between;align-items:end}.process h2{font-size:clamp(38px,4.7vw,62px);margin:12px 0 45px}.process-title p{max-width:260px;color:var(--muted);font-size:14px;margin-bottom:54px}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.process li{padding:26px 22px 0 0}.process li+li{border-left:1px solid var(--line);padding-left:22px}.process li b{font:10px DM Mono;color:#e36753}.process li h3{font-size:18px;margin:33px 0 4px}.process li p{font-size:13px;color:var(--muted);margin:0}.work{padding:112px 0;background:#e9ece4}.work-heading{display:flex;justify-content:space-between}.work h2{font-size:clamp(38px,4.7vw,62px);margin:12px 0 61px}.work-heading>p{max-width:305px;color:var(--muted);font-size:14px;margin-top:33px}.project-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.project-art{height:300px;position:relative;padding:27px;overflow:hidden;display:flex;flex-direction:column;font-weight:800}.project-large .project-art{height:360px}.project-art span{font-size:clamp(26px,3vw,46px);letter-spacing:-.08em;z-index:1}.project-art small{font:10px DM Mono;letter-spacing:.16em;z-index:1}.project-art i{font-style:normal;position:absolute}.art-yade{background:#d04a39;color:#f7c5a4}.art-yade i{height:260px;width:260px;border:42px solid #e56e51;border-radius:50%;right:-72px;bottom:-139px}.art-ragno{background:#161d1c;color:#d8ff35}.art-ragno i{right:12px;bottom:-20px;font:200px Georgia;color:#d8ff35;opacity:.88}.art-human{background:#f4efdd;color:#163e36}.art-human i{font-size:170px;right:-22px;bottom:-66px;color:#ddff32}.project-meta{display:flex;justify-content:space-between;padding:15px 0 6px}.project-meta h3{margin:0;font-size:15px}.project-meta p{font-size:11px;color:var(--muted);margin:2px 0}.project-meta>b{font:10px DM Mono;color:#909a95}.portfolio-note{font-size:13px;color:var(--muted);max-width:670px;margin:39px 0 0}.contact{background:var(--acid);padding:120px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px}.contact h2{font-size:clamp(39px,4.6vw,63px);margin:14px 0 25px}.contact h2 em{color:#d05243}.contact-copy{max-width:460px;color:#3c5939;font-size:16px}.contact-panel{padding-top:31px}.contact-panel>p{font:10px DM Mono;text-transform:uppercase;color:#506b42}.contact-number{font-size:clamp(23px,2.5vw,35px);display:block;color:var(--ink);text-decoration:none;letter-spacing:-.05em;margin:15px 0 12px}.contact-mail{color:var(--ink);text-decoration:none;border-bottom:1px solid #799f26;padding-bottom:10px;display:flex;justify-content:space-between}.contact-mail span{font-size:21px}.contact-address{display:flex;justify-content:space-between;margin-top:69px;padding-top:16px;border-top:1px solid #a9cf31;font:10px/1.6 DM Mono}.contact-address small{text-align:right}footer{background:var(--ink);color:#b8c4be;padding:24px 0}footer .container{display:flex;align-items:center;justify-content:space-between}footer .brand{filter:grayscale(1) brightness(3)}footer p,footer>a{font-size:10px;color:#a3b1ab;text-decoration:none}.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:780px){.container{width:min(100% - 36px,1180px)}.header{height:74px}.nav{display:none;position:absolute;top:66px;left:18px;right:18px;background:var(--ink);border-radius:14px;padding:16px;flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav a{color:white;padding:10px}.nav .nav-cta{margin:5px 0 0;text-align:center;background:var(--acid);color:var(--ink)}.menu-button{display:flex;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px}.menu-button i{display:block;height:2px;background:var(--ink);width:20px;margin-left:auto}.hero{padding-top:57px}.hero-grid,.statement,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.lead{font-size:16px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-visual{height:355px;margin-top:16px}.dashboard{width:min(90%,385px);height:255px;top:34px}.mobile{transform:scale(.82);transform-origin:bottom left;bottom:-4px}.orb-one{width:210px;height:210px;right:0}.floating-tag{right:0;bottom:11px}.trust-row{margin-top:34px}.trust-row p{max-width:260px}.scroll-cue{display:none}.statement{padding:88px 0;gap:34px}.statement h2{font-size:39px}.services{padding:74px 0}.section-head{display:block}.service-grid{grid-template-columns:1fr 1fr;margin-top:43px}.service-card{min-height:250px;margin-right:14px;padding-right:14px}.service-card:nth-child(2){border:0}.service-card:nth-child(3){border-top:1px solid #39534c}.process{padding:88px 0}.process-title{display:block}.process h2{font-size:40px;margin-bottom:21px}.process-title p{margin-bottom:34px}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(3),.process li:nth-child(4){border-top:1px solid var(--line);margin-top:25px;padding-top:26px}.process li:nth-child(3){border-left:0;padding-left:0}.work{padding:74px 0}.work-heading{display:block}.work h2{font-size:40px;margin-bottom:26px}.work-heading>p{margin:0 0 31px}.project-grid{grid-template-columns:1fr}.project-art,.project-large .project-art{height:260px}.contact{padding:77px 0}.contact h2{font-size:40px}.contact-panel{padding-top:0}.contact-address{margin-top:40px}footer .container{gap:16px;align-items:flex-start;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}