:root{--ink:#16202e;--muted:#657080;--paper:#f7f6f1;--white:#fff;--orange:#ff6538;--blue:#2758dc;--dark:#17212f;--line:#d9dcd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}.section-shell{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:80px;width:100%;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(247,246,241,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:20;top:0;border-bottom:1px solid transparent}.brand{color:var(--ink);font:800 19px/1 "Manrope",sans-serif;text-decoration:none;display:inline-flex;gap:9px;align-items:center;letter-spacing:-.8px}.brand>span:last-child>span{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--ink);color:#fff;font-size:15px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-weight:600;color:#3c4652;text-decoration:none;font-size:14px}.main-nav a:hover{color:var(--orange)}.main-nav .nav-contact{padding:10px 15px;background:var(--ink);color:#fff;border-radius:5px}.nav-contact span,.button span{margin-left:8px;font-size:18px}.menu-toggle{display:none;border:0;background:transparent;padding:6px}.menu-toggle span{width:23px;height:2px;margin:5px;display:block;background:var(--ink);transition:.2s}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px;padding:76px 0 95px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:#747d83;margin:0 0 18px}.eyebrow span{height:8px;width:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1,.section-heading h2,.about h2,.contact-copy h2{font-family:"Manrope",sans-serif;letter-spacing:-3.4px;line-height:1.05}.hero h1{font-size:clamp(48px,6vw,76px);max-width:680px;margin-bottom:24px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-text{color:var(--muted);font-size:17px;max-width:510px}.hero-actions{display:flex;align-items:center;gap:26px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;border-radius:5px;padding:14px 19px;font:700 14px "DM Sans",sans-serif;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px #ff65383b}.button-primary:hover{background:#e9532a}.text-link{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.text-link span{color:var(--orange);font-size:19px;margin-left:7px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:55px}.hero-proof p{font-size:12px;color:var(--muted);line-height:1.4;margin:0}.hero-proof strong{color:var(--ink)}.avatar-stack{display:flex;padding-left:8px}.avatar-stack span{width:32px;height:32px;border-radius:50%;margin-left:-8px;border:2px solid var(--paper);display:grid;place-items:center;background:#e4b39e;color:#3a2b2a;font-size:11px;font-weight:700}.avatar-stack span:nth-child(2){background:#a9c6df;color:#23394a}.avatar-stack span:nth-child(3){background:var(--ink);color:white}.hero-art{height:500px;max-width:460px;width:100%;margin-left:auto;position:relative;border-radius:5px;overflow:hidden;background:#ecebe4;isolation:isolate}.shape{position:absolute;border-radius:50%;z-index:1}.shape-orange{width:280px;height:280px;background:var(--orange);top:85px;left:60px}.shape-blue{width:210px;height:210px;background:var(--blue);bottom:-55px;right:-25px}.orbit{position:absolute;border-radius:50%;border:1px solid #ffffffa6;z-index:2}.orbit-one{width:390px;height:390px;left:34px;top:48px}.orbit-two{width:300px;height:300px;left:79px;top:94px;border-style:dashed}.art-center{width:174px;height:174px;position:absolute;z-index:3;top:163px;left:143px;border-radius:50%;background:var(--dark);color:white;display:flex;flex-direction:column;justify-content:center;padding:22px;box-shadow:0 17px 30px #1b233d38}.art-center span{font-size:9px;letter-spacing:2.7px;opacity:.7}.art-center b{font:700 20px/1.05 "Manrope",sans-serif;letter-spacing:-1px;margin-top:8px}.hero-card{z-index:4;position:absolute;background:#fff;padding:10px 14px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 25px #1b233d23;border-radius:3px}.hero-card span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#707780}.hero-card strong{font:800 22px "Manrope",sans-serif}.hero-card-top{right:17px;top:34px}.hero-card-bottom{left:15px;bottom:31px}.trusted-strip{background:#e9e8e0;padding:23px 0}.trusted-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.trusted-content>p{font:600 15px "Manrope",sans-serif;margin:0}.trusted-stats{display:flex;gap:28px;color:#707780;font-size:12px}.trusted-stats strong{color:var(--ink);font:800 17px "Manrope",sans-serif;margin-right:4px}.services{padding:112px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}.section-heading h2,.about h2,.contact-copy h2{font-size:clamp(37px,4vw,57px);margin:0}.section-heading>p{max-width:345px;color:var(--muted);font-size:14px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:355px;background:#fff;border:1px solid #eaebe8;padding:25px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #17212f12}.service-featured{background:var(--ink);color:#fff}.service-icon{margin-left:auto;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f1ddd5;color:var(--orange);font-weight:bold;font-size:20px}.icon-pink{background:#f3d7df;color:#cc5379}.icon-yellow{background:#f5e7b7;color:#af7e00}.icon-lime{background:#e1eac5;color:#729236}.service-number{font-size:11px;color:#949ba3;letter-spacing:1px;margin-top:25px}.service-card h3{font:800 24px/1.13 "Manrope",sans-serif;letter-spacing:-1.2px;margin:13px 0}.service-card>p:not(.service-number){font-size:13px;color:#737d88;margin-bottom:20px}.service-featured>p:not(.service-number){color:#b8c0c9}.service-card a{margin-top:auto;color:inherit;text-decoration:none;font-weight:700;font-size:12px}.service-card a span{color:var(--orange);font-size:17px;margin-left:5px}.work-section{background:var(--dark);padding:109px 0}.light{color:#aeb7c0}.light span{background:#ffa98b}.work-heading h2{color:white}.button-outline{color:#fff;border-color:#64707e}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.project-card{background:#fff;overflow:hidden}.project-art{height:323px;position:relative;overflow:hidden}.project-one .project-art{background:#c6c5d7;padding:28px}.art-label{font:800 34px "Manrope",sans-serif;letter-spacing:-3px;color:#161b37}.window-card{width:205px;height:215px;background:#f3ff7d;position:absolute;bottom:0;right:0;padding:25px;font:800 28px/1 "Manrope",sans-serif;letter-spacing:-2px;color:#161b37}.window-card b{color:var(--orange)}.project-two .project-art{background:#ecdbd2;padding:31px}.studio-name{font:700 24px Georgia,serif;letter-spacing:2px}.project-two small{position:absolute;bottom:21px;font-size:9px;letter-spacing:1px}.bottle-shape{position:absolute;height:207px;width:99px;left:calc(50% - 50px);bottom:-15px;background:#cf835e;border-radius:18px 18px 5px 5px;border:14px solid #f9eadf;border-bottom:0;box-shadow:0 0 0 1px #aa604e}.bottle-shape:before{content:"";position:absolute;height:41px;width:44px;left:13px;top:-50px;background:#a05e48;border-radius:3px}.project-three .project-art{background:#a9cbce;padding:29px;color:#10475f}.project-three .project-art>span{font:800 42px/.82 "Manrope",sans-serif;letter-spacing:-3px}.project-three i{position:absolute;right:34px;bottom:23px;font-size:190px;font-style:normal;line-height:.7;color:#ec8357}.project-info{min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.project-info p{margin:0 0 3px;color:#808892;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:700}.project-info h3{font:800 16px "Manrope",sans-serif;letter-spacing:-.6px;margin:0}.project-info>span{color:var(--orange);font-size:21px}.about{padding:116px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.about-intro>p:last-child{margin-top:27px;max-width:350px;color:var(--muted);font-size:15px}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.founder-portrait{height:258px;display:grid;place-items:center;font:800 41px "Manrope",sans-serif;letter-spacing:-3px;position:relative;overflow:hidden}.founder-portrait:after{content:"";width:240px;height:240px;border-radius:50%;position:absolute;border:1px solid #ffffffa8;transform:translate(42px,49px)}.founder-portrait span{z-index:1}.portrait-one{background:#b3c8d3;color:#234b64}.portrait-two{background:#e7bcaa;color:#784335}.founder-card p{font-size:10px;text-transform:uppercase;color:#78828c;letter-spacing:1px;margin:17px 0 3px}.founder-card h3{font:800 20px "Manrope",sans-serif;letter-spacing:-.8px;margin:0}.founder-line{width:27px;height:2px;background:var(--orange);display:block;margin:14px 0}.founder-card small{color:#707a83;font-size:12px}.contact-section{background:var(--ink);color:#fff;padding:104px 0}.contact-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px}.contact-copy h2{color:#fff}.contact-copy>p:not(.eyebrow){color:#abb4bd;margin:25px 0 36px;max-width:410px}.contact-options{display:flex;gap:12px;flex-wrap:wrap}.contact-options a,.copy-phone{background:#253142;color:#fff;text-decoration:none;border:0;display:flex;align-items:center;padding:11px 14px;gap:10px;text-align:left;font-family:inherit;cursor:pointer}.contact-icon{width:28px;height:28px;background:#f1a28a;color:var(--ink);display:grid;place-items:center;border-radius:50%;font-size:15px}.contact-options small,.contact-options strong{display:block}.contact-options small{font-size:10px;color:#a9b3bc}.contact-options strong{font-size:12px}.contact-form{background:#fff;color:var(--ink);padding:29px 31px}.contact-form label{font-size:12px;font-weight:700;display:block;margin-bottom:14px}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #dadddf;outline:0;padding:10px 0 9px;margin-top:2px;background:transparent;font:14px "DM Sans",sans-serif;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.submit-button{margin-top:8px;width:100%;border:0}.form-note{text-align:center;color:#899199;font-size:11px;margin:13px 0 0}.site-footer{background:#111923;color:#aab1b8;padding:30px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:15px}.site-footer .brand{color:white}.site-footer p{font-size:11px;margin:0}.whatsapp-button{z-index:15;position:fixed;right:21px;bottom:20px;background:#25d366;color:white;padding:10px 14px;border-radius:100px;box-shadow:0 8px 20px #17212f44;display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px}.whatsapp-button span{font-size:20px}.toast{position:fixed;z-index:30;bottom:80px;left:50%;transform:translate(-50%,25px);padding:12px 18px;background:#fff;color:var(--ink);box-shadow:0 9px 28px #1521302c;border-radius:4px;font-size:13px;font-weight:700;opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:850px){.main-nav{position:absolute;display:none;top:80px;left:0;width:100%;background:var(--paper);padding:12px 24px 22px;box-shadow:0 10px 15px #17212f12;align-items:flex-start;flex-direction:column;gap:14px}.main-nav.open{display:flex}.menu-toggle{display:block}.menu-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:last-child{transform:translateY(-7px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:66px}.hero-art{margin:10px auto 0;height:440px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:42px}.contact-layout{gap:50px;grid-template-columns:1fr}.contact-copy{max-width:620px}}@media(max-width:600px){.section-shell{width:min(100% - 36px,1160px)}.site-header{height:70px;padding:0 18px}.main-nav{top:70px}.hero{padding:52px 0 65px}.hero h1{letter-spacing:-2.7px}.hero-art{height:360px}.shape-orange{width:220px;height:220px;top:65px;left:30px}.shape-blue{width:165px;height:165px}.orbit-one{width:290px;height:290px;top:35px;left:20px}.orbit-two{width:230px;height:230px;top:65px;left:50px}.art-center{width:135px;height:135px;top:113px;left:calc(50% - 67px);padding:17px}.art-center b{font-size:15px}.hero-card{padding:8px 10px}.hero-card strong{font-size:18px}.trusted-content,.section-heading,.footer-content{align-items:flex-start;flex-direction:column}.trusted-stats{gap:12px;flex-wrap:wrap}.services,.about{padding:75px 0}.section-heading{margin-bottom:28px}.service-grid,.founder-grid{grid-template-columns:1fr}.service-card{min-height:300px}.work-section,.contact-section{padding:75px 0}.work-heading{align-items:flex-start}.project-grid{grid-template-columns:1fr}.project-art{height:260px}.project-one .project-art{height:280px}.contact-options{flex-direction:column}.contact-options a,.copy-phone{width:100%}.contact-form{padding:24px 20px}.whatsapp-button b{display:none}.whatsapp-button{padding:11px;right:17px}.footer-content{gap:10px}.footer-content p:last-child{font-size:10px}}
/* Brand, process and contact additions */
.brand-name>span{color:#1f5cdf}.logo-image{width:41px;height:41px;object-fit:cover;object-position:center;border-radius:50%;border:1px solid #e0e2e6}.process-section{padding:104px 0;background:#fff}.process-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:end;margin-bottom:54px}.process-intro h2{font:700 clamp(37px,4vw,57px)/1.05 "Manrope",sans-serif;letter-spacing:-3.4px;margin:0}.process-intro>p{color:var(--muted);font-size:15px;max-width:390px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid article{min-height:220px;padding:27px 30px 25px 0;margin-right:28px;border-right:1px solid var(--line)}.process-grid article:last-child{border-right:0;margin-right:0}.process-grid span{font:800 13px "Manrope",sans-serif;color:var(--orange)}.process-grid h3{font:800 25px "Manrope",sans-serif;letter-spacing:-1px;margin:52px 0 8px}.process-grid p{font-size:13px;color:var(--muted);max-width:260px;margin:0}.testimonial-section{padding:78px 0;background:#eaebdf}.testimonial-layout{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:30px}.quote-mark{font:400 148px/.8 Georgia,serif;color:var(--orange)}blockquote{max-width:680px;font:600 clamp(23px,3vw,36px)/1.24 "Manrope",sans-serif;letter-spacing:-1.4px;margin:0}.quote-author{font-size:12px;color:#6c757c;margin:21px 0 0}.quote-author span{color:var(--orange);padding:0 5px}.button-dark{background:var(--ink);color:#fff}.contact-icon{flex:0 0 auto}.site-footer .brand-name>span{color:#4e82ff}.site-footer .logo-image{border-color:#4c5a69}.site-footer a:not(.brand){color:#dde4eb;text-decoration:none}.site-footer a:not(.brand):hover{color:#fff}@media(max-width:850px){.process-intro{grid-template-columns:1fr;gap:16px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:0;padding:24px 0;margin:0;border-right:0;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}.process-grid h3{margin:14px 0 7px}.testimonial-layout{grid-template-columns:55px 1fr}.testimonial-layout .button{grid-column:2;width:max-content}.quote-mark{font-size:100px}}@media(max-width:600px){.logo-image{width:35px;height:35px}.process-section{padding:75px 0}.testimonial-section{padding:58px 0}.testimonial-layout{grid-template-columns:1fr;gap:14px}.quote-mark{font-size:85px;height:48px}.testimonial-layout .button{grid-column:auto}.contact-options a:nth-child(3) strong{font-size:11px}}
.site-header{height:96px;border-bottom-color:#e4e5e1}.brand{gap:12px;font-size:22px}.logo-image{width:66px;height:66px;border-radius:12px;object-fit:contain;background:#fff;padding:2px;box-shadow:0 4px 12px #17212f12}.main-nav{gap:34px}.main-nav a{font-size:15px}.main-nav .nav-contact{padding:13px 20px}.site-footer .logo-image{width:52px;height:52px}.site-footer .brand{font-size:19px}@media(max-width:850px){.main-nav{top:96px}.site-header{height:88px}.logo-image{width:58px;height:58px}.main-nav{top:88px}}@media(max-width:600px){.site-header{height:78px}.main-nav{top:78px}.logo-image{width:48px;height:48px}.brand{font-size:18px}.main-nav a{font-size:15px}}
.submit-button:disabled{cursor:wait;opacity:.72;transform:none}
