:root {
  --black: #090909;
  --ink: #131313;
  --paper: #f1eee8;
  --acid: #e8ff36;
  --signal: #ff3b2f;
  --electric: #2759ff;
  --muted: #a4a29d;
  --line: rgba(241, 238, 232, 0.16);
  --scroll: 0;
  --hero-progress: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; overflow-x: hidden; background: var(--black); color: var(--paper); font-family: Manrope, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--acid); color: var(--black); }

.page-grain { pointer-events: none; position: fixed; inset: 0; z-index: 20; opacity: .09; mix-blend-mode: screen; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.scroll-progress { position: fixed; left: 0; top: 0; z-index: 50; height: 3px; width: 100%; background: rgba(255,255,255,.08); }
.scroll-progress span { display: block; height: 100%; width: calc(var(--scroll) * 100%); background: var(--acid); transition: width .08s linear; }

.site-header { position: fixed; inset: 0 0 auto; height: 84px; padding: 20px clamp(20px, 4vw, 72px); display: flex; align-items: center; justify-content: space-between; z-index: 30; mix-blend-mode: normal; transition: background .3s, border-color .3s, height .3s; border-bottom: 1px solid transparent; }
.site-header.is-scrolled { height: 67px; background: rgba(9,9,9,.82); backdrop-filter: blur(14px); border-color: rgba(255,255,255,.08); }
.brand { display: inline-flex; align-items: baseline; gap: 5px; line-height: 1; }
.brand-mark { font-family: "Space Grotesk", sans-serif; font-size: 1.55rem; font-weight: 700; letter-spacing: -.12em; font-style: italic; }
.brand-sub { font-family: "DM Mono", monospace; font-size: .67rem; text-transform: uppercase; letter-spacing: .1em; }
.nav { display: flex; gap: 27px; font-family: "DM Mono", monospace; font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; }
.nav a { transition: color .2s; }.nav a:hover { color: var(--acid); }
.nav-cta { font-size: .74rem; border: 1px solid rgba(255,255,255,.35); padding: 11px 14px; border-radius: 100px; transition: .25s; white-space: nowrap; }.nav-cta:hover { background: var(--paper); color: var(--black); }

.hero-wrap { height: 160svh; position: relative; }
.hero { min-height: 100svh; height: 100svh; isolation: isolate; position: sticky; top: 0; overflow: hidden; background: #080808; }
.hero-layer { will-change: transform; }
.hero-bg { position: absolute; inset: -12%; z-index: -5; background-image: linear-gradient(90deg, rgba(8,8,8,.88) 0%, rgba(8,8,8,.55) 47%, rgba(8,8,8,.18) 100%), radial-gradient(circle at 82% 24%, rgba(39,89,255,.18), transparent 21%), radial-gradient(circle at 14% 94%, rgba(255,59,47,.15), transparent 22%), url('/smd-hero-background.png'); background-size: cover; background-position: center; transform: scale(calc(1.08 + var(--hero-progress) * .12)) translate3d(calc(var(--layer-x, 0px)), calc(var(--layer-y, 0px)), 0); }
.hero-bg::before { content: ""; position: absolute; inset: 0; background: linear-gradient(107deg, transparent 0 33%, rgba(255,255,255,.09) 33.1% 33.25%, transparent 33.3% 100%), linear-gradient(107deg, transparent 0 65%, rgba(232,255,54,.85) 65.05% 65.18%, transparent 65.22% 100%); opacity: .65; }
.hero-bg::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 110px 110px; mask-image: linear-gradient(to bottom, black, transparent 75%); opacity: .12; }
.hero-glow { position: absolute; width: 58vmax; height: 58vmax; border-radius: 50%; right: -16vmax; top: -19vmax; z-index: -4; background: radial-gradient(circle, rgba(36,91,255,.38), rgba(36,91,255,.08) 31%, transparent 65%); filter: blur(15px); transform: translate3d(calc(var(--hero-progress) * -6vw), calc(var(--hero-progress) * 14vh), 0); }
.hero-grid { position: absolute; inset: 0; z-index: -3; opacity: .24; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(255,255,255,.15) calc(25% - 1px) 25%), linear-gradient(transparent calc(100% - 1px), rgba(255,255,255,.18) calc(100% - 1px)); transform: translateY(calc(var(--hero-progress) * -8vh)); }
.hero-red-line { position: absolute; width: 130vw; height: 5px; background: var(--signal); transform: rotate(-28deg) translate3d(calc(-31vw + var(--hero-progress) * 16vw), calc(2vh + var(--hero-progress) * -28vh), 0); top: 75%; left: -9%; box-shadow: 0 0 20px rgba(255,59,47,.7); z-index: -1; }
.hero-orb { position:absolute; border-radius:50%; mix-blend-mode: screen; filter: blur(2px); z-index: -2; }
.orb-one { width: 10vw; height: 10vw; min-width: 90px; min-height: 90px; background: var(--acid); left: 66%; bottom: 16%; transform: translate3d(calc(var(--hero-progress) * -17vw), calc(var(--hero-progress) * -15vh), 0); }
.orb-two { width: 4.5vw; height: 4.5vw; min-width: 45px; min-height: 45px; background: var(--signal); left: 16%; top: 30%; transform: translate3d(calc(var(--hero-progress) * 8vw), calc(var(--hero-progress) * 30vh), 0); }
.hero-frame { position: absolute; inset: clamp(16px,3vw,48px); pointer-events: none; z-index: 2; opacity: calc(.85 - var(--hero-progress) * .65); }
.hero-frame span { position:absolute; width:26px; height:26px; border-color:rgba(241,238,232,.74); border-style:solid; }.hero-frame span:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.hero-frame span:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.hero-frame span:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.hero-frame span:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.hero-content { position: relative; height: 100%; padding: max(122px, 14vh) clamp(20px, 8vw, 150px) 48px; display: flex; flex-direction: column; justify-content: space-between; z-index: 1; transform: translateY(calc(var(--hero-progress) * -10vh)); opacity: calc(1 - var(--hero-progress) * 1.25); }
.eyebrow, .kicker { margin: 0; font: 500 .72rem/1.2 "DM Mono", monospace; text-transform: uppercase; letter-spacing: .09em; }.eyebrow { display:flex; align-items:center; gap:9px; }.pulse-dot{height:8px;width:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 rgba(232,255,54,.7);animation:pulse 2s infinite}.hero-title { margin: auto 0 0; max-width: 1100px; font: 600 clamp(3.8rem, 9.3vw, 10.5rem)/.85 "Space Grotesk", sans-serif; letter-spacing: -.09em; text-transform: uppercase; }.title-line{display:block}.title-shift { margin-left: clamp(12px, 15vw, 240px); }.hero-title em, h2 em { color: var(--acid); font-style: normal; position:relative; }.hero-title em::after { content:""; position:absolute; height:.07em; width:104%; background:var(--signal); left:-2%; bottom:.08em; transform:rotate(-5deg); }
.hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-top: clamp(45px, 10vh, 100px); max-width: 1000px; }.hero-copy { margin:0; max-width:360px; color:#dad7d0; font-size: clamp(.9rem,1.2vw,1.05rem); line-height:1.55; }.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:16px 18px; font:600 .76rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.03em; transition:transform .25s,background .25s,color .25s; }.button span{font-size:1.1rem}.button:hover{transform:translate(-3px,-3px)}.button-light{background:var(--paper);color:var(--black)}.button-light:hover{background:var(--acid)}.button-dark{background:var(--black);color:var(--paper)}.button-dark:hover{background:var(--signal)}.button-large{padding:21px 24px;margin-top:26px}.hero-caption { display:flex; gap:11px; align-items:center; font:500 .63rem "DM Mono",monospace; letter-spacing:.1em; margin-top:35px; }.scroll-arrow{font-size:1.2rem;animation:bob 1.5s infinite}.hero-index { position:absolute; right:clamp(20px,4vw,72px); bottom:clamp(52px,8vw,92px); z-index:2; display:flex; gap:9px; writing-mode:vertical-rl; font: .61rem "DM Mono",monospace; letter-spacing:.12em; }

.section { position:relative; padding: clamp(88px, 12vw, 190px) clamp(20px,8vw,150px); }.section-dark { background:var(--black); }.section-label { display:flex; gap:12px; color:var(--muted); font:500 .65rem "DM Mono",monospace; letter-spacing:.08em; }.section-label span:first-child{color:var(--acid)}h2 { margin:0; font:600 clamp(2.7rem,6vw,7.2rem)/.92 "Space Grotesk",sans-serif; letter-spacing:-.075em; text-transform:uppercase; } .kicker { color:var(--signal); margin-bottom:18px; }
.manifesto { border-top:1px solid var(--line); overflow:hidden; }.manifesto-content { max-width:1150px; margin:clamp(70px,10vw,145px) auto 0; }.manifesto h2 span{color:var(--acid)}.manifesto-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,9vw,150px);max-width:760px;margin:56px 0 0 auto}.manifesto-detail p{margin:0;color:#bab8b3;font-size:1rem;line-height:1.75}
.services { background:var(--paper); color:var(--black); }.services .section-label{color:#686761}.services .section-label span:first-child,.services .kicker{color:var(--signal)}.services-heading{max-width:850px;margin:clamp(65px,9vw,125px) 0 74px}.services-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2b2b2a;border-left:1px solid #2b2b2a}.service-card{min-height:450px;padding:19px;display:flex;flex-direction:column;border-right:1px solid #2b2b2a;border-bottom:1px solid #2b2b2a;position:relative;overflow:hidden;transition:background .35s,color .35s}.service-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-52px;bottom:-52px;background:currentColor;opacity:0;transition:opacity .3s, transform .4s;transform:scale(.5)}.service-card:hover::after{opacity:.12;transform:scale(1)}.service-card:hover{background:var(--black);color:var(--paper)}.service-number{font:500 .66rem "DM Mono",monospace;color:#777;position:absolute;right:18px;top:18px}.service-top{display:flex;gap:9px;align-items:center;font:500 .65rem "DM Mono",monospace;letter-spacing:.08em}.service-icon{font-size:1.2rem;color:var(--signal)}.service-card h3{font:600 clamp(1.75rem,2.3vw,3rem)/.95 "Space Grotesk",sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:auto 0 20px}.service-card p{font-size:.88rem;line-height:1.6;max-width:270px;margin:0 0 19px}.service-card ul{list-style:none;padding:0;margin:0;border-top:1px solid currentColor;opacity:.7}.service-card li{padding:8px 0;border-bottom:1px solid currentColor;font-size:.7rem}
.statement { background:var(--acid); color:var(--black); min-height:75vh; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }.statement .section-label{color:#282c0d}.statement .section-label span:first-child,.statement .kicker{color:var(--signal)}.statement-content{position:relative;max-width:1200px;margin:clamp(65px,10vw,150px) 0 0;z-index:1}.statement h2 em{color:var(--electric)}.statement-bg-word{position:absolute;font:700 clamp(12rem,36vw,47rem)/.7 "Space Grotesk",sans-serif;letter-spacing:-.14em;right:-4vw;bottom:-.04em;color:rgba(9,9,9,.08);pointer-events:none}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:45px;border-bottom:1px solid currentColor;padding-bottom:7px;font:600 .75rem "DM Mono",monospace;text-transform:uppercase}
.founder-layout{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:clamp(45px,10vw,170px);margin-top:clamp(65px,9vw,125px);align-items:center}.founder-portrait{position:relative;min-height:570px;background:linear-gradient(135deg,#131313 0%,#111 35%,#ff3b2f 36%,#ff3b2f 38%,#141414 39%);overflow:hidden;border:1px solid #2b2b2b}.portrait-noise{position:absolute;inset:0;opacity:.33;background:repeating-radial-gradient(circle at 30% 70%,transparent 0 2px,rgba(255,255,255,.2) 3px 4px, transparent 5px 9px)}.portrait-ring{width:58%;aspect-ratio:1;border:1px solid var(--acid);border-radius:50%;position:absolute;left:24%;top:20%;box-shadow:0 0 0 28px rgba(232,255,54,.05),0 0 0 55px rgba(232,255,54,.035)}.portrait-flash{position:absolute;width:5px;height:140%;background:var(--paper);left:55%;top:-20%;transform:rotate(42deg);box-shadow:0 0 26px rgba(255,255,255,.7)}.portrait-meta{position:absolute;inset:auto 16px 16px;display:flex;justify-content:space-between;gap:10px;font:500 .56rem "DM Mono",monospace;letter-spacing:.06em}.founder-copy h2{font-size:clamp(2.5rem,5vw,5.8rem)}.founder-copy h2 span{color:var(--acid)}.founder-copy>p:not(.kicker){font-size:1rem;line-height:1.72;color:#b9b7b2;max-width:550px}.stats{display:flex;gap:35px;margin-top:45px;border-top:1px solid var(--line);padding-top:24px}.stats div{display:flex;flex-direction:column}.stats strong{font:600 clamp(2rem,3vw,3rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.09em}.stats strong span{color:var(--acid)}.stats small{color:var(--muted);font:.6rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;margin-top:7px}
.process{background:#191919}.process-heading{max-width:850px;margin:clamp(65px,9vw,125px) 0 55px}.timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.timeline li:hover{padding-left:15px;color:var(--acid)}.timeline-no{font:.68rem "DM Mono",monospace;color:var(--signal)}.timeline h3{margin:0;font:600 clamp(1.3rem,2vw,2rem) "Space Grotesk",sans-serif;letter-spacing:-.06em;text-transform:uppercase}.timeline p{margin:7px 0 0;color:var(--muted);font-size:.87rem}.timeline-arrow{font-size:1.5rem}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,12vw,220px);margin-top:clamp(65px,9vw,125px)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font:600 clamp(1.05rem,1.7vw,1.5rem)/1.2 "Space Grotesk",sans-serif;letter-spacing:-.04em}summary::-webkit-details-marker{display:none}summary span{color:var(--acid);font-size:1.4rem;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:550px;color:var(--muted);font-size:.9rem;line-height:1.7;margin:17px 35px 0 0}
.contact{min-height:88vh;display:flex;align-items:center;background:var(--signal);color:var(--black);overflow:hidden}.contact-content{position:relative;z-index:1;max-width:1000px}.contact .kicker{color:var(--black)}.contact h2{font-size:clamp(3rem,8vw,9rem)}.contact h2 em{color:var(--paper)}.contact>div>p:not(.kicker){max-width:500px;font-size:1rem;line-height:1.65;margin:25px 0 0}.contact-bg{position:absolute;inset:0;color:rgba(9,9,9,.13);font:700 clamp(8rem,24vw,32rem)/.7 "Space Grotesk",sans-serif;letter-spacing:-.12em;display:flex;flex-direction:column;justify-content:center;pointer-events:none;transform:translateX(calc(var(--scroll) * -10vw))}.contact-bg span:nth-child(2){margin-left:20vw}
.studio-reel{overflow:hidden;border-bottom:1px solid var(--line)}.reel-layout{display:grid;grid-template-columns:minmax(260px,.84fr) minmax(260px,.58fr);gap:clamp(44px,11vw,180px);align-items:center;max-width:1180px;margin:clamp(65px,10vw,135px) auto 0}.reel-copy h2{font-size:clamp(3rem,6vw,7rem)}.reel-copy h2 span{color:var(--acid)}.reel-copy>p:not(.kicker){max-width:430px;margin:28px 0 0;color:#b9b7b2;font-size:1rem;line-height:1.72}.reel-note{display:inline-flex;margin-top:31px;padding-top:10px;border-top:1px solid var(--line);font:.61rem "DM Mono",monospace;letter-spacing:.1em;color:var(--muted)}.reel-media{position:relative;width:min(100%,390px);margin:0;justify-self:end;isolation:isolate}.reel-media::before{content:"";position:absolute;inset:-18px 18px 18px -18px;z-index:-1;border:1px solid rgba(232,255,54,.55);transform:translate(-12px,12px)}.reel-media::after{content:"";position:absolute;width:57%;height:4px;right:-12%;top:19%;z-index:2;background:var(--signal);box-shadow:0 0 18px rgba(255,59,47,.62);transform:rotate(-30deg);pointer-events:none}.studio-video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#111;border:1px solid rgba(241,238,232,.18);box-shadow:18px 18px 0 rgba(39,89,255,.22)}.reel-media figcaption{display:flex;justify-content:space-between;gap:14px;margin-top:14px;color:var(--muted);font:.57rem "DM Mono",monospace;letter-spacing:.08em}.footer{background:var(--black);padding:32px clamp(20px,8vw,150px);display:grid;grid-template-columns:1.2fr 2fr 1fr auto;gap:22px;align-items:center;border-top:1px solid var(--line);color:#cbc8c2}.footer p{margin:0;font-size:.78rem}.footer>a:not(.brand){font:.72rem "DM Mono",monospace;text-transform:uppercase}.footer small{font:.6rem "DM Mono",monospace;color:var(--muted);white-space:nowrap}

.reveal-item { opacity:0; transform:translateY(22px); animation:reveal .85s cubic-bezier(.2,.7,.2,1) forwards; }.reveal-item:nth-child(1){animation-delay:.15s}.reveal-item:nth-child(2){animation-delay:.28s}.reveal-item:nth-child(3){animation-delay:.42s}.hero-bottom.reveal-item{animation-delay:.52s}.hero-caption.reveal-item{animation-delay:.66s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(232,255,54,0)}100%{box-shadow:0 0 0 0 rgba(232,255,54,0)}}@keyframes bob{50%{transform:translateY(5px)}}

@media (max-width: 820px) { .site-header{height:70px;padding:16px 20px}.site-header.is-scrolled{height:62px}.nav{display:none}.nav-cta{font-size:.62rem;padding:9px 11px}.hero-wrap{height:125svh}.hero-content{padding:115px 30px 34px}.hero-title{font-size:clamp(3.2rem,15vw,5.3rem)}.title-shift{margin-left:8vw}.hero-bottom{align-items:flex-start;flex-direction:column;margin-top:38px;gap:22px}.hero-copy{font-size:.9rem}.hero-index{display:none}.hero-bg::after{background-size:55px 55px}.hero-red-line{height:3px}.orb-one{bottom:24%;left:70%}.section{padding:75px 20px}.manifesto-content,.services-heading,.founder-layout,.faq-layout,.process-heading{margin-top:55px}.manifesto-detail,.founder-layout,.faq-layout,.reel-layout{grid-template-columns:1fr;gap:25px}.manifesto-detail{margin-top:36px}.services-list{grid-template-columns:1fr 1fr}.service-card{min-height:360px;padding:15px}.service-card h3{font-size:1.85rem}.service-card p{font-size:.77rem}.service-card ul{display:none}.statement{min-height:64svh}.founder-portrait{min-height:390px;order:2}.founder-copy{order:1}.stats{gap:18px;justify-content:space-between}.stats small{font-size:.52rem}.timeline li{grid-template-columns:42px 1fr auto;gap:8px}.timeline p{font-size:.77rem}.faq-layout>div:first-child h2{font-size:3.5rem}.contact{min-height:75svh}.contact h2{font-size:clamp(3.35rem,14vw,5.5rem)}.reel-layout{margin-top:55px}.reel-media{width:min(100%,380px);justify-self:start;margin:28px 0 0 9px}.reel-copy h2{font-size:clamp(3rem,12vw,5rem)}.footer{grid-template-columns:1fr 1fr;gap:19px}.footer p{grid-column:span 2}.footer small{grid-column:span 2}.footer>a:not(.brand){justify-self:end} }
@media (max-width: 470px) { .brand-mark{font-size:1.35rem}.brand-sub{font-size:.55rem}.nav-cta{font-size:.56rem}.services-list{grid-template-columns:1fr}.service-card{min-height:285px}.service-card h3{margin-top:45px}.hero-frame{inset:13px}.hero-title{letter-spacing:-.1em}.section-label{font-size:.57rem}.portrait-meta{font-size:.49rem}.stats{gap:10px}.stats strong{font-size:2rem}.contact-bg{font-size:10rem}.footer{display:flex;flex-wrap:wrap}.footer p,.footer small{width:100%} }

/* Tamanho fluido do vídeo: limita a altura visual no celular e preserva a proporção 9:16. */
.reel-layout, .reel-copy, .reel-media { min-width: 0; }
.reel-media { inline-size: clamp(17rem, 29vw, 24rem); width: clamp(17rem, 29vw, 24rem); max-inline-size: 100%; }
.studio-video { block-size: auto; height: auto; max-inline-size: 100%; }
@media (min-width: 821px) and (max-width: 1024px) {
  .reel-media { inline-size: clamp(18rem, 39vw, 22rem); width: clamp(18rem, 39vw, 22rem); }
}
@media (max-width: 820px) {
  .reel-media { inline-size: min(100%, 20rem); width: min(100%, 20rem); margin: 28px auto 0; justify-self: center; }
}
@media (max-width: 390px) {
  .reel-media { inline-size: min(100%, 18rem); width: min(100%, 18rem); }
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-content,.hero-bg,.hero-glow,.hero-grid,.hero-red-line,.hero-orb,.contact-bg{transform:none!important}.reveal-item{opacity:1;transform:none} }