:root{--bg:#07080b;--surface:#101116;--ink:#f5f3ed;--muted:#9a9ba3;--line:#292a30;--accent:#ffd35f;--pad:clamp(24px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:92px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{display:block;width:150px;height:auto}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.88rem}.nav-contact{border:1px solid #4a4b50;border-radius:999px;padding:12px 18px}.nav-contact span,.text-link span,button span{color:var(--accent);margin-left:7px}.hero{min-height:100svh;padding:160px var(--pad) 76px;display:grid;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:1040px}.eyebrow,.section-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:#b3b4ba}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}.hero h1{font-family:"Manrope",sans-serif;font-size:clamp(3.9rem,9vw,9.6rem);font-weight:300;letter-spacing:-.07em;line-height:.84;margin:36px 0 42px}.hero h1 em,.contact h2 em{font-style:normal;color:var(--accent)}.hero-text{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55;color:#b7b7bc;max-width:610px;margin:0 0 34px}.text-link{display:inline-block;border-bottom:1px solid #62636a;padding:0 0 8px;font-size:.95rem}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none}.orbit-one{width:58vw;height:58vw;right:-14vw;top:8vh}.orbit-two{width:31vw;height:31vw;right:-2vw;top:28vh;border-color:rgba(255,211,95,.18)}.orbit-two:after{content:"";width:13px;height:13px;background:var(--accent);border-radius:50%;position:absolute;left:7%;top:24%;box-shadow:0 0 30px rgba(255,211,95,.55)}.scroll-note{position:absolute;right:var(--pad);bottom:62px;writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.16em;color:#777980}.scroll-note span{color:var(--accent);margin-top:12px}.hero-index{position:absolute;left:var(--pad);bottom:36px;color:#777980;font-size:.7rem}.hero-index span{color:var(--accent);padding:0 5px}.manifesto{padding:150px var(--pad) 110px;border-top:1px solid var(--line)}.manifesto-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:10vw;margin-top:70px}.manifesto h2{font-family:"Manrope",sans-serif;font-weight:300;font-size:clamp(2.8rem,6vw,6.6rem);letter-spacing:-.055em;line-height:.98;margin:0}.manifesto h2 span{color:var(--accent)}.about-copy{padding-top:16px}.about-copy p{font-size:1.05rem;line-height:1.75;color:#aaaab0;margin:0 0 28px}.capabilities{display:flex;align-items:center;justify-content:space-between;margin-top:115px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:31px 0;font-size:clamp(.9rem,1.4vw,1.15rem)}.capabilities i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.clients{padding:120px 0 140px;background:#0b0c10;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.clients-head{padding:0 var(--pad);display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:90px}.clients-head p{text-align:right;color:#a9aab0;line-height:1.55;margin:0}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-track{width:max-content;display:flex;align-items:center;animation:marquee 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{height:140px;min-width:250px;padding:0 55px;display:grid;place-items:center;border-right:1px solid var(--line);font-family:"Manrope",sans-serif;font-size:1.2rem;letter-spacing:.05em;color:#d5d5d7;white-space:nowrap}.marquee b{font-weight:300;color:#777981}.marquee .diamond:before{content:"◇";color:var(--accent);padding-right:8px}@keyframes marquee{to{transform:translateX(-50%)}}.contact{padding:150px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:11vw}.contact h2{font-family:"Manrope",sans-serif;font-weight:300;font-size:clamp(3.2rem,6.8vw,7.5rem);letter-spacing:-.065em;line-height:.9;margin:50px 0 36px}.contact-intro>p{color:#a9aab0;line-height:1.6;max-width:410px}.contact-form{padding-top:56px}.contact-form label{display:block;color:#94959c;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px}.contact-form input,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #414248;color:var(--ink);font:400 1rem "DM Sans",sans-serif;padding:14px 0;outline:none;resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5d5e64}.contact-form button{border:0;border-radius:999px;background:var(--ink);color:var(--bg);padding:17px 25px;font:600 .9rem "DM Sans",sans-serif;cursor:pointer;transition:.25s}.contact-form button:hover{background:var(--accent);transform:translateY(-2px)}.contact-form button span{color:inherit}.form-status{font-size:.88rem;color:var(--accent);min-height:20px}footer{padding:60px var(--pad) 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;color:#898a91}footer img{width:145px}footer p{text-align:center;font-size:.86rem}footer a{text-align:right;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}footer small{grid-column:1/-1;text-align:center;padding-top:28px;border-top:1px solid #202127;font-size:.68rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:760px){.site-header{height:76px}.brand img{width:122px}.site-header nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 14px}.hero{padding-top:128px}.hero h1{font-size:clamp(3.3rem,17vw,5.4rem);line-height:.9}.hero-text{max-width:90%}.orbit-one{width:100vw;height:100vw;right:-55vw;top:17vh}.orbit-two{width:58vw;height:58vw;right:-30vw;top:29vh}.scroll-note{display:none}.manifesto{padding-top:105px}.manifesto-grid,.contact{grid-template-columns:1fr;gap:55px}.manifesto-grid{margin-top:50px}.capabilities{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.capabilities i{display:none}.clients{padding:95px 0}.clients-head{align-items:flex-start;flex-direction:column;gap:35px;margin-bottom:55px}.clients-head p{text-align:left}.marquee span{height:110px;min-width:205px;padding:0 35px}.contact{padding-top:105px;padding-bottom:105px}.contact-form{padding-top:0}.contact h2{margin-top:40px}footer{grid-template-columns:1fr 1fr}footer p{display:none}footer small{grid-column:1/-1}}

/* Hero: criação + desenvolvimento */
.hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(28px,4vw,76px)}
.hero-copy{max-width:780px}
.hero h1{font-size:clamp(3.5rem,5.8vw,6.6rem);line-height:.9}
.hero-visual{position:relative;z-index:2;margin:0;display:flex;align-items:center;justify-content:center;min-width:0}
.hero-visual img{display:block;width:min(100%,690px);height:auto;max-height:76vh;object-fit:contain;filter:drop-shadow(0 30px 55px rgba(0,0,0,.55));animation:hero-float 7s ease-in-out infinite}
.visual-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,211,95,.13),rgba(255,211,95,0) 68%);filter:blur(22px);pointer-events:none}
.hero-visual figcaption{position:absolute;right:1%;bottom:8%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(8,9,12,.68);backdrop-filter:blur(12px);border-radius:999px;color:#a9aab0;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.hero-visual figcaption i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-13px) rotate(.35deg)}}
.client-logo{height:140px;width:clamp(220px,20vw,300px);padding:30px 44px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);flex:0 0 auto}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.78;transition:opacity .25s ease,transform .25s ease}
.client-logo:hover img{opacity:1;transform:scale(1.04)}
.brand,.footer-brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:max-content}
.brand .brand-main img{display:block;width:150px;height:auto}
.footer-brand .brand-main img{display:block;width:145px;height:auto}
.brand-signature{position:relative;display:block;width:62px;aspect-ratio:1300/350;margin-top:-1px;margin-right:3px;align-self:flex-end}
.brand-signature img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:contain}
.signature-white{filter:brightness(0) saturate(100%) invert(80%) sepia(92%) saturate(660%) hue-rotate(345deg) brightness(105%) contrast(103%);opacity:1}
.signature-color{display:none!important}
@media(max-width:980px){.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.hero h1{font-size:clamp(3.25rem,6.7vw,5.2rem)}.hero-visual img{width:110%;max-width:none}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-bottom:80px;gap:22px}.hero-copy{max-width:none}.hero h1{font-size:clamp(3.3rem,17vw,5.4rem)}.hero-visual{width:82vw;justify-self:end;margin-top:-28px;margin-right:-10vw;opacity:.94}.hero-visual img{width:100%;max-height:54vh}.hero-visual figcaption{right:10%;bottom:2%;font-size:.58rem}.hero-index{bottom:24px}.client-logo{height:110px;width:210px;padding:24px 32px}.brand .brand-main img{width:122px}.brand-signature{width:52px;margin-right:2px}}
.contact-form{position:relative}
.contact-form button:disabled{opacity:.65;cursor:wait;transform:none}
.field-error{display:block;margin-top:8px;color:#ffb3a0;font-size:.78rem;letter-spacing:0;text-transform:none;line-height:1.4}
.contact-form label.is-invalid input,.contact-form label.is-invalid textarea{border-color:#ff8d78}
.form-status.is-error{color:#ffb3a0}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.thanks{min-height:100svh;padding:180px var(--pad) 90px;display:flex;flex-direction:column;justify-content:center;max-width:980px}
.thanks h1{font-family:"Manrope",sans-serif;font-weight:300;font-size:clamp(3.2rem,7vw,6.4rem);letter-spacing:-.06em;line-height:.92;margin:28px 0}.thanks h1 em{font-style:normal;color:var(--accent)}
.thanks .thanks-text{color:#b7b7bc;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65;max-width:560px;margin:0 0 36px}
.thanks .text-link{align-self:flex-start}
@media(max-width:760px){.thanks{padding-top:140px}}