@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#0b0a16;--ink2:#151126;--white:#f7f6ff;--muted:#b4afc3;--violet:#8a5bff;--violet2:#bc9eff;--cyan:#62e6ef;--line:rgba(255,255,255,.15);--cream:#f2f0ec;--creamink:#17151a;--r:20px;--container:1312px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--ink);color:var(--white);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#b392ff;color:#060410}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.wrap{max-width:var(--container);margin:0 auto;padding:0 38px}.mini{font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.serif{font-family:'Space Grotesk','DM Sans',sans-serif;letter-spacing:-.063em}.muted{color:var(--muted)}.tagline{color:#cfc8de;font-size:12px;letter-spacing:.015em}.pill{border:1px solid rgba(255,255,255,.23);display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;font-size:12px;letter-spacing:.03em;font-weight:700;white-space:nowrap}.pill:before{content:'';height:7px;width:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(98,230,239,.09)}.arrow{font-size:20px;line-height:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 24px;border-radius:999px;font-weight:800;white-space:nowrap;font-size:13px;min-height:54px;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-main{background:var(--cyan);color:#060b13;box-shadow:0 8px 40px rgba(98,230,239,.17)}.btn-main:hover{background:#9ef6fd}.btn-white{background:#fff;color:#10101a}.btn-outline{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.04)}.btn-outline:hover{background:rgba(255,255,255,.11)}.btn-dark{background:#171321;color:#fff}.btn-ghost{background:transparent;border:1px solid #bebbc6;color:#201b26}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:27px;height:2px;background:currentColor}.dark-text{color:#19171f}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:46px}.sec-head h2{font-size:clamp(42px,5.9vw,84px);margin:14px 0 0;line-height:.99;max-width:900px}.sec-head p{max-width:350px;font-size:15px;line-height:1.7;color:#625e6b;margin:0 0 7px}.note{font-size:13px;line-height:1.55;color:#737080}
.notice{position:relative;background:#312051;color:#e5dafa;min-height:32px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;padding:8px 16px;z-index:21}
.header{position:sticky;top:0;z-index:20;background:rgba(11,10,22,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand img{width:40px;height:40px;object-fit:contain}.brand strong{font-size:16px;letter-spacing:-.035em}.brand small{display:block;font-size:9px;letter-spacing:.19em;color:#aea8bd;margin-top:4px}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{color:#b8b4c5;font-weight:700;font-size:13px;transition:color .2s}.navlinks a:hover,.navlinks a.active{color:#fff}.navright{display:flex;align-items:center;gap:10px}.navright .btn{padding:12px 21px;min-height:43px;font-size:12px}.hamburger{display:none;width:45px;height:45px;background:#28233a;color:#fff;border:1px solid #534b65;border-radius:50%;font-size:24px}.mobmenu{display:none}
.hero{position:relative;overflow:hidden;min-height:788px;background:radial-gradient(ellipse 67% 75% at 73% 48%,rgba(107,58,212,.3),transparent 60%),radial-gradient(ellipse 45% 70% at 98% 0%,rgba(23,171,216,.16),transparent 70%),#0b0917}.hero:before{position:absolute;content:'';width:700px;height:700px;border-radius:50%;right:-300px;top:80px;border:1px solid rgba(211,191,255,.13);box-shadow:0 0 0 100px rgba(166,141,249,.017),0 0 0 200px rgba(166,141,249,.015);pointer-events:none}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,transparent 98%,rgba(255,255,255,.055) 100%);background-size:88px 88px;mask-image:linear-gradient(to right,transparent,black)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns: minmax(420px,1.06fr) minmax(470px,.94fr);gap:22px;align-items:center;min-height:744px;padding-top:68px;padding-bottom:70px}.hero-copy{position:relative;z-index:4}.hero .pill{color:#ded8ea}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,7vw,102px);line-height:.94;letter-spacing:-.085em;font-weight:700;margin:35px -42px 27px 0;max-width:940px}.hero h1 span{display:block}.hero h1 .accent{background:linear-gradient(100deg,#c7b0ff 0%,#8c74ff 48%,#73f1f3 94%);-webkit-background-clip:text;color:transparent;background-clip:text}.hero-lead{font-size:17px;line-height:1.72;color:#c5c1d0;max-width:460px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-proof{display:flex;gap:22px;align-items:center;margin-top:57px;flex-wrap:wrap;color:#aaa5b8;font-size:12px}.proof-dot{width:8px;height:8px;border-radius:50%;background:#63e9ed;box-shadow:0 0 20px #63e9ed}.hero-proof strong{color:#fff}
.hero-art{height:590px;position:relative;isolation:isolate;margin-left:-52px}.art-blur{position:absolute;left:10%;top:10%;height:440px;width:440px;border-radius:50%;background:conic-gradient(from 140deg,#4432a8,#24b6c7,#af63dc,#4432a8);filter:blur(90px);opacity:.4;animation:breathe 7s ease-in-out infinite alternate}.project-browser{position:absolute;background:#151523;border:1px solid rgba(241,232,255,.27);padding:8px;border-radius:15px;box-shadow:0 40px 90px rgba(0,0,0,.6);overflow:hidden;transform-origin:center;transition:transform .6s}.project-browser img{width:100%;height:100%;object-fit:cover;object-position:top}.browser-top{height:29px;display:flex;align-items:center;gap:5px;padding:0 7px}.browser-top i{width:6px;height:6px;background:#ee6b76;border-radius:50%}.browser-top i:nth-child(2){background:#ffd077}.browser-top i:nth-child(3){background:#73dcae}.browser-top span{margin-left:12px;border-radius:5px;padding:4px;background:#262334;color:#8d8a9d;flex:1;font-size:9px;text-align:center;white-space:nowrap}.project-browser .viewport{overflow:hidden;border-radius:6px;height:calc(100% - 29px);background:#10101b}.browser-a{width:580px;height:345px;top:85px;left:5%;transform:perspective(1000px) rotateY(-10deg) rotateZ(-5deg);z-index:2}.browser-b{width:360px;height:260px;top:310px;left:40%;transform:perspective(950px) rotateY(12deg) rotateZ(8deg);z-index:3}.hero-art:hover .browser-a{transform:perspective(1000px) rotateY(-5deg) rotateZ(-2deg) translateY(-7px)}.hero-art:hover .browser-b{transform:perspective(950px) rotateY(6deg) rotateZ(4deg) translateY(7px)}.art-tag{position:absolute;z-index:5;padding:13px 17px;background:#f7f4ff;color:#171122;font-weight:800;font-size:11px;border-radius:12px;transform:rotate(-7deg);left:-20px;bottom:87px;box-shadow:0 14px 26px rgba(0,0,0,.25)}.art-stamp{position:absolute;z-index:4;right:-4px;top:52px;width:123px;height:123px;border-radius:50%;border:1px solid #9f8dd0;color:#e5defa;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em;transform:rotate(12deg);backdrop-filter:blur(5px)}.art-stamp b{font-size:28px;display:block;letter-spacing:-.05em}.bottom-hero{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.11);z-index:4}.bottom-hero .wrap{display:flex;align-items:center;justify-content:space-between;min-height:59px;font-size:11px;color:#a5a0b6;letter-spacing:.15em;font-weight:800;text-transform:uppercase}.bottom-hero b{color:#fff}
.ticker{background:#9d7cff;color:#121020;overflow:hidden;border-top:1px solid #bfa9ff;border-bottom:1px solid #bfa9ff}.ticker-track{white-space:nowrap;display:flex;align-items:center;gap:42px;min-width:max-content;animation:marquee 33s linear infinite;padding:17px 0;font:800 15px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.1em}.ticker-track em{font-style:normal;font-size:20px;color:#3c235f}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes breathe{to{transform:scale(1.25) translate(-30px,20px)}}
.works{background:var(--cream);color:var(--creamink);padding:118px 0 120px}.works .eyebrow{color:#6b44c5}.works-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:18px 0 46px}.works-top h2{font:700 clamp(48px,6.3vw,93px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.072em;margin:0}.works-top p{max-width:330px;line-height:1.7;color:#706c79;font-size:15px}.work-feature{display:grid;grid-template-columns:1.18fr .82fr;min-height:510px;overflow:hidden;border-radius:25px;background:#11101a;color:#fff;transition:transform .35s}.work-feature:hover{transform:translateY(-5px)}.work-photo{position:relative;min-height:440px;overflow:hidden;background:radial-gradient(at 50% 48%,#54376c 0%,#201525 60%,#120e1b 100%);display:flex;align-items:center;justify-content:center;padding:30px}.work-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.05),transparent 45%)}.work-photo img{width:96%;max-height:430px;object-fit:cover;object-position:top;border:7px solid #17151a;border-radius:14px;box-shadow:0 26px 70px #0a0714;transform:rotate(-3deg) scale(.98);transition:transform .6s}.work-feature:hover .work-photo img{transform:rotate(0deg) scale(1.025)}.work-details{display:flex;flex-direction:column;justify-content:space-between;padding:48px}.work-details small{font-size:11px;color:#bbb1d0;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.work-details h3{font:700 58px/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:30px 0 23px}.work-details p{color:#c4bfce;line-height:1.75;max-width:380px;font-size:16px}.work-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:800;padding-top:30px}.work-link span{width:44px;height:44px;border:1px solid #5c526c;border-radius:50%;display:grid;place-items:center;font-size:22px}.work-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.project-card{border-radius:22px;overflow:hidden;background:#fff;transition:transform .35s;border:1px solid #ddd9e1}.project-card:hover{transform:translateY(-5px)}.project-visual{position:relative;height:340px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 65% 42%,#44245d,#161321 70%)}.project-visual img{position:absolute;width:83%;height:77%;border-radius:9px;object-fit:cover;object-position:top;box-shadow:0 20px 42px #0009;transform:rotate(-3deg);transition:transform .45s}.project-card:hover .project-visual img{transform:rotate(0deg) scale(1.05)}.project-visual.gespool{background:radial-gradient(circle at 30% 80%,#4cdef2 0%,transparent 45%),linear-gradient(120deg,#071b3c,#0c7a92)}.project-visual.gespool img{width:190px;height:190px;border:0;border-radius:0;object-fit:contain;box-shadow:none;filter:drop-shadow(0 10px 25px #053c6577);transform:rotate(0deg)}.project-visual.manique{background:radial-gradient(circle at 85% 10%,#ffd692,transparent 42%),#cc9457}.project-visual.manique img{width:210px;height:210px;object-fit:contain;transform:none;box-shadow:none}.project-visual.radio{background:linear-gradient(130deg,#e6d7f9,#74c4cc)}.project-visual.radio img{width:215px;height:190px;object-fit:contain;transform:none;box-shadow:none}.project-card .cardmeta{padding:25px 28px 30px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cardmeta h3{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0 0 6px}.cardmeta p{font-size:13px;color:#6e6878;margin:0}.cardmeta .round-arrow{flex:none;display:grid;place-items:center;width:43px;height:43px;border:1px solid #cfcbd6;border-radius:50%;font-size:22px}.works-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:38px}.works-foot .btn{color:#fff}.works-foot p{max-width:440px;color:#6c6872;font-size:13px;line-height:1.6}
.services{padding:120px 0;background:radial-gradient(ellipse at 100% 20%,rgba(123,65,210,.21),transparent 40%),#100d20}.services .eyebrow{color:#9d81ff}.services .sec-head p{color:#b4abc8}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{position:relative;min-height:385px;padding:33px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015));overflow:hidden;display:flex;flex-direction:column;transition:background .3s,transform .3s}.service:hover{transform:translateY(-5px);background:linear-gradient(150deg,rgba(137,98,236,.23),rgba(255,255,255,.04))}.service .num{font:600 14px 'Space Grotesk',sans-serif;color:#9b8eaf}.service-icon{width:73px;height:73px;border:1px solid rgba(255,255,255,.18);border-radius:19px;display:grid;place-items:center;font-size:31px;margin:32px 0 30px;color:#91eeef;background:rgba(97,238,237,.06)}.service h3{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:0 0 15px}.service p{color:#bdb6ce;font-size:14px;line-height:1.76;margin:0;max-width:290px}.service .service-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:23px;font-size:12px;font-weight:800;color:#d8cff2}.service .service-bottom b{font-size:25px;font-weight:400}.service:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#8a5bff;filter:blur(100px);opacity:.17;right:-40px;top:-70px;pointer-events:none}
.aboutstripe{padding:74px 0;border-top:1px solid #25213a;border-bottom:1px solid #25213a;background:#1b1533}.stripegrid{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:center}.stripegrid h2{font:700 clamp(36px,4.7vw,69px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:14px 0}.stripegrid p{font-size:16px;color:#c7bfdc;line-height:1.85}.stripegrid p strong{color:#fff}
.process{background:var(--cream);color:#1c1822;padding:122px 0}.process .eyebrow{color:#7856c4}.process-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.process-wrap h2{font:700 clamp(46px,5.5vw,78px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:14px 0 24px}.process-wrap p{color:#6e6878;line-height:1.8}.steps{border-top:1px solid #ccc6d3}.step{border-bottom:1px solid #ccc6d3;padding:25px 0;display:grid;grid-template-columns:72px 1fr;gap:15px}.step-num{font:700 16px 'Space Grotesk';color:#8666c2}.step h3{font:700 24px 'Space Grotesk';letter-spacing:-.045em;margin:0 0 10px}.step p{margin:0;font-size:14px;line-height:1.7}
.faq{background:#0c0a16;padding:112px 0}.faq-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.faq h2{font:700 clamp(48px,5vw,75px)/.98 'Space Grotesk';letter-spacing:-.07em;margin:18px 0}.faq-list{border-top:1px solid #373046}.faq-item{border-bottom:1px solid #373046}.faq-item button{width:100%;text-align:left;color:#fff;background:transparent;border:0;padding:24px 4px;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:16px;font-weight:700}.faq-item button span:last-child{font-size:28px;color:#ae95ff;font-weight:400}.faq-answer{display:none;color:#bbb4cc;line-height:1.7;font-size:14px;max-width:580px;margin:0 20px 23px 4px}.faq-item.open .faq-answer{display:block}.faq-item.open button span:last-child{transform:rotate(45deg)}
.cta-band{background:#9671f7;color:#131019;padding:96px 0;position:relative;overflow:hidden}.cta-band:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #c6b0ff;border-radius:50%;right:-140px;top:-120px;box-shadow:0 0 0 65px rgba(240,225,255,.085),0 0 0 130px rgba(240,225,255,.07)}.cta-inner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:35px;align-items:end}.cta-inner h2{font:700 clamp(52px,7.4vw,112px)/.91 'Space Grotesk';letter-spacing:-.082em;margin:20px 0 0}.cta-inner p{max-width:345px;line-height:1.65;font-size:16px}.cta-inner .btn{background:#111019;color:#fff;white-space:nowrap}.footer{background:#0b0915;padding:58px 0 27px}.footgrid{display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:42px;padding-bottom:64px}.footbrand{font-weight:800;font-size:26px;letter-spacing:-.05em}.footbrand img{height:36px;width:36px;display:inline-block;vertical-align:middle;margin-right:9px}.footgrid p{max-width:290px;color:#aaa5b9;font-size:13px;line-height:1.8}.footgrid h4{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#a9a1be;margin:6px 0 19px}.footgrid a{display:block;font-size:13px;color:#ddd8e5;margin:0 0 13px}.footgrid a:hover{color:var(--cyan)}.copyright{border-top:1px solid #262037;padding-top:24px;display:flex;justify-content:space-between;gap:22px;color:#857e97;font-size:11px}
/* inner pages */
.pagehero{position:relative;padding:105px 0 90px;background:radial-gradient(circle at 88% 20%,rgba(116,77,239,.25),transparent 36%),#100d20;overflow:hidden}.pagehero h1{font:700 clamp(62px,8vw,124px)/.94 'Space Grotesk';letter-spacing:-.08em;max-width:1080px;margin:23px 0}.pagehero h1 span{color:#a98aff}.pagehero .intro{max-width:680px;color:#bfb8ce;font-size:18px;line-height:1.7}.pagehero .eyebrow{color:#93eaf1}.pagehero-shape{position:absolute;right:5%;top:90px;border:1px solid rgba(255,255,255,.15);width:330px;height:330px;border-radius:50%;box-shadow:0 0 0 70px rgba(178,151,255,.03),0 0 0 140px rgba(178,151,255,.027)}
.filterbar{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0}.filterbar button{background:transparent;color:#57505c;border:1px solid #c8c1cf;padding:12px 19px;border-radius:99px;font-weight:800;font-size:12px}.filterbar button.active{color:#fff;background:#21182b;border-color:#21182b}.portfolio{padding:70px 0 130px;background:var(--cream);color:#19161d}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.portfolio-grid .project-card:first-child{grid-column:span 2}.portfolio-grid .project-card:first-child .project-visual{height:470px}.portfolio-grid .project-card:first-child .project-visual img{width:75%;height:87%}.portfolio-grid .project-card .project-visual{height:330px}.portfolio-grid [hidden]{display:none!important}.portfolio-intro{font-size:13px;color:#68616f;margin:0 0 15px}.portfolio-linkrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.portfolio-linkrow a{color:#35265c;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.services-detail{background:var(--cream);color:#1c1822;padding:110px 0}.service-detail-row{padding:44px 0;border-bottom:1px solid #c9c3cc;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.service-detail-row .id{font:700 13px 'Space Grotesk';color:#6f50b9}.service-detail-row h2{font:700 55px/.99 'Space Grotesk';letter-spacing:-.055em;margin:25px 0 0}.service-detail-row p{font-size:16px;line-height:1.8;color:#645f6b;margin:0 0 18px}.service-detail-row ul{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-detail-row li{font-size:13px;font-weight:700}.service-detail-row li:before{content:'↗';color:#7956c5;margin-right:11px}
.aboutpage{padding:110px 0;background:var(--cream);color:#16121d}.aboutpage h2{font:700 clamp(45px,6vw,87px)/1 'Space Grotesk';letter-spacing:-.065em;max-width:980px;margin:20px 0 32px}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:64px}.about-cols p{line-height:1.85;color:#615d67;font-size:17px}.valuegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:55px}.value{background:#e4e0ea;border-radius:20px;padding:33px}.value strong{font:700 28px 'Space Grotesk';letter-spacing:-.04em}.value p{color:#676070;line-height:1.7}
.contactpage{padding:112px 0 135px;background:radial-gradient(circle at 90% 10%,rgba(125,76,241,.25),transparent 36%),#0c0a16}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.contact-grid h1{font:700 clamp(57px,6.8vw,99px)/.96 'Space Grotesk';letter-spacing:-.08em;margin:25px 0}.contact-grid h1 span{color:#a88bff}.contact-grid p{font-size:17px;line-height:1.8;color:#bcb4c9;max-width:480px}.contact-detail{display:flex;gap:15px;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding:24px 0;color:#fff}.contact-detail span{font-size:14px}.contact-detail small{display:block;color:#a7a0ba;font-size:11px;margin-bottom:5px}.contact-form{background:#f6f4fa;color:#211a2a;padding:42px;border-radius:25px;box-shadow:0 30px 90px #0006}.contact-form h2{font:700 32px 'Space Grotesk';letter-spacing:-.06em;margin:0 0 7px}.contact-form>p{margin:0 0 26px;font-size:13px;color:#726b78;line-height:1.65}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{background:#fff;color:#151221;border:1px solid #d9d3df;border-radius:11px;width:100%;padding:14px 15px;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#815ee4;box-shadow:0 0 0 3px #815ee423}.field.full{grid-column:1/-1}.formerror{font-size:12px;color:#a53556;min-height:20px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.form-actions .btn{border:0}.form-actions small{font-size:11px;color:#767080;line-height:1.5}.status{display:none;background:#e6faee;color:#1b6238;border-radius:10px;padding:13px 16px;font-size:13px;margin-top:17px}.status.show{display:block}
.case-hero{padding:85px 0 80px;background:#100c20}.case-title{display:flex;justify-content:space-between;gap:40px;align-items:end}.case-title h1{font:700 clamp(70px,8vw,128px)/.93 'Space Grotesk';letter-spacing:-.075em;margin:22px 0}.case-title p{max-width:350px;color:#bab4c9;line-height:1.7;font-size:16px}.case-art{min-height:560px;background:linear-gradient(110deg,#2e1845,#0b131f);display:grid;place-items:center;overflow:hidden;padding:60px;border-radius:26px;margin-top:54px}.case-art img{max-width:1050px;width:95%;max-height:515px;object-fit:contain;border-radius:11px;box-shadow:0 25px 80px #0007}.case-art.logo-only{background:linear-gradient(135deg,#08416e,#14c3cf)}.case-art.logo-only img{width:290px;max-height:330px;box-shadow:none}.case-art.mani{background:linear-gradient(135deg,#e2ab67,#b36a43)}.case-art.radio{background:linear-gradient(125deg,#a18bd9,#66c5d5)}.case-details{background:var(--cream);color:#1b1720;padding:95px 0}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-grid h2{font:700 50px/1 'Space Grotesk';letter-spacing:-.065em;margin:15px 0}.case-grid p{line-height:1.9;color:#69636f}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:45px 0}.case-facts div{border-top:1px solid #ccc5d0;padding-top:18px}.case-facts strong{display:block;font-size:17px;margin:7px 0}.case-facts small{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:#8c8292}.case-next{padding:80px 0;background:#201433}
/* motion and adaptive */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1190px){.wrap{padding:0 25px}.navlinks{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(60px,6.6vw,85px)}.hero-art{margin-left:-20px}.browser-a{width:490px;height:304px}.browser-b{width:305px;height:235px;left:37%}.sec-head h2{font-size:66px}}
@media(max-width:890px){.header .navlinks,.navright .btn{display:none}.hamburger{display:block}.nav{min-height:74px}.mobmenu{position:absolute;left:0;right:0;top:100%;background:#191227;border-bottom:1px solid #4d3d66;padding:22px 26px 30px;display:none;box-shadow:0 24px 60px #0008}.mobmenu.open{display:block}.mobmenu a{display:block;padding:15px 6px;border-bottom:1px solid rgba(255,255,255,.13);font-weight:800;font-size:20px}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:72px;min-height:0;padding-bottom:100px}.hero h1{font-size:clamp(60px,11.2vw,104px);margin-right:0;max-width:720px}.hero-art{margin:0 auto;max-width:700px;width:100%;height:460px}.browser-a{width:74%;height:290px;left:4%;top:30px}.browser-b{left:44%;width:51%;height:240px;top:210px}.art-blur{left:20%;top:0}.art-stamp{right:0;top:0}.art-tag{left:4%;bottom:24px}.bottom-hero{position:relative}.works,.services,.process,.faq{padding:85px 0}.work-feature{grid-template-columns:1fr}.work-photo{min-height:410px}.work-details{padding:36px;gap:20px}.work-details h3{font-size:48px}.service{padding:26px;min-height:350px}.services-grid{grid-template-columns:1fr 1fr}.services-grid .service:last-child{grid-column:span 2}.stripegrid,.process-wrap,.faq-wrap,.contact-grid,.case-grid{grid-template-columns:1fr;gap:40px}.sec-head{align-items:start;flex-direction:column}.sec-head h2{font-size:clamp(46px,7vw,74px)}.case-title{flex-direction:column;align-items:start}.case-art{min-height:380px}.footgrid{grid-template-columns:1fr 1fr}.cta-inner{align-items:start;flex-direction:column}.pagehero-shape{opacity:.3}}
@media(max-width:610px){.wrap{padding:0 19px}.notice{font-size:8px;letter-spacing:.1em}.brand{min-width:0}.brand strong{font-size:14px}.brand small{font-size:8px}.hero{min-height:0}.hero-grid{padding-top:55px;padding-bottom:43px}.hero .pill{font-size:10px;white-space:normal}.hero h1{font-size:clamp(56px,12vw,72px);line-height:.95;margin:30px 0 24px}.hero-lead{font-size:15px}.hero-actions{gap:10px}.hero-actions .btn{padding:14px 17px;min-height:47px;font-size:12px;gap:12px}.hero-proof{gap:13px;margin-top:32px;font-size:10px}.hero-art{height:325px;margin-top:20px;overflow:visible}.browser-a{left:2%;top:20px;width:89%;height:213px;border-radius:10px;padding:5px}.browser-b{width:57%;height:165px;left:37%;top:154px;border-radius:9px;padding:4px}.browser-top{height:22px}.browser-top span{font-size:6px}.project-browser .viewport{height:calc(100% - 22px)}.art-stamp{right:-8px;top:-15px;height:71px;width:71px;font-size:7px}.art-stamp b{font-size:20px}.art-tag{left:-2px;bottom:0;font-size:9px;padding:10px}.bottom-hero .wrap{font-size:9px;letter-spacing:.08em;min-height:52px}.bottom-hero .wrap span:last-child{display:none}.ticker-track{font-size:12px;gap:22px}.works,.services,.process,.faq{padding:78px 0}.works-top{flex-direction:column;align-items:start;margin-top:20px}.works-top h2{font-size:55px}.works-top p{font-size:14px}.work-photo{min-height:270px;padding:22px}.work-details{padding:27px}.work-details h3{font-size:40px;margin:0}.work-details p{font-size:14px}.work-duo,.portfolio-grid,.services-grid{grid-template-columns:1fr;gap:16px}.services-grid .service:last-child,.portfolio-grid .project-card:first-child{grid-column:auto}.project-visual{height:250px}.portfolio-grid .project-card:first-child .project-visual,.portfolio-grid .project-card .project-visual{height:280px}.portfolio-grid .project-card:first-child .project-visual img{width:86%;height:74%}.cardmeta h3{font-size:23px}.cardmeta{padding:20px!important}.works-foot{flex-direction:column;align-items:start}.services .sec-head{margin-bottom:32px}.service{min-height:340px}.services-grid .service:last-child{grid-column:auto}.stripegrid{gap:16px}.aboutstripe{padding:65px 0}.stripegrid h2{font-size:41px}.stripegrid p{font-size:14px}.process-wrap{gap:35px}.step{grid-template-columns:46px 1fr}.step h3{font-size:21px}.faq-wrap{gap:24px}.faq h2{font-size:51px}.cta-band{padding:75px 0}.cta-inner h2{font-size:67px}.cta-inner p{font-size:14px}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.footgrid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column}.pagehero{padding:75px 0 66px}.pagehero h1{font-size:clamp(52px,11.6vw,72px)}.pagehero .intro{font-size:15px}.portfolio{padding:48px 0 88px}.filterbar{gap:6px}.filterbar button{padding:10px 13px;font-size:11px}.portfolio-grid .project-visual{height:240px}.portfolio-grid .project-card:first-child .project-visual{height:270px}.service-detail-row{grid-template-columns:1fr;gap:22px}.service-detail-row h2{font-size:43px;margin:8px 0}.service-detail-row ul{grid-template-columns:1fr}.aboutpage{padding:75px 0}.aboutpage h2{font-size:52px}.about-cols,.valuegrid{grid-template-columns:1fr;gap:16px}.contactpage{padding:76px 0}.contact-grid h1{font-size:64px}.contact-form{padding:25px 21px;border-radius:19px}.formrow{grid-template-columns:1fr;gap:0}.case-hero{padding:70px 0}.case-title h1{font-size:63px}.case-art{min-height:270px;padding:28px;border-radius:16px}.case-art.logo-only img{width:160px}.case-details{padding:70px 0}.case-grid h2{font-size:41px}.case-facts{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.art-blur{animation:none}.reveal{opacity:1;transform:none;transition:none}.project-browser,.btn,.project-card,.work-feature{transition:none}}
/* Produto para restauração */
.rest-feature{padding:92px 0;background:#070e1d;color:#fff;overflow:hidden;position:relative}.rest-feature:before{content:'';position:absolute;right:-90px;top:-240px;width:740px;height:740px;border-radius:50%;background:radial-gradient(circle,rgba(47,190,197,.21),transparent 67%)}.rest-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;position:relative}.rest-grid h2{font:700 clamp(42px,5vw,74px)/1 'Space Grotesk';letter-spacing:-.073em;margin:20px 0}.rest-grid p{font-size:15px;line-height:1.75;color:#c0c7d8;max-width:500px}.rest-modules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rest-module{padding:26px;border-radius:17px;border:1px solid rgba(137,242,239,.22);background:rgba(29,55,73,.42);backdrop-filter:blur(4px);min-height:140px}.rest-module b{font:700 24px 'Space Grotesk';display:block;margin-top:14px}.rest-module span{font-size:12px;color:#8eebef;text-transform:uppercase;font-weight:800;letter-spacing:.14em}.rest-module:nth-child(2){transform:translateY(32px)}.rest-module:nth-child(4){transform:translateY(32px)}.restaurant-page{background:#eff6f6;color:#13242a;padding:95px 0}.restaurant-page h2{font:700 clamp(45px,6vw,80px)/1 'Space Grotesk';letter-spacing:-.07em;margin:10px 0 38px}.rest-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rest-list .value{background:#fff;color:#182831}.rest-list .value p{color:#6a777d}@media(max-width:890px){.rest-grid{grid-template-columns:1fr;gap:40px}.rest-list{grid-template-columns:1fr 1fr}}@media(max-width:610px){.rest-feature{padding:78px 0 100px}.rest-grid h2{font-size:55px}.rest-module{padding:18px;min-height:116px}.rest-module b{font-size:18px}.rest-module span{font-size:9px}.rest-list{grid-template-columns:1fr}}