:root{--ink:#07140f;--surface:#0a1914;--green:#31e981;--paper:#f2f6f4;--white:#fff;--muted:#a9b7b0;--line:#ced8d2;--serif:"DM Serif Display",Georgia,serif;--sans:Manrope,Arial,sans-serif;--radius:22px;--shadow:0 24px 80px rgba(4,18,12,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:125px 0}.dark-section{background:var(--ink);color:white}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;background:var(--green);padding:10px 16px;transform:translateY(-150%);transition:.2s}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(7,20,15,.7);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);transition:.25s}.site-header.scrolled{background:rgba(7,20,15,.96)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand-name{font-family:var(--serif);font-size:25px;letter-spacing:.01em;color:white}.brand-name em{font-style:normal;color:var(--green)}.brand-sub{color:white;font-size:7px;letter-spacing:.32em;margin-top:7px;font-weight:800}.main-nav{display:flex;align-items:center;gap:30px;color:#dbe5df;font-size:13px;font-weight:600}.main-nav>a:not(.button){position:relative}.main-nav>a:not(.button):after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--green);transition:.2s}.main-nav>a:hover:after,.main-nav>a:focus-visible:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:var(--ink);border:0;border-radius:100px;padding:16px 24px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(49,233,129,.24)}.button-small{padding:11px 18px;gap:12px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:10px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:white;margin:5px 0}.hero{min-height:820px;padding:165px 0 65px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -50% 40%;height:500px;background:radial-gradient(circle,rgba(49,233,129,.12),transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:800;font-size:11px;color:#3c584b;margin:0 0 20px}.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--green);vertical-align:middle;margin-right:12px}.eyebrow.light{color:#b8c7c0}.hero h1,.section h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.02;margin:0}.hero h1{font-size:clamp(56px,6.2vw,92px)}.hero h1 span,.section h2 span,.about h2 span,.contact-copy h2 span{color:var(--green)}.hero-lead{max-width:610px;font-size:18px;line-height:1.7;color:#c1cdc7;margin:30px 0 35px}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #597066;padding:8px 0}.text-link span{color:var(--green);margin-left:8px}.hero-notes{display:flex;gap:18px;margin-top:65px;color:#93a49c;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero-notes span+span:before{content:"·";margin-right:18px;color:var(--green)}.studio-visual{height:590px;position:relative}.browser-mock{position:absolute;z-index:2;left:0;top:40px;width:88%;border:7px solid #162b22;border-radius:17px;background:#f5f7f5;box-shadow:var(--shadow);transform:rotate(-2deg);overflow:hidden}.browser-bar{height:38px;background:#e9eeeb;display:flex;align-items:center;gap:7px;padding:0 13px;color:#748078;font-size:8px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#bac5bf}.browser-bar span{margin:auto;background:white;border-radius:10px;padding:3px 48px}.browser-body{height:340px;color:var(--ink);padding:25px;background:linear-gradient(120deg,#f7faf8 68%,#dfffea 68%);position:relative;overflow:hidden}.mini-nav{display:flex;gap:18px;align-items:center}.mini-nav b{font-family:var(--serif);font-size:12px;margin-right:auto}.mini-nav b em{color:#15b963;font-style:normal}.mini-nav span{width:34px;height:3px;background:#ced8d1}.browser-body>p{font-size:7px;letter-spacing:.18em;margin-top:56px}.browser-body h2{font-size:35px;line-height:1.05}.browser-body h2 em{color:#13bd65;font-style:normal}.mini-button{width:80px;height:18px;background:var(--ink);border-radius:12px;margin-top:18px}.mini-card{position:absolute;border:1px solid #98aa9e}.mini-card.one{width:130px;height:95px;right:22px;bottom:24px;background:var(--green)}.mini-card.two{width:88px;height:65px;right:125px;bottom:8px;background:var(--ink)}.social-mock{position:absolute;z-index:4;right:0;bottom:15px;width:230px;background:white;color:var(--ink);padding:14px;border-radius:20px;box-shadow:0 26px 70px rgba(0,0,0,.3);transform:rotate(4deg)}.social-top{display:flex;align-items:center;gap:8px;font-size:8px;margin-bottom:10px}.social-top>span:last-child{margin-left:auto}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--green);font-size:7px}.social-art{aspect-ratio:1;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--serif);font-size:36px}.social-art em{color:var(--green);font-style:normal;margin-left:6px}.social-art small{position:absolute;bottom:18px;font:600 6px var(--sans);letter-spacing:.12em}.social-meta{display:flex;gap:10px;padding-top:10px;font-size:13px}.social-meta b{margin-left:auto}.floating-tag{position:absolute;z-index:5;padding:9px 15px;background:var(--green);color:var(--ink);font-size:8px;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 20px rgba(0,0,0,.18)}.tag-a{left:-12px;top:360px;transform:rotate(-7deg)}.tag-b{right:10px;top:80px;transform:rotate(5deg)}.orbit{position:absolute;border:1px solid rgba(49,233,129,.15);border-radius:50%}.orbit-one{inset:0 20px 20px 20px}.orbit-two{inset:80px -40px 100px 100px}.scroll-cue{position:absolute;left:calc(50% - 590px);bottom:30px;color:#789086;font-size:9px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.scroll-cue span{height:38px;width:1px;background:var(--green)}.section-heading{max-width:770px;margin-bottom:65px}.section-heading h2,.why h2,.about h2,.contact-copy h2{font-size:clamp(43px,5vw,69px)}.section-heading>p:last-child{max-width:650px;color:#516158;font-size:17px}.featured-services{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-feature{background:white;border-radius:var(--radius);padding:40px;position:relative;border:1px solid #dce4df;min-height:590px;box-shadow:0 20px 60px rgba(7,20,15,.06)}.service-feature.green-card{background:var(--green);border-color:var(--green)}.service-number{font:400 74px var(--serif);color:#d9e0dc}.green-card .service-number{color:rgba(7,20,15,.25)}.service-icon{position:absolute;top:43px;right:43px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--green)}.service-icon svg,.mini-service svg,.reason svg,.whatsapp svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.service-feature h3{font:400 38px var(--serif);margin:30px 0 14px}.service-feature p{color:#526159;max-width:480px}.green-card p{color:#193d2d}.service-feature ul{list-style:none;padding:0;margin:28px 0 35px;display:grid;gap:10px}.service-feature li:before{content:"↗";margin-right:10px;font-weight:800}.service-feature>a{font-size:13px;font-weight:800;border-bottom:1px solid;padding-bottom:5px}.service-feature>a span{margin-left:8px}.support-heading{display:flex;align-items:end;justify-content:space-between;margin:95px 0 28px}.support-heading p{margin:0}.support-heading>p:last-child{color:#596b62;font-size:14px}.service-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.mini-service{padding:28px;min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.mini-service:hover{background:white;transform:translateY(-4px);box-shadow:var(--shadow)}.mini-service>span{font-size:10px;color:#729080}.mini-service svg{display:block;color:#159d55;margin:40px 0 32px}.mini-service h3{font:400 23px var(--serif);line-height:1.15}.mini-service p{font-size:13px;color:#637269}.why{padding:130px 0}.why-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;border-bottom:1px solid #274036;padding-bottom:70px}.why-intro .eyebrow{grid-column:1/-1;margin:0}.why-intro p:last-child{color:#a8b8b0;max-width:450px}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr)}.reason{position:relative;padding:48px 30px 10px;border-right:1px solid #243c32;min-height:290px}.reason:first-child{padding-left:0}.reason:last-child{border:0}.reason b{font-size:9px;color:#618074}.reason svg{display:block;width:28px;height:28px;fill:none;stroke:var(--green);stroke-width:1.3;margin:42px 0 36px}.reason h3{font:400 25px var(--serif)}.reason p{color:#9eb0a7;font-size:13px}.section-heading.row{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;align-items:end}.section-heading.row>p{padding-bottom:5px}.portfolio-await{display:grid;grid-template-columns:1.3fr .7fr;min-height:490px;background:white;box-shadow:var(--shadow)}.portfolio-canvas{background:var(--ink);color:white;position:relative;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(rgba(49,233,129,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(49,233,129,.05) 1px,transparent 1px);background-size:38px 38px}.folio-mark{font:400 clamp(50px,8vw,100px) var(--serif)}.folio-mark em{color:var(--green);font-style:normal}.portfolio-canvas p{position:absolute;bottom:30px;left:32px;font-size:9px;letter-spacing:.2em}.corner{position:absolute;width:80px;height:80px}.c1{top:30px;left:30px;border-top:1px solid var(--green);border-left:1px solid var(--green)}.c2{right:30px;bottom:30px;border-right:1px solid var(--green);border-bottom:1px solid var(--green)}.portfolio-message{padding:60px 45px;display:flex;flex-direction:column;justify-content:center}.portfolio-message h3{font:400 34px var(--serif);line-height:1.1}.portfolio-message>p:not(.eyebrow){color:#637168}.text-link.dark{align-self:flex-start;margin-top:20px;border-color:#a2b1a9}.process{padding-top:90px}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-list:before{content:"";position:absolute;top:52px;left:0;right:0;height:1px;background:#bdc9c2}.process-list li{padding-right:45px;position:relative}.process-list li>span{font:400 40px var(--serif);color:#a4b2aa}.process-dot{width:11px;height:11px;border-radius:50%;background:var(--green);border:3px solid var(--paper);outline:1px solid #65d596;margin:22px 0 45px}.process-list h3{font:400 28px var(--serif)}.process-list p{font-size:13px;color:#607067}.about{padding:130px 0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.about-art{height:560px;border:1px solid #294138;position:relative;overflow:hidden;background:linear-gradient(145deg,#10271e,#07140f)}.big-be,.big-nice{position:absolute;font:400 155px/1 var(--serif)}.big-be{left:-10px;top:65px}.big-nice{right:-24px;top:210px;color:var(--green)}.about-label{position:absolute;left:40px;bottom:42px;font-size:11px;letter-spacing:.19em;color:#93a79e}.about-cross{position:absolute;right:40px;top:35px;color:var(--green);font-size:38px;font-weight:200}.about-copy>p:not(.eyebrow){color:#b7c5be;margin:20px 0}.founders{border-top:1px solid #2a4037;margin-top:38px;padding-top:25px;display:flex;justify-content:space-between}.founders span{color:#869b91;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.founders strong{font-family:var(--serif);font-size:21px;font-weight:400}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.section-heading.sticky{position:sticky;top:130px;align-self:start}.accordion details{border-bottom:1px solid #bdc9c2;padding:25px 0}.accordion summary{list-style:none;cursor:pointer;font:400 22px var(--serif);display:flex;justify-content:space-between;gap:15px}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{width:24px;height:24px;position:relative;flex:none}.accordion summary span:before,.accordion summary span:after{content:"";position:absolute;top:12px;left:4px;width:16px;height:1px;background:var(--ink);transition:.2s}.accordion summary span:after{transform:rotate(90deg)}.accordion details[open] summary span:after{transform:rotate(0)}.accordion details p{color:#596a61;font-size:14px;max-width:620px;padding-right:30px}.contact-section{background:var(--green);padding:125px 0}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.contact-copy h2{margin:0;font-family:var(--serif);font-weight:400;line-height:1.02}.contact-copy h2 span{color:white}.contact-copy>p:not(.eyebrow){font-size:17px;max-width:440px}.contact-note{margin:50px 0;display:grid;grid-template-columns:32px 1fr;gap:15px}.contact-note span{font-size:10px;font-weight:800;border:1px solid var(--ink);width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.contact-note p{margin:0 0 8px;font-size:13px}.whatsapp{display:inline-flex;align-items:center;gap:13px;border:1px solid rgba(7,20,15,.35);padding:13px 17px;border-radius:10px}.whatsapp.disabled{opacity:.62;cursor:not-allowed}.whatsapp small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.contact-form{background:white;padding:45px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:11px;font-weight:800;margin-bottom:21px}.contact-form label>span,.contact-form label>b{color:#0da954}.contact-form label small{font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #bbc8c1;background:#f8faf9;padding:12px 13px;margin-top:7px;outline:none;color:var(--ink);border-radius:4px 4px 0 0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0aaa55;box-shadow:0 2px 0 #0aaa55}.contact-form [aria-invalid=true]{border-color:#c13737;background:#fff8f8}.contact-form textarea{resize:vertical}.check{display:grid!important;grid-template-columns:18px 1fr;gap:9px;align-items:start;font-weight:500!important;line-height:1.45}.check input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--ink)}.check a{text-decoration:underline}.dark-button{background:var(--ink);color:white}.form-status{font-size:13px;color:#9b2929}.form-help{display:block;margin-top:13px;color:#65766d}.footer{padding:80px 0 30px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.3fr;gap:50px;padding-bottom:65px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-brand{margin-bottom:15px}.footer-top p{color:#a1b2aa}.footer-top h3{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#7f978c}.footer-top a,.footer-top span{font-size:13px;color:#bcc9c3}.footer-top a:hover{color:var(--green)}.footer-top .muted{color:#647a70}.footer-bottom{border-top:1px solid #233a30;padding-top:28px;display:grid;grid-template-columns:1fr auto 40px;align-items:center;gap:25px;color:#80958b;font-size:10px}.footer-bottom div{display:flex;gap:25px}.footer-bottom>a{width:38px;height:38px;border:1px solid #365044;border-radius:50%;display:grid;place-items:center;color:var(--green)}.svg-sprite{position:absolute;width:0;height:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.shell{width:min(100% - 32px,700px)}.section{padding:90px 0}.main-nav{position:absolute;left:0;right:0;top:88px;background:var(--ink);padding:24px;display:none;flex-direction:column;align-items:stretch;border-top:1px solid #233a30}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{padding-top:145px}.hero-grid,.why-intro,.section-heading.row,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero h1{font-size:58px}.studio-visual{height:510px}.scroll-cue{display:none}.featured-services{grid-template-columns:1fr}.service-mini-grid{grid-template-columns:1fr 1fr}.reason-grid{grid-template-columns:1fr 1fr}.reason:nth-child(2){border:0}.portfolio-await{grid-template-columns:1fr}.portfolio-canvas{min-height:380px}.process-list{grid-template-columns:1fr 1fr;gap:50px}.process-list:before{display:none}.process-dot{margin:15px 0 20px}.about-art{height:480px}.faq-grid{gap:30px}.section-heading.sticky{position:static}.contact-grid{gap:50px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr auto}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.header-inner{height:76px}.main-nav{top:76px}.hero{min-height:auto;padding:125px 0 60px}.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-notes{margin-top:40px;gap:10px}.hero-notes span+span:before{margin-right:10px}.studio-visual{height:390px}.browser-mock{width:95%;border-width:5px}.browser-body{height:245px}.browser-body h2{font-size:25px}.browser-body>p{margin-top:32px}.social-mock{width:160px}.social-art{font-size:25px}.tag-a{top:280px}.section-heading h2,.why h2,.about h2,.contact-copy h2{font-size:43px}.service-feature{padding:26px;min-height:auto}.service-number{font-size:55px}.service-icon{top:28px;right:25px}.service-feature h3{font-size:32px}.support-heading{align-items:flex-start;flex-direction:column;gap:8px}.service-mini-grid,.reason-grid,.process-list{grid-template-columns:1fr}.reason{border:0;border-bottom:1px solid #243c32!important;padding-left:0}.portfolio-message{padding:38px 25px}.about-grid{gap:45px}.about-art{height:400px}.big-be,.big-nice{font-size:110px}.big-nice{top:185px}.form-row{grid-template-columns:1fr}.contact-form{padding:28px 20px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom div{grid-row:2}.footer-bottom>a{grid-column:2;grid-row:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.price-tag{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:12px;margin:25px 0 5px;padding:17px 18px;border-left:3px solid var(--green);background:var(--paper)}.price-tag span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#526159}.price-tag strong{grid-row:1/3;grid-column:2;font:400 42px/1 var(--serif);justify-self:end}.price-tag small{font-size:10px;color:#718078}