:root{--bg:#080b08;--surface:#10150f;--lime:#b7ff32;--muted:#a7aea5;--line:#273022;--ink:#152013;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;background:var(--bg);color:#f4f6f0;font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #81b620;outline-offset:5px}::selection{background:var(--lime);color:#080b08}[hidden]{display:none!important}.container{width:min(1320px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:1000;padding:12px;background:var(--lime);color:#080b08}.skip-link:focus{top:12px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:102px;height:58px;object-fit:contain;border-radius:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:14px 24px;background:var(--lime);color:#101608;border:1px solid var(--lime);border-radius:7px;font-weight:700;font-size:14px;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:#c9ff6a;box-shadow:0 0 30px #b7ff3226;transform:translateY(-2px)}.button span:last-child{font-size:20px}.button-small{min-height:44px;padding:10px 18px;font-size:13px}.button-outline{color:var(--lime);background:transparent}.button-outline:hover{color:#101608}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:15px}.text-link:hover{color:var(--lime)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.12;letter-spacing:-.045em}h1{font-weight:800}h2{font-size:clamp(32px,3.6vw,49px);font-weight:700}h3{font-size:24px;font-weight:700}em{font-style:normal;color:var(--lime)}.eyebrow{font:600 11px/1.6 var(--sans);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--lime);margin-bottom:24px}.eyebrow>span{width:24px;height:1px;background:currentColor;flex-shrink:0}.small-label{font:500 10px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #b7ff324d;flex-shrink:0}.preview-bar{height:35px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#192213;color:#d1d9c8;border-bottom:1px solid #3a482d;font-size:11px;position:sticky;top:0;z-index:110}.preview-bar>span{font-family:monospace;letter-spacing:.07em}.preview-bar a:hover{color:var(--lime)}.site-header{position:sticky;top:35px;z-index:100;background:#080b08f2;backdrop-filter:blur(18px);border-bottom:1px solid #20251c}.nav-row{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.nav-row #main-nav{display:flex;gap:32px;font-size:13px;color:#c4c9c0}.nav-row #main-nav a:hover{color:var(--lime)}.menu-toggle{display:none;background:none;border:1px solid #3a482d;border-radius:4px;width:42px;height:42px;padding:10px}.menu-toggle span{height:1px;width:100%;background:var(--lime);display:block;margin:5px 0}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 38%,#26381270,transparent 45%),#080b08}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#8dad5d0a 1px,transparent 1px),linear-gradient(90deg,#8dad5d0a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000)}.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1.02fr;gap:70px;align-items:center;padding:87px 0 77px}.hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.06;max-width:620px}.hero h1 em{display:inline}.hero-description{font-size:18px;line-height:1.65;color:#bcc4b5;margin:25px 0 30px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:9px;font-size:11px;color:#979f90;margin-top:35px}.hero-showcase{min-width:0;padding-top:20px}.showcase-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.showcase-number{font:11px monospace;color:#9ca98d}.showcase-top .small-label{color:#b7ff32a8}.device-scene{position:relative;padding-bottom:50px}.browser-window{border:1px solid #5d74413d;border-radius:10px;background:#141a10;box-shadow:0 24px 90px #0009,0 0 75px #b7ff3212;overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transition:transform .6s}.hero-showcase:hover .browser-window{transform:perspective(1400px) rotateY(0) rotateX(0)}.browser-toolbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px;color:#8e9886}.browser-dots{display:flex;gap:4px}.browser-dots i{height:5px;width:5px;border-radius:50%;background:#57604e}.browser-dots i:first-child{background:#b7ff32}.showcase-image{width:100%;height:auto;aspect-ratio:1200/675;object-fit:cover}.floating-tag{position:absolute;top:-13px;right:-12px;transform:translateY(-50%);font-size:10px;background:#192212;border:1px solid #3d512b;border-radius:5px;padding:8px 12px;box-shadow:0 8px 25px #0005}.floating-tag>span{color:var(--lime);margin-right:7px}.feature-tile{position:absolute;bottom:24px;left:26px;right:-10px;max-width:310px;padding:15px 18px;background:#141b11f5;border:1px solid #56763870;border-radius:7px;box-shadow:0 14px 28px #0006;display:flex;align-items:center;gap:12px}.feature-tile>span:last-child{margin-left:auto;color:var(--lime)}.tile-label{display:block;font-size:9px;color:#9da990}.feature-tile strong{font-size:11px;font-weight:500}.showcase-footer{display:flex;justify-content:space-between;align-items:center}.showcase-footer strong{display:block;font-size:13px;margin-top:3px}.showcase-controls{display:flex;gap:5px}.slide-dot{background:transparent;color:#8e9985;border:1px solid #38412e;border-radius:4px;width:34px;height:31px;font-size:10px}.slide-dot.active{color:var(--lime);border-color:var(--lime);background:#b7ff3212}.hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid #ffffff13;padding:23px 0;font-size:10px;letter-spacing:.12em;color:#a5af9c}.hero-bottom i{color:#71845e;margin:0 16px;font-style:normal}.hero-bottom a{letter-spacing:0}.hero-bottom a span{margin-left:15px;color:var(--lime)}.section{padding:96px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:44px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.8}.section-heading .eyebrow{margin-bottom:18px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{display:block;border:1px solid #293324;border-radius:9px;overflow:hidden;background:#11170f;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);border-color:#769d3a;box-shadow:0 15px 35px #0002}.project-image{position:relative;overflow:hidden;padding:25px 20px;background:linear-gradient(140deg,#283023,#171e13);aspect-ratio:1.67;display:flex;align-items:center}.project-image img{width:100%;box-shadow:0 12px 25px #0003;border-radius:4px;transition:transform .45s}.project-card:hover img{transform:scale(1.025)}.open-project{position:absolute;right:12px;bottom:10px;border:1px solid #b7ff3255;background:#0b130dee;color:#c8ff77;border-radius:4px;padding:3px 9px;font-size:10px;opacity:0;transform:translateY(4px);transition:.2s}.project-card:hover .open-project,.project-card:focus-visible .open-project{opacity:1;transform:none}.project-info{padding:24px}.project-info .small-label{font-size:9px;color:#b7ff32}.project-info h3{font-size:20px;display:flex;justify-content:space-between;margin-top:11px;letter-spacing:-.03em}.project-info h3>span{font-family:var(--sans);color:#8c9e7e;font-size:18px}.project-info p{font-size:13px;color:var(--muted);line-height:1.75;margin:12px 0 17px}.project-sector{font-size:10px;color:#86907d}.services{background:#0e130c}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2a3324;border-radius:8px;overflow:hidden}.service-card{padding:34px 29px;display:flex;flex-direction:column}.service-card+.service-card{border-left:1px solid #2a3324}.service-index{font:10px monospace;letter-spacing:.05em;color:#8fa879}.service-icon{font-size:40px;color:var(--lime);height:85px;display:flex;align-items:center;font-weight:400}.code-icon{font-size:28px}.service-card h3{font-size:23px}.service-card p{font-size:14px;color:#a7b09e;margin:18px 0}.service-card ul{padding:0;margin:0 0 30px;list-style:none;font-size:12px;color:#bdc6b5}.service-card li{padding:7px 0;border-bottom:1px solid #ffffff09}.service-card li:before{content:'+';color:var(--lime);margin-right:10px}.service-card>a{font-size:12px;display:flex;justify-content:space-between;gap:12px;margin-top:auto;color:var(--lime)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid article{border-top:1px solid #394332;padding-top:25px}.process-grid article>span{font:13px monospace;color:var(--lime)}.process-grid h3{font-size:22px;margin:28px 0 15px}.process-grid p{font-size:14px;color:var(--muted)}.about{background:#10150d}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:95px;align-items:center}.about-art{border:1px solid #3e522b;border-radius:9px;background:radial-gradient(ellipse at 60% 50%,#263a1360,transparent 65%),linear-gradient(#b7ff3208 1px,transparent 1px),linear-gradient(90deg,#b7ff3208 1px,transparent 1px),#080d06;background-size:auto,40px 40px,40px 40px,auto;padding:30px;overflow:hidden}.about-art .small-label{color:#a7bc91;font-size:9px}.big-code{font:100px/1.6 var(--display);letter-spacing:-.08em;color:#8ab542;text-align:center}.big-code span{color:var(--lime)}.about-art>p{font:600 28px/1.3 var(--display);letter-spacing:-.04em;color:#f1f6e8}.art-footer{border-top:1px solid #364429;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.12em;color:#9aa98c}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#aeb7a5;margin-top:22px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.tags span{font-size:9px;padding:6px 10px;border:1px solid #36452b;border-radius:4px;color:#b8c7a8}.about-copy>.text-link{color:var(--lime);font-size:12px}.contact{background:radial-gradient(ellipse at 10% 60%,#25351645,transparent 50%),#080d06}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:clamp(50px,6vw,82px)}.contact-grid>div>p:not(.eyebrow){max-width:360px;color:#abb79d;font-size:15px;margin:28px 0}.contact-mail{font-size:16px;border-bottom:1px solid #657747;padding-bottom:8px;display:inline-block}.contact-mail span{margin-left:20px;color:var(--lime)}.contact-location{display:block;color:#839176;font-size:11px;margin-top:18px}.contact-form{padding:32px;border:1px solid #34462a;border-radius:9px;background:#11190f;align-self:start}.contact-form label{font-size:12px;display:block;margin:0 0 9px;color:#d4dfca}.contact-form input,.contact-form select,.contact-form textarea{background:#0b1109;border:1px solid #34452a;border-radius:5px;width:100%;color:#e4eadf;font-size:13px;padding:12px 13px;margin-bottom:20px;resize:vertical}.contact-form textarea{min-height:100px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a9780}.contact-form .button{width:100%;font-size:13px}.form-note{font-size:10px;line-height:1.7;color:#a0ae95;margin-top:13px}.message-review{margin-top:20px;padding-top:20px;border-top:1px solid #4a6337;font-size:13px}.message-text{white-space:pre-wrap;margin:12px 0;color:#b5c3a8}.message-review small{display:block;margin-top:10px;color:#a3b395;font-size:10px}.site-footer{background:#070a06}.footer-top{display:flex;align-items:center;gap:40px;padding-top:40px;padding-bottom:35px}.footer-top p{font-size:11px;color:#98a38e}.footer-top>a:last-child{margin-left:auto;font-size:12px;color:#bfceae}.footer-bottom{border-top:1px solid #283021;padding:20px 0 65px;display:flex;justify-content:space-between;font-size:10px;color:#909d84}.motion-toggle{position:fixed;bottom:17px;right:20px;z-index:99;background:#172010ee;border:1px solid #587040;color:#cfdfbd;font-size:10px;padding:8px 12px;border-radius:30px;box-shadow:0 2px 15px #0002;display:flex;gap:10px;align-items:center}.matrix-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.concept-b .matrix-canvas{display:block;opacity:.48;mask-image:linear-gradient(90deg,transparent 38%,#000 80%)}.concept-b .hero{background:radial-gradient(ellipse at 80% 50%,#0c2c1050,transparent 65%),#040a05}.concept-b .hero-grid{background-size:48px 48px}.concept-b .hero-showcase{border:1px solid #74aa3f77;padding:26px 22px 22px;position:relative;background:#040a05b3;box-shadow:inset 0 0 45px #b7ff3206,0 0 45px #b7ff3209}.concept-b .hero-showcase:before,.concept-b .hero-showcase:after{content:'';position:absolute;width:20px;height:20px;border-color:var(--lime);border-style:solid;pointer-events:none}.concept-b .hero-showcase:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.concept-b .hero-showcase:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.concept-b .floating-tag{right:0;top:-4px}.concept-b .browser-window{transform:none;border-color:#76b04e77}.concept-b .hero h1 em{text-shadow:0 0 40px #aaff2824}.concept-b .projects{background:linear-gradient(#b7ff3205 1px,transparent 1px),linear-gradient(90deg,#b7ff3205 1px,transparent 1px),#070d07;background-size:80px 80px}.concept-b .project-card,.concept-b .service-grid,.concept-b .about-art,.concept-b .contact-form{border-radius:2px}.concept-b .project-card{border-color:#4b663555}.concept-b .project-card:hover{border-color:#b7ff32;box-shadow:0 0 30px #b7ff3212}.concept-b .button{border-radius:2px}.concept-b .eyebrow,.concept-b .small-label,.concept-b .service-index{font-family:monospace;letter-spacing:.07em}.concept-b .process{background:#090f08}.concept-b .services{border-top:1px solid #314b23;border-bottom:1px solid #314b23}.concept-a .projects,.concept-a .process{background:#f0f2ec;color:var(--ink)}.concept-a .projects em,.concept-a .process em,.concept-a .about em{color:#657952}.concept-a .projects .eyebrow,.concept-a .process .eyebrow,.concept-a .about .eyebrow{color:#526b37}.concept-a .section-heading>p{color:#636d5b}.concept-a .project-card{background:#fafbf8;border-color:#dce1d5}.concept-a .project-image{background:#e2e7db}.concept-a .project-card:nth-child(2) .project-image{background:#d8e2dc}.concept-a .project-card:nth-child(3) .project-image{background:#e5e1dc}.concept-a .project-info .small-label{color:#577c29}.concept-a .project-info p{color:#606b56}.concept-a .project-sector{color:#67755a}.concept-a .process-grid article{border-color:#c1cbb5}.concept-a .process-grid article>span{color:#5e793c}.concept-a .process-grid p{color:#68725f}.concept-a .about{background:#e7ecdf;color:#17200f}.concept-a .about-copy>p:not(.eyebrow){color:#5c6751}.concept-a .tags span{color:#50633b;border-color:#c0ccb2}.concept-a .about-copy>.text-link{color:#405827}.concept-a .services .section-heading>p{color:#a7aea5}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .browser-window{transform:none!important}.hub{background:radial-gradient(ellipse at 50% -10%,#25321575,transparent 50%),#090c08}.hub-header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid #293222}.hub-header>a:last-child{font-size:12px;color:#abb79d}.hub-status{font:10px var(--sans);letter-spacing:.12em;text-transform:uppercase;display:flex;gap:9px;align-items:center;color:#a8b796}.hub-intro{text-align:center;padding:65px 0 46px}.hub-intro .eyebrow{justify-content:center;font-size:10px;margin-bottom:18px}.hub h1{font-size:clamp(36px,4.2vw,59px);letter-spacing:-.05em;line-height:1.16}.hub h1 em{color:#a8c584}.hub-intro>p:last-child{font-size:15px;line-height:1.85;color:#a3af97;margin-top:20px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.option-card{border:1px solid #35412b;border-radius:12px;background:#10150d;overflow:hidden;transition:transform .3s,border-color .3s}.option-card:hover{border-color:#8eb654;transform:translateY(-4px)}.option-art{position:relative;background:radial-gradient(ellipse at 75% 50%,#627b294d,transparent 50%),linear-gradient(#a7d9520a 1px,transparent 1px),linear-gradient(90deg,#a7d9520a 1px,transparent 1px),#090e06;background-size:auto,30px 30px,30px 30px,auto;padding:20px 25px 0;overflow:hidden}.mini-nav{position:relative;font:800 13px var(--display);padding-bottom:16px;border-bottom:1px solid #83995b22;display:flex;align-items:center;justify-content:space-between}.mini-nav>span{font:6px var(--sans);letter-spacing:.1em;color:#b6c7a0}.mini-hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;padding:30px 0}.mini-eyebrow{font:5px var(--sans);letter-spacing:.15em;color:var(--lime)}.mini-hero strong{display:block;font:800 clamp(19px,2vw,29px)/1.15 var(--display);letter-spacing:-.05em;margin:9px 0 17px}.mini-button{font:600 7px var(--sans);color:#101608;background:var(--lime);padding:7px 12px;border-radius:3px;display:inline-block}.mini-device{border:1px solid #8aab5155;background:#172211;border-radius:5px;overflow:hidden;transform:perspective(800px) rotateY(-10deg);box-shadow:0 12px 30px #0008}.mini-device>div{padding:4px 7px;font-size:4px;color:#93ba51;letter-spacing:2px}.mini-device img{aspect-ratio:1200/675;object-fit:cover;width:100%}.mini-bottom{position:relative;background:#edf1e7;color:#1d2715;padding:18px 25px;margin:0 -25px;font:700 13px var(--display);display:flex;justify-content:space-between;letter-spacing:-.03em}.option-copy{padding:27px 30px 30px}.option-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#b7ff32;margin-bottom:20px}.pill{border:1px solid #40512d;color:#b2c39f;border-radius:30px;font-size:8px;letter-spacing:0;padding:4px 9px}.option-copy h2{font-size:28px;display:flex;justify-content:space-between;align-items:center}.option-copy h2>span{font-size:24px;font-weight:400;color:#91a679}.option-copy>p{font-size:13px;color:#a8b29e;margin:16px 0 20px;max-width:420px}.option-tags{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#89987b;margin-bottom:25px}.option-tags span:before{content:'·';color:#b7ff32;margin-right:6px}.option-copy>.button{width:100%;justify-content:space-between;font-size:12px;min-height:46px}.mini-rain{position:absolute;right:12px;top:0;font:12px/1.8 monospace;letter-spacing:6px;color:#b7ff3228;writing-mode:vertical-rl;transform:rotate(5deg)}.option-b .mini-bottom{background:#0c150a;color:#ecf6e3;border-top:1px solid #799d3d66}.option-b .mini-device{border-color:#9ee742aa;transform:none}.option-b .option-art{background-color:#040b04}.hub-note{display:flex;align-items:center;gap:22px;border-top:1px solid #293222;border-bottom:1px solid #293222;padding:25px 0;margin:40px 0}.note-icon{font-size:30px;color:#8fa779}.hub-note strong{font-size:13px;font-weight:500;color:#d9e4cf}.hub-note p{font-size:12px;color:#8e9d80;margin-top:4px}.hub-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7b8b6d;padding-bottom:30px}
@media(min-width:1600px){.hero-layout{padding:110px 0 100px}.hero h1{font-size:72px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-layout{gap:40px;padding:65px 0}.hero h1{font-size:48px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding:14px 18px}.hero-description{font-size:16px}.hero .eyebrow{font-size:9px}.contact-grid,.about-grid{gap:50px}.project-info{padding:20px}.service-card{padding:27px 22px}.service-card h3{font-size:20px}.nav-row #main-nav{gap:24px}.section{padding:75px 0}.hero-showcase .floating-tag{font-size:8px}.concept-b .hero-showcase{padding:22px 15px 18px}.feature-tile{left:14px;right:0}.mini-hero{gap:12px}.option-copy{padding:25px}.option-copy h2{font-size:24px}}
@media(max-width:800px){html{scroll-padding-top:112px}.container{width:calc(100% - 40px)}.preview-bar{padding:0 16px;font-size:10px}.bar-label{display:none}.nav-row{height:72px;gap:15px}.brand img{width:85px;height:49px}.header-cta{margin-left:auto;font-size:11px;min-height:39px;padding:9px 12px;gap:9px}.menu-toggle{display:block}.nav-row #main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#10180dfc;backdrop-filter:blur(16px);padding:22px;flex-direction:column;gap:0;border-bottom:1px solid #4b6136}.nav-row #main-nav.open{display:flex}.nav-row #main-nav a{padding:12px;font-size:16px}.hero-layout{grid-template-columns:1fr;gap:43px;padding:54px 0 40px}.hero h1{font-size:clamp(43px,7.5vw,63px);max-width:580px}.hero-copy{max-width:620px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero-description{font-size:17px;margin:23px 0 26px}.hero-actions .button{font-size:12px}.hero-proof{margin-top:24px}.hero-showcase{width:min(100%,590px);margin:auto;padding:15px 8px 0}.showcase-top{margin-bottom:24px}.floating-tag{right:0}.hero-showcase .floating-tag{font-size:10px}.hero-bottom{font-size:8px;padding:19px 0}.hero-bottom i{margin:0 8px}.hero-bottom>a{font-size:9px;letter-spacing:0}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:32px}.section-heading>p{max-width:520px;font-size:13px}.section-heading>p br{display:none}.section{padding:62px 0}.project-grid{grid-template-columns:1fr 1fr;gap:18px}.project-image{padding:18px 14px}.project-info h3{font-size:19px}.project-info p{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-card+.service-card{border-left:0;border-top:1px solid #2a3324}.service-icon{height:70px}.service-card h3{font-size:24px}.service-card ul{margin-bottom:25px}.process-grid{gap:23px}.process-grid h3{font-size:19px}.process-grid p{font-size:12px}.about-grid{gap:40px;grid-template-columns:1fr}.about-art{max-width:550px;width:100%;margin:auto}.big-code{font-size:90px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact h2{font-size:60px}.contact-form{padding:25px}.contact-grid>div>p:not(.eyebrow){max-width:500px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top p{font-size:10px}.footer-top>a:last-child{font-size:10px}.footer-bottom{font-size:9px;gap:18px}.concept-b .matrix-canvas{mask-image:linear-gradient(180deg,transparent,#000);opacity:.28}.concept-b .hero-showcase{padding:25px 18px 18px}.hub-header{padding:18px 0}.hub-status{font-size:8px;letter-spacing:.06em}.hub-header>a:last-child{font-size:10px}.hub-intro{padding:50px 0 35px}.hub-intro>p:last-child{font-size:13px}.options-grid{gap:20px;grid-template-columns:1fr;max-width:600px;margin:auto}.mini-hero strong{font-size:clamp(25px,5vw,35px)}.option-copy h2{font-size:27px}.option-art{padding-top:24px}.mini-nav{font-size:16px}.mini-nav>span{font-size:7px}.mini-eyebrow{font-size:7px}.mini-button{font-size:8px}.mini-hero{padding:32px 0}.hub-note{max-width:600px;margin:32px auto}.hub-footer{max-width:600px}.hub-note p{font-size:11px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr;gap:24px}.project-image{padding:25px 22px}.project-info{padding:24px}.project-info h3{font-size:23px}.project-info p{font-size:14px}.project-info .small-label{font-size:10px}.project-sector{font-size:11px}.open-project{opacity:1;transform:none}.hero h1{font-size:43px}.hero-actions{align-items:flex-start;gap:20px;flex-direction:column}.hero-actions .button{width:100%;justify-content:space-between}.hero-proof{font-size:10px}.hero-bottom{gap:14px;align-items:start}.hero-bottom>a{max-width:130px;text-align:right}.hero-bottom>span{white-space:nowrap;font-size:7px;letter-spacing:.04em}.hero-bottom i{margin:0 5px}.hero-bottom a span{margin-left:4px}.showcase-footer strong{font-size:12px}.showcase-top .small-label{font-size:9px}.feature-tile{bottom:20px;padding:12px;max-width:265px}.feature-tile strong{font-size:10px}.showcase-feature{line-height:1.4;display:block;margin-top:3px}.floating-tag{padding:6px 8px}.hero-showcase .floating-tag{font-size:8px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid article{padding-top:18px}.process-grid h3{margin:16px 0 12px;font-size:24px}.process-grid p{font-size:14px}.contact h2{font-size:57px}.contact .eyebrow{font-size:9px}.contact-form{padding:22px 18px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.footer-top>a:last-child{margin-left:0}.footer-bottom{flex-direction:column;gap:8px}.hub-status{display:none}.hub-intro{text-align:left}.hub-intro .eyebrow{justify-content:start;font-size:9px}.hub h1{font-size:36px}.hub-intro>p:last-child br{display:none}.mini-hero strong{font-size:22px}.mini-hero{gap:12px}.mini-eyebrow{font-size:5px}.mini-device{margin-right:-4px}.mini-bottom{font-size:12px}.option-copy{padding:24px 22px}.option-copy h2{font-size:25px}.option-copy>p{font-size:13px}.hub-footer{flex-direction:column;gap:8px}.hub-note{align-items:start;gap:15px}.motion-toggle{bottom:12px;right:12px}.concept-b .hero-showcase{padding:22px 14px 17px}.hero .eyebrow{font-size:8px;letter-spacing:.13em}.header-cta{font-size:10px;padding:9px 10px}.header-cta span:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.browser-window{transform:none}.matrix-canvas{display:none!important}}
.mini-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.mini-device{min-width:0}.mini-hero>div{min-width:0}
.project-image img,.mini-device img{height:auto}.floating-tag{transform:none;top:-9px}
/* Option B: quieter project preview and moss section rhythm. */
.concept-b .hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px}
.concept-b .hero-showcase{width:100%;max-width:440px;justify-self:end;padding:22px 18px 18px;border-color:#64873d55;box-shadow:none}
.concept-b .browser-window{box-shadow:0 12px 35px #0005;border-color:#69874955}
.concept-b .floating-tag{display:none}
.concept-b .device-scene{padding-bottom:20px}
.concept-b .feature-tile{position:static;margin:12px 0 0;max-width:none;box-shadow:none;border-color:#56763840;padding:10px 12px;background:#111a0e}
.concept-b .showcase-top .small-label{font-size:9px;color:#a3b98c}
.concept-b .showcase-footer{gap:12px;align-items:center}
.concept-b .showcase-footer .small-label{font-size:8px;letter-spacing:.04em}
.concept-b .showcase-footer strong{font-size:12px}
.concept-b .device-scene,.concept-b .showcase-name{opacity:1;transition:opacity .28s ease}
.concept-b .is-switching .device-scene,.concept-b .is-switching .showcase-name{opacity:0}
.concept-b .projects{background:#f3f6f1;color:#040605}
.concept-b .projects .eyebrow,.concept-b .process .eyebrow{color:#344a24}
.concept-b .projects em,.concept-b .process em{color:#354d24}
.concept-b .projects .section-heading>p,.concept-b .process .section-heading>p{color:#26351d}
.concept-b .project-card{background:#ffffff;border-color:#dce3d9;border-radius:5px}
.concept-b .project-card:hover{border-color:#385522;box-shadow:0 12px 30px #26371522}
.concept-b .project-image{background:#e6ece1}
.concept-b .project-card:nth-child(2n) .project-image{background:#edf1e9}
.concept-b .project-info .small-label{color:#354e22}
.concept-b .project-info h3>span{color:#40592e}
.concept-b .project-info p,.concept-b .project-sector{color:#394a2c}
.concept-b .process{background:#f3f6f1;color:#040605}
.concept-b .process-grid article{border-color:#5f744a}
.concept-b .process-grid article>span{color:#2e4520}
.concept-b .process-grid p{color:#26351d}
.option-b .mini-bottom{background:#f3f6f1;color:#040605;border-color:#6e8253}
@media(max-width:1100px) and (min-width:801px){.concept-b .hero-layout{gap:38px}.concept-b .hero-showcase{padding:20px 14px 16px}.concept-b .showcase-footer{flex-wrap:wrap}}
@media(max-width:800px){.concept-b .hero-layout{grid-template-columns:1fr;gap:38px}.concept-b .hero-showcase{width:92%;max-width:390px;margin:0 auto;justify-self:center}.concept-b .hero-showcase .showcase-footer{flex-wrap:wrap}.concept-b .showcase-controls{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.concept-b .is-switching .device-scene,.concept-b .is-switching .showcase-name{opacity:1}}

@media(min-width:1101px){.concept-b .hero-showcase{transform:translateX(-40px)}}
@media(min-width:801px) and (max-width:1100px){.concept-b .hero-showcase{transform:translateX(-18px)}}

/* Preserve the original logo pixels and blend its dark backing into the page. */
.brand img{mix-blend-mode:lighten;border-radius:0}
.concept-b .services .service-grid{border:0;overflow:visible;gap:22px;background:transparent}
.concept-b .service-card{position:relative;border:1px solid #dce3d9;border-radius:8px;background:#f3f6f1;color:#040605;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.concept-b .service-card+.service-card{border-left:1px solid #dce3d9}
.concept-b .service-card .service-index,.concept-b .service-card .service-icon,.concept-b .service-card>a{color:#3c6023}
.concept-b .service-card p,.concept-b .service-card ul{color:#485543}
.concept-b .service-card li{border-color:#dce3d9}
.concept-b .service-card li:before{color:#4c712c}
.concept-b .service-card:nth-child(2){background:#131c0e;color:#f4f6f0;border-color:#52633c}
.concept-b .service-card:nth-child(2) .service-index,.concept-b .service-card:nth-child(2) .service-icon,.concept-b .service-card:nth-child(2)>a{color:#b7ff32}
.concept-b .service-card:nth-child(2) p,.concept-b .service-card:nth-child(2) ul{color:#bbc7b0}
.concept-b .service-card:nth-child(2) li{border-color:#303e25}
.concept-b .service-card>a:after{content:'';position:absolute;inset:0;border-radius:8px}
.concept-b .service-card>a:focus-visible{outline:none}
.concept-b .service-card:focus-within{outline:3px solid #78b900;outline-offset:4px}
.concept-b .project-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.concept-b .showcase-visit{display:block;position:relative;border-radius:8px;transition:transform .25s ease,box-shadow .25s ease}
.concept-b .showcase-visit:after{content:'Abrir projeto ↗';position:absolute;bottom:12px;right:12px;background:#101608ed;color:#b7ff32;border:1px solid #7ea343;padding:6px 10px;border-radius:4px;font-size:10px;opacity:0;transition:opacity .2s ease}
@media(hover:hover){
.concept-b .service-card:hover,.concept-b .project-card:hover{transform:translateY(-8px);border-color:#83b941;box-shadow:0 18px 36px #0003;cursor:pointer}
.concept-b .showcase-visit:hover{transform:translateY(-5px);box-shadow:0 12px 32px #b7ff3220}
.concept-b .showcase-visit:hover:after{opacity:1}
}
.concept-b .showcase-visit:focus-visible:after{opacity:1}
.brand{mix-blend-mode:lighten}.brand img{mix-blend-mode:normal}

.brand{mix-blend-mode:normal}.brand img{filter:url(#logo-cutout)}
/* Option A's floating window presentation inside option B. */
.concept-b .hero-showcase{border:0;background:transparent;box-shadow:none;padding:20px 0 0}
.concept-b .hero-showcase:before,.concept-b .hero-showcase:after{display:none}
.concept-b .browser-window{border:1px solid #5d74413d;border-radius:10px;box-shadow:0 24px 90px #0009,0 0 75px #b7ff3212;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transition:transform .6s}
.concept-b .hero-showcase:hover .browser-window{transform:perspective(1400px) rotateY(0) rotateX(0)}
.concept-b .device-scene{padding-bottom:50px}
.concept-b .floating-tag{display:block;top:-9px;right:-12px;transform:none}
.concept-b .feature-tile{position:absolute;bottom:24px;left:26px;right:-10px;max-width:310px;margin:0;padding:15px 18px;background:#141b11f5;border:1px solid #56763870;border-radius:7px;box-shadow:0 14px 28px #0006;pointer-events:none}
.concept-b .showcase-top .small-label{font-family:var(--sans);font-size:10px;letter-spacing:.1em;color:#b7ff32a8}
.concept-b .showcase-footer .small-label{font-family:var(--sans);font-size:10px;letter-spacing:.1em}
.concept-b .showcase-footer strong{font-size:13px}
.concept-b .showcase-visit:hover{transform:none;box-shadow:none}
@media(max-width:800px){.concept-b .hero-showcase{padding:15px 8px 0}.concept-b .floating-tag{right:0}.concept-b .feature-tile{left:14px;right:0}}
@media(max-width:480px){.concept-b .feature-tile{bottom:20px;padding:12px;max-width:265px}.concept-b .showcase-top .small-label{font-size:9px}.concept-b .showcase-footer strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.concept-b .browser-window{transform:none!important}}
/* Slightly larger project window, keeping the centered composition. */
@media(min-width:801px){.concept-b .hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.concept-b .hero-showcase{max-width:480px}}
@media(max-width:800px){.concept-b .hero-showcase{width:96%;max-width:420px}}

/* Production header without the preview banner. */
.logo-filters{position:absolute}.site-header{top:0}html{scroll-padding-top:100px}

/* Language choices remain accessible on desktop and mobile. */
.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0}.language-switch a{font-size:11px;font-weight:700;padding:7px 6px;border:1px solid transparent;border-radius:4px;color:#c4ccbd}.language-switch a:hover,.language-switch a:focus-visible{color:var(--lime);border-color:var(--lime)}.language-switch a[aria-current=true]{color:#b7ff32;border-color:#b7ff3266;background:#b7ff3210}.nav-row{gap:18px}@media(max-width:600px){.header-cta{display:none}.language-switch{margin-left:auto}.nav-row{gap:12px}.language-switch a{padding:10px 7px}}

html[lang=en] .showcase-visit::after{content:"Open project ↗"}html[lang=es] .showcase-visit::after{content:"Abrir proyecto ↗"}

.language-switch a{min-width:36px;display:inline-flex;align-items:center;justify-content:center}.language-switch a span{font-size:22px;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}