@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f7f7f2;--ink:#20241e;--muted:#73776e;--lime:#d3f66a;--line:#dcded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7c9d2e;outline-offset:5px}.wrap{max-width:1280px;padding-left:48px;padding-right:48px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;padding:0 48px;margin:auto;gap:30px}.brand{font-family:'Manrope',Arial,sans-serif;font-size:39px;letter-spacing:-3px;line-height:1;font-weight:800;position:relative}.brand>span{font:12px Arial;vertical-align:top;letter-spacing:0;margin-left:4px}.brand small{display:block;font:8px 'DM Sans',Arial;letter-spacing:2.2px;margin-top:8px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#7e913f}.nav-cta{font-size:13px;border-bottom:1px solid;padding:11px 0}.nav-cta span{margin-left:20px}.menu{display:none}.hero{padding-top:64px}.eyebrow,.section-kicker{font-size:10px;font-weight:650;letter-spacing:1.8px}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#86a13d}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:26px 0 48px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(50px,6.6vw,89px);font-weight:500;line-height:1.08;letter-spacing:-5px;margin-bottom:0}em{font-style:normal;color:#7b846d}h1 em{position:relative}h1 em:after{content:'';position:absolute;height:7px;background:var(--lime);bottom:2px;left:0;right:0;z-index:-1}.hero-aside{max-width:300px;padding-bottom:4px}.hero-aside p{font-size:15px;line-height:1.7;color:#686e62;margin-bottom:22px}.button{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:19px 23px;font-size:13px;font-weight:600;border:0;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#39432e;transform:translateY(-2px)}.dark{color:white;background:#252b20}.button span{font-size:21px;font-weight:400}.micro{font-size:9px;display:block;margin-top:12px;color:var(--muted)}.showcase{position:relative;min-height:490px;background:#e8eadf;border-radius:8px;overflow:hidden;padding:45px 14% 0 11%;isolation:isolate;background-image:radial-gradient(ellipse at 85% 100%,#d4dec1,transparent 55%)}.browser{background:white;border-radius:9px 9px 0 0;box-shadow:0 16px 60px #303b281a;transform:rotate(-2deg);position:relative}.browserbar{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:7px;color:#82867c;border-bottom:1px solid #e9e8e1}.browserbar span:first-child{letter-spacing:2px;color:#bec2b5}.mock{padding:24px 30px 20px;background:#f6f3ea}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:7px}.mock-nav strong{font:25px Georgia;letter-spacing:-1px}.mock-nav strong span{font:8px Arial;vertical-align:top}.mock-body{display:grid;grid-template-columns:1.1fr 1fr;margin-top:45px;gap:15px}.tiny{font-size:6px;letter-spacing:1px}.mock h2{font:42px/1.06 Georgia;margin:15px 0 22px;letter-spacing:-1.5px}.mock-link{font-size:7px;padding-bottom:7px;border-bottom:1px solid}.architecture{min-height:255px;background:linear-gradient(115deg,#a8a48b,#ddd4bb 46%,#b7b196);position:relative;overflow:hidden}.arch-window{position:absolute;left:22%;right:15%;top:12%;height:87%;border-radius:120px 120px 0 0;background:linear-gradient(110deg,#444c39,#a3ad86);box-shadow:-12px 0 0 #e9dfc8,inset 15px 0 20px #28362466}.arch-window:after{content:'';position:absolute;background:#e6d5ab;width:48%;height:65%;bottom:0;right:0;transform:skewY(-12deg);filter:blur(1px)}.sun{position:absolute;width:80px;height:170px;background:#fff4ce44;transform:rotate(40deg);top:-20px;left:0}.plinth{position:absolute;width:54%;height:50px;bottom:0;left:4%;background:linear-gradient(100deg,#bdb698,#e0d9be)}.architect-label{position:absolute;bottom:14px;right:12px;font-size:5px;letter-spacing:1px;writing-mode:vertical-rl}.mock-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;margin-top:25px}.phone{position:absolute;right:7%;bottom:0;width:150px;height:290px;background:#f6f3ea;border:6px solid #252820;border-radius:26px 26px 0 0;transform:rotate(8deg);box-shadow:0 20px 25px #18210a24;padding:22px 12px}.speaker{position:absolute;top:5px;left:35%;width:30%;height:8px;background:#252820;border-radius:10px}.phone strong{font:17px Georgia}.phone-art{height:105px;margin-top:20px;background:linear-gradient(110deg,#666b51,#c9c2a8);border-radius:70px 70px 0 0}.phone h3{font:22px/1.1 Georgia;margin:12px 0}.phone>span:last-child{font-size:6px}.orbit{position:absolute;right:25px;top:25px;z-index:3;width:90px;height:90px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;line-height:1.5;letter-spacing:1px;transform:rotate(10deg)}.orbit span{font-size:21px}.show-label{position:absolute;bottom:12px;left:15px;font-size:6px;letter-spacing:1.2px;color:#6c735e}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:9px;letter-spacing:1px}.hero-foot>span:last-child{letter-spacing:0;color:#707668}.hero-foot a{margin-left:25px;font-size:20px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding-top:130px;padding-bottom:55px}.intro h2,.section-head h2,.why h2,.process h2,.faq h2{font-size:43px;line-height:1.2;letter-spacing:-1.9px;font-weight:500;margin-bottom:23px}.intro h2 span{color:#818779}.intro p{max-width:560px;line-height:1.75;font-size:15px;color:#757a6e;margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:115px}.services article{padding:28px;border:1px solid var(--line);position:relative;margin-left:-1px}.service-icon{font-size:30px}.num{position:absolute;right:26px;top:34px;font-size:10px;color:#7a8171}.services h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:35px 0 15px}.services p{line-height:1.75;color:#73796a;font-size:13px;min-height:70px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:24px 0 30px}.tags span{font-size:8px;border:1px solid #d9ddd0;border-radius:20px;padding:6px 9px}.services article>a{font-size:11px;border-top:1px solid var(--line);display:block;padding-top:20px}.portfolio{padding:85px 0;background:#eeefe8}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-head h2{margin-top:25px;margin-bottom:0}.section-head>p{font-size:13px;line-height:1.7;color:#737969;max-width:290px;margin:0}.section-head small{display:block;font-size:9px;line-height:1.6;margin-top:10px}.filters{display:flex;gap:8px;margin:40px 0 30px;flex-wrap:wrap}.filters button{padding:9px 17px;font-size:11px;border:1px solid #d4d8ca;background:transparent;border-radius:30px}.filters button.active{background:#252b20;color:white;border-color:#252b20}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px}.project{text-align:left;border:0;padding:0;color:inherit;background:none;min-width:0}.project[hidden]{display:none}.project-art{height:310px;padding:26px 27px;position:relative;overflow:hidden;transition:transform .3s}.project:hover .project-art{transform:translateY(-4px)}.mini-nav{font:27px Georgia;display:flex;align-items:center;justify-content:space-between}.mini-nav>span{font:5px Arial;letter-spacing:1px}.mini-content{display:flex;position:relative;align-items:center;justify-content:space-between;height:190px}.mini-content h3{font:34px/1.05 Georgia;margin:0;letter-spacing:-1.1px;z-index:1}.view{position:absolute;bottom:20px;font-size:8px;border-bottom:1px solid;padding-bottom:4px}.essenza{background:#ddd9ca}.mini-arch{height:180px;width:43%;background:linear-gradient(110deg,#4a4f3e,#929779 60%,#c5c4a9);border-radius:110px 110px 0 0;border:13px solid #c2bca6;border-bottom:0;transform:translateY(30px);box-shadow:15px 0 25px #81785e33}.alma{background:#e2e4da;color:#4d5b48}.alma .mini-nav{font-style:italic}.alma-shape{background:#cad0b9;width:170px;height:175px;border-radius:50% 50% 4px 50%;display:grid;place-items:center;transform:rotate(10deg)}.alma-shape>span{font:20px/1.2 Georgia;font-style:italic;text-align:center;transform:rotate(-10deg);color:#6c7a60}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.project-info h3{font-size:16px;font-weight:600;margin-bottom:6px;letter-spacing:-.3px}.project-info p{font-size:10px;color:#72786c;margin:0}.project-info>span{font-size:24px}.wide{grid-column:span 2}.forma{background:#cbc3b2}.forma .mini-nav{font-family:'Manrope',Arial;font-weight:800;letter-spacing:-2px}.forma .mini-content{justify-content:start;gap:13%}.forma .mini-content h3{font:43px/.98 'Manrope',Arial;font-weight:500;letter-spacing:-2px}.objects{width:42%;height:210px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:20px;transform:translateY(20px)}.vase{box-shadow:10px 20px 20px #726a5844}.one{height:170px;width:105px;border-radius:45% 45% 30% 30%;background:linear-gradient(90deg,#8d6b4b,#d0aa80 45%,#a17e56);position:relative}.one:before{content:'';position:absolute;top:-5px;left:28%;width:44%;height:15px;background:#5f4b38;border:5px solid #a4825c;border-radius:50%}.two{height:105px;width:120px;background:repeating-linear-gradient(90deg,#aaa389,#c3bda7 5px,#c3bda7 8px);border-radius:18% 18% 40% 40%}.ball{position:absolute;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ede9d9,#ada58b);bottom:-12px;left:20%}.why{padding-top:105px;padding-bottom:100px}.why h2{margin-top:25px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.benefits>div{border-top:1px solid var(--line);padding-top:20px}.benefits span{font-size:10px;color:#7a826e}.benefits h3{font-size:17px;letter-spacing:-.4px;font-weight:600;margin:25px 0 13px}.benefits p{font-size:13px;line-height:1.8;color:#777e6d}.process{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:60px;padding-bottom:105px;border-top:1px solid var(--line)}.process h2{margin-top:24px}.process>div>p{font-size:13px;color:#757c6b;line-height:1.7;max-width:300px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process li>span{font-size:11px;padding-top:4px;color:#808a70}.process h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin-bottom:10px}.process li p{font-size:12px;line-height:1.7;color:#7a806f;margin:0}.contact{background:var(--lime);padding:80px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact h2{font-size:49px;line-height:1.16;font-weight:500;letter-spacing:-2.5px;margin:30px 0 25px}.contact h2 em{color:#586f29}.contact p{font-size:13px;line-height:1.8;max-width:360px;color:#526335}.direct{font-size:11px;display:inline-block;border-bottom:1px solid;margin-top:25px;padding-bottom:6px}form label{display:block;font-size:11px;margin-bottom:8px}form label span{color:#667b43}form input,form select,form textarea{display:block;width:100%;background:#ffffff30;border:1px solid #89a84266;padding:13px;margin-bottom:18px;border-radius:3px;font-size:12px;color:#25301b}form textarea{resize:vertical}form input::placeholder,form textarea::placeholder{color:#647d3d}form select{appearance:auto}form .button{width:100%;margin-top:26px}.contact .form-note{font-size:9px;line-height:1.6;margin:12px 0 0;max-width:none}.faq{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq h2{font-size:32px;margin-top:25px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-child{padding-top:0}.faq summary{display:flex;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;font-size:13px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:15px 25px 0 0;color:#777f6d;line-height:1.8;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px;padding-top:35px;border-top:1px solid var(--line)}footer>p,footer>a:last-of-type{font-size:11px;color:#757d6c;margin:0}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;margin-top:12px;color:#8b9183;font-size:9px}dialog{border:0;border-radius:8px;padding:45px;width:660px;max-width:calc(100% - 32px);background:var(--bg);color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#12190cc9;backdrop-filter:blur(6px)}.close{position:absolute;top:12px;right:14px;border:0;background:none;font-size:22px;padding:7px}dialog .project-art{margin:15px 0 25px;height:270px}dialog h2{font-size:28px;font-weight:500;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.7;color:#737b67}dialog .tags{margin:20px 0}dialog .button{margin-top:25px}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:10px}@media(min-width:1450px){h1{font-size:89px}}@media(max-width:950px){.wrap,header{padding-left:30px;padding-right:30px}h1{letter-spacing:-3px;font-size:65px}.hero-aside{max-width:240px}.hero-top{gap:25px}.hero-aside p{font-size:13px}.showcase{min-height:420px;padding-left:8%;padding-right:15%}.mock h2{font-size:34px}.architecture{min-height:220px}.mock-body{margin-top:30px}.phone{width:125px;height:255px;right:5%}.orbit{width:75px;height:75px;font-size:6px;right:15px;top:15px}.intro{padding-top:90px;grid-template-columns:1fr 2.2fr}.intro h2,.section-head h2,.why h2,.process h2{font-size:36px}.services article{padding:22px 18px}.services h3{font-size:20px}.services p{min-height:93px}.tags span{font-size:7px}.mini-content h3{font-size:29px}.project-art{padding:22px 20px;height:280px}.alma-shape{width:120px;height:150px}.alma-shape>span{font-size:18px}.contact-grid{gap:45px}.contact h2{font-size:39px}.process{gap:45px}.faq{gap:40px}.faq h2{font-size:30px}}@media(max-width:680px){.wrap,header{padding-left:22px;padding-right:22px}header{height:84px;gap:15px}.brand{font-size:33px}.brand small{font-size:6px;letter-spacing:1.7px}.nav-cta{font-size:10px;margin-left:auto}.nav-cta span{margin-left:10px}.menu{display:block;border:0;background:transparent;font-size:21px;padding:7px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--bg);padding:25px;z-index:10;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #00000009}nav.open{display:flex;flex-direction:column;gap:25px}.hero{padding-top:34px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:clamp(43px,10.8vw,68px);letter-spacing:-2.9px;line-height:1.1}.hero-top{display:block;margin-top:23px;margin-bottom:32px}.hero-aside{max-width:100%;margin-top:25px}.hero-aside p{max-width:270px;font-size:13px;line-height:1.7;margin-bottom:20px}.hero-aside .button{width:max-content;min-width:235px}.micro{font-size:8px}.showcase{min-height:300px;padding:38px 35px 0 17px;margin-left:-7px;margin-right:-7px;border-radius:5px}.browser{min-width:0;transform:rotate(-3deg)}.mock{padding:17px 15px 15px}.mock-nav{font-size:5px}.mock-nav strong{font-size:20px}.mock-nav>span:nth-child(2){display:none}.browserbar{font-size:5px;height:23px}.mock-body{margin-top:21px;gap:8px}.mock h2{font-size:24px;letter-spacing:-.7px;margin-top:12px;margin-bottom:20px}.tiny{font-size:4px;letter-spacing:.5px}.mock-link{font-size:5px}.architecture{min-height:152px}.arch-window{box-shadow:-7px 0 0 #e9dfc8}.mock-bottom{font-size:4px;margin-top:15px}.phone{width:90px;height:180px;right:11px;padding:17px 7px;border-width:4px;border-radius:17px 17px 0 0}.speaker{top:4px;height:5px}.phone strong{font-size:11px}.phone-art{height:65px;margin-top:12px}.phone h3{font-size:15px;margin:9px 0}.phone>span:last-child{font-size:4px}.orbit{width:56px;height:56px;font-size:4.5px;top:10px;right:10px}.orbit span{font-size:15px}.show-label{font-size:4px;bottom:9px;left:10px}.hero-foot{font-size:6px;letter-spacing:.6px;gap:10px;line-height:1.5}.hero-foot>span:last-child{max-width:140px}.hero-foot a{margin-left:10px}.intro{display:block;padding-top:75px;padding-bottom:30px}.intro h2{margin-top:23px}.intro h2,.section-head h2,.why h2,.process h2{font-size:32px;letter-spacing:-1.4px}.intro p{font-size:13px}.section-kicker{font-size:8px;letter-spacing:1.5px}.services{display:block;padding-bottom:70px}.services article{padding:25px;margin-left:0;margin-top:-1px}.services h3{margin-top:22px;font-size:23px}.services p{min-height:0;max-width:320px}.tags{margin:20px 0}.tags span{font-size:8px}.services article>a{font-size:11px}.portfolio{padding:60px 0}.section-head{display:block}.section-head>p{margin-top:25px;font-size:12px}.section-head small{max-width:260px;font-size:9px}.filters{gap:6px;margin:25px 0}.filters button{padding:8px 12px;font-size:9px}.projects{grid-template-columns:1fr;gap:30px}.wide{grid-column:auto}.project-art{height:285px;padding:23px}.mini-content h3{font-size:33px}.alma-shape{width:145px;height:160px}.forma .mini-content h3{font-size:33px}.forma .mini-content{gap:0;justify-content:space-between}.objects{width:48%;gap:10px;transform:translateY(14px)}.one{width:70px;height:140px}.two{width:80px;height:85px}.ball{width:50px;height:50px;left:10%}.project-info h3{font-size:15px}.why{padding-top:65px;padding-bottom:60px}.benefits{grid-template-columns:1fr;gap:20px;margin-top:35px}.benefits h3{margin-top:18px}.benefits p{margin-bottom:0;max-width:320px}.process{display:block;padding-top:45px;padding-bottom:65px}.process ol{margin-top:35px}.process h3{font-size:18px}.process li{gap:20px;padding:22px 0}.contact{padding:55px 0}.contact-grid{display:block}.contact h2{font-size:38px;letter-spacing:-1.9px}.direct{margin-top:10px}.contact form{margin-top:40px}.contact p{font-size:13px}.contact .form-note{font-size:10px}.contact input,.contact select,.contact textarea{font-size:16px;padding:14px 12px}.contact label{font-size:12px}.faq{display:block;padding-top:65px;padding-bottom:65px}.faq h2{margin-bottom:35px}.faq summary{font-size:12px}.faq details p{font-size:12px}footer{gap:25px}footer>p{max-width:150px;font-size:9px}footer>a:last-of-type{width:100%;font-size:12px}.footer-bottom{font-size:8px;gap:15px;line-height:1.5}dialog{padding:42px 22px 25px}dialog .project-art{padding:20px}dialog .mini-content h3{font-size:27px}dialog .alma-shape{width:120px}dialog .mini-nav>span{font-size:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.project-art.bins{padding:0;position:relative;overflow:hidden;background:#10110e}.bins>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.bins .view{background:#10110e;color:#fff;padding:10px 15px;border-radius:20px}.capture-gallery{display:grid;gap:0;background:#10110e;border-radius:8px;overflow:hidden}.capture-gallery img{width:100%;height:auto;display:block}

a.project{display:block;color:inherit;text-decoration:none}

/* Soft, rounded Cupertino-inspired surfaces. */
:root{--radius-card:28px;--radius-field:16px;--radius-pill:999px}
.button,.nav-cta{border-radius:var(--radius-pill)}
.nav-cta{border:1px solid var(--line);padding:12px 19px;background:#ffffff70}
.showcase{border-radius:36px}
.browser{border-radius:20px 20px 0 0;overflow:hidden}
.services{gap:16px}
.services article{border-radius:var(--radius-card);margin-left:0;background:#ffffff50;box-shadow:0 8px 24px #20241e04}
.project-art{border-radius:var(--radius-card)}
.project .view{border:0;border-radius:var(--radius-pill);padding:9px 14px;background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.project .bins .view{background:#10110ed9;color:#fff}
form input,form select,form textarea{border-radius:var(--radius-field)}
form textarea{border-bottom-right-radius:8px}
dialog{border-radius:32px;box-shadow:0 24px 80px #10180d30}
.close{border-radius:50%;background:#e7e9e0;min-width:40px;min-height:40px;line-height:1}
.capture-gallery{border-radius:22px}
nav.open{border-radius:0 0 24px 24px}
@media(max-width:950px){.services{gap:12px}}
@media(max-width:680px){:root{--radius-card:24px}.showcase{border-radius:28px}.services article{margin-top:12px}.services article:first-child{margin-top:0}.nav-cta{padding:10px 13px}.browser{border-radius:14px 14px 0 0}dialog{border-radius:26px}.capture-gallery{border-radius:18px}}

.project-art.medical{padding:0;background:#0b1f3a}.medical>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.project .medical .view{background:#0b1f3ae8;color:#fff}

.project-art.neuro{padding:0;background:#0b2b40}.neuro>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.project .neuro .view{background:#0b2b40e8;color:#fff}

/* Navy and ice-blue palette inspired by the supplied reference. */
:root{--bg:#f7f9fc;--ink:#102f43;--muted:#61788b;--lime:#bedff2;--line:#d7e4ed}
header{background:#0b2d43;color:#fff;max-width:none;padding-left:max(48px,calc((100% - 1184px)/2));padding-right:max(48px,calc((100% - 1184px)/2))}
.hero{background:#0b2d43;color:#fff;border-radius:0 0 36px 36px;padding-bottom:28px}
h1 em{color:#acd4ed}h1 em:after{background:#2d6e98;z-index:0;bottom:-7px;height:3px}
.hero .eyebrow{color:#b8d9eb}.eyebrow i{background:#9bcce9}
.hero-aside p,.hero .micro,.hero-foot>span:last-child{color:#c4d7e4}
.hero .button{background:#f7fbff;color:#0b2d43}.hero .button:hover{background:#dceef9}
.nav-cta{background:#ffffff12;border-color:#ffffff40}nav a:hover{color:#aad6f2}
.showcase{background-color:#d8e8f2;background-image:radial-gradient(ellipse at 85% 100%,#abcce0,transparent 55%)}
.orbit{background:#acd4ed;color:#0b2d43}
em,.intro h2 span{color:#397197}
.intro p,.services p,.section-head>p,.project-info p,.benefits p,.process>div>p,.process li p,.faq details p,dialog p,footer>p,footer>a:last-of-type{color:#5c7487}
.section-kicker{color:#316c94}.hero .section-kicker{color:#b8d9eb}
.services article{background:#fff;border-color:#d7e4ed;box-shadow:0 8px 24px #0b2d4305}
.service-icon,.num,.benefits span,.process li>span{color:#427da6}
.tags span{border-color:#d1e0eb}.portfolio{background:#edf3f8}
.filters button{border-color:#c5d9e7;color:#315871}.filters button.active{background:#0b2d43;color:#fff;border-color:#0b2d43}
.dark{background:#0b2d43;color:#fff}.button:hover{background:#194b6c}
.contact{background:#dcecf7}.contact h2 em{color:#2b6996}.contact p,form label span{color:#476780}
form input,form select,form textarea{background:#ffffffb3;border-color:#b2ccdf;color:#143a55}
form input::placeholder,form textarea::placeholder{color:#617f96}
.contact .button{background:#0b2d43;color:#fff}.contact .button:hover{background:#194b6c}
.footer-bottom{color:#668096}.close{background:#e3edf5;color:#143a55}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#458ab7}
.skip{background:#0b2d43}dialog::backdrop{background:#071e32cc}
@media(max-width:950px){header{padding-left:30px;padding-right:30px}}
@media(max-width:680px){header{padding-left:22px;padding-right:22px}.hero{border-radius:0 0 28px 28px}.hero .eyebrow{font-size:7px}nav.open{background:#0b2d43;color:#fff;border-color:#2b526b}}

/* Stronger blue accents and deeper contrast. */
:root{--ink:#091e42;--lime:#3282ff;--muted:#526b89;--line:#ceddf1}
header{background:#06162e}
.hero{background:radial-gradient(ellipse at 85% 5%,#164780 0,transparent 55%),linear-gradient(135deg,#06162e,#0b2f59);color:#fff}
h1 em{color:#75beff}h1 em:after{background:#3282ff;height:4px}
.hero .eyebrow{color:#a5d7ff}.eyebrow i{background:#60b8ff;box-shadow:0 0 12px #4ca8ff80}
.hero .button,.contact .button,.dark{background:#175cdb;color:#fff;box-shadow:0 8px 24px #0b54cf26}
.hero .button:hover,.contact .button:hover,.button:hover{background:#1045af}
.nav-cta{background:#175cdb;border-color:#3282ff;color:#fff}
.orbit{background:#3282ff;color:#fff}.showcase{background-color:#c8ddf6;background-image:radial-gradient(ellipse at 85% 100%,#71a9e3,transparent 60%)}
em,.intro h2 span{color:#195ec2}.section-kicker,.service-icon{color:#175cbd}
.filters button.active{background:#175cdb;border-color:#175cdb}
.contact{background:linear-gradient(120deg,#091e42,#123e78);color:#fff}
.contact .section-kicker{color:#96ceff}.contact h2 em{color:#78c1ff}.contact p,.contact .form-note,form label span{color:#c7dcf5}
.contact .direct{color:#fff}.contact input,.contact select,.contact textarea{background:#ffffff0f;border-color:#7ca6d970;color:#fff}
.contact input::placeholder,.contact textarea::placeholder{color:#b6cde8}.contact select option{background:#fff;color:#091e42}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#62afff}
@media(max-width:680px){nav.open{background:#06162e}}

/* Persistent WhatsApp contact */
.whatsapp-float{position:fixed;right:26px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;width:60px;height:60px;border-radius:50%;background:#128c4a;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #102d2b40;border:2px solid #ffffff;transition:transform .2s,background .2s}.whatsapp-float:hover{background:#0a7039;transform:translateY(-3px)}.whatsapp-float svg{display:block;flex-shrink:0}.whatsapp-label{position:absolute;right:72px;white-space:nowrap;padding:10px 14px;border-radius:12px;background:#fff;color:#172938;font-size:12px;box-shadow:0 4px 18px #102d2b18;opacity:0;visibility:hidden;transition:opacity .2s}.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{opacity:1;visibility:visible}@media(max-width:680px){.whatsapp-float{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:56px;height:56px}.footer-bottom{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-label{transition:none}}
/* Soft pulse draws attention to the contact button. */
.whatsapp-float::before{content:"";position:absolute;inset:-2px;border:2px solid #128c4a;border-radius:50%;pointer-events:none;animation:whatsapp-pulse 2.4s ease-out infinite}
.whatsapp-float svg{animation:whatsapp-breathe 2.4s ease-in-out infinite}
@keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.6}75%,100%{transform:scale(1.6);opacity:0}}
@keyframes whatsapp-breathe{0%,100%{transform:scale(1)}45%{transform:scale(1.1)}}
.whatsapp-float:hover::before,.whatsapp-float:focus-visible::before,.whatsapp-float:hover svg,.whatsapp-float:focus-visible svg{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.whatsapp-float::before,.whatsapp-float svg{animation:none}.whatsapp-float::before{display:none}}

/* Unified premium portfolio imagery. */
.premium-showcase{padding:0;min-height:0;background:#071b37;aspect-ratio:16/9;border:1px solid #77a7dc38;box-shadow:0 24px 65px #020d2430}
.premium-showcase>img{display:block;width:100%;height:100%;object-fit:cover}
.premium-showcase .show-label{bottom:20px;left:24px;color:#d4e8ff;background:#081b37c9;padding:9px 14px;border-radius:20px;font-size:8px;letter-spacing:1px}
.project .project-art.generated-art{padding:0;background:#0a203d;height:340px;border:1px solid #c3d6ec}
.generated-art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.project:hover .generated-art>img{transform:scale(1.035)}
.project .generated-art .view{left:22px;bottom:20px;background:#ffffffed;color:#0b2a4b;box-shadow:0 4px 16px #07182c20}
.project .project-art.bins,.project .project-art.medical,.project .project-art.neuro{padding:36px 22px 30px;background:radial-gradient(ellipse at top right,#2d5d8a,#0c2340 75%);height:340px;border:1px solid #bed2eb}
.project-art.bins:before,.project-art.medical:before,.project-art.neuro:before{content:'●  ●  ●';position:absolute;top:15px;left:26px;color:#b4d6f5;font-size:7px;letter-spacing:3px}
.project .bins>img,.project .medical>img,.project .neuro>img{object-fit:cover;object-position:top center;border-radius:9px;box-shadow:0 14px 30px #0005;border:1px solid #ffffff33}
.project .bins .view,.project .medical .view,.project .neuro .view{left:35px;bottom:42px;background:#ffffffed;color:#0a2e52;font-size:9px;box-shadow:0 5px 15px #0002}
.project-art{box-shadow:0 10px 35px #183e6710}
.wide .generated-art>img{object-position:center 52%}
dialog .generated-art{padding:0;height:300px;background:#0a203d}
dialog .generated-art>img{border-radius:20px}
@media(max-width:680px){.premium-showcase{aspect-ratio:4/3;min-height:0;margin-left:0;margin-right:0}.premium-showcase>img{object-fit:cover}.premium-showcase .show-label{font-size:5px;left:12px;bottom:12px;padding:7px 10px}.project .project-art.generated-art{height:auto;aspect-ratio:3/2}.project .project-art.bins,.project .project-art.medical,.project .project-art.neuro{height:285px;padding:31px 15px 24px}.project-art.bins:before,.project-art.medical:before,.project-art.neuro:before{left:20px;top:13px}.project .bins .view,.project .medical .view,.project .neuro .view{left:25px;bottom:35px}.project .generated-art .view{left:15px;bottom:14px;font-size:8px}dialog .generated-art{height:auto;aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.generated-art>img{transition:none}}
/* Browser mockups and expanded project presentations. */
.project .project-art.bins,.project .project-art.medical,.project .project-art.neuro{padding:49px 28px 35px;background:radial-gradient(ellipse at 70% 20%,#356493,#091c36 80%);perspective:1200px}
.project .bins>img,.project .medical>img,.project .neuro>img{height:100%;transform:rotate(-2deg);border:5px solid #d1dfec;border-top:13px solid #d1dfec;border-radius:13px;box-shadow:0 20px 30px #020b2355;transition:transform .3s}
.project:hover .bins>img,.project:hover .medical>img,.project:hover .neuro>img{transform:rotate(0) translateY(-3px)}
.project-art.bins:before,.project-art.medical:before,.project-art.neuro:before{content:'DESIGN RESPONSIVO · CONCEITO';font-size:7px;letter-spacing:1.2px;color:#bbd7f4;left:30px;top:22px}
.project .bins .view,.project .medical .view,.project .neuro .view{bottom:16px;left:26px;font-size:8px}
#demo{width:940px;max-width:calc(100% - 40px);padding:42px 44px 0;max-height:90dvh;overscroll-behavior:contain;scroll-behavior:smooth}
#demo>.close{position:sticky;top:0;float:right;right:0;z-index:4;background:#e5edf8;box-shadow:0 3px 15px #0b203a20;margin-top:-20px;margin-right:-22px}
#demo h2{font-size:36px;margin:18px 0 14px}#demo .modal-description{max-width:640px;font-size:14px;margin-bottom:25px}
#demo .modal-cover{padding:0;height:auto;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#0a233e}
#demo .modal-cover>img{height:100%;width:100%;object-fit:cover;display:block;border:0;transform:none;box-shadow:none;border-radius:0}
#demo .modal-cover:before{display:none}#demo .modal-jump{display:block;text-align:center;font-size:12px;border:1px solid #c3d4e8;border-radius:30px;padding:13px 20px;margin:20px 0 40px;color:#175cbd;background:#fff}
.modal-more{scroll-margin-top:30px}.gallery-heading{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0 0 9px}#demo .gallery-hint{font-size:12px;margin-bottom:22px}.fullsite-frame{border:1px solid #cad6e6;border-radius:18px;overflow:hidden;background:#eef2f7}.preview-browserbar{background:#e1e8f1;color:#8799af;padding:12px 18px;font:9px Arial;letter-spacing:3px}.fullsite-frame>img{width:100%;height:auto;display:block}.extended-preview{border:1px solid #ccd8e7;border-radius:18px;overflow:hidden;background:#f7f8fb;color:#18314c}.preview-brand{padding:30px 38px;font:28px Georgia;border-bottom:1px solid #dce2e9}.preview-section{padding:46px 38px;margin:0}.preview-index{font-size:9px;letter-spacing:2px;color:#657e99}.preview-section h4{font:38px/1.15 Georgia;margin:18px 0;max-width:500px}#demo .preview-section p{color:inherit;font-size:13px;line-height:1.8;max-width:560px;opacity:.8}.preview-section.section-1{background:#e9eef5}.preview-section.section-2{background:#122c48;color:#fff}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.preview-tile{min-height:120px;border-radius:12px;background:#fff;border:1px solid #d5deea;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#17324c}.preview-tile span{font-size:10px;color:#718399}.preview-tile strong{font-size:12px;font-weight:500}.preview-contact{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 38px;background:#e9eef5}.preview-contact strong{font:24px Georgia}.preview-contact span{font-size:10px}.preview-essenza{background:#f5f0e7;color:#4c493d}.preview-essenza .section-1,.preview-essenza .preview-contact{background:#e9e1d3}.preview-alma{background:#f5f4ec;color:#3e5142}.preview-alma .section-1,.preview-alma .preview-contact{background:#e2e8d9}.preview-alma .section-2{background:#465c4b}.preview-forma{background:#f3efe7;color:#403e38}.preview-forma .section-1,.preview-forma .preview-contact{background:#e2dbce}.preview-forma .section-2{background:#333c40}#demo .modal-note{font-size:10px;color:#73839a;margin:25px 0}.modal-footer{position:sticky;bottom:0;padding:16px 0;background:#f7f7f2f5;backdrop-filter:blur(14px);border-top:1px solid #d9e2ed}.modal-footer .button{justify-content:center;max-width:400px;margin:0 auto!important}
@media(max-width:680px){#demo{padding:30px 18px 0;max-width:calc(100% - 20px);max-height:94dvh;border-radius:24px}#demo>.close{margin-right:-5px;margin-top:-14px}#demo h2{font-size:27px;padding-right:25px}#demo .modal-description{font-size:12px}#demo .modal-cover{border-radius:15px;aspect-ratio:3/2}#demo .modal-jump{font-size:11px;margin-bottom:30px}.gallery-heading{font-size:20px}.preview-section{padding:32px 22px}.preview-section h4{font-size:29px}.preview-brand{padding:24px 22px;font-size:23px}.preview-grid{grid-template-columns:1fr;gap:9px;margin-top:20px}.preview-tile{min-height:75px;gap:14px;padding:16px}.preview-contact{display:block;padding:25px 22px}.preview-contact span{display:block;margin-top:10px}.modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.modal-footer .button{font-size:12px;padding:16px}.project .project-art.bins,.project .project-art.medical,.project .project-art.neuro{padding:44px 23px 34px}.project-art.bins:before,.project-art.medical:before,.project-art.neuro:before{font-size:6px;top:20px;left:25px}}
@media(prefers-reduced-motion:reduce){#demo{scroll-behavior:auto}.project .bins>img,.project .medical>img,.project .neuro>img{transition:none}}

/* Personal introduction matched to the navy identity. */
.about-studio{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-top:10px;padding-bottom:105px}
.founder-portrait{position:relative;isolation:isolate;background:#0b2548;border:1px solid #23466e;border-radius:32px;overflow:hidden;max-width:430px;box-shadow:0 25px 65px #0a234522}
.founder-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;display:block}
.founder-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#06162ee8);pointer-events:none}
.portrait-caption{position:absolute;z-index:1;bottom:27px;left:28px;color:#fff}.portrait-caption>span{font-size:24px;letter-spacing:3px;font-weight:500}.portrait-caption small{display:block;font-size:10px;letter-spacing:1px;color:#bedaff;margin-top:8px}
.founder-content h2{font-size:43px;font-weight:500;line-height:1.18;letter-spacing:-1.8px;margin:25px 0}.founder-content p{font-size:14px;line-height:1.9;color:#64768c;max-width:440px}.founder-values{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.founder-values>span{font-size:9px;background:#e8f0fb;color:#23518a;padding:9px 12px;border-radius:30px}.founder-content .button{max-width:350px}
@media(max-width:950px){.about-studio{gap:40px}.founder-content h2{font-size:36px}nav{gap:20px}}
@media(max-width:680px){.about-studio{grid-template-columns:1fr;gap:32px;padding-top:0;padding-bottom:65px}.founder-portrait{width:100%;max-width:360px;margin:auto;border-radius:28px}.founder-portrait img{aspect-ratio:4/4.7}.founder-content h2{font-size:34px;letter-spacing:-1.4px}.founder-content p{font-size:13px}.founder-content .button{max-width:none}.portrait-caption{left:24px;bottom:24px}}
/* Direct conversation is the primary action throughout the site. */
.hero-aside{max-width:330px}.hero .hero-aside .button{background:#128c4a;color:#fff;gap:15px}.hero .hero-aside .button:hover{background:#0c713b}.hero .micro{font-size:10px;line-height:1.6}.hero .eyebrow{line-height:1.7;max-width:620px}
.contact .contact-primary{display:flex;width:max-content;max-width:100%;border:0;background:#128c4a;color:#fff;margin-top:24px;padding:18px 23px;font-size:14px;white-space:normal}.contact .contact-primary:hover{background:#0b7039}.contact .contact-reassurance{font-size:10px;margin:12px 0 0;max-width:330px}.quick-start{padding:32px;background:#ffffff0b;border:1px solid #adcffb35;border-radius:26px}.quick-start .section-kicker{font-size:8px}.quick-start h3{font-size:28px;font-weight:500;letter-spacing:-1px;margin:24px 0 12px}.quick-start .button{background:#128c4a;color:#fff;font-size:12px;margin-top:24px;gap:15px}.quick-start .button:hover{background:#0b7039}.optional-brief{margin-top:20px;border:1px solid #adcffb35;border-radius:20px;padding:20px}.optional-brief>summary{cursor:pointer;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none}.optional-brief>summary::-webkit-details-marker{display:none}.optional-brief>summary>span{font-size:20px}.optional-brief[open]>summary>span{transform:rotate(45deg)}.optional-brief form{margin-top:26px}.services article>a{min-height:48px;display:flex;align-items:center;line-height:1.6;color:#175cbd}.nav-cta{min-height:44px;display:flex;align-items:center}
.whatsapp-float{width:auto;min-width:206px;height:62px;padding:0 20px;gap:12px;border-radius:40px;right:24px;bottom:calc(22px + env(safe-area-inset-bottom,0px))}.whatsapp-label{position:static;right:auto;visibility:visible;opacity:1;padding:0;background:none;color:#fff;font-size:13px;font-weight:600;box-shadow:none;white-space:nowrap;text-align:left}.whatsapp-label small{display:block;font-size:9px;font-weight:400;margin-top:4px;opacity:.88}.whatsapp-float::before{border-radius:inherit;animation:contact-ring 2.8s ease-out infinite}.footer-bottom{padding-bottom:110px}
@keyframes contact-ring{0%{box-shadow:0 0 0 0 #128c4a66;opacity:.8}75%,100%{box-shadow:0 0 0 12px #128c4a00;opacity:0}}
@media(max-width:680px){body{padding-bottom:88px}.hero-aside{max-width:none}.hero-aside .button{width:100%;max-width:340px;font-size:13px}.hero .micro{font-size:9px}.contact .contact-primary{width:100%;justify-content:center;font-size:13px}.quick-start{margin-top:30px;padding:25px}.quick-start h3{font-size:25px}.optional-brief form{margin-top:24px}.contact-options{min-width:0}.whatsapp-float{left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));height:62px;width:auto;min-width:0;justify-content:center;box-shadow:0 4px 25px #06162e55;border-width:1px}.whatsapp-label{font-size:14px}.whatsapp-label small{font-size:10px}.whatsapp-float svg{width:27px;height:27px}.footer-bottom{padding-bottom:28px}.nav-cta{font-size:10px;white-space:nowrap}.hero .eyebrow{font-size:7px;max-width:300px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float::before{animation:none}}

/* Readable typography and clear next steps, on every screen. */
body{font-size:18px}
h1{font-size:clamp(52px,5.9vw,78px);font-weight:800;letter-spacing:-3.4px;line-height:1.1}
.hero-top{align-items:center;gap:40px}.hero-top>h1{flex:1;min-width:0}.hero-aside{flex:0 0 330px}
.hero-aside p{font-size:19px;line-height:1.65}.hero-aside p strong{display:block;color:#fff;margin-bottom:10px}
.hero .micro{font-size:13px;line-height:1.65}.hero .eyebrow{font-size:12px;letter-spacing:1.2px}
.eyebrow,.section-kicker{font-weight:700}.section-kicker{font-size:12px;line-height:1.6}
nav{font-size:15px;font-weight:600}.nav-cta{font-size:14px;font-weight:700}
.intro h2,.section-head h2,.why h2,.process h2,.founder-content h2,.faq h2{font-size:clamp(36px,3.7vw,50px);font-weight:800;letter-spacing:-1.8px;line-height:1.18}
.intro p,.section-head>p,.benefits p,.process>div>p,.process li p,.founder-content p,.faq details p{font-size:18px;line-height:1.75;color:#3f5570}
.services h3{font-size:28px;font-weight:800;line-height:1.2}.services p{font-size:18px;line-height:1.7;color:#3f5570;min-height:0}
.services article{display:flex;flex-direction:column;padding:30px 25px}.services article>a{margin-top:auto;padding:16px 18px;min-height:58px;border:0;border-radius:16px;background:#0b366b;color:#fff;font-size:16px;font-weight:700;line-height:1.45}.services article>a:hover{background:#164c90}
.tags span,.founder-values>span{font-size:12px;font-weight:600}.tags{margin:24px 0}.num{font-size:13px}
.button,.hero-aside .button,.contact .contact-primary,.quick-start .button{font-size:17px;font-weight:700;line-height:1.45;min-height:58px}
.benefits h3,.process h3,.project-info h3{font-size:23px;font-weight:800;line-height:1.35}.project-info p{font-size:14px;line-height:1.6}
.section-head small{font-size:13px;line-height:1.65}.filters button{font-size:14px;min-height:44px;font-weight:600}
.hero-foot{font-size:11px;line-height:1.6}.faq summary{font-size:18px;font-weight:700;line-height:1.5}
.contact h2{font-size:clamp(40px,4vw,56px);font-weight:800;line-height:1.15}.contact p{font-size:18px;line-height:1.75;color:#c9d9ee}.contact p strong{color:#fff}
.contact .contact-reassurance{font-size:13px}.quick-start h3{font-size:32px;font-weight:800}.quick-start .section-kicker{font-size:11px}.optional-brief>summary{font-size:16px;line-height:1.5}
form label{font-size:15px}form input,form select,form textarea{font-size:16px}.contact .form-note{font-size:13px}
.whatsapp-label{font-size:15px;font-weight:700}.whatsapp-label small{font-size:11px}.whatsapp-float{min-height:66px}
footer>p,footer>a:last-of-type{font-size:15px;line-height:1.6}.footer-bottom{font-size:12px;line-height:1.6}
#demo h2{font-weight:800}#demo .modal-description{font-size:17px}#demo .gallery-hint{font-size:15px}#demo .modal-note{font-size:13px}.gallery-heading{font-weight:700}
@media(max-width:1000px){.hero-top{display:block}.hero-aside{max-width:620px;margin-top:28px}.hero-aside .button{max-width:360px}.hero-aside p{max-width:600px}.services{grid-template-columns:1fr}.services article{padding:28px}.services h3{margin-top:20px}.services article>a{width:100%}.hero h1{font-size:clamp(48px,7.4vw,74px)}}
@media(max-width:680px){
.hero{padding-top:28px}.hero h1{font-size:clamp(38px,9.6vw,61px);letter-spacing:-1.8px;line-height:1.12}.hero .eyebrow{font-size:10px;max-width:100%;letter-spacing:1px}
.hero-aside{margin-top:24px}.hero-aside p{font-size:18px;max-width:none}.hero-aside .button{font-size:17px;max-width:none;width:100%}.hero .micro{font-size:12px}
.intro h2,.section-head h2,.why h2,.process h2,.founder-content h2,.faq h2{font-size:34px;letter-spacing:-1.2px}.section-kicker{font-size:11px}
.intro p,.section-head>p,.benefits p,.process>div>p,.process li p,.founder-content p,.faq details p{font-size:17px;max-width:none}
.services h3{font-size:27px}.services p{font-size:17px;max-width:none}.services article>a{font-size:16px}.services article{padding:26px 22px}
.benefits h3,.process h3{font-size:22px}.project-info h3{font-size:21px}.project-info p{font-size:13px}.filters button{font-size:12px;padding:10px 13px}
.contact h2{font-size:39px;letter-spacing:-1.3px}.contact p{font-size:17px}.contact .contact-primary,.quick-start .button{font-size:16px;gap:12px}.quick-start h3{font-size:29px}.quick-start .button{justify-content:center}
.faq summary{font-size:17px}.hero-foot{font-size:9px}.hero-foot>span:last-child{max-width:160px}.nav-cta{font-size:12px;padding:10px 13px}.nav-cta span{margin-left:7px}header{gap:10px}.brand{font-size:30px}
footer>p{font-size:13px}.footer-bottom{font-size:11px}.whatsapp-label{font-size:15px}.whatsapp-label small{font-size:11px}
#demo .modal-description{font-size:16px}.modal-footer .button{font-size:15px}#demo .gallery-hint{font-size:14px}
}

/* Larger, stronger typography and a clearer first step for ad visitors. */
body{font-size:17px}h1,h2,h3{font-weight:750}h1{font-size:clamp(48px,5.4vw,74px);letter-spacing:-3px;line-height:1.1;font-weight:800}.hero-top{align-items:center;gap:44px}.hero-aside{max-width:355px;flex-shrink:0}.hero-aside p{font-size:18px;line-height:1.65}.hero .micro{font-size:14px;line-height:1.6;color:#e0ecfc}.hero .eyebrow{font-size:12px;letter-spacing:1.2px}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 28px;margin:-12px 0 30px;color:#deedff;font-size:14px;font-weight:650}.hero .button{font-size:16px}.button{font-size:16px;font-weight:750;line-height:1.5;min-height:54px}.button span{flex-shrink:0}.nav-cta{font-size:14px;font-weight:750;padding:12px 16px;border-radius:28px}nav{font-size:15px;font-weight:650}.hero-foot{font-size:12px;line-height:1.6}.section-kicker{font-size:12px;letter-spacing:1.1px;font-weight:750}.intro h2,.section-head h2,.why h2,.process h2,.faq h2,.founder-content h2,.contact h2,.conversation-bridge h2{font-size:clamp(34px,3.7vw,48px);line-height:1.17;letter-spacing:-1.5px;font-weight:800}.intro p,.services p,.benefits p,.process>div>p,.process li p,.founder-content p,.faq details p,.conversation-bridge p{font-size:17px;line-height:1.75;color:#354c66}.intro{padding-top:85px}.services{gap:16px;padding-bottom:60px}.services article{padding:28px 24px}.services h3{font-size:26px;font-weight:800}.services article>a{font-size:16px;font-weight:750;min-height:60px}.tags span{font-size:12px;font-weight:650}.benefits h3,.process li h3{font-size:21px;font-weight:750}.section-head>p{font-size:16px;color:#354c66}.section-head small{font-size:13px}.project-info h3{font-size:21px;font-weight:750}.project-info p{font-size:14px}.filters button{font-size:14px;min-height:44px}.project .project-art .view{font-size:13px;font-weight:750}.founder-values>span{font-size:12px}.contact p{font-size:17px;line-height:1.75}.contact .contact-primary,.quick-start .button{font-size:16px}.contact .contact-reassurance,.contact .form-note{font-size:13px}.quick-start h3{font-size:30px;font-weight:800}.quick-start .section-kicker{font-size:12px}.optional-brief>summary,form label{font-size:16px}.faq summary{font-size:18px;font-weight:750;line-height:1.5}.whatsapp-label{font-size:16px}.whatsapp-label small{font-size:12px}footer>p,footer>a:last-of-type{font-size:15px}.footer-bottom{font-size:12px}
.conversation-bridge{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:10px;padding-bottom:85px}.conversation-bridge h2{margin:22px 0}.conversation-bridge .button{max-width:420px;justify-content:center;background:#128c4a}.conversation-bridge .button:hover{background:#0a7039}.conversation-bridge small{display:block;margin-top:14px;font-size:14px;line-height:1.6;color:#354c66;max-width:420px}.conversation-card{padding:34px;background:#eaf1fb;border:1px solid #c6d7ef;border-radius:28px}.conversation-card ol{padding-left:24px;margin:28px 0 0}.conversation-card li{padding-left:8px;margin-top:23px;color:#175cbd}.conversation-card strong{font-size:19px;color:#091e42}.conversation-card p{font-size:16px;margin:8px 0 0}
@media(max-width:1050px){.hero-top{display:block}.hero-aside{max-width:620px;margin-top:28px}.hero-aside .button{max-width:370px}.hero-proof{margin-top:0}.services{grid-template-columns:1fr}.services p{min-height:0}.services h3{margin-top:22px}.services article>a{justify-content:space-between}.conversation-bridge{gap:30px}.nav-cta{font-size:12px}nav{gap:15px}}
@media(max-width:680px){.hero{padding-top:35px}.hero-top{margin:22px 0 28px}.hero h1{font-size:clamp(34px,8.7vw,54px);letter-spacing:-1.5px;line-height:1.13}.hero .eyebrow{font-size:11px;max-width:none;letter-spacing:.7px}.hero-aside p{font-size:18px}.hero-aside .button{font-size:16px;max-width:none;width:100%;padding:17px}.hero .micro{font-size:14px}.hero-proof{gap:10px;font-size:12px;margin-bottom:24px}.hero-proof span{background:#ffffff0b;padding:8px 10px;border:1px solid #ffffff20;border-radius:20px}.hero-foot{font-size:11px;gap:18px}.hero-foot>span:last-child{display:none}.intro{padding-top:60px;padding-bottom:30px}.intro h2,.section-head h2,.why h2,.process h2,.faq h2,.founder-content h2,.contact h2,.conversation-bridge h2{font-size:34px;letter-spacing:-1.2px;font-weight:800}.services{padding-bottom:40px}.services article{padding:26px 22px}.services h3{font-size:26px}.services article>a{font-size:16px}.section-kicker{font-size:11px;line-height:1.6}.conversation-bridge{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.conversation-bridge .button{font-size:16px;text-align:center;padding:17px}.conversation-card{padding:26px 22px}.conversation-card strong{font-size:18px}.conversation-card p{font-size:16px}.founder-content p,.benefits p,.process li p,.faq details p{font-size:17px}.project-info h3{font-size:20px}.project-info p{font-size:13px}.project .project-art .view{font-size:12px}.contact .contact-primary,.quick-start .button{font-size:16px}.quick-start h3{font-size:28px}.whatsapp-label{font-size:16px}.whatsapp-label small{font-size:12px}.nav-cta{font-size:12px;padding:10px 12px;max-width:175px;line-height:1.4}.nav-cta span{margin-left:8px}.brand{font-size:34px}header{gap:12px}.optional-brief form input,.optional-brief form select,.optional-brief form textarea{font-size:16px}#demo .modal-description,#demo .gallery-hint,#demo .preview-section p{font-size:16px}#demo .modal-note{font-size:13px}.modal-footer .button{font-size:15px}.premium-showcase .show-label{font-size:8px}}
@media(max-width:370px){header{padding-left:16px;padding-right:16px}.nav-cta{font-size:11px;max-width:145px}.hero h1{font-size:32px}.whatsapp-label{font-size:15px}}

/* Stronger identity and technical credibility. */
.hero h1{font-weight:800;letter-spacing:-3.5px;line-height:1.04}.hero h1 em{color:#86c7ff}.hero{background-image:radial-gradient(ellipse at 95% 15%,#2469be33,transparent 55%)}.hero .button{background:#8ce3ff;color:#071b35;border:1px solid #a7eaff;box-shadow:0 8px 35px #43bfff24}.hero .button:hover{background:#c0f1ff}.hero-proof span{font-size:13px}.brand{letter-spacing:-2px}.brand>span{color:#53adff}.hero .eyebrow i{background:#8ce3ff;box-shadow:0 0 18px #8ce3ff}.showcase{border:1px solid #7bb7ff33}.expertise-panel{background:linear-gradient(145deg,#07172e,#103e75);border:1px solid #3574b7;border-radius:30px;padding:40px;color:#e7f3ff;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:540px}.expertise-panel .section-kicker{color:#96ccff;line-height:1.8}.experience-number{font-family:Manrope,Arial,sans-serif;font-size:150px;font-weight:800;line-height:1.1;letter-spacing:-9px;margin:28px 0 10px}.experience-number span{font-size:34px;letter-spacing:-1px;margin-left:18px;color:#86c7ff}.expertise-panel p{font-size:24px;line-height:1.5}.expertise-pills{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 30px}.expertise-pills span{font-size:13px;border:1px solid #7bb7ff55;border-radius:24px;padding:9px 14px}.expertise-signature{border-top:1px solid #7bb7ff44;padding-top:24px;font-size:17px;line-height:1.7;color:#c4ddf7}.about-studio{grid-template-columns:.85fr 1.15fr;gap:64px}.founder-content h2{margin-top:20px}.founder-content .section-kicker{line-height:1.8}.founder-values{flex-wrap:wrap}
@media(max-width:900px){.about-studio{grid-template-columns:1fr;gap:36px}.expertise-panel{min-height:0;padding:32px}.experience-number{font-size:110px}.hero h1{letter-spacing:-2px}}
@media(max-width:680px){.hero h1{font-size:clamp(34px,9vw,54px);letter-spacing:-1.5px}.expertise-panel p{font-size:21px}.experience-number{font-size:100px}.experience-number span{font-size:28px}.brand{font-size:31px}.hero-proof span{font-size:12px}.expertise-signature{font-size:16px}}

/* Studio design system: charcoal, warm yellow, paper and emerald. */
:root{--bg:#f6f6f3;--ink:#182329;--muted:#5b686d;--lime:#f7cf22;--line:#dce1df;--accent:#f7cf22;--dark:#0b1115;--radius:18px}body{background:var(--bg);color:var(--ink)}header{max-width:none;padding:24px max(32px,calc((100vw - 1184px)/2));height:102px;background:var(--dark);color:#fff;margin:0;gap:26px;border-bottom:1px solid #ffffff12}header nav a{color:#d4dadc}header nav a:hover{color:var(--accent)}.brand{color:inherit}.brand>span{color:var(--accent)}.nav-cta{background:#fff;color:#19242a;border:0;border-radius:12px;font-size:14px;padding:14px 20px}.nav-cta:hover{background:var(--accent)}.menu{color:inherit}.hero.wrap{max-width:none;margin:0;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:72px max(32px,calc((100vw - 1184px)/2)) 76px;background:radial-gradient(ellipse at 100% 0%,#263a43,transparent 60%),#0b1115;color:#fff;border-radius:0}.hero .eyebrow{color:#e8ecee;font-size:11px;letter-spacing:1.6px}.hero .eyebrow i{background:var(--accent);box-shadow:none}.hero h1{font-size:clamp(40px,4.3vw,63px);line-height:1.08;letter-spacing:-2.6px;margin:26px 0 24px;color:#fff}.hero h1 em{color:var(--accent);background:none}.hero h1 em:after{display:none}.hero-lead{font-size:20px;line-height:1.55;color:#f3f4ef;max-width:550px;margin-bottom:18px}.hero-description{font-size:16px;line-height:1.7;color:#b9c6cc;max-width:520px}.hero-checks{list-style:none;padding:0;margin:23px 0 28px;display:grid;gap:13px;font-size:14px;line-height:1.6;color:#e1e7e8}.hero-checks li{position:relative;padding-left:28px}.hero-checks li:before{content:'✓';position:absolute;left:0;top:1px;border-radius:50%;width:19px;height:19px;background:#4fc77a;color:#071c10;text-align:center;font-weight:800;line-height:19px}.hero .button{background:var(--accent);color:#152026;border:0;border-radius:12px;box-shadow:none;width:fit-content;min-width:280px;padding:17px 24px;font-weight:800}.hero .button:hover{background:#ffe36b}.hero .micro{font-size:12px;color:#acbbc2;margin-top:14px}.hero-visual{min-width:0;border-radius:24px;border:1px solid #ffffff24;background:#19262d;box-shadow:0 30px 90px #0006;overflow:hidden;transform:rotate(1.5deg)}.visual-top{display:flex;justify-content:space-between;padding:22px 24px;font-size:10px;letter-spacing:1.6px;color:#d9e2e6}.visual-top>span:last-child{color:var(--accent);font-size:22px;line-height:12px}.hero-visual img{display:block;width:100%;height:330px;object-fit:cover}.visual-bottom{padding:26px 24px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.visual-bottom strong{font-size:21px;display:block;letter-spacing:-.5px}.visual-bottom div>span{display:block;font-size:13px;color:#b5c3c9;margin-top:7px}.visual-arrow{font-size:34px;color:var(--accent)}.visual-note{display:block;font-size:10px;color:#9cabb2;padding:0 24px 20px}.trust-strip{padding:27px 32px;display:flex;justify-content:center;gap:64px;background:#eeeeda;border-bottom:1px solid #dedfcd;font-size:13px;align-items:center}.trust-strip>span{display:flex;align-items:center;gap:12px}.trust-strip b{font-family:Manrope,Arial,sans-serif;font-size:25px;color:#162b31}.section-kicker{color:#68743d}.intro h2,.section-head h2,.why h2,.process h2,.faq h2,.founder-content h2,.contact h2,.conversation-bridge h2{color:#17242a}.intro h2 span,em,.founder-content h2 em,.section-head h2 em,.process h2 em{color:#647130}.intro p,.services p,.benefits p,.process>div>p,.process li p,.founder-content p,.faq details p,.conversation-bridge p,.section-head>p{color:#58686c}.intro{padding-top:90px}.services article{background:#fff;border:1px solid #dce2df;border-radius:var(--radius);box-shadow:0 12px 30px #142a2010}.services article:hover{border-color:#9fa978}.service-icon{background:#f7f0c4;color:#5c601c}.tags span{background:#f0f2e8;color:#4b5839}.services article>a{color:#31452a;border-color:#e0e6d8}.button.dark{background:#f7cf22;color:#17242a;border-radius:12px}.button.dark:hover{background:#ffe36b}.conversation-card{background:#ecefe4;border-color:#d8dfcb;border-radius:20px}.conversation-card strong,.conversation-card li{color:#2b432c}.conversation-bridge .button{background:#f7cf22;color:#17242a}.conversation-bridge small{color:#58686c}.portfolio{background:#eceee9}.filters button{color:#394e43;border-color:#cbd5c7;border-radius:30px}.filters button.active{background:#182a23;color:#fff;border-color:#182a23}.project-art{border-radius:16px}.project-info h3{color:#17242a}.project-info p{color:#617067}.why{padding-top:85px;padding-bottom:85px}.benefits>div{border-color:#dce2df}.benefits>div>span{color:#6e7b36}.about-studio{padding-top:65px;padding-bottom:80px}.expertise-panel{background:radial-gradient(ellipse at 100% 0%,#31464b,transparent 65%),#0b1115;border-color:#263a40;border-radius:24px;color:#edf1ef}.expertise-panel .section-kicker{color:#f7cf22}.experience-number{color:#f7cf22}.experience-number span{color:#fff}.expertise-pills span{border-color:#ffffff35;color:#e3e9e6}.expertise-signature{border-color:#ffffff28;color:#bdcac8}.founder-values>span{background:#eaede2;color:#475b3c}.process{padding-bottom:85px}.process li>span{color:#737f36}.contact{background:#0b1115;color:#fff}.contact h2{color:#fff}.contact h2 em,.contact .section-kicker{color:#f7cf22}.contact p{color:#c0cdce}.contact .contact-primary{background:#f7cf22;color:#17242a;border-radius:12px}.contact .contact-reassurance{color:#9caeb1}.quick-start{background:#19272c;border:1px solid #ffffff22;border-radius:20px}.quick-start h3{color:#fff}.quick-start .button{background:#f7cf22;color:#17242a}.optional-brief{background:#19272c;border:1px solid #ffffff22;color:#fff}.optional-brief form{color:#fff}.contact input,.contact select,.contact textarea{background:#fff;color:#17242a}.faq summary{color:#25332b}.faq details{border-color:#dce2df}footer{color:#17242a}footer .brand{color:#17242a}footer .brand>span{color:#65782c}.footer-bottom{border-color:#dce2df}.whatsapp-float{background:#148447}.whatsapp-label{color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b18b00;outline-offset:5px}
@media(max-width:1050px){header{padding:22px 32px}.hero.wrap{gap:32px;padding:52px 32px 60px}.hero h1{font-size:48px}.hero-visual img{height:300px}.trust-strip{gap:28px;font-size:12px}}
@media(max-width:800px){header nav{background:#17242a}.hero.wrap{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:620px}.hero h1{font-size:54px}.hero-visual{transform:none;max-width:600px}.hero-visual img{height:auto}.trust-strip{flex-wrap:wrap;gap:18px 32px}.trust-strip b{font-size:21px}.hero .button{width:fit-content}}
@media(max-width:680px){header{height:88px;padding:18px 20px;gap:12px}.brand{font-size:30px}.brand small{font-size:7px;letter-spacing:1.5px}.nav-cta{font-size:11px;padding:11px 12px;max-width:160px}.hero.wrap{padding:40px 22px 48px;gap:36px}.hero h1{font-size:clamp(38px,10vw,52px);letter-spacing:-1.7px;margin:22px 0}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-lead{font-size:19px}.hero-description{font-size:16px}.hero-checks{font-size:14px}.hero .button{width:100%;min-width:0}.hero .micro{font-size:11px}.visual-top{padding:19px}.visual-bottom{padding:20px}.visual-bottom strong{font-size:19px}.visual-bottom div>span{font-size:12px}.visual-note{padding:0 20px 18px}.trust-strip{padding:23px 22px;display:grid;justify-content:start;gap:13px}.trust-strip>span{font-size:13px}.trust-strip b{width:32px}.intro{padding-top:60px}.about-studio{padding-top:40px;padding-bottom:55px}.why{padding-top:60px;padding-bottom:50px}.process{padding-bottom:60px}.contact .contact-primary{font-size:15px}.founder-content h2{font-size:34px}.hero-visual{border-radius:18px}.services article{border-radius:18px}}

.brand>span,.nav-cta>span,.button>span,.visual-top>span:last-child,.visual-arrow,.service-icon{font-family:Arial,sans-serif} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}