:root {
  --ink: #050510;
  --ink-soft: #0b0d18;
  --lime: #d5ff00;
  --lime-soft: #b9dc00;
  --ice: #dcecff;
  --blue: #5fb6ff;
  --white: #f4f7f8;
  --muted: #92969e;
  --line: rgba(255,255,255,.13);
  --container: min(1240px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: "DM Sans", sans-serif; overflow-x: hidden; text-rendering:optimizeSpeed; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
::selection { background: var(--lime); color: var(--ink); }

.scroll-progress { position:fixed; top:0; left:0; right:0; height:2px; z-index:100; pointer-events:none; }
.scroll-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--lime),#79bfff); transform:scaleX(var(--scroll-progress,0)); transform-origin:left; box-shadow:0 0 14px var(--lime); }
.noise { position: fixed; inset: 0; z-index: 20; opacity: .025; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.cursor-glow { display:none; }
@keyframes noiseShift { 0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}100%{transform:translate(-1%,-1%)} }

.site-header { position: fixed; top: 78px; left: 50%; width: min(1320px, calc(100vw - 48px)); transform: translateX(-50%); z-index: 50; height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; background: rgba(8,10,19,.76); color: #f4f7f8; box-shadow: 0 14px 34px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.08); -webkit-backdrop-filter: blur(18px) saturate(135%); backdrop-filter: blur(18px) saturate(135%); transition: .35s ease; }
.site-header.scrolled { top: 24px; height: 82px; background: rgba(5,6,14,.9); border-color: rgba(255,255,255,.16); box-shadow:0 14px 35px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.08); }
.brand { display:inline-flex; align-items:center; line-height:0; }
.brand-logo { display:block; width:clamp(190px,14vw,220px); aspect-ratio:3.19 / 1; height:auto; object-fit:cover; object-position:center; filter:drop-shadow(0 0 8px rgba(0,0,0,.08)); }
.desktop-nav { display: flex; gap: 32px; margin-left: auto; margin-right: 36px; font-size: 14px; font-weight: 600; color: #d9dee4; }
.desktop-nav a { transition: color .2s; }
.desktop-nav a:hover { color: var(--lime); }
.header-cta { position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; gap:9px; padding:15px 22px; border:0; border-radius:5px; background:var(--lime); color:#11130a; box-shadow:none; font-size:15px; font-weight:700; transition:transform .25s,box-shadow .25s,filter .25s; }
.header-cta::before { content:""; position:absolute; z-index:-1; inset:-30% 20% auto -15%; height:130%; background:radial-gradient(ellipse,rgba(255,255,255,.86),transparent 62%); transform:rotate(-13deg); opacity:.7; }
.header-cta:hover { transform:translateY(-2px); filter:saturate(1.1) brightness(1.05); box-shadow:0 8px 18px rgba(0,0,0,.14); }
.header-cta span { margin-left:2px; font-size:15px; line-height:1; }
@media (min-width: 901px) {
  .desktop-nav { margin-left:auto; margin-right:30px; }
}
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: transparent; border-radius: 50%; padding: 13px 10px; }
.menu-toggle span { display: block; height: 1px; background: #f4f7f8; margin: 5px 0; transition: .25s; }

.announcement-bar { position:absolute; top:0; left:0; right:0; z-index:49; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 max(32px,calc((100vw - 1240px)/2)); border-bottom:1px solid rgba(0,0,0,.1); background:#fff; color:#17191c; font-size:14px; font-weight:600; }
.announcement-bar a { display:inline-flex; align-items:center; gap:8px; color:#17191c; }
.announcement-bar a:hover { text-decoration:underline; text-underline-offset:4px; }
.announcement-bar a span { margin-left:4px; }
.whatsapp-icon { width:17px; height:17px; flex:none; fill:#20b95a; }

.hero { position: relative; min-height: 800px; height: 100svh; max-height: 1000px; display: flex; align-items: center; padding: 160px max(32px,calc((100vw - 1240px)/2)) 70px; overflow: hidden; background: #080817; }
.aurora { position:absolute; border-radius:50%; pointer-events:none; will-change:transform; mix-blend-mode:screen; }
.aurora-blue { width:620px; height:620px; top:21%; left:50%; margin-left:-310px; background:radial-gradient(circle,rgba(67,143,255,.24),rgba(46,98,221,.08) 38%,transparent 70%); filter:blur(58px); animation:auroraBlue 11s ease-in-out infinite alternate; }
.aurora-lime { width:310px; height:310px; top:14%; right:8%; background:radial-gradient(circle,rgba(213,255,0,.14),transparent 67%); filter:blur(72px); animation:auroraLime 8s ease-in-out infinite alternate; }
@keyframes auroraBlue { from{transform:translate3d(-12%,-4%,0) scale(.85)} to{transform:translate3d(14%,8%,0) scale(1.2)} }
@keyframes auroraLime { from{transform:translate3d(0,0,0) scale(.8)} to{transform:translate3d(-34%,28%,0) scale(1.25)} }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:24%; background:none; pointer-events:none; }
.hero .aurora,
.hero .hero-grid,
.hero .hero-orbit { display:none; }
.hero-grid { position:absolute; inset:-50px; opacity:.17; 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: 42px 42px; -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 54%, black, transparent 75%); mask-image: radial-gradient(ellipse 70% 60% at 50% 54%, black, transparent 75%); animation:gridDrift 16s linear infinite; }
@keyframes gridDrift { to{transform:translate3d(42px,42px,0)} }
.hero-orbit { position:absolute; border:1px solid rgba(135,191,255,.18); border-radius:50%; width:820px; height:820px; top:16%; animation:orbitPulse 6s ease-in-out infinite alternate; }
@keyframes orbitPulse { to{opacity:.42;transform:scale(1.04)} }
.orbit-one { left:-560px; box-shadow: inset -30px 0 100px rgba(51,145,255,.08); }
.orbit-two { right:-560px; box-shadow: inset 30px 0 100px rgba(51,145,255,.08); }
.hero-content { position:relative; z-index:3; width:min(1240px,100%); margin:0 auto; }
.hero-mark { position:absolute; z-index:1; top:50%; right:2vw; width:min(58vw,1120px); height:auto; max-height:calc(100% - 80px); object-fit:contain; transform:translateY(-50%); opacity:.94; pointer-events:none; -webkit-mask-image:radial-gradient(ellipse 50% 52% at 50% 48%,#000 74%,transparent 100%); mask-image:radial-gradient(ellipse 50% 52% at 50% 48%,#000 74%,transparent 100%); }
.eyebrow { position:relative; z-index:3; display:inline-flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--lime); border:1px solid rgba(213,255,0,.35); border-radius:999px; padding:8px 12px; background:rgba(40,61,10,.28); }
.eyebrow span { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.hero h1 { position:relative; z-index:3; max-width:660px; margin:26px 0 18px; font:500 clamp(64px,6.2vw,90px)/1.02 "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; text-align:left; letter-spacing:-.045em; }
.hero h1 em { display:block; animation:titleFloat 6s ease-in-out infinite; color:var(--white); font-style:normal; font-weight:500; text-shadow:none; }
@keyframes titleFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
.hero h1 em, .section-title em, footer h2 em { font-family:"Fraunces",serif; font-weight:500; font-variation-settings:"SOFT" 100,"WONK" 1; color:var(--lime); }
.hero-typewriter { border-right:2px solid var(--lime); padding-right:3px; animation:typewriterCaret .8s steps(1,end) infinite; }
@keyframes typewriterCaret { 50% { border-color:transparent; } }
.hero .hero-content h1 em { color:var(--white); animation:none; }
.hero .hero-content h1 em { min-height:2.1em; }
.hero-copy { position:relative; z-index:3; max-width:485px; margin:0; text-align:left; color:#f0f0f0; font-size:18px; line-height:1.5; }
.hero-actions { position:relative; z-index:3; display:flex; gap:12px; margin-top:28px; }
.hero-actions .button { height:58px; padding:0 24px; font-size:14px; }
.hero-actions .button-primary { height:62px; padding:0 28px; border:1px solid rgba(239,255,128,.58); box-shadow:0 10px 28px rgba(213,255,0,.2),inset 0 1px rgba(255,255,255,.35); font-size:16px; font-weight:700; }
.hero-actions .button-primary:hover { box-shadow:0 14px 34px rgba(213,255,0,.28),inset 0 1px rgba(255,255,255,.4); }
.hero-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; width:min(100%,660px); margin-top:clamp(44px,7vh,88px); }
.hero-highlights div { display:flex; min-width:0; flex-direction:column; gap:7px; }
.hero-highlights strong { color:var(--lime); font:600 17px/1.2 "DM Sans",sans-serif; }
.hero-highlights span { color:#fff; font-size:12px; line-height:1.3; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; height:47px; padding:0 19px; border-radius:4px; font-size:12px; font-weight:600; transition:transform .25s, background .25s; }
.button:hover { transform:translateY(-3px); }
.button-primary { background:var(--lime); color:var(--ink); }
.button-ghost { border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.07); }
.play { font-size:8px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#fff; color:#050510; }
.hero-badge { position:absolute; left:max(7vw,40px); bottom:90px; z-index:4; width:116px; height:116px; display:grid; place-items:center; }
.hero-badge svg { position:absolute; inset:0; animation:spin 16s linear infinite; }
.hero-badge text { fill:#d4dfeb; font:8px DM Sans,sans-serif; letter-spacing:1.65px; }
.hero-badge > span { font-size:22px; color:var(--lime); }
@keyframes spin { to { transform:rotate(360deg); } }
.hero-index { position:absolute; right:max(5vw,40px); bottom:85px; z-index:3; margin:0; color:rgba(213,255,0,.72); font:10px/1.7 Manrope; letter-spacing:.12em; text-align:right; }
.signal-card { position:absolute; width:300px; height:200px; z-index:4; right:max(9vw,70px); bottom:120px; border:1px solid rgba(184,223,255,.24); border-radius:22px; background:linear-gradient(145deg,rgba(21,52,80,.92),rgba(7,10,25,.88)); box-shadow:inset 0 0 50px rgba(81,166,255,.08),0 25px 70px rgba(0,0,0,.2); padding:18px; transform:perspective(900px) rotate(3deg); }
.signal-top { display:flex; justify-content:space-between; color:#d5ff9b; font-size:9px; }
.signal-top span:last-child::before { content:""; display:inline-block; width:5px; height:5px; background:var(--lime); border-radius:50%; margin-right:5px; }
.signal-card svg { width:100%; height:112px; overflow:visible; }
.signal-grid-line { fill:none; stroke:rgba(255,255,255,.05); stroke-width:1; }
.signal-line { fill:none; stroke:#8fcbff; stroke-width:2; vector-effect:non-scaling-stroke; }
.glow-line { stroke:#3b99ff; stroke-width:10; opacity:.3; filter:blur(7px); }
.signal-card circle { fill:#bfe0ff; filter:drop-shadow(0 0 8px #4da3ff); }
.signal-stat { display:flex; align-items:end; justify-content:space-between; }
.signal-stat strong { font:400 30px Manrope; letter-spacing:-.06em; color:var(--lime); }
.signal-stat span { font-size:9px; color:#c9dda9; }

.ticker { position:relative; z-index:5; top:0; margin-bottom:0; height:56px; border-top:1px solid rgba(213,255,0,.25); border-bottom:1px solid rgba(213,255,0,.25); background:var(--lime); color:var(--ink); overflow:hidden; display:flex; align-items:center; }
@media (min-width: 901px) {
  .ticker { position:relative; left:50%; width:100vw; margin-left:-50vw; }
}
.ticker-track { width:max-content; display:flex; align-items:center; animation:ticker 22s linear infinite; will-change:transform; }
.ticker-group { min-width:100vw; flex:none; display:flex; justify-content:space-around; align-items:center; gap:30px; padding:0 28px; }
.ticker span { font:600 13px Manrope; letter-spacing:.18em; }
.ticker i { font-style:normal; }
@keyframes ticker { to { transform:translateX(-50%); } }

.section { width:var(--container); margin:0 auto; padding:140px 0; }
.section-label { display:flex; gap:18px; align-items:center; color:#8c919a; text-transform:uppercase; letter-spacing:.14em; font-size:10px; }
.section-label span { color:var(--lime); }
.section-title { margin:32px 0 0; font:500 clamp(46px,6vw,82px)/1 "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; letter-spacing:-.045em; }
.conversion-proof { padding:118px 32px 106px; background:#ecece8; color:#141510; }
.conversion-proof-inner { width:min(1240px,100%); margin:0 auto; }
.conversion-proof-heading { max-width:1020px; }
.conversion-kicker { color:#45483f; font:700 11px/1.2 "DM Sans",sans-serif; letter-spacing:.17em; }
.conversion-proof h2 { margin:24px 0 20px; font:500 clamp(44px,5.1vw,72px)/1.06 "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; letter-spacing:-.04em; }
.conversion-proof h2 em { color:inherit; font-style:normal; }
.conversion-proof-heading > p { max-width:660px; margin:0; color:#555750; font:400 17px/1.6 "DM Sans",sans-serif; }
.conversion-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:54px; }
.conversion-card { display:flex; flex-direction:column; min-width:0; min-height:478px; overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:#111210; color:#f7f7f4; }
.conversion-card-copy { padding:27px 25px 10px; }
.conversion-card-index { color:var(--lime); font:700 10px/1.2 "DM Sans",sans-serif; letter-spacing:.15em; }
.conversion-card h3 { min-height:69px; margin:20px 0 11px; font:600 23px/1.22 "DM Sans",sans-serif; letter-spacing:-.025em; }
.conversion-card p { min-height:78px; margin:0; color:#c9cbc5; font:400 14px/1.5 "DM Sans",sans-serif; }
.conversion-card-copy a { display:inline-flex; align-items:center; gap:7px; margin-top:17px; color:var(--lime); font:700 13px/1.2 "DM Sans",sans-serif; }
.conversion-card-copy a:hover { text-decoration:underline; text-underline-offset:4px; }
.conversion-card-visual { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:190px; margin-top:auto; overflow:hidden; background:radial-gradient(ellipse at 50% 100%,rgba(213,255,0,.1),transparent 64%),#151613; }
.conversion-card-visual > span { color:#aab0a1; font:500 11px/1.3 "DM Sans",sans-serif; }
.conversion-card > small { display:block; min-height:54px; padding:17px 25px; border-top:1px solid rgba(255,255,255,.06); color:#8b8f86; font:400 10px/1.45 "DM Sans",sans-serif; }
.conversion-speed-ring { position:relative; display:grid; place-items:center; width:136px; height:136px; margin:3px 0 11px; border-radius:50%; background:conic-gradient(var(--lime) 0 53%,#3a3d32 53% 100%); }
.conversion-speed-ring::before { content:""; position:absolute; inset:13px; border-radius:50%; background:#151613; }
.conversion-speed-ring strong { position:relative; color:var(--white); font:600 43px/1 "DM Sans",sans-serif; letter-spacing:-.07em; }
.conversion-journey-line { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; padding:0 15px; color:#e6eadb; font:600 11px/1 "DM Sans",sans-serif; }
.conversion-journey-line span { padding:8px 9px; border:1px solid rgba(213,255,0,.28); border-radius:5px; }
.conversion-journey-line i { flex:1; max-width:23px; height:1px; background:var(--lime); }
.conversion-journey strong { margin:11px 0 1px; color:var(--lime); font:600 54px/1 "DM Sans",sans-serif; letter-spacing:-.07em; }
.conversion-result { align-items:flex-end; padding-right:19%; }
.conversion-result-bars { position:absolute; bottom:23px; left:16%; display:flex; align-items:flex-end; gap:10px; height:116px; }
.conversion-result-bars i { display:block; width:43px; height:87px; border-radius:4px 4px 0 0; background:#505349; }
.conversion-result-bars i + i { height:95px; background:linear-gradient(0deg,#7e9b00,var(--lime)); box-shadow:0 0 34px rgba(213,255,0,.18); }
.conversion-result strong { color:var(--lime); font:600 60px/1 "DM Sans",sans-serif; letter-spacing:-.08em; }
.conversion-result > span { margin-top:7px; }
.conversion-proof-note { margin:23px 0 0; color:#66695f; font:400 11px/1.5 "DM Sans",sans-serif; }
.growth-cta { position:relative; min-height:430px; display:grid; place-items:center; overflow:hidden; padding:90px 24px; background:radial-gradient(ellipse 70% 65% at 50% 110%,rgba(51,128,190,.58),transparent 78%),linear-gradient(180deg,#111217 0%,#0a0d19 58%,#0d1c35 100%); text-align:center; }
.growth-cta::before { content:""; position:absolute; inset:0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.08); pointer-events:none; }
.growth-cta-content { position:relative; z-index:1; width:min(920px,100%); }
.growth-cta-content > span { color:#bbc8d8; font:700 11px/1.2 "DM Sans",sans-serif; letter-spacing:.17em; }
.growth-cta h2 { margin:22px 0 16px; font:500 clamp(42px,5vw,68px)/1.06 "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; letter-spacing:-.04em; }
.growth-cta p { max-width:590px; margin:0 auto; color:#c4ceda; font:400 16px/1.6 "DM Sans",sans-serif; }
.growth-cta a { min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:24px; margin-top:30px; padding:0 28px; border-radius:5px; background:var(--lime); color:#10130b; font:700 15px/1 "DM Sans",sans-serif; box-shadow:0 14px 30px rgba(0,0,0,.2); transition:transform .25s,box-shadow .25s; }
.growth-cta a:hover { transform:translateY(-3px); box-shadow:0 18px 34px rgba(0,0,0,.28); }
.studio-intro { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:10vw; }
.studio-copy { font:400 17px/1.7 Manrope; padding-bottom:5px; }
.studio-copy p { margin:0 0 26px; }
.studio-copy .muted { color:#777d85; font-size:14px; }
.numbers { display:grid; grid-template-columns:repeat(3,1fr); margin-top:90px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.number-card { position:relative; min-height:280px; padding:28px; border-right:1px solid var(--line); overflow:hidden; }
.number-card::before { content:""; position:absolute; width:180px; height:180px; right:-75px; top:-90px; border-radius:50%; background:rgba(81,159,255,.13); filter:blur(42px); opacity:0; transform:scale(.5); transition:opacity .5s,transform .7s; }
.number-card:hover::before { opacity:1; transform:scale(1); }
.number-card:last-child { border-right:0; }
.number-tag { display:block; color:#8c919a; font-size:11px; }
.number-card strong { display:inline-block; margin-top:55px; font:400 clamp(75px,8vw,122px)/1 Manrope; letter-spacing:-.09em; }
.number-card sup { color:var(--lime); font-size:26px; }
.mini-bars { position:absolute; right:25px; bottom:30px; display:flex; align-items:end; gap:5px; height:70px; }
.mini-bars i { display:block; width:5px; background:var(--lime); border-radius:4px; opacity:.7; }
.mini-bars i:nth-child(1){height:14%}.mini-bars i:nth-child(2){height:32%}.mini-bars i:nth-child(3){height:26%}.mini-bars i:nth-child(4){height:60%}.mini-bars i:nth-child(5){height:50%}.mini-bars i:nth-child(6){height:100%}
.dot-map { position:absolute; width:120px; height:80px; right:20px; bottom:20px; opacity:.55; background-image:radial-gradient(var(--blue) 1px,transparent 1.5px); background-size:9px 9px; mask-image:linear-gradient(135deg,transparent 2%,#000 30%,#000 65%,transparent 90%); }
.accent-card { background:var(--lime); color:var(--ink); }
.accent-card .number-tag { color:#3b4409; }
.accent-card strong { font-size:94px; }
.accent-card p { position:absolute; bottom:26px; margin:0; max-width:170px; font-size:12px; line-height:1.5; }

.projects { width:auto; padding-left:max(32px,calc((100vw - 1240px)/2)); padding-right:max(32px,calc((100vw - 1240px)/2)); background:#f1f2ee; color:var(--ink); }
.projects .section-label { color:#65686b; }
.section-heading { display:flex; justify-content:space-between; align-items:start; margin-bottom:55px; }
.section-heading p { max-width:300px; margin:0; color:#676b6e; line-height:1.5; font-size:14px; }
.project-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:60px 22px; }
.project-main { grid-row:span 2; }
.project { transform-style:preserve-3d; }
.project-art { position:relative; overflow:hidden; min-height:390px; border-radius:2px; isolation:isolate; transition:filter .55s,transform .7s cubic-bezier(.2,.8,.2,1); }
.project:hover .project-art { transform:scale(.985); filter:saturate(1.15) contrast(1.04); }
.project-art::after { content:"Abrir case  ↗"; position:absolute; z-index:8; left:50%; top:50%; width:92px; height:92px; display:grid; place-items:center; border-radius:50%; background:rgba(5,5,16,.76); color:#fff; font-size:10px; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); opacity:0; transform:translate(-50%,-40%) scale(.7); transition:.45s cubic-bezier(.2,.8,.2,1); }
.project:hover .project-art::after { opacity:1; transform:translate(-50%,-50%) scale(1); }
.project-main .project-art { min-height:850px; }
.project-meta { display:flex; justify-content:space-between; align-items:center; padding-top:16px; }
.project-meta h3 { margin:0; font:500 22px "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; letter-spacing:-.025em; }
.project-meta span { color:#73767a; font-size:11px; }
.art-one { display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 48%,#a4cbff 0,#2569a6 18%,#07172b 52%,#030710 74%); }
.art-one::before { content:""; position:absolute; inset:4%; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 80px rgba(126,185,255,.025),0 0 0 160px rgba(126,185,255,.018); }
.orbital-type { position:absolute; z-index:-1; font:600 clamp(90px,12vw,190px)/.77 Manrope; letter-spacing:-.1em; color:rgba(198,228,255,.22); text-align:center; }
.chrome-sphere { width:min(38vw,420px); height:min(38vw,420px); border-radius:50%; background:radial-gradient(circle at 35% 26%,#edf9ff 0%,#84bdeb 8%,#08182b 24%,#9fd2f4 40%,#0b2c4a 61%,#01050b 80%); box-shadow:0 40px 80px #000,0 0 80px rgba(76,163,255,.3); transform:scaleY(1.08); }
.chrome-sphere span { position:absolute; inset:31% 20%; border:2px solid rgba(221,242,255,.65); border-radius:50%; transform:rotate(-20deg); box-shadow:0 0 25px #8ed1ff; }
.art-caption { position:absolute; left:22px; bottom:22px; color:#cbdcea; font-size:9px; letter-spacing:.14em; }
.art-two { background:linear-gradient(135deg,#c8f200,#7a9900); }
.art-two::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 49.5%,rgba(4,8,9,.15) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(4,8,9,.15) 50%,transparent 50.5%); background-size:42px 42px; opacity:.3; }
.poster-label { position:absolute; z-index:2; top:28px; left:28px; font:600 55px/.82 Manrope; letter-spacing:-.08em; }
.glass-prism { position:absolute; z-index:3; width:150px; height:230px; right:18%; bottom:-10%; background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(255,255,255,.05) 43%,rgba(2,17,21,.55)); clip-path:polygon(50% 0,100% 100%,0 100%); filter:drop-shadow(0 20px 25px rgba(0,0,0,.45)); }
.project:hover .glass-prism { animation:prismFloat 2.8s ease-in-out infinite alternate; }
@keyframes prismFloat { to{transform:translateY(-22px) rotate(3deg);filter:drop-shadow(0 34px 28px rgba(0,0,0,.35)) blur(.2px)} }
.project-chip { position:absolute; z-index:4; left:28px; bottom:24px; border:1px solid rgba(4,8,9,.45); border-radius:100px; padding:7px 10px; font-size:8px; letter-spacing:.12em; }
.art-three { background:radial-gradient(circle at 60% 34%,#6b8d9d,#192c34 40%,#070b0d 75%); }
.fashion-word { position:absolute; left:15px; top:40%; transform:translateY(-50%); font:500 84px/1 Manrope; color:rgba(224,243,244,.8); letter-spacing:-.09em; }
.silhouette { position:absolute; right:22%; bottom:-15%; width:140px; height:330px; background:linear-gradient(90deg,#020304,#253941,#030405); border-radius:48% 48% 10% 10%; box-shadow:0 -50px 80px rgba(150,214,244,.22); }
.silhouette::before { content:""; position:absolute; width:68px; height:85px; border-radius:50%; background:#07090a; top:-64px; left:36px; }
.vertical-copy { position:absolute; right:18px; top:18px; writing-mode:vertical-rl; color:#b7cbd0; letter-spacing:.15em; font-size:8px; }
.text-link { width:fit-content; display:flex; align-items:center; gap:30px; margin:80px auto 0; border-bottom:1px solid #858789; padding-bottom:9px; font-size:13px; }

.process { border-top:1px solid var(--line); }
.process-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:12vw; margin-top:55px; }
.process-sticky { align-self:start; position:sticky; top:120px; }
.process-sticky .section-title { font-size:clamp(42px,4.5vw,66px); }
.process-sticky p { color:#7d828a; max-width:350px; line-height:1.6; }
.process-steps { list-style:none; margin:0; padding:0; }
.process-steps li { display:grid; grid-template-columns:65px 1fr; min-height:170px; border-top:1px solid var(--line); padding:26px 0; }
.process-steps li:last-child { border-bottom:1px solid var(--line); }
.process-steps > li > span { color:var(--lime); font-size:10px; }
.process-steps h3 { margin:0 0 12px; font:500 30px "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; }
.process-steps p { margin:0; max-width:390px; color:#80858d; font-size:14px; line-height:1.6; }

.faq-section { display:grid; grid-template-columns:.85fr 1.15fr; align-items:start; gap:min(10vw,135px); border-top:1px solid var(--line); }
.faq-heading .section-title { font-size:clamp(46px,5vw,72px); }
.faq-heading > p { max-width:360px; margin:24px 0 0; color:#9da3ae; font:400 15px/1.6 "DM Sans",sans-serif; }
.faq-list { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:86px; padding:22px 0; cursor:pointer; list-style:none; font:600 20px/1.3 "DM Sans",sans-serif; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
.faq-icon { flex:none; width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(213,255,0,.4); border-radius:50%; color:var(--lime); font:400 24px/1 "DM Sans",sans-serif; transition:transform .25s,background .25s; }
.faq-item[open] .faq-icon { transform:rotate(45deg); background:rgba(213,255,0,.1); }
.faq-item p { max-width:580px; margin:0; padding:0 48px 27px 0; color:#a9aeb8; font:400 15px/1.7 "DM Sans",sans-serif; }

.studio-values { position:relative; overflow:hidden; padding:clamp(90px,12vw,160px) max(24px,calc((100vw - 1240px)/2)); border-top:1px solid var(--line); background:radial-gradient(ellipse 70% 80% at 100% 100%,rgba(32,76,118,.2),transparent 70%),#080817; }
.studio-values::after { content:""; position:absolute; top:0; right:12%; width:1px; height:100%; background:linear-gradient(transparent,rgba(213,255,0,.16),transparent); pointer-events:none; }
.studio-values-heading { position:relative; z-index:1; }
.studio-values-heading > span { color:var(--lime); font:600 11px/1.2 "DM Sans",sans-serif; letter-spacing:.17em; }
.studio-values h2 { max-width:900px; margin:24px 0 72px; font:500 clamp(42px,6vw,76px)/1.02 "Fraunces",serif; font-variation-settings:"SOFT" 100,"WONK" 1; letter-spacing:-.045em; }
.studio-values h2 em { color:#aab9ca; font-weight:400; }
.studio-values-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.studio-values-grid article { min-height:205px; padding:26px 30px 30px 0; }
.studio-values-grid article + article { padding-left:30px; border-left:1px solid var(--line); }
.studio-values-grid article > span { color:var(--lime); font-size:11px; }
.studio-values-grid h3 { margin:30px 0 10px; font:500 26px/1.1 "Fraunces",serif; }
.studio-values-grid p { max-width:320px; margin:0; color:#a2a8b2; font:400 14px/1.65 "DM Sans",sans-serif; }

footer.site-footer { position:relative; display:block; min-height:0; padding:22px max(24px,calc((100vw - 1240px)/2)); border-top:1px solid rgba(255,255,255,.1); background:#050510; color:#92969e; font:400 12px/1.5 "DM Sans",sans-serif; }
.site-footer-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; }
.site-footer-copyright { white-space:nowrap; }
.site-footer-bar a,.privacy-page a { color:#dcecff; text-decoration:underline; text-underline-offset:3px; }
.site-footer-bar a:hover,.privacy-page a:hover { color:var(--lime); }
.privacy-page { min-height:100vh; padding:clamp(28px,6vw,76px) max(24px,calc((100vw - 900px)/2)); background:#080817; color:#f4f7f8; font-family:"DM Sans",sans-serif; }
.privacy-page-back { display:inline-block; margin-bottom:clamp(42px,8vw,88px); color:#c1c7cf !important; font-size:14px; text-decoration:none !important; }
.privacy-page-back:hover { color:var(--lime) !important; }
.privacy-page .privacy-eyebrow { margin:0 0 14px; color:var(--lime); font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.privacy-page h1 { max-width:800px; margin:0 0 18px; font:500 clamp(42px,7vw,78px)/.98 "Fraunces",serif; letter-spacing:-.04em; }
.privacy-page .privacy-updated { margin:0 0 42px; color:#92969e; font-size:14px; }
.privacy-page .privacy-policy-body { max-width:760px; color:#c1c7cf; }
.privacy-page .privacy-policy-body h2 { margin:32px 0 9px; color:#f4f7f8; font:600 18px/1.35 "DM Sans",sans-serif; }
.privacy-page .privacy-policy-body h2:first-child { margin-top:0; }
.privacy-page .privacy-policy-body p { margin:0 0 14px; font:400 15px/1.75 "DM Sans",sans-serif; }
.privacy-page-footer { margin-top:52px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); color:#92969e; font-size:13px; }

.reveal { opacity:0; transform:translate3d(0,42px,0) scale(.985); transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1); }
.reveal.visible { opacity:1; transform:translate3d(0,0,0) scale(1); }
.signal-card.reveal.visible { transform:perspective(900px) rotateZ(3deg); }
.section-title.reveal { clip-path:inset(0 0 100% 0); transform:translateY(35px); transition:clip-path 1s cubic-bezier(.16,1,.3,1),opacity .65s,transform .85s cubic-bezier(.16,1,.3,1); }
.section-title.reveal.visible { clip-path:inset(-10% 0 -10% 0); transform:none; }
.tilt-card { transform-style:preserve-3d; transition:transform .22s ease-out; }

.hero:not(.motion-active) .aurora,.hero:not(.motion-active) .hero-grid,.hero:not(.motion-active) .hero-orbit,.hero:not(.motion-active) .hero-badge svg,.hero:not(.motion-active) h1 em { animation-play-state:paused; }
.motion-lite .cursor-glow { display:none; }
.motion-lite .aurora,.motion-lite .hero-grid,.motion-lite .hero-orbit,.motion-lite .hero h1 em,.motion-lite .hero-badge svg { animation:none; }

@media (min-width: 901px) and (max-width: 1199px) {
  .hero { padding-inline:40px; }
  .hero-mark { right:24px; width:clamp(560px,52vw,700px); opacity:.84; }
  .hero h1 { max-width:50%; font-size:clamp(48px,6vw,68px); }
  .hero .hero-content h1 em { min-height:3.1em; }
  .hero-copy { max-width:48%; }
  .hero-actions { max-width:50%; flex-wrap:wrap; }
  .hero-highlights { width:58%; gap:16px; }
}

@media (min-width: 1200px) {
  .hero-mark { right:clamp(24px,2vw,50px); width:clamp(680px,58vw,1120px); }
}

@media (max-width: 900px) {
  :root { --container:calc(100vw - 40px); }
  .site-header { top:62px; left:16px; right:16px; width:auto; height:68px; transform:none; padding:0 18px; }
  .announcement-bar { padding:0 20px; font-size:11px; }
  .desktop-nav { display:none; }
  .header-cta { display:inline-flex; margin-left:auto; margin-right:10px; padding:11px 15px; font-size:13px; }
  .menu-toggle { display:block; }
  .site-header.menu-open { height:100vh; align-items:flex-start; padding-top:20px; background:rgba(5,6,14,.98); }
  .site-header.menu-open .desktop-nav { display:flex; position:absolute; inset:120px 20px auto; flex-direction:column; gap:22px; font:400 38px Manrope; }
  .site-header.menu-open .menu-toggle span:first-child { transform:translateY(3px) rotate(45deg); }
  .site-header.menu-open .menu-toggle span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .hero { height:auto; min-height:760px; max-height:none; padding:160px 36px 60px; }
  .ticker { top:0; margin-bottom:0; }
  .hero-mark { right:clamp(24px,4vw,40px); width:58vw; opacity:.9; }
  .hero h1 { max-width:55%; font-size:clamp(42px,6vw,54px); }
  .hero .hero-content h1 em { min-height:3.2em; }
  .hero-copy { max-width:53%; font-size:16px; }
  .hero-actions { flex-wrap:wrap; max-width:53%; }
  .hero-highlights { width:100%; gap:22px; margin-top:clamp(44px,7vw,72px); }
  .signal-card { width:230px; height:155px; right:-48px; bottom:50px; opacity:.62; }
  .signal-card svg { height:78px; }
  .signal-stat strong { font-size:22px; }
  .hero-badge { width:90px; height:90px; left:20px; bottom:48px; }
  .hero-index { display:none; }
  .cursor-glow { display:none; }
  .section { padding:95px 0; }
  .faq-section { grid-template-columns:1fr; gap:45px; }
  .conversion-proof { padding:90px 24px; }
  .conversion-grid { grid-template-columns:1fr; max-width:650px; margin-right:auto; margin-left:auto; }
  .conversion-card { min-height:0; }
  .conversion-card h3,.conversion-card p { min-height:0; }
  .studio-intro,.process-layout { grid-template-columns:1fr; gap:50px; }
  .studio-copy { max-width:600px; }
  .numbers { grid-template-columns:1fr; }
  .number-card { min-height:220px; border-right:0; border-bottom:1px solid var(--line); }
  .number-card:last-child { border:0; }
  .number-card strong { margin-top:35px; }
  .project-grid { grid-template-columns:1fr; }
  .project-main { grid-row:auto; }
  .project-main .project-art { min-height:620px; }
  .chrome-sphere { width:50vw; height:50vw; }
  .process-sticky { position:relative; top:0; }
  .studio-values-grid { grid-template-columns:1fr; }
  .studio-values-grid article,.studio-values-grid article + article { min-height:0; padding:23px 0; border-left:0; }
  .studio-values-grid article + article { border-top:1px solid var(--line); }
  .studio-values-grid h3 { margin:15px 0 8px; }
}

@media (min-width: 581px) and (max-width: 700px) {
  .hero { min-height:0; align-items:flex-start; padding:clamp(375px,56vw,440px) 24px 72px; }
  .hero::before { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(to bottom,transparent 23%,rgba(8,8,23,.25) 38%,#080817 58%); }
  .hero-mark { top:70px; left:50%; right:auto; width:min(76vw,500px); transform:translateX(-50%); opacity:.96; }
  .hero h1 { max-width:100%; font-size:clamp(40px,7vw,52px); }
  .hero .hero-content h1 em { min-height:2.1em; }
  .hero-copy { max-width:540px; }
  .hero-actions { max-width:100%; }
  .hero-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
  .ticker { top:0; margin-bottom:0; }
}

@media (max-width: 580px) {
  .announcement-bar { min-height:52px; flex-direction:row; justify-content:center; gap:0; padding:8px 12px; font-size:13px; line-height:1.2; text-align:center; white-space:nowrap; }
  .announcement-bar > span { display:none; }
  .announcement-bar a { gap:8px; }
  .whatsapp-icon { width:18px; height:18px; }
  .site-header { top:66px; }
  footer.site-footer { padding:20px; }
  .site-footer-bar { justify-content:flex-start; gap:10px 18px; }
  .site-header { padding:0 10px; }
  .brand-logo { width:clamp(112px,34vw,140px); aspect-ratio:3.19 / 1; height:auto; }
  .header-cta { padding:10px 12px; margin-right:7px; gap:5px; font-size:12px; white-space:nowrap; }
  .header-cta span { font-size:13px; }
  .menu-toggle { width:36px; height:36px; padding:10px 8px; }
  .hero { height:auto; min-height:760px; align-items:flex-start; padding:335px 20px 62px; background:#080817; }
  .hero::before { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(to bottom, transparent 22%, rgba(8,8,23,.18) 32%, rgba(8,8,23,.78) 44%, #080817 60%); }
  .hero-mark { display:block; top:86px; left:50%; right:auto; bottom:auto; width:min(130vw,600px); transform:translateX(-50%); opacity:.96; }
  .eyebrow { font-size:8px; }
  .hero h1 { margin-top:22px; max-width:100%; font-size:clamp(36px,10vw,42px); line-height:1.08; }
  .hero .hero-content h1 em { min-height:3.1em; }
  .hero .hero-content h1 em { display:block; }
  .hero-copy { font-size:15px; max-width:340px; }
  .hero-actions { flex-direction:column; width:min(100%,340px); max-width:none; margin-top:25px; }
  .hero-actions .button { width:100%; }
  .hero-actions .button-primary { height:66px; font-size:16px; }
  .hero-actions .button-ghost { display:none; }
  .hero-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; margin-top:38px; }
  .hero-highlights strong { font-size:14px; }
  .hero-highlights span { font-size:11px; }
  .ticker { top:0; margin-bottom:0; }
  .button { width:100%; }
  .signal-card { display:none; }
  .hero-badge { bottom:28px; }
  .studio-intro { gap:35px; }
  .conversion-proof { padding:76px 20px; }
  .growth-cta { min-height:380px; padding:74px 20px; }
  .growth-cta h2 { font-size:clamp(38px,10vw,48px); }
  .growth-cta h2 br { display:none; }
  .growth-cta p { font-size:14px; }
  .growth-cta a { width:100%; max-width:340px; }
  .faq-heading .section-title { font-size:45px; }
  .faq-heading > p { font-size:14px; }
  .faq-item summary { min-height:76px; font-size:17px; }
  .faq-item p { padding-right:20px; font-size:14px; }
  .conversion-proof h2 { font-size:clamp(38px,10vw,46px); }
  .conversion-proof-heading > p { font-size:15px; }
  .conversion-grid { gap:13px; margin-top:34px; }
  .conversion-card-copy { padding:24px 22px 14px; }
  .conversion-card h3 { font-size:22px; }
  .conversion-card-visual { min-height:175px; }
  .conversion-card > small { padding:16px 22px; }
  .section-title { font-size:45px; }
  .section-heading { display:block; }
  .section-heading p { margin-top:25px; }
  .projects { padding-left:20px; padding-right:20px; }
  .project-main .project-art,.project-art { min-height:480px; }
  .project-meta { align-items:start; }
  .project-meta span { margin-top:5px; }
  .poster-label { font-size:43px; }
  .fashion-word { font-size:66px; }
  .studio-values { padding:82px 20px; }
  .studio-values h2 { margin-bottom:45px; font-size:clamp(38px,10vw,48px); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
  .aurora,.hero-grid,.hero-orbit,.hero h1 em,.signal-card,.noise { animation:none !important; }
  .cursor-glow { display:none; }
}