@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#07090d;--white:#f0f3f8;--muted:#939da9;--blue:#377aff;--line:#222a36;--progress:0;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font:15px Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #7ba8ff;outline-offset:6px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;background:#07090ded;backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:1px;font-weight:700}.brand img{width:57px;height:36px;object-fit:contain}.brand b{color:#4b8cff}nav{display:flex;gap:32px}nav a{font-size:13px;color:#a6aeba;transition:color .2s}nav a:hover,nav a.active{color:white}.nav-end{display:flex;gap:28px;align-items:center}#lang{border:0;background:transparent;color:#fff;font:12px 'Space Grotesk';padding:8px}#lang span{color:#748091}.nav-cta{font-size:12px;border:1px solid #384453;padding:13px 18px;border-radius:4px}.hero{min-height:680px;height:calc(100svh - 94px);max-height:920px;position:relative;padding:74px 5.5% 35px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero:before{content:'';position:absolute;width:650px;height:650px;right:-60px;top:20px;background:radial-gradient(ellipse,#14367855,transparent 67%);pointer-events:none}.eyebrow{font-family:'Space Grotesk';font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:#4385ff;border-radius:50%;box-shadow:0 0 14px #377aff}.hero h1{font:500 clamp(58px,7.2vw,110px)/1.03 'Space Grotesk',Arial;letter-spacing:-6px;margin:28px 0;position:relative;z-index:2;max-width:950px}.hero h1 span{color:#8ca2be}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy{max-width:390px;color:#9aa6b6;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 23px;border:1px solid #407eff;background:#2969ee;color:#fff;border-radius:4px;font-size:13px;transition:background .2s}.btn:hover{background:#4383ff}.text-link{font-size:13px;color:#b0bdcf}.hero-art{position:absolute;right:6%;top:26%;width:280px;height:310px;perspective:700px;opacity:.8;pointer-events:none}.orb{position:absolute;width:200px;height:200px;border:1px solid #5489ff66;transform:rotateX(60deg) rotateZ(-30deg);border-radius:50%;box-shadow:0 0 60px #1b5bea22,inset 0 0 40px #295df411}.orb:nth-child(2){transform:rotateY(60deg) rotateZ(20deg)}.orb:nth-child(3){transform:rotateX(20deg) rotateY(-30deg)}.orb:after{content:'';width:7px;height:7px;border-radius:50%;background:#6ba6ff;position:absolute;top:12%;left:12%;box-shadow:0 0 22px #256bff}.art-label{position:absolute;bottom:30px;right:35px;font:10px 'Space Grotesk';letter-spacing:3px;color:#617b9f}.hero-bottom{margin-top:auto;padding-top:55px;display:flex;justify-content:space-between;align-items:center;font:10px 'Space Grotesk';letter-spacing:1.4px;color:#7e8a9c}.hero-bottom a{display:flex;gap:16px;align-items:center}.scroll-line{width:1px;height:36px;background:linear-gradient(#285bd2,#7fbdff)}.services-strip{display:flex;justify-content:space-between;padding:25px 5.5%;border-block:1px solid var(--line);color:#9ba8b9;font:12px 'Space Grotesk';letter-spacing:1px}.services-strip span:before{content:'+';color:#4889ff;margin-right:22px}.showcase{height:210svh;position:relative}.showcase-sticky{height:calc(100svh - 94px);min-height:620px;position:sticky;top:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#15305744,transparent 58%)}.section-top{width:89%;display:flex;justify-content:space-between;align-items:start;position:absolute;top:38px;z-index:4}.section-top h2{font:400 clamp(25px,3vw,42px)/1.1 'Space Grotesk';letter-spacing:-1.5px;margin:13px 0}.small-note{font:11px 'Space Grotesk';color:#69788e;max-width:220px;line-height:1.6;text-align:right}.laptop-stage{width:min(72vw,900px);perspective:1500px;margin-top:110px;position:relative;transform:scale(calc(.7 + var(--progress)*.3));transform-origin:center;will-change:transform}.lid{aspect-ratio:1.58;background:linear-gradient(120deg,#5a6470,#13171e 10%,#0b0d12 80%,#68717d);padding:12px 12px 19px;border-radius:16px 16px 8px 8px;border:1px solid #778491;transform:rotateX(calc(-81deg + var(--progress)*81deg));transform-origin:center bottom;backface-visibility:hidden;box-shadow:0 10px 40px #000a;will-change:transform}.camera{position:absolute;width:4px;height:4px;background:#333e4b;border-radius:50%;top:5px;left:50%}.screen{height:100%;border-radius:5px;overflow:hidden;background:#e9e5df;position:relative}.base{height:13px;background:linear-gradient(#b0bcc9,#78828e 40%,#2b3038);width:112%;margin-left:-6%;border-radius:3px 3px 60% 60%;box-shadow:0 24px 32px #000b;position:relative}.base:before{content:'';position:absolute;width:16%;height:4px;left:42%;background:#5e6773;border-radius:0 0 8px 8px}.demo{height:100%;padding:5% 6%;color:#222;font-family:'Space Grotesk';position:relative;overflow:hidden}.demo-nav{font-size:clamp(8px,1vw,13px);display:flex;justify-content:space-between;align-items:center}.demo-nav span{font-size:8px}.demo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;height:85%}.demo h3{font-size:clamp(22px,4.3vw,65px);font-weight:400;letter-spacing:-2px;line-height:1.03;margin:15px 0}.demo p{font-size:clamp(7px,.8vw,12px);line-height:1.7;max-width:220px}.demo-chip{font-size:8px;letter-spacing:2px}.demo-button{font-size:9px;display:inline-block;border:1px solid currentColor;padding:9px 15px;margin-top:12px}.demo-art{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.vase{width:63%;height:80%;background:linear-gradient(100deg,#625e52,#c4bb9d 30%,#9e9377 70%,#474639);border-radius:42% 42% 30% 30%;transform:rotate(-8deg);box-shadow:18px 30px 40px #27291b44;position:relative}.vase:before{content:'';height:12%;width:46%;border-radius:50%;background:radial-gradient(ellipse,#28291e 45%,#b3a486 60%);position:absolute;top:-3%;left:27%}.demo.terra{background:#e8e6dd}.demo.flux{background:#131125;color:#f4f0ff}.flux .vase{background:linear-gradient(130deg,#a985ff,#3522ab 50%,#dd8bff);border-radius:50%;transform:rotate(30deg);height:65%;width:90%;box-shadow:0 0 70px #7959ff55}.flux .vase:before{height:60%;width:60%;top:20%;left:20%;background:#131125;border-radius:50%}.demo.maison{background:#d6e0dc;color:#213c31}.maison .vase{background:linear-gradient(100deg,#aab1a4,#f1ebe0,#7c8d7d);border-radius:45% 45% 0 0;width:85%;height:90%;transform:none}.maison .vase:before{width:64%;height:70%;left:18%;top:30%;background:linear-gradient(110deg,#3f6558,#182d27);border-radius:45% 45% 0 0}.carousel{display:flex;width:89%;align-items:center;justify-content:space-between;margin-top:38px;position:relative;z-index:4}.project-meta{font-size:13px}.project-meta span{display:block;font-size:10px;color:#7f8da0;margin-top:5px}.carousel-controls{display:flex;gap:12px;align-items:center}.arrow{width:43px;height:43px;border:1px solid #354052;background:transparent;color:white;border-radius:50%;font-size:19px}.arrow:hover{background:#1f3e71}.counter{font:11px 'Space Grotesk';color:#8190a5;margin-right:14px}.quote{padding:135px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);overflow:hidden}.quote h2,.social h2,.page-intro h1{font:400 clamp(44px,5vw,74px)/1.07 'Space Grotesk';letter-spacing:-3px;margin:24px 0}.quote h2 span,.social h2 span{color:#76869c}.body-copy{color:#98a5b7;line-height:1.9;max-width:390px}.step-list{margin-top:45px}.step{display:flex;gap:22px;align-items:center;padding:18px 0;border-top:1px solid var(--line);font-size:12px;color:#b6c1ce}.step span{font:10px 'Space Grotesk';color:#478eff}.form-card{background:#10151d;border:1px solid #293444;padding:35px;border-radius:8px;align-self:center;transform:translateX(160px);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .7s}.form-card.visible{opacity:1;transform:translateX(0)}.form-heading{font:20px 'Space Grotesk';margin:0 0 25px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#b6c0cf}.wide{grid-column:1/-1}input,select,textarea{width:100%;border:0;border-bottom:1px solid #374253;background:transparent;color:white;padding:12px 0;outline:none;border-radius:0;font-size:13px}select option{background:#151d29}input:focus,select:focus,textarea:focus{border-color:#659bff}textarea{resize:vertical;min-height:65px}.check{display:flex;flex-direction:row;align-items:start;font-size:10px;line-height:1.6;margin:22px 0;color:#9daabd}.check input{width:14px;margin:2px 0;accent-color:#377aff;flex-shrink:0}.form-card .btn{width:100%;border:0}.form-note{font-size:10px;line-height:1.7;color:#77879c;margin:13px 0 0}.form-result{margin-top:18px;line-height:1.7;color:#b9ccf0;font-size:12px}.form-result a{text-decoration:underline}.social{min-height:870px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:100px 10%;border-top:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 50%,#13347740,transparent 50%)}.phone-wrap{display:flex;justify-content:center;transform:translateY(140px) rotate(-10deg);opacity:0;transition:transform 1s,opacity .8s}.phone-wrap.visible{transform:translateY(0) rotate(-5deg);opacity:1}.phone{width:280px;height:573px;border-radius:44px;background:#080a0d;padding:9px;border:3px solid #606974;box-shadow:20px 45px 75px #000b,0 0 0 1px #101a2a;position:relative}.phone:before{content:'';position:absolute;top:16px;width:78px;height:22px;border-radius:30px;left:98px;background:#050608;z-index:3}.phone:after{content:'';position:absolute;bottom:15px;width:90px;height:4px;left:93px;border-radius:4px;background:#fff}.phone-screen{background:#0b0c10;border-radius:33px;height:100%;padding:17px 13px;overflow:hidden}.phone-time{font-size:9px;display:flex;justify-content:space-between;margin:0 7px 23px}.ig-top{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.ig-profile{display:flex;gap:12px;align-items:center;margin:22px 0 12px}.ig-profile img{width:65px;height:65px;object-fit:cover;border-radius:50%;border:1px solid #418fff}.ig-stats{flex:1;display:flex;justify-content:space-between;font-size:12px;text-align:center}.ig-stats span{display:block;font-size:7px;color:#acb7c9;margin-top:3px}.ig-bio{font-size:9px;line-height:1.8}.ig-actions{display:flex;gap:7px;margin:14px 0}.ig-actions span{background:#282e38;border-radius:5px;flex:1;font-size:8px;padding:7px;text-align:center}.ig-highlights{display:flex;gap:14px;margin:18px 0}.ig-highlights span{border:1px solid #556482;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#88b3ff;font-size:10px}.ig-tabs{text-align:center;border-block:1px solid #242c38;padding:10px;font-size:12px;letter-spacing:36px}.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:10px -8px}.ig-grid div{aspect-ratio:1;background:#112a53;display:flex;align-items:center;justify-content:center;text-align:center;font:9px 'Space Grotesk';padding:6px}.ig-grid div:nth-child(2n){background:#d3d9e3;color:#111}.ig-grid img{width:80%;object-fit:contain}.social .btn{margin-top:25px;background:transparent;border-color:#37465c}.social-tag{font:11px 'Space Grotesk';letter-spacing:2px;color:#689eff;margin-top:32px}.end-cta{padding:75px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.end-cta h2{font:400 clamp(25px,3vw,45px) 'Space Grotesk';letter-spacing:-1.5px;margin:0}.end-cta a{width:60px;height:60px;border-radius:50%;border:1px solid #385585;display:flex;align-items:center;justify-content:center;font-size:27px;background:#152b50}footer{padding:35px 5.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px}footer .brand{font-size:13px}footer .brand img{width:40px;height:25px}footer p{font-size:11px;color:#7a899f}footer>div{display:flex;gap:25px;font-size:10px;color:#8b9aad}.page-intro{padding:100px 8% 80px;max-width:1100px}.page-intro h1{max-width:850px}.page-intro p{max-width:550px;color:#a0adbf;line-height:1.9}.about-visual{margin:0 8% 80px;min-height:340px;border:1px solid var(--line);background:radial-gradient(ellipse,#10307388,transparent 70%);display:flex;align-items:center;justify-content:center}.about-visual img{width:min(55%,410px)}.about-columns{padding:0 8% 100px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.about-columns h2{font:32px 'Space Grotesk';font-weight:400}.about-columns p{color:#99a8ba;line-height:1.9}.contact-grid{padding:0 8% 100px;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.contact-grid .form-card{opacity:1;transform:none}.contact-block{border-top:1px solid var(--line);padding:28px 0}.contact-block h2{font:12px 'Space Grotesk';color:#73849d;text-transform:uppercase;letter-spacing:2px}.contact-block a{font:25px 'Space Grotesk'}.contact-block p{color:#8ea0b7;font-size:13px;line-height:1.8}.active{color:white}body.reduce-motion .lid{transform:none}body.reduce-motion .laptop-stage{transform:none}@media(min-width:1500px){.hero-art{right:10%;width:330px}.orb{width:270px;height:270px}}@media(max-width:1000px){.hero-art{opacity:.25;right:0}.hero h1{letter-spacing:-4px}.nav-end{gap:12px}.quote{gap:5%}.form-card{padding:26px}.social{padding:85px 6%;gap:5%}.hero{min-height:640px}footer p{display:none}}@media(max-width:700px){header{height:78px;padding:0 5%;flex-wrap:wrap;gap:0}.brand{font-size:13px;gap:8px}.brand img{width:40px;height:25px}nav{order:3;width:100%;justify-content:center;gap:30px;padding-bottom:8px}nav a{font-size:10px}.nav-cta{display:none}.nav-end{margin-left:auto}.hero{padding:65px 6% 30px;min-height:640px;height:calc(100svh - 78px)}.hero h1{font-size:clamp(48px,12vw,73px);letter-spacing:-3px;line-height:1.06;margin-top:25px}.hero-copy{font-size:13px;max-width:310px}.hero-art{right:-90px;top:30%}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-actions{gap:18px}.btn{font-size:11px;padding:16px 19px;gap:20px}.text-link{font-size:11px}.hero-bottom{font-size:8px;letter-spacing:.5px}.services-strip{gap:15px;overflow:hidden;font-size:8px;padding:22px 6%;white-space:nowrap}.services-strip span:before{margin-right:7px}.showcase{height:170svh}.showcase-sticky{top:78px;height:calc(100svh - 78px);min-height:520px}.section-top{top:40px}.section-top h2{font-size:31px}.small-note{max-width:115px;font-size:8px}.laptop-stage{width:84vw;margin-top:100px}.lid{padding:7px 7px 12px;border-radius:10px 10px 4px 4px}.base{height:8px}.demo-grid{gap:8px}.demo h3{letter-spacing:-1px;font-size:27px}.demo p{font-size:7px;line-height:1.5}.demo-nav{font-size:8px}.demo-nav span{font-size:5px}.demo-chip{font-size:5px}.demo-button{font-size:6px;margin-top:5px;padding:5px 8px}.carousel{margin-top:45px}.project-meta{font-size:11px}.project-meta span{font-size:8px}.arrow{width:35px;height:35px;font-size:16px}.counter{margin-right:0;font-size:9px}.quote,.social{grid-template-columns:1fr;padding:80px 6%;gap:45px}.quote h2,.social h2,.page-intro h1{font-size:48px;letter-spacing:-2.5px}.body-copy{font-size:13px}.form-card{transform:translateX(70px);padding:26px 22px}.fields{gap:20px 15px}.social{padding-top:80px;min-height:0}.phone-wrap{order:2}.social-text{order:1}.phone{width:270px;height:550px}.phone:before{left:94px}.end-cta{padding:50px 6%;gap:30px}.end-cta h2{font-size:29px;max-width:270px}.end-cta a{flex-shrink:0;width:45px;height:45px}footer{padding:30px 6%;flex-wrap:wrap}footer>div{justify-content:space-between;width:100%}.page-intro{padding:70px 6% 40px}.page-intro h1{font-size:48px}.about-visual{margin:0 6% 45px;min-height:250px}.about-columns,.contact-grid{padding:0 6% 70px;grid-template-columns:1fr;gap:30px}.contact-block a{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.laptop-stage{max-width:calc((100svh - 390px)*1.58);margin-top:140px}@media(max-width:700px){.laptop-stage{max-width:84vw;margin-top:100px}.demo h3{font-size:clamp(19px,6.5vw,29px)}}
@media(max-width:700px){.demo h3{font-size:clamp(18px,5.6vw,23px);margin:9px 0}.demo p{margin:5px 0}.demo-button{margin-top:3px}.demo-grid{height:82%}}
.brand{letter-spacing:.35px}.brand b{background:linear-gradient(110deg,#164bff,#00e6ef);background-clip:text;-webkit-background-clip:text;color:transparent}.footer-identity{display:block;max-width:420px}.footer-identity:after{content:'';display:block;margin-top:15px;height:2px;background:linear-gradient(90deg,#2500ff,#0878ff,#00ece7)}.footer-slogan{margin:0 0 14px;color:#c4cdda;font-size:12px;letter-spacing:.6px}.footer-services{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;letter-spacing:.6px;color:#a3b0c3}.footer-services span+span{border-left:1px solid #1688ff;padding-left:14px}footer>.footer-identity{font-size:inherit;gap:0}.hero h1 em{background:linear-gradient(110deg,#3866ff 20%,#00d9e8);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{ text-transform:none }@media(max-width:1000px){footer .footer-slogan{display:block}}@media(max-width:700px){footer>.footer-identity{display:block;width:100%;max-width:none}.hero h1{font-size:clamp(42px,10.6vw,63px)}.services-strip{justify-content:space-between}.footer-services{font-size:8px}}

.form-card{transform:translateX(calc((1 - var(--entry,0))*180px));opacity:var(--entry,0);transition:none;will-change:transform,opacity}.form-card.visible{transform:translateX(calc((1 - var(--entry,0))*180px));opacity:var(--entry,0)}.phone-wrap,.phone-wrap.visible{transform:translateY(calc((1 - var(--entry,0))*160px)) rotate(calc(-10deg + var(--entry,0)*5deg));opacity:var(--entry,0);transition:none;will-change:transform,opacity}.contact-grid .form-card{--entry:1;transform:none;opacity:1}@media(max-width:700px){}
.screen{container-type:inline-size}.demo h3{font-size:clamp(18px,7cqw,65px);margin:12px 0}.demo p{font-size:clamp(7px,1.4cqw,12px)}.demo-nav{font-size:clamp(8px,1.8cqw,13px)}.demo-nav span{font-size:clamp(5px,1.1cqw,8px)}.demo-chip{font-size:clamp(5px,1.1cqw,8px)}.demo-button{font-size:clamp(6px,1.3cqw,9px)}@media(max-width:700px){.demo h3{margin:8px 0}.demo-button{padding:5px 8px}}
.showcase .section-top{opacity:clamp(0,calc(1 - var(--progress)*1.7),1);transform:translateY(calc(var(--progress)*-30px));pointer-events:none}.showcase .laptop-stage{position:absolute;top:50%;width:min(80vw,1000px);max-width:calc((100svh - 230px)*1.58);margin-top:0;transform:translateY(-50%) scale(calc(.52 + var(--progress)*.48));transform-origin:center}.showcase .carousel{position:absolute;bottom:25px;margin:0}.lid{transform:rotateX(calc(-88deg + var(--progress)*88deg))}.showcase-sticky{isolation:isolate}@media(max-width:700px){.showcase .laptop-stage{width:90vw;max-width:90vw}.showcase .carousel{bottom:70px}}

.carousel{justify-content:flex-end}

footer .footer-location{display:block;font-size:9px;letter-spacing:1px;color:#8b9aad;margin:0 0 14px}
/* Bring the services strip closer to the opening content. */
.hero{height:calc(100svh - 158px);min-height:616px}@media(max-width:1000px){.hero{min-height:576px}}@media(max-width:700px){.hero{height:calc(100svh - 126px);min-height:592px}}

.showcase .section-top{opacity:clamp(0,calc((var(--progress) - .4)*1.8),1);transform:translateY(calc((1 - var(--progress))*18px))}.showcase .laptop-stage{top:56%;max-width:calc((100svh - 330px)*1.58)}.showcase .carousel{opacity:clamp(0,calc((var(--progress) - .85)*7),1);visibility:hidden}@media(max-width:700px){.showcase .laptop-stage{max-width:90vw}}
/* Make actionable controls explicit on pointer devices. */
a[href],button,select,input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="button"],input[type="reset"],label:has(input[type="checkbox"]),label:has(input[type="radio"]),[role="button"],[role="link"]{cursor:pointer}button:disabled,input:disabled,select:disabled,[aria-disabled="true"]{cursor:not-allowed}
/* Reserve separate regions for the heading, device and carousel. */
.showcase-sticky{container-type:size}.showcase .section-top{top:30px}.showcase .laptop-stage{top:calc(50% + 55px);width:min(80vw,1000px);max-width:calc((100cqh - 270px)*1.58)}@media(max-width:700px){.showcase .laptop-stage{width:90vw;max-width:min(90vw,calc((100cqh - 270px)*1.58))}}

.portfolio-empty{margin:0 8% 90px;padding:65px 25px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 50% 25%,#10265b55,transparent 65%);text-align:center}.portfolio-empty img{width:115px;height:70px;object-fit:contain}.portfolio-empty h2{font:400 30px 'Space Grotesk';letter-spacing:-1px;margin:27px 0 12px}.portfolio-empty p{font-size:13px;color:#95a5bb;margin:0 0 30px}.portfolio-empty .btn{display:inline-flex}@media(max-width:700px){nav{gap:22px}.portfolio-empty{margin:0 6% 65px;padding:50px 20px}.portfolio-empty h2{font-size:26px}}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 35px;padding:0 8% 100px}.portfolio-card{border:1px solid #293344;border-radius:7px;overflow:hidden;background:#0c1119}.project-image{aspect-ratio:1.65;position:relative;background:#15273d;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.portfolio-card:hover .project-image img{transform:scale(1.035)}.project-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000a)}.project-image-name{position:absolute;bottom:24px;left:26px;font:500 25px 'Space Grotesk';color:white;z-index:2;text-shadow:0 2px 14px #0008}.project-info{padding:28px}.project-info .eyebrow{color:#7da7ee;letter-spacing:1.1px}.project-info h2{font:400 29px 'Space Grotesk';letter-spacing:-1px;margin:15px 0}.project-info p{font-size:13px;color:#98a9be;line-height:1.8;min-height:48px}.project-visit{display:inline-block;font-size:12px;color:#b8d2ff;border-bottom:1px solid #3d6192;padding:10px 0;margin-top:8px}.project-status{display:flex;align-items:center;gap:10px;font-size:11px;color:#8b9db5;padding:10px 0;margin-top:8px}.project-image.raizes{background:#3e5925}.project-image.sushi{background:#352316}.project-image.cafe{background:#366569}@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;padding:0 6% 70px;gap:30px}.project-info{padding:24px}.project-image-name{font-size:22px;left:24px}.project-info p{min-height:0}}
.safari-browser{height:100%;display:flex;flex-direction:column;background:#070c16;color:#eef3ff;font-family:'Space Grotesk',sans-serif}.safari-toolbar{height:7.5%;min-height:18px;display:flex;align-items:center;gap:2%;padding:0 2.3%;background:#e1e3e8;color:#68717d;font-size:2cqw;flex-shrink:0}.safari-lights{display:flex;gap:.7cqw}.safari-lights i{display:block;width:1.1cqw;height:1.1cqw;border-radius:50%;background:#ff625b}.safari-lights i:nth-child(2){background:#ffbd44}.safari-lights i:nth-child(3){background:#00c94b}.safari-back{font-size:2.8cqw}.safari-address{display:flex;justify-content:space-between;align-items:center;margin:auto;width:53%;height:66%;background:#f6f7f9;border-radius:4px;font-size:1.6cqw;color:#36414e;padding:0 1.2cqw;letter-spacing:.1cqw}.safari-tools{font-size:2cqw}.safari-tab{height:5%;min-height:12px;background:#f5f6f8;color:#4e5968;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #bfc5cf;font-size:1.25cqw;flex-shrink:0}.screen-pitch{flex:1;min-height:0;display:flex;flex-direction:column;padding:4% 5%;background:radial-gradient(ellipse at 82% 45%,#16487c66,transparent 60%)}.pitch-nav{display:flex;justify-content:space-between;align-items:center;font-size:2cqw}.pitch-nav b{color:#328dff}.pitch-nav>span+span{font-size:1.1cqw;color:#9baec7}.pitch-content{flex:1;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:3%;min-height:0}.pitch-eyebrow{color:#6aaaff;letter-spacing:.1cqw;font-size:1.35cqw}.pitch-copy h3{font:500 5.4cqw/1.06 'Space Grotesk';letter-spacing:-.2cqw;margin:2cqw 0}.pitch-copy p{font-size:1.65cqw;line-height:1.6;color:#a6b7cd;max-width:38cqw;margin:0 0 2.3cqw}.pitch-cta{display:inline-flex;background:linear-gradient(110deg,#2766ef,#0899cb);padding:1.5cqw 2cqw;border-radius:3px;font-size:1.5cqw;cursor:pointer}.pitch-art{position:relative;display:grid;place-items:center;aspect-ratio:1}.pitch-art img{width:95%;z-index:1}.pitch-orbit{position:absolute;inset:0;border:1px solid #3689ff77;border-radius:50%;transform:rotateX(45deg) rotateZ(-30deg);box-shadow:0 0 4cqw #1167ff22}.pitch-bottom{display:flex;justify-content:space-between;font-size:1.2cqw;color:#7d96b8;border-top:1px solid #243c58;padding-top:1.4cqw}.pitch-bottom span{color:#b4c5dd}
/* A shared hinge and a physical deck give the lid a real opening volume. */
.showcase .laptop-stage{perspective:1800px;perspective-origin:50% 42%;overflow:visible;top:calc(50% + 35px);max-width:calc((100cqh - 315px)*1.58);transform:translateY(-50%) scale(calc(.6 + var(--progress)*.4));transform-style:preserve-3d}.laptop-model{position:relative;transform-style:preserve-3d;transform:rotateY(calc(-16deg + var(--progress)*16deg));isolation:auto}.laptop-model .lid{position:relative;transform-style:preserve-3d;transform:rotateX(calc(-112deg + var(--progress)*108deg));transform-origin:50% 100%;backface-visibility:visible;background:linear-gradient(115deg,#9ba7b5,#26303c 3%,#0c1119 45%,#465160 97%,#bdc6d1);border:1px solid #9da9b8;box-shadow:0 0 0 1px #202b3c}.laptop-model .screen{position:relative;backface-visibility:hidden;transform:translateZ(2px);z-index:auto}.lid-back{position:absolute;inset:-1px;border-radius:16px 16px 8px 8px;background:linear-gradient(120deg,#a3afbd,#6b7889 32%,#9aa7b7 65%,#414d5e);transform:translateZ(-6px) rotateY(180deg);backface-visibility:hidden;border:1px solid #b9c4d2;box-shadow:inset 0 0 0 2px #657386}.lid-back:after{content:'';position:absolute;inset:2px;border-radius:14px;background:linear-gradient(145deg,#ffffff14,transparent 40%,#0002)}.lid-edge{position:absolute;left:0;right:0;top:0;height:6px;background:#a2afc0;transform-origin:center top;transform:rotateX(-90deg);border-radius:3px}.keyboard-deck{position:absolute;top:100%;left:0;width:100%;height:100%;transform-origin:50% 0;transform:rotateX(68deg) translateZ(-7px);transform-style:preserve-3d;background:linear-gradient(100deg,#566373,#a9b4c3 22%,#8a97a8 75%,#4b596b);border:1px solid #abb8c8;border-radius:3px 3px 15px 15px;box-shadow:inset 0 0 0 2px #5c6a7b}.keyboard-keys{position:absolute;top:9%;left:13%;width:74%;height:46%;display:grid;grid-template-columns:repeat(14,1fr);gap:1.2%;padding:1%;background:#526073;border:1px solid #404c5d;border-radius:5px}.keyboard-keys i{background:linear-gradient(#151b23,#070c12);border-radius:2px;border:1px solid #596578;box-shadow:0 2px 1px #17202d}.keyboard-keys i:after{content:'';display:block;width:18%;height:6%;background:#a8b4c5;margin:30% auto 0}.trackpad{position:absolute;left:34%;top:63%;width:32%;height:29%;border:1px solid #536274;border-radius:5px;background:linear-gradient(120deg,#9aa8ba,#8493a6);box-shadow:inset 0 0 1px #c6d3e4}.keyboard-speaker{position:absolute;top:11%;width:7%;height:41%;background:radial-gradient(#283747 1px,transparent 1px);background-size:3px 3px;opacity:.55}.keyboard-speaker.left{left:3%}.keyboard-speaker.right{right:3%}.deck-front{position:absolute;left:-1px;right:-1px;bottom:-1px;height:10px;background:linear-gradient(#aebccd,#627289,#313e50);transform-origin:center bottom;transform:rotateX(-90deg);border-radius:0 0 7px 7px}.deck-front:after{content:'';position:absolute;top:0;left:42%;width:16%;height:4px;background:#4b5b70;border-radius:0 0 7px 7px}.laptop-hinge{position:absolute;top:calc(100% - 3px);left:8%;width:84%;height:7px;background:linear-gradient(#1c2633,#738294,#1a2534);border-radius:5px;transform:translateZ(-3px)}.laptop-model .base{position:absolute;top:100%;height:7px;width:100%;margin:0;background:linear-gradient(#7a889c,#2a384b);transform:translateZ(-9px);box-shadow:0 35px 55px #0008;opacity:.65}.laptop-model .base:before{display:none}@media(max-width:700px){.showcase .laptop-stage{width:86vw;max-width:min(86vw,calc((100cqh - 315px)*1.58))}.lid-back{border-radius:10px 10px 4px 4px}.keyboard-keys{border-radius:3px}.trackpad{border-radius:3px}.deck-front{height:7px}}
.safari-toolbar{background:#252930;color:#aab0ba;gap:2%;border-bottom:1px solid #3a4049;height:8%;min-height:18px}.safari-lights i{width:.95cqw;height:.95cqw;opacity:.85}.safari-address{background:#343941;color:#d1d5db;width:51%;height:63%;border-radius:5px;font-size:1.45cqw;letter-spacing:0}.safari-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;width:4cqw;height:2cqw;display:block}.safari-address svg{width:1.6cqw;height:1.6cqw;opacity:.6}.address-lock{width:.8cqw;height:.65cqw;border:1px solid #989fa8;border-radius:1px;position:relative;opacity:.7}.address-lock:before{content:'';position:absolute;left:15%;width:70%;height:.55cqw;border:1px solid #989fa8;bottom:100%;border-radius:4px 4px 0 0}.safari-tab{display:none}.screen-pitch{background:radial-gradient(ellipse at 105% 105%,#174e883d,transparent 65%),#090d14;padding:4% 6%}.pitch-nav{font-size:2.2cqw;letter-spacing:-.04cqw}.pitch-nav>span+span{font-size:1.3cqw;color:#76879d}.pitch-content{display:flex;align-items:center}.pitch-copy{width:100%;padding:4% 0}.pitch-eyebrow{font-size:1.4cqw;color:#7e96b7;letter-spacing:.04cqw}.pitch-copy h3{font-weight:500;font-size:7.2cqw;line-height:1.03;letter-spacing:-.35cqw;margin:2.2cqw 0}.pitch-copy p{font-size:1.7cqw;color:#90a0b6;max-width:58cqw;margin:0 0 2.4cqw}.pitch-cta{font-size:1.55cqw;padding:1.5cqw 2.5cqw;border-radius:30px;background:#edf3ff;color:#142336;gap:1cqw}.pitch-cta:hover{background:#b6d2ff}.pitch-bottom{font-size:1.15cqw;letter-spacing:.03cqw;border-color:#26303d;color:#61758e;padding-top:1.3cqw}
.showcase .laptop-stage{top:calc(50% - 15px);max-width:calc(100cqh - 280px)}@media(max-width:700px){.showcase .laptop-stage{max-width:min(86vw,calc(100cqh - 280px))}}
/* Keep depth while opening; end on the browser screen alone. */
.laptop-model .keyboard-deck,.laptop-model .base,.laptop-model .laptop-hinge{opacity:calc(1 - var(--screen-focus,0));pointer-events:none}.showcase .laptop-stage{max-width:calc((100cqh - 280px)*(1 + var(--screen-focus,0)*.45));top:calc(50% - 15px + var(--screen-focus,0)*35px)}@media(max-width:700px){.showcase .laptop-stage{max-width:min(86vw,calc((100cqh - 280px)*(1 + var(--screen-focus,0)*.45)))}}

header .brand{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:18px;letter-spacing:1.7px}header .brand b{font-weight:300}header .brand span{line-height:1.2}@media(max-width:700px){header .brand{font-size:13px;letter-spacing:1.1px}}
.keyboard-keys{display:flex;flex-direction:column;gap:4%;padding:1.5%;height:49%;top:8%;background:linear-gradient(#455265,#637185);box-shadow:inset 0 2px 5px #17202b77}.key-row{display:flex;flex:1;gap:1%;min-height:0}.key-row i{flex:1;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#26303c,#0a1018);border:1px solid #7b899c;border-bottom:2px solid #0b111b;border-radius:3px;box-shadow:0 1px 2px #000b,inset 0 1px 0 #abb9cd22}.key-row i:after{display:none}.key-row .wide-key{flex:1.6}.key-row .space-key{flex:5.6}.key-row span{color:#d8e1ed;font:500 clamp(3px,.8vw,10px)/1 Arial,sans-serif;text-shadow:0 0 2px #c9e0ff33}.row-0{flex:.65}.row-0 span{font-size:clamp(2px,.55vw,7px)}.trackpad{top:64%;background:linear-gradient(145deg,#a3b0c2,#8d9cad);box-shadow:inset 0 1px 2px #4b5b7133,0 1px 0 #d2deeb77}.laptop-model .base{opacity:var(--screen-focus,0);transform:translateZ(3px);top:calc(100% - 1px);height:9px;width:110%;left:-5%;border-radius:2px 2px 65% 65%;background:linear-gradient(#c5ceda 0%,#8796a9 36%,#536174 75%,#2d3948 100%);box-shadow:0 12px 16px #0007}.laptop-model .base:before{display:block;content:'';position:absolute;top:0;left:43%;width:14%;height:3px;background:#536173;border-radius:0 0 8px 8px}@media(max-width:700px){.key-row i{border-width:.5px;border-bottom-width:1px;border-radius:1px}.laptop-model .base{height:6px}}
/* Unbranded 13-inch Air proportions: slim aluminium shell and narrow black bezel. */
.laptop-model .lid{aspect-ratio:1.6;padding:10px 10px 13px;border-radius:13px 13px 7px 7px;background:linear-gradient(120deg,#d2d8df,#919daa 5%,#bac3cd 94%,#667382);border:1px solid #b9c4d0}.laptop-model .screen{border-radius:6px;background:#080b11;box-shadow:0 0 0 2px #0a0d12}.laptop-model .camera{z-index:3;top:8px;width:3px;height:3px;background:#263647;box-shadow:0 0 0 2px #080c13;transform:translateZ(4px)}.lid-back{background:linear-gradient(135deg,#d1d8e0,#a2adba 32%,#c1cad5 64%,#8795a5);border-radius:13px 13px 7px 7px;box-shadow:inset 0 0 0 1px #e1e6ec}.keyboard-deck{background:linear-gradient(110deg,#a2adbb,#d1d8e0 35%,#b9c4d1 80%,#8997a9);border-color:#c7d0dc;border-radius:3px 3px 13px 13px;box-shadow:inset 0 0 0 1px #8c9aad}.keyboard-keys{left:10%;width:80%;top:8%;height:47%;background:#8592a2;padding:1%;border-color:#8e9aa9}.keyboard-speaker{width:4%;opacity:.35}.keyboard-speaker.left{left:3%}.keyboard-speaker.right{right:3%}.trackpad{left:32%;width:36%;height:30%;top:63%;background:linear-gradient(130deg,#c4cfdb,#aebccd);border-color:#8595a8}.deck-front{height:7px;background:linear-gradient(#d6dee7,#94a4b9,#66778d)}.laptop-model .base{height:7px;background:linear-gradient(#d4dce6,#a7b4c4 35%,#6e8096 75%,#4c5e75)}@media(max-width:700px){.laptop-model .lid{padding:6px 6px 9px;border-radius:9px 9px 4px 4px}.laptop-model .camera{top:4px;width:2px;height:2px}.laptop-model .base{height:5px}.deck-front{height:5px}}
/* Return to the original front-facing opening, keeping the 3D hinge. */
.laptop-model{transform:rotateY(0deg);transform-style:preserve-3d}.laptop-model .lid{transform:rotateX(calc(-86deg + var(--progress)*86deg));transform-origin:50% 100%}.laptop-model .keyboard-deck,.laptop-model .laptop-hinge{display:none}.lid-back{display:none}.laptop-model .base{opacity:1;top:calc(100% - 1px);transform:translateZ(3px);width:112%;left:-6%;height:7px}.showcase .laptop-stage{top:calc(50% + 55px);width:min(80vw,1000px);max-width:calc((100cqh - 270px)*1.58);transform:translateY(-50%) scale(calc(.65 + var(--progress)*.35));perspective:1500px;perspective-origin:50% 50%}@media(max-width:700px){.showcase .laptop-stage{width:90vw;max-width:min(90vw,calc((100cqh - 270px)*1.58))}.laptop-model .base{height:5px}}
.laptop-model .base:after{content:'';position:absolute;left:2%;right:2%;top:-8px;height:9px;background:linear-gradient(#c8d1dd,#8fa0b5);transform-origin:50% 100%;transform:rotateX(68deg);border:1px solid #a9b7c8;border-radius:2px;backface-visibility:hidden}.laptop-model .base{transform-style:preserve-3d}
/* Photographic hardware surface; live browser content stays interactive. */
.laptop-model .lid{aspect-ratio:1256/801;padding:0;border:0;border-radius:14px 14px 5px 5px;background-image:url('laptop-photoreal.png');background-size:122.293% 127.84%;background-position:50.357% 43.498%;background-repeat:no-repeat;background-color:transparent;box-shadow:none}.laptop-model .screen{position:absolute;left:2.55%;top:6.12%;width:94.75%;height:88.64%;border-radius:1px;box-shadow:none;transform:translateZ(1px)}.laptop-model .camera,.laptop-model .lid-edge{display:none}.laptop-model .base{width:117.28%;left:-8.64%;top:100%;height:auto;aspect-ratio:1473/39;border-radius:0;background-image:url('laptop-photoreal.png');background-size:104.277% 2625.64%;background-position:50.793% 91.168%;background-repeat:no-repeat;background-color:transparent;box-shadow:0 18px 35px #0004;transform:translateZ(2px)}.laptop-model .base:before,.laptop-model .base:after{display:none}@media(max-width:700px){.laptop-model .lid{padding:0;border-radius:8px 8px 3px 3px}.laptop-model .base{height:auto}}
.showcase .section-top{opacity:var(--intro-visibility,0);transform:translateY(calc((1 - var(--intro-visibility,0))*14px));transition:opacity .2s ease-out,transform .2s ease-out}.showcase .laptop-stage{opacity:var(--intro-visibility,0);perspective:2400px;perspective-origin:50% 48%;transition:opacity .2s ease-out,transform .16s ease-out}.laptop-model .lid{transform:rotateX(calc(-88deg + var(--hinge-progress,0)*88deg));transition:transform .16s ease-out;will-change:transform}.laptop-model .base{will-change:transform}
.laptop-model .screen{opacity:clamp(0,calc((var(--hinge-progress,0) - .12)*2),1);transition:opacity .16s ease-out}
.showcase .laptop-stage{top:var(--device-center,calc(50% + 55px))}
/* Shorter hold after the laptop has fully opened. */
.showcase{height:185svh}@media(max-width:700px){.showcase{height:155svh}}
.end-cta{justify-content:flex-start;gap:40px;flex-wrap:wrap}.end-cta .idea-cta{width:auto;height:auto;border-radius:5px;padding:17px 23px;font:500 13px Manrope,Arial,sans-serif;display:inline-flex;gap:24px;align-items:center;background:#2969ee;border:1px solid #407eff;white-space:nowrap}.end-cta .idea-cta:hover{background:#4383ff}.end-cta .idea-cta span{font-size:19px}@media(max-width:700px){.end-cta{gap:24px}.end-cta .idea-cta{font-size:12px;padding:16px 20px}}
body.modal-open{overflow:hidden}.idea-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:48px 28px 28px;background:#10151d;border:1px solid #34435a;color:var(--white);border-radius:12px;box-shadow:0 25px 100px #0009;overflow-y:auto;overscroll-behavior:contain}.idea-dialog::backdrop{background:#04070c55;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.idea-dialog .form-card{padding:0;border:0;border-radius:0;opacity:1!important;transform:none!important;transition:none;will-change:auto}.modal-close{position:absolute;top:12px;right:15px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #334057;background:transparent;color:#cbd8ec;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.modal-close:hover{background:#24324a}@media(max-width:700px){.idea-dialog{padding:48px 22px 25px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}}
.response-time{display:flex;align-items:center;gap:10px;color:#a6badd;font-size:11px;margin-top:20px}.contact-block .contact-whatsapp{color:#a3d8b8}.contact-block .contact-email{font-size:clamp(17px,1.9vw,25px);overflow-wrap:anywhere}.contact-grid .form-card{align-self:start}

footer a[href*="instagram.com"]{display:inline-flex;align-items:center;gap:8px}.footer-instagram-icon{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.footer-instagram-icon .instagram-dot{fill:#fff;stroke:none}

footer a[href*="instagram.com"]{border-bottom:1px solid #ffffff88;padding-bottom:5px;gap:7px}.footer-instagram-icon{width:13px;height:13px}
footer .brand{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:18px;letter-spacing:1.7px;gap:14px}footer .brand b{font-weight:300}footer .brand span{line-height:1.2}footer .brand img{width:57px;height:36px}@media(max-width:700px){footer .brand{font-size:13px;letter-spacing:1.1px;gap:8px}footer .brand img{width:40px;height:25px}}

.contact-block h2{display:flex;align-items:center;gap:10px}.contact-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#e6edf7}

.delivery-promise{display:flex;align-items:center;gap:10px;font:500 14px Manrope,Arial,sans-serif;color:#c7dbff;margin:10px 0 0;position:relative;z-index:2}@media(max-width:700px){.delivery-promise{font-size:12px}}

.pitch-delivery{font:500 1.85cqw Manrope,Arial,sans-serif;color:#b6d7ff;margin:-.5cqw 0 2cqw}.pitch-copy p{margin-bottom:1.7cqw}
.portfolio-banner{max-width:none;min-height:calc(85svh - 94px);padding:100px 8% 95px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 85% 40%,#11376738,transparent 55%);border-bottom:1px solid var(--line);margin-bottom:75px;overflow:hidden}.portfolio-banner h1{font-size:clamp(54px,6.4vw,96px);max-width:1250px;line-height:1.05;letter-spacing:-4px;margin:30px 0}.portfolio-title-line{display:block}.portfolio-title-word{display:inline-block;opacity:0;transform:translate(-25px,-35px);transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--word-delay,0ms)}.portfolio-banner.entered .portfolio-title-word{opacity:1;transform:translate(0,0)}.portfolio-banner>p{max-width:620px;font-size:16px;opacity:0;transition:opacity .9s ease .35s}.portfolio-banner.entered>p{opacity:1}.portfolio-reveal{opacity:0;transform:translateY(-36px);transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--card-delay,0ms)}.portfolio-reveal.entered{opacity:1;transform:translateY(0)}@media(max-width:700px){.portfolio-banner{min-height:calc(80svh - 78px);padding:75px 6%;margin-bottom:45px}.portfolio-banner h1{font-size:clamp(43px,10.7vw,62px);letter-spacing:-2.5px}.portfolio-banner>p{font-size:14px}.portfolio-title-word{transform:translate(-15px,-25px)}}

.quote-page-intro{padding-bottom:40px;margin:auto;width:100%;max-width:900px}.quote-page-intro h1{font-size:clamp(42px,5vw,65px)}.quote-page-form{max-width:900px;padding:0 8% 90px;margin:auto}.quote-page-form .form-card{opacity:1;transform:none;--entry:1;padding:35px}@media(max-width:700px){.quote-page-form{padding:0 6% 70px}.quote-page-form .form-card{padding:26px 22px}.quote-page-intro{padding-inline:6%}}

.quote-banner{position:relative;min-height:75svh;display:flex;align-items:center;padding:90px 8%;overflow:hidden;border-bottom:1px solid #1c2938;background:radial-gradient(ellipse at 85% 45%,#09213a66,transparent 60%)}.quote-banner-art{position:absolute;inset:0;width:100%;height:100%;color:#24c9ed;opacity:.24;pointer-events:none}.quote-banner-copy{position:relative;z-index:1}.quote-banner h1{font-size:clamp(64px,11vw,160px);font-weight:300;letter-spacing:-.065em;line-height:1.05;margin:0 0 28px}.quote-banner p{font-size:clamp(22px,2.8vw,38px);font-weight:300;color:#b3c0cf;margin:0}.quote-page-form{padding-top:75px}@media(max-width:700px){.quote-banner{min-height:65svh;padding:70px 6%}.quote-banner h1{font-size:clamp(58px,13vw,90px)}.quote-banner-art{opacity:.16}.quote-page-form{padding-top:45px}}

.quote-banner-art{animation:quote-grid-drift 16s ease-in-out infinite alternate;transform-origin:75% 50%;will-change:transform}.quote-banner-art ellipse{transform-box:fill-box;transform-origin:center;animation:quote-orbit 24s ease-in-out infinite alternate}.quote-banner-art ellipse:nth-child(2){animation-duration:19s;animation-delay:-7s}.quote-banner-art ellipse:nth-child(3){animation-duration:28s;animation-delay:-12s}.quote-banner-art circle{animation:quote-node-glow 4s ease-in-out infinite alternate}@keyframes quote-grid-drift{from{transform:translate(-12px,8px) scale(1.02)}to{transform:translate(18px,-14px) scale(1.08)}}@keyframes quote-orbit{from{rotate:-8deg}to{rotate:12deg}}@keyframes quote-node-glow{from{opacity:.3}to{opacity:1}}

.character-count{display:block;text-align:right;font-size:12px;font-weight:400;letter-spacing:0;color:#95a6b8;margin-top:8px;font-variant-numeric:tabular-nums}

.quote-page-form{max-width:1400px;width:100%;padding:75px 6% 100px}.quote-page-form .form-card{padding:clamp(30px,4vw,60px)}.quote-page-form .fields{gap:30px 28px}.quote-page-form input:not([type=checkbox]),.quote-page-form select{padding-block:16px}.quote-page-form textarea{min-height:240px;resize:vertical;line-height:1.7;padding:18px}.quote-page-form .form-heading{font-size:clamp(24px,3vw,36px);margin-bottom:35px}@media(max-width:700px){.quote-page-form{padding:45px 5% 75px}.quote-page-form .form-card{padding:28px 22px}.quote-page-form .fields{gap:24px 16px}.quote-page-form textarea{min-height:210px}}

.quote-banner h1{word-spacing:.12em}.quote-banner-art{-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 62%,#000 83%);mask-image:linear-gradient(to right,transparent 0%,transparent 62%,#000 83%)}@media(max-width:700px){.quote-banner-art{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 70%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 70%,#000 100%)}}

.character-count{transition:color .25s ease}.character-count.near-limit{color:#ff6b72}

.quote-banner-art{animation-duration:10s;opacity:.36}.quote-banner-art ellipse{animation-duration:14s}.quote-banner-art path{animation:quote-line-pulse 6s ease-in-out infinite alternate}.quote-banner-art circle:nth-last-child(2){animation-delay:-2s}@keyframes quote-grid-drift{from{transform:translate(-24px,18px) scale(1.04) rotate(-2deg)}to{transform:translate(32px,-24px) scale(1.13) rotate(2deg)}}@keyframes quote-orbit{from{rotate:-15deg}to{rotate:20deg}}@keyframes quote-line-pulse{from{opacity:.35}to{opacity:1}}@media(max-width:700px){.quote-banner-art{opacity:.25}}

.quote-page-form .form-card{--entry:0;opacity:var(--entry);transform:translateX(calc((1 - var(--entry))*-120px));will-change:transform,opacity}@media(max-width:700px){.quote-page-form .form-card{transform:translateX(calc((1 - var(--entry))*-55px))}}

.quote-page-form .form-card{transition:transform .2s ease-out,opacity .2s ease-out}

.hero-art .orb{will-change:transform;animation:hero-orbit-one 18s linear infinite}.hero-art .orb:nth-child(2){animation-name:hero-orbit-two;animation-duration:24s}.hero-art .orb:nth-child(3){animation-name:hero-orbit-three;animation-duration:21s}.hero-art .orb:after{animation:hero-orbit-glow 3s ease-in-out infinite alternate}.hero-art .orb:nth-child(2):after{animation-delay:-1s}.hero-art .orb:nth-child(3):after{animation-delay:-2s}@keyframes hero-orbit-one{from{transform:rotateX(60deg) rotateZ(-30deg)}to{transform:rotateX(60deg) rotateZ(330deg)}}@keyframes hero-orbit-two{from{transform:rotateY(60deg) rotateZ(20deg)}to{transform:rotateY(60deg) rotateZ(-340deg)}}@keyframes hero-orbit-three{from{transform:rotateX(20deg) rotateY(-30deg) rotateZ(0deg)}to{transform:rotateX(20deg) rotateY(-30deg) rotateZ(360deg)}}@keyframes hero-orbit-glow{from{opacity:.55;box-shadow:0 0 12px #256bff}to{opacity:1;box-shadow:0 0 26px #438bff}}

.quote .form-card,.quote-page-form .form-card,.phone-wrap{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1)}.laptop-stage,.lid{transition:transform .2s cubic-bezier(.22,1,.36,1)}.showcase .section-top{transition:opacity .25s ease-out}.portfolio-title-word,.portfolio-reveal{transition-timing-function:cubic-bezier(.22,1,.36,1)}.hero-art .orb{animation-timing-function:cubic-bezier(.45,0,.55,1)}

@media(min-width:701px){.quote-page-form .form-card{padding:28px 40px}.quote-page-form .form-heading{font-size:28px;margin:0 0 22px}.quote-page-form .fields{gap:18px 28px}.quote-page-form input:not([type=checkbox]),.quote-page-form select{padding-block:10px}.quote-page-form textarea{min-height:120px;height:clamp(100px,17svh,160px);padding:12px}.quote-page-form .check{margin:18px 0}.quote-page-form .btn{padding-block:14px}.quote-page-form .character-count{margin-top:5px}.quote-page-form .form-result:empty{display:none}}

.hero>.eyebrow,.hero-title-line,.hero-copy,.hero>.delivery-promise,.hero-actions>a,.hero+.services-strip{animation:home-entrance .85s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--entrance-delay,0ms)}.hero>.eyebrow{--entrance-delay:60ms}.hero-title-line{display:block}.hero-copy{--entrance-delay:650ms}.hero>.delivery-promise{--entrance-delay:780ms}.hero-actions>a:first-child{--entrance-delay:900ms}.hero-actions>a:last-child{--entrance-delay:1000ms}.hero+.services-strip{--entrance-delay:1120ms}@keyframes home-entrance{from{opacity:0;transform:translate(-16px,24px)}to{opacity:1;transform:translate(0,0)}}

.hero-art{animation:home-orbit-entrance 1.25s cubic-bezier(.22,1,.36,1) .35s backwards}@keyframes home-orbit-entrance{from{opacity:0}to{opacity:.8}}@media(max-width:1000px){@keyframes home-orbit-entrance{from{opacity:0}to{opacity:.25}}}

header{transition:opacity .5s cubic-bezier(.22,1,.36,1),background-color .5s ease,border-color .5s ease,backdrop-filter .5s ease;-webkit-transition:opacity .5s cubic-bezier(.22,1,.36,1),background-color .5s ease,border-color .5s ease,-webkit-backdrop-filter .5s ease}header.header-hidden{opacity:0;background-color:transparent;border-color:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);pointer-events:none}

.scroll-fade{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.scroll-fade.scroll-revealed{opacity:1}

header{opacity:var(--header-visibility,1);transition:opacity 1.6s cubic-bezier(.22,1,.36,1),background-color 1.6s ease,border-color 1.6s ease,backdrop-filter 1.6s ease;-webkit-transition:opacity 1.6s cubic-bezier(.22,1,.36,1),background-color 1.6s ease,border-color 1.6s ease,-webkit-backdrop-filter 1.6s ease}

.social-instagram-link{justify-content:center;gap:12px}.social-instagram-link svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:#fff;stroke-width:1.4}

.hero-actions .text-link{display:inline-flex;align-items:center;gap:36px}@media(max-width:700px){.hero-actions .text-link{gap:20px}}

.portfolio-banner{position:relative;min-height:calc(100svh - 94px);padding:clamp(45px,8svh,90px) 8% 110px;margin-bottom:55px;justify-content:center}.portfolio-banner h1{margin:24px 0 30px;line-height:1.12}.portfolio-banner>p{margin:0;line-height:1.8;max-width:650px}.portfolio-scroll-cue{position:absolute;bottom:32px;right:8%;display:flex;align-items:center;gap:22px;color:#b3c3d8;font-size:12px;letter-spacing:.04em}.portfolio-scroll-cue svg{width:22px;height:30px;fill:none;stroke:#7ba8ff;stroke-width:1.25;animation:portfolio-scroll-hint 2.4s ease-in-out infinite}.portfolio-scroll-cue:hover{color:white}.portfolio-scroll-cue{animation:home-orbit-entrance 1s ease .8s backwards}@keyframes portfolio-scroll-hint{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}@media(max-width:700px){.portfolio-banner{min-height:calc(100svh - 78px);padding:55px 6% 100px;margin-bottom:35px}.portfolio-banner h1{margin:22px 0 26px}.portfolio-scroll-cue{right:6%;bottom:28px;font-size:11px}}

.animated-brand-symbol{position:relative;width:min(55%,410px);isolation:isolate}.about-visual .animated-brand-symbol img{display:block;width:100%;height:auto}.animated-brand-symbol>span{position:absolute;inset:0;pointer-events:none;-webkit-mask:url('logo.png') center/100% 100% no-repeat;mask:url('logo.png') center/100% 100% no-repeat}.symbol-silver-flow{clip-path:inset(0 44% 0 0);background:linear-gradient(110deg,transparent 30%,#06101c55 40%,#ffffffb3 49%,#ffffff22 55%,transparent 65%);background-size:300% 100%;mix-blend-mode:soft-light;animation:symbol-silver-shimmer 6s cubic-bezier(.45,0,.55,1) infinite}.symbol-blue-flow{clip-path:inset(0 0 0 53%);background:linear-gradient(120deg,#153aff22 10%,#006eff99 30%,#00e5ffb3 48%,#2252ff80 65%,#0069ff22 90%);background-size:300% 180%;mix-blend-mode:soft-light;animation:symbol-blue-current 8s ease-in-out infinite alternate}@keyframes symbol-silver-shimmer{0%{background-position:100% 50%;opacity:0}15%{opacity:.85}80%{opacity:.85}100%{background-position:0% 50%;opacity:0}}@keyframes symbol-blue-current{from{background-position:0% 20%;opacity:.7}to{background-position:100% 80%;opacity:1}}

.portfolio-card.portfolio-reveal{opacity:var(--card-entry,0);transform:translateY(calc((1 - var(--card-entry,0))*-30px));transition:opacity .22s ease-out,transform .28s cubic-bezier(.22,1,.36,1);transition-delay:var(--card-delay,0ms);will-change:opacity,transform}

.symbol-silver-flow{background:linear-gradient(110deg,transparent 30%,#07122299 39%,#ffffff 47%,#ffffffcc 51%,#ffffff33 57%,transparent 65%);background-size:300% 100%;mix-blend-mode:overlay;animation-duration:4.8s}.symbol-blue-flow{background:linear-gradient(120deg,#1238ff44 10%,#006effcc 30%,#66f6ff 47%,#00d8ffcc 53%,#2252ff99 68%,#0069ff33 90%);background-size:300% 180%;mix-blend-mode:overlay;animation-duration:6s}@keyframes symbol-silver-shimmer{0%{background-position:100% 50%;opacity:0}10%{opacity:1}88%{opacity:1}100%{background-position:0% 50%;opacity:0}}

.symbol-silver-flow{background:linear-gradient(110deg,transparent 25%,#050b16b3 36%,#ffffffcc 43%,#ffffff 48%,#ffffffcc 54%,#ffffff44 62%,transparent 72%);background-size:300% 100%;animation-duration:10s;animation-timing-function:cubic-bezier(.45,0,.55,1)}.symbol-blue-flow{background:linear-gradient(120deg,#0422b366 10%,#006effdd 28%,#a0fbff 45%,#6af5ff 52%,#00d8ffdd 60%,#183affaa 76%,#0069ff44 95%);background-size:300% 180%;animation-duration:13s;animation-timing-function:cubic-bezier(.45,0,.55,1)}

.project-image.dona-onca{background:#b74b29}.project-typographic-cover{height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff2d8;padding:35px;background:radial-gradient(ellipse at 80% 0%,#d16b39,transparent 70%)}.project-typographic-cover small{font-size:12px;letter-spacing:5px}.project-typographic-cover strong{font-family:Georgia,serif;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:.95;text-align:center;margin:12px 0 24px}.project-typographic-cover>span{font-size:9px;letter-spacing:3px}.dona-onca .project-image-name{display:none}

footer>.footer-identity{display:flex;flex-direction:column;align-items:stretch}.footer-identity .footer-services{order:0}.footer-identity:after{order:1;margin-top:15px;flex-shrink:0}.footer-identity .footer-location{order:2;text-align:center;margin:14px 0 0;width:100%}

.portfolio-banner{isolation:isolate}.portfolio-bg-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:#36bded;opacity:.22;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 30%,transparent 76%,#000 100%);mask-image:linear-gradient(to bottom,#000 0%,transparent 30%,transparent 76%,#000 100%);animation:portfolio-bg-drift 14s ease-in-out infinite alternate;will-change:transform}.portfolio-bg-lines path:nth-child(2){animation:portfolio-line-glow 6s ease-in-out infinite alternate}@keyframes portfolio-bg-drift{from{transform:translate(-12px,-8px) scale(1.02)}to{transform:translate(18px,14px) scale(1.07)}}@keyframes portfolio-line-glow{from{opacity:.3}to{opacity:1}}

.form-result.success{color:#9ee0ba}.form-result.error{color:#ff8b92}.form-result:not(:empty){margin-top:16px;line-height:1.7}.form-card[aria-busy=true] .btn{opacity:.65}

#cookie-banner{position:fixed;bottom:20px;left:3%;width:94%;z-index:100;background:#101620f7;border:1px solid #314258;border-radius:8px;padding:24px 28px;display:flex;align-items:center;gap:35px;box-shadow:0 15px 55px #0007;backdrop-filter:blur(18px);animation:cookie-appear .7s cubic-bezier(.22,1,.36,1) both}#cookie-banner>div:first-child{flex:1}#cookie-banner h2{font-size:18px;font-weight:400;margin:0 0 9px}#cookie-banner p{font-size:12px;line-height:1.7;color:#aab8ca;margin:0 0 10px;max-width:900px}#cookie-banner a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.cookie-actions{display:flex;gap:12px}.cookie-actions button{background:transparent;border:1px solid #5b789c;color:white;padding:13px 24px;border-radius:4px;font:inherit;font-size:13px;min-width:100px}.cookie-actions button:hover{background:#23364e}.cookie-preferences{border:0;background:transparent;color:#95a6ba;font-size:10px;text-decoration:underline;text-underline-offset:4px}.cookie-policy{max-width:1000px;padding:0 8% 100px;margin:auto}.cookie-policy section{margin-bottom:35px}.cookie-policy h2{font-size:24px;font-weight:400}.cookie-policy p{color:#a2b1c4;line-height:1.9}.closing{opacity:0;transition:opacity .35s ease!important;animation:none!important}@keyframes cookie-appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){#cookie-banner{bottom:10px;padding:20px;display:block;max-height:85dvh;overflow:auto}.cookie-actions{margin-top:18px}.cookie-actions button{flex:1}.cookie-policy{padding:0 6% 70px}}

.policy-email{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}

footer>div:last-of-type{display:grid;grid-template-columns:auto auto;gap:12px 24px;align-items:center;justify-content:end}footer>div:last-of-type>.cookie-preferences{grid-column:1/-1;justify-self:end;padding:0;margin-top:2px;text-align:right}@media(max-width:700px){footer>div:last-of-type{width:auto;margin-left:auto;gap:12px 18px;justify-content:end}}

footer a[href*="instagram.com"]{border-bottom:0;padding-bottom:0;text-decoration:none;display:inline-flex;align-items:center}footer>div:last-of-type{align-items:center;line-height:1.5}footer>div:last-of-type>.cookie-preferences{justify-self:start;text-align:left;line-height:1.5}

footer>div:last-of-type>.cookie-preferences{justify-self:end;text-align:right}

@media(max-width:700px){footer{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:32px 6%}footer>.brand{align-self:center}footer>.footer-identity{width:100%;max-width:none}.footer-identity .footer-services{justify-content:center;align-items:center;gap:12px}.footer-identity .footer-services span+span{padding-left:12px}.footer-identity:after{width:100%;margin-top:16px}.footer-identity .footer-location{text-align:center;margin-top:14px}footer>div:last-of-type{align-self:flex-end;width:auto;max-width:100%;margin-left:0;gap:10px 18px}footer>div:last-of-type>.cookie-preferences{justify-self:end;text-align:right}}