:root {
  --ink: #09090c;
  --paper: #f4f1eb;
  --white: #fff;
  --muted: #a7a6ad;
  --line: rgba(255,255,255,.14);
  --orange: #ff5a1f;
  --violet: #7558ff;
  --lime: #cbff2e;
  --max: 1380px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: "DM Sans", sans-serif; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, video { display: block; width: 100%; }
.noise { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .035; 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)'/%3E%3C/svg%3E"); }
.section-pad { padding-left: max(5vw, 24px); padding-right: max(5vw, 24px); }
.site-header { height:84px; max-width:var(--max); margin:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 28px; position:sticky; top:0; z-index:50; background:rgba(9,9,12,.86); border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 800 15px "Manrope"; letter-spacing: .13em; width: max-content; }
.brand img { width: 34px; height: 34px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 34px; color: #b8b6bd; font-size: 13px; }
.desktop-nav a, .footer-links a { transition: color .2s; }
.desktop-nav a:hover, .footer-links a:hover { color: var(--lime); }
.nav-dropdown { position: relative; padding: 30px 0; }
.nav-dropdown > button { border: 0; background: transparent; color: inherit; padding: 0; cursor: pointer; font-size: inherit; }
.nav-dropdown > button span { color: var(--lime); margin-left: 4px; }
.nav-menu { position: absolute; top: 68px; left: 50%; width: 280px; padding: 8px; background: #15151b; border: 1px solid #2d2c34; box-shadow: 0 22px 50px rgba(0,0,0,.35); transform: translate(-50%,10px); opacity: 0; visibility: hidden; transition: .2s; }
.nav-dropdown:hover .nav-menu, .nav-dropdown:focus-within .nav-menu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.nav-menu a { display: flex; flex-direction: column; gap: 4px; padding: 13px; color: white; }
.nav-menu a:hover { background: #202029; }
.nav-menu b { font: 600 13px "Manrope"; }.nav-menu small { color: #828089; font-size: 10px; }
.header-cta { justify-self:end; padding:11px 15px; background:var(--lime); color:var(--ink); border:1px solid var(--lime); font:700 11px "Manrope"; transition:transform .25s,box-shadow .25s; }
.header-cta:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(203,255,46,.18); }
.header-cta span { color:var(--ink); margin-left:8px; }
.menu-button { display: none; border: 0; background: transparent; padding: 10px 0; }
.menu-button span { display: block; width: 25px; height: 1px; background: white; margin: 6px; }
.hero { min-height: calc(100svh - 84px); max-width: 1600px; margin: auto; position: relative; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 4vw; padding-top: 6vh; padding-bottom: 82px; }
.hero > * { min-width: 0; }
.hero-glow { position: absolute; width: 46vw; height: 46vw; right: -12vw; top: 5%; background: radial-gradient(circle, rgba(117,88,255,.2), transparent 66%); filter: blur(20px); }
.eyebrow, .section-index, .small-label { font: 600 11px "Manrope"; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #c5c3c9; }
.eyebrow span { width: 26px; height: 1px; background: var(--lime); }
.hero h1 { font: 700 clamp(56px, 7.4vw, 118px)/.88 "Manrope"; letter-spacing: -.065em; margin: 28px 0 30px; }
.hero h1 em { font-style: normal; color: transparent; -webkit-text-stroke: 1px #78777d; }
.hero-description { max-width: 520px; color: #aaa8af; line-height: 1.65; font-size: clamp(15px, 1.2vw, 18px); }
.hero-description strong { color: white; font-weight: 600; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 40px; }
.button { display: inline-flex; justify-content: space-between; align-items: center; gap: 30px; padding: 17px 20px; min-width: 205px; font: 600 13px "Manrope"; transition: transform .25s, background .25s; }
.button:hover { transform: translateY(-3px); }
.button-primary { background: var(--lime); color: #111; }
.text-link { font-size: 13px; border-bottom: 1px solid #5b5a60; padding: 10px 0; }
.text-link span { color: var(--lime); }
.budget-button { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-width:220px; padding:16px 19px; border:1px solid rgba(255,255,255,.42); overflow:hidden; font:600 13px "Manrope"; transition:color .3s,border-color .3s,transform .3s,box-shadow .3s; }
.budget-button:before { content:""; position:absolute; z-index:0; inset:0; background:var(--lime); transform:translateX(-102%); transition:transform .35s cubic-bezier(.7,0,.2,1); }
.budget-button span { position:relative; z-index:1; }
.budget-button:hover { color:var(--ink); border-color:var(--lime); transform:translateY(-3px); box-shadow:0 12px 34px rgba(203,255,46,.16); }
.budget-button:hover:before { transform:translateX(0); }
.budget-button span { color:var(--lime); transition:color .3s,transform .3s; }
.budget-button:hover span { color:var(--ink); transform:translate(3px,-3px); }
.hero-visual { position: relative; justify-self: stretch; margin-left: 5.5vw; margin-right: -5.5vw; }
.hero-visual img { aspect-ratio: 1.2; object-fit: cover; object-position: center; filter: saturate(.9) contrast(1.06); clip-path: polygon(7% 0,100% 0,100% 91%,92% 100%,0 100%,0 8%); }
.hero-visual:after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 50%, rgba(203,255,46,.06)); pointer-events: none; }
.visual-label { position: absolute; z-index: 2; background: var(--paper); color: var(--ink); padding: 8px 12px; font: 700 9px "Manrope"; letter-spacing: .16em; }
.label-top { top: 18px; right: -10px; }
.label-bottom { bottom: 18px; left: -12px; }
.hero-foot { position: absolute; bottom: 26px; left: max(5vw,24px); right: max(5vw,24px); display: flex; justify-content: space-between; font: 500 9px "Manrope"; color: #77767d; letter-spacing: .14em; }
.scroll-note i { color: var(--lime); font-style: normal; margin-left: 8px; }
.manifesto { background: var(--paper); color: var(--ink); padding-top: 110px; padding-bottom: 110px; display: grid; grid-template-columns: 1fr 3fr; gap: 60px; }
.section-index { color: #767278; margin: 0; }
.manifesto-copy > p { color: #757178; margin-top: 0; }
.manifesto-copy h2 { max-width: 1030px; font: 500 clamp(36px, 4.6vw, 70px)/1.08 "Manrope"; letter-spacing: -.05em; margin: 24px 0 70px; }
.manifesto-copy h2 span, .section-head h2 span { color: var(--orange); }
.manifesto-close { max-width:650px; color:#555159!important; font-size:16px; line-height:1.7; margin:-45px 0 65px!important; }
.manifesto-stats { grid-column: 2; border-top: 1px solid #cfcbc4; display: grid; grid-template-columns: repeat(3,1fr); padding-top: 28px; }
.manifesto-stats div { display: flex; align-items: flex-start; gap: 16px; }
.manifesto-stats strong { font: 600 38px "Manrope"; }
.manifesto-stats span { color: #777379; font-size: 12px; line-height: 1.4; }
.direct-offer { min-height:760px; padding-top:110px; padding-bottom:110px; display:grid; grid-template-columns:.95fr 1.05fr; gap:7vw; align-items:center; background:#0b0b0f; overflow:hidden; }
.offer-copy h2 { max-width:720px; margin:24px 0 32px; font:650 clamp(48px,6vw,88px)/.94 "Manrope"; letter-spacing:-.065em; }
.offer-copy h2 span { color:var(--lime); }
.offer-services { display:flex; flex-wrap:wrap; gap:8px; max-width:650px; margin-bottom:38px; }
.offer-services span { padding:9px 13px; border:1px solid #393840; border-radius:999px; color:#b7b5bd; font-size:11px; }
.offer-copy .button { min-width:min(100%,330px); }
.offer-collage { position:relative; min-height:590px; }
.offer-collage img { position:absolute; width:44%; height:68%; object-fit:cover; object-position:top; border:1px solid #3a3942; border-radius:18px; box-shadow:0 30px 75px rgba(0,0,0,.48); transition:transform .5s; }
.offer-collage img:nth-child(1) { left:0; top:16%; transform:rotate(-6deg); }
.offer-collage img:nth-child(2) { width:57%; height:60%; right:0; top:0; z-index:2; transform:rotate(3deg); }
.offer-collage img:nth-child(3) { width:39%; height:55%; right:12%; bottom:0; z-index:3; transform:rotate(7deg); }
.offer-collage:hover img:nth-child(1) { transform:translate(-8px,-8px) rotate(-8deg); }
.offer-collage:hover img:nth-child(2) { transform:translate(8px,-10px) rotate(2deg); }
.offer-collage:hover img:nth-child(3) { transform:translate(8px,8px) rotate(9deg); }
.services { background: #101015; padding-top: 120px; padding-bottom: 130px; }
.section-head { max-width: var(--max); margin: auto auto 60px; display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.section-head h2 { font: 600 clamp(43px, 5vw, 74px)/.98 "Manrope"; letter-spacing: -.055em; margin: 20px 0 0; }
.section-head > p { color: #918f97; max-width: 410px; line-height: 1.65; }
.service-grid { max-width: var(--max); margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.service-card { min-height: 610px; padding: clamp(30px,4.2vw,62px); position: relative; color: white; overflow: hidden; display:flex; flex-direction:column; }
.service-card:before { content:""; position:absolute; width: 380px; height: 380px; border: 1px solid rgba(255,255,255,.15); border-radius:50%; right:-170px; top:-170px; }
.service-design { background: var(--orange); }
.service-dev { background: var(--violet); }
.service-number { font: 500 11px "Manrope"; letter-spacing: .18em; opacity: .7; }
.service-icon { position: absolute; top: 45px; right: 45px; font: 500 28px "Manrope"; }
.service-card h3 { font: 600 clamp(35px,3.7vw,56px)/1.05 "Manrope"; letter-spacing: -.05em; margin: 100px 0 22px; }
.service-card > p { max-width: 520px; line-height: 1.6; color: rgba(255,255,255,.78); }
.service-card ul { list-style: none; padding: 0; margin: 34px 0 45px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; font-size: 13px; }
.service-card li:before { content: "↳"; margin-right: 8px; }
.service-card > a { display: flex; align-items: center; justify-content: space-between; font-weight: 600; }
.service-cta { position:relative; margin-top:auto; padding:17px 19px; border:1px solid rgba(255,255,255,.55); background:rgba(9,9,12,.12); box-shadow:0 12px 30px rgba(9,9,12,.08); transition:transform .3s,background .3s,color .3s,border-color .3s,box-shadow .3s; }
.service-cta span { transition:transform .3s; }
.service-cta:hover { transform:translateY(-4px); background:white; border-color:white; color:var(--ink); box-shadow:0 18px 38px rgba(9,9,12,.2); }
.service-cta:hover span { transform:translate(4px,-4px); }
.design-section { background: var(--orange); color: #151116; padding-top: 130px; padding-bottom: 0; }
.design-intro { max-width: var(--max); margin: auto; display: grid; grid-template-columns: 1.5fr .7fr; gap: 8vw; align-items: end; }
.section-index.light { color: rgba(255,255,255,.62); }
.design-intro h2, .dev-head h2, .contact-intro h2 { font: 600 clamp(52px,7vw,105px)/.92 "Manrope"; letter-spacing: -.07em; margin: 30px 0 0; }
.design-intro h2 em, .dev-head h2 em, .contact-intro h2 em { font-weight: 400; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.7); }
.design-intro > p { line-height: 1.65; padding-bottom: 10px; }
.process-grid { max-width: var(--max); margin: 100px auto 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(0,0,0,.25); }
.process-grid article { min-height: 360px; padding: 42px 34px 105px 0; border-right: 1px solid rgba(0,0,0,.18); }
.process-grid article:not(:first-child) { padding-left: 34px; }
.process-grid span { font: 700 12px "Manrope"; opacity: .55; }
.process-grid h3 { font: 600 27px "Manrope"; letter-spacing: -.03em; margin: 46px 0 20px; }
.process-grid p { max-width: 290px; font-size: 15px; line-height: 1.72; opacity: .78; }
.identity-feature { margin: 0 calc(max(5vw,24px) * -1); background: #e8e8e9; display: grid; grid-template-columns: 1fr 1fr; }
.identity-image { min-height: 720px; }
.identity-image img { height: 100%; object-fit: contain; background: #e8e8e9; }
.identity-copy { padding: clamp(45px,7vw,110px); }
.small-label { color: var(--orange); }
.identity-copy h2 { font: 600 clamp(42px,4.8vw,74px)/.98 "Manrope"; letter-spacing: -.055em; margin: 35px 0; }
.identity-copy > p { line-height: 1.7; color: #6c686c; }
.deliverables { display: grid; grid-template-columns: 1fr 1fr; margin: 36px 0; border-top: 1px solid #d7d2cc; }
.deliverables span { font-size: 12px; padding: 12px 0; border-bottom: 1px solid #d7d2cc; }
.deliverables span:before { content: "✓"; color: var(--orange); margin-right: 8px; }
.button-dark { background: var(--ink); color: white; }
.portfolio { background: var(--paper); color: var(--ink); padding-top: 130px; padding-bottom: 130px; }
.filters { display: flex; flex-wrap: wrap; gap: 8px; max-width: 430px; justify-content: flex-end; }
.filters button { border: 1px solid #cbc6bf; border-radius: 100px; background: transparent; padding: 9px 14px; font-size: 11px; cursor: pointer; }
.filters button.active { background: var(--ink); color: white; border-color: var(--ink); }
.portfolio-grid { max-width: var(--max); margin: auto; columns: 3 300px; column-gap: 10px; }
.work-card { display: block; width: 100%; padding: 0; margin: 0 0 10px; break-inside: avoid; border: 0; background: #ddd8d0; text-align: left; cursor: zoom-in; position: relative; overflow: hidden; aspect-ratio: auto; transition: opacity .3s, transform .3s; }
.work-card.hidden { display: none; }
.work-card img, .work-card video { width: 100%; height: auto; object-fit: contain; transition: transform .5s, filter .4s; }
.work-card:hover img, .work-card:hover video { transform: scale(1.035); filter: brightness(.75); }
.work-card > span { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 18px 18px; background: linear-gradient(transparent, rgba(0,0,0,.82)); color: white; display: flex; justify-content: space-between; align-items: end; opacity: 0; transition: opacity .3s; }
.work-card:hover > span { opacity: 1; }
.work-card b { font: 600 16px "Manrope"; }
.work-card small { color: #c6c3c8; }
.work-wide, .work-tall { aspect-ratio: auto; }
.transformation { padding-top:155px; padding-bottom:155px; background:#111116; }
.transformation-head { max-width:1520px; margin:auto; display:block; }
.transformation-head h2 { max-width:1300px; margin:30px 0 0; font:650 clamp(64px,8vw,128px)/.88 "Manrope"; letter-spacing:-.075em; }
.transformation-head h2 span { color:var(--lime); }
.transformation-head>p:last-child { max-width:760px; margin:38px 0 0 auto; color:#aaa8b0; font-size:18px; line-height:1.8; }
.before-after { max-width:1520px; margin:85px auto 0; display:grid; grid-template-columns:1fr 90px 1fr; align-items:center; }
.transformation-card { position:relative; padding:24px; border:1px solid #33323a; border-radius:26px; background:#18181e; overflow:hidden; }
.transformation-card img { height:680px; object-fit:cover; object-position:top; border-radius:16px; transition:filter .45s,transform .55s; }
.transformation-card.is-before img { filter:grayscale(1) contrast(.7) brightness(.58); }
.transformation-card:hover img { transform:scale(1.02); }
.transformation-card.is-after { border-color:rgba(203,255,46,.42); box-shadow:0 30px 80px rgba(0,0,0,.3); }
.transformation-label { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.transformation-label span { padding:9px 13px; border-radius:999px; background:#303039; color:#aaa8b0; font:700 9px "Manrope"; letter-spacing:.15em; }
.is-after .transformation-label span { background:var(--lime); color:var(--ink); }
.transformation-label b { font:650 clamp(17px,1.5vw,23px) "Manrope"; }
.transformation-card>p { color:#99979f; font-size:13px; line-height:1.7; margin:20px 2px 0; }
.transformation-card ul { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:16px 0 0; }
.transformation-card li { padding:9px 12px; border:1px solid #37363f; border-radius:999px; color:#aaa8b0; font-size:10px; }
.transformation-arrow { width:68px; height:68px; margin:auto; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--ink); font-size:29px; box-shadow:0 0 0 12px #111116; }
.transformation-outcome { max-width:1520px; margin:32px auto 0; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #33323a; }
.transformation-outcome span { min-height:100px; padding:24px; display:flex; align-items:center; gap:16px; color:#cac8ce; font:600 13px "Manrope"; border-right:1px solid #33323a; }
.transformation-outcome span:last-child { border-right:0; }
.transformation-outcome b { color:var(--lime); font-size:10px; }
.dev-section { background: #0c0c10; padding-top: 130px; padding-bottom: 130px; }
.dev-head { max-width: var(--max); margin: auto; }
.dev-head h2 { max-width: 1000px; }
.dev-head > p:last-child { color: #929098; line-height: 1.65; max-width: 500px; margin: 40px 0 80px auto; }
.code-window { max-width: 1080px; margin: auto; background: #13131a; border: 1px solid #292833; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.code-bar { height: 52px; border-bottom: 1px solid #292833; display: flex; align-items: center; gap: 7px; padding: 0 18px; }
.code-bar > span { width: 9px; height: 9px; background: #42414b; border-radius: 50%; }
.code-bar b { margin-left: 18px; font: 500 11px "DM Sans"; color: #8f8d97; }
.code-bar button { margin-left: auto; background: transparent; color: #85838c; border: 0; font-size: 11px; cursor: pointer; }
.code-window pre { margin: 0; padding: 25px 30px; overflow: auto; color: #c9c7d0; font: 12px/1.75 monospace; }
.code-window code i { color: var(--violet); font-style: normal; }.code-window code b { color: #8bdcff; }.code-window code em { color: var(--lime); font-style: normal; }
#stack-code { display:block; min-height:225px; white-space:pre; }
#stack-code.typing:after { content:""; display:inline-block; width:8px; height:1.15em; margin-left:3px; vertical-align:-.2em; background:var(--lime); animation:code-caret .72s steps(1) infinite; }
@keyframes code-caret { 50% { opacity:0; } }
.projects-heading { max-width:var(--max); margin:120px auto 0; padding-top:70px; border-top:1px solid #29282f; display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:50px; }
.projects-heading h3 { margin:18px 0 0; font:650 clamp(48px,6vw,88px)/.92 "Manrope"; letter-spacing:-.065em; }
.projects-heading h3 em { color:var(--lime); font-style:normal; }
.projects-heading>p { max-width:430px; margin:0 0 8px auto; color:#929098; line-height:1.7; }
.projects { max-width:var(--max); margin:55px auto 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.project { --spot-x:50%; --spot-y:50%; --image-x:0px; --image-y:0px; position:relative; isolation:isolate; min-width:0; display:grid; grid-template-areas:"meta" "preview" "copy"; grid-template-rows:auto auto 1fr; gap:24px; padding:22px; border:1px solid #292a32; border-radius:22px; overflow:hidden; align-items:start; background:linear-gradient(145deg,rgba(27,27,34,.96),rgba(13,13,17,.98)); box-shadow:0 18px 50px rgba(0,0,0,.18); transition:translate .38s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s; }
.project:before { content:""; position:absolute; z-index:-1; inset:0; opacity:0; background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(117,88,255,.22),transparent 58%); transition:opacity .35s; pointer-events:none; }
.project:nth-child(3n+2):before { background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(203,255,46,.12),transparent 58%); }
.project:nth-child(3n):before { background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(255,90,31,.16),transparent 58%); }
.project:hover { translate:0 -8px; border-color:#4a4757; box-shadow:0 30px 75px rgba(0,0,0,.42); }
.project:hover:before { opacity:1; }
.project-meta { grid-area:meta; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.project-meta span { width:38px; height:38px; display:grid; place-items:center; border:1px solid #3a3942; border-radius:50%; color:var(--lime); font:700 10px "Manrope"; transition:background .3s,color .3s,border-color .3s; }
.project:hover .project-meta span { color:var(--ink); border-color:var(--lime); background:var(--lime); }
.project-meta p { margin:0; text-align:right; font:650 9px "Manrope"; color:#77757f; letter-spacing:.14em; }
.project-copy { grid-area:copy; display:flex; flex-direction:column; min-height:225px; }
.project h3 { font:650 clamp(35px,4vw,58px)/.95 "Manrope"; letter-spacing:-.055em; margin:0 0 14px; transition:color .3s; }
.project:hover h3 { color:var(--lime); }
.project-copy > p { color:#a09ea7; margin:0 0 20px; max-width:580px; line-height:1.65; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tags span { border:1px solid #3a3942; color:#a5a2ab; background:rgba(255,255,255,.02); padding:7px 10px; font-size:9px; border-radius:999px; transition:border-color .3s,color .3s,transform .3s; }
.project:hover .tags span { color:#dedce3; border-color:#55525f; transform:translateY(-2px); }
.project-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:auto; padding-top:24px; font-size:11px; }
.project-actions a { color: #96949d; transition: color .2s; }
.project-actions a:hover { color: white; }
.project-actions .project-author { color: var(--lime); font-weight: 700; }
.project-preview { grid-area:preview; display:block; position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid #36353e; border-radius:15px; background:#17171c; box-shadow:0 18px 42px rgba(0,0,0,.3); }
.project-preview:before { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,7,10,.72)); opacity:.35; transition:opacity .35s; }
.project-preview:after { content:"ABRIR PROJETO  ↗"; position:absolute; z-index:3; inset:50% auto auto 50%; min-width:145px; padding:13px 16px; border-radius:999px; background:var(--lime); color:var(--ink); text-align:center; font:800 9px "Manrope"; letter-spacing:.1em; opacity:0; transform:translate(-50%,-35%) scale(.9); transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1); }
.project-preview img { width:100%; height:100%; object-fit:cover; object-position:top center; transform:scale(1.025) translate(var(--image-x),var(--image-y)); transition:transform .35s ease-out,filter .35s; will-change:transform; }
.project:hover .project-preview img { filter:brightness(.62) saturate(1.1); }
.project:hover .project-preview:before { opacity:1; }
.project:hover .project-preview:after { opacity:1; transform:translate(-50%,-50%) scale(1); }
.project > a:not(.project-preview) { position:absolute; z-index:4; right:22px; bottom:22px; width:48px; height:48px; border:1px solid #45434d; background:#17171d; border-radius:50%; display:grid; place-items:center; font-size:18px; transition:background .25s,color .25s,transform .25s; }
.project > .project-preview { width:100%; height:auto; display:block; }
.project > a:not(.project-preview):hover { background: var(--lime); color: var(--ink); transform: rotate(8deg); }
.certificate { max-width: var(--max); margin: 60px auto 0; background: var(--violet); display: grid; grid-template-columns: .7fr 1.5fr auto; align-items: center; gap: 30px; padding: 28px 32px; }
.certificate span { font: 600 9px "Manrope"; letter-spacing: .15em; opacity: .7; }.certificate strong { font: 600 17px "Manrope"; }.certificate i { font-style: normal; font-size: 12px; }
.team { background: var(--paper); color: var(--ink); padding-top: 130px; padding-bottom: 140px; }
.team-grid { max-width: var(--max); margin: auto; display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.member-card { border: 1px solid #d8d3cc; padding: 18px; align-self:stretch; display:flex; flex-direction:column; }
.member-avatar { width: 100%; height: auto; aspect-ratio: 1 / 1; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 24px; background:transparent; }
.member-avatar:after { content:""; position:absolute; width:220px; height:220px; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.member-avatar > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; filter: saturate(.9) contrast(1.04); }
.member-avatar strong { position: absolute; left: 16px; bottom: 14px; z-index: 2; color: white; font: 800 24px "Manrope"; letter-spacing: .08em; text-shadow: 0 2px 18px rgba(0,0,0,.8); }
.member-avatar:before { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.75)); z-index:1; }
.member-placeholder .member-initial { position: relative; z-index: 1; color: rgba(255,255,255,.88); font: 800 128px/1 "Manrope"; }
.avatar-risadinha { background: linear-gradient(145deg,#ff5a1f,#ff9d25); }
.avatar-rick { background: linear-gradient(145deg,#7558ff,#29205d); }
.member-rick-photo { aspect-ratio:1/1; }
.member-rick-photo > img { object-position:center 20%; transform:scale(1.08); }
.member-avatar i { position: absolute; right: 14px; top: 14px; background: white; color: #111; border-radius: 50%; width: 38px; height: 38px; display: grid; place-items: center; font: 600 11px "Manrope"; z-index:2; }
.avatar-jax { background: var(--violet); }.avatar-zakom { background: var(--ink); }.avatar-bella { background: var(--orange); }
.avatar-jax,.avatar-zakom,.avatar-bella,.avatar-rick { background:transparent; }
.member-role { font: 600 9px "Manrope"; color: #87838a; letter-spacing: .14em; margin: 26px 0 9px; }
.member-card h3 { font: 600 36px "Manrope"; letter-spacing: -.04em; margin: 0 0 13px; }
.member-card > p:not(.member-role) { color: #6f6b71; font-size: 13px; line-height: 1.6; min-height: 65px; }
.member-card > a, .copy-discord { width: 100%; display: flex; justify-content: space-between; border: 0; border-top: 1px solid #d8d3cc; background: transparent; padding: 16px 0 0; margin-top: 25px; cursor: pointer; font-size: 12px; }
.member-card-section { margin-top:18px; }
.member-card>p:not(.member-role)+.member-card-section { margin-top:auto; padding-top:22px; }
.member-card-section>strong { display:block; color:#8a858d; font:700 8px "Manrope"; letter-spacing:.16em; }
.member-links { border-top:1px solid #d8d3cc; margin-top:8px; padding-top:12px; display:flex; flex-wrap:wrap; gap:12px 14px; font-size:11px; }
.member-links span { color:#77727a; line-height:1.45; }
.member-projects .member-links { align-items:flex-start; flex-direction:column; }
.member-card-section .copy-discord { margin-top:8px; padding-top:12px; }
.contact { background: var(--violet); display: grid; grid-template-columns: .8fr 1fr; gap: 8vw; padding-top: 130px; padding-bottom: 130px; }
.contact-intro h2 { margin-bottom: 35px; }
.contact-intro > p:not(.section-index) { color: rgba(255,255,255,.74); max-width: 550px; line-height: 1.7; }
.contact-intro ol { list-style: none; padding: 0; margin: 55px 0; border-top: 1px solid rgba(255,255,255,.25); }
.contact-intro li { border-bottom: 1px solid rgba(255,255,255,.25); padding: 17px 0; display: flex; gap: 20px; font-size: 13px; }
.contact-intro li span { color: var(--lime); }
.direct-contact { display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
.direct-contact p { font: 600 10px monospace; color: var(--lime); }.direct-contact small { opacity: .65; margin-top: 8px; }
.lead-form { background: var(--paper); color: var(--ink); padding: clamp(25px,4vw,50px); align-self: start; }
.form-head { display:flex; justify-content:space-between; border-bottom:1px solid #d5d0ca; padding-bottom:18px; font: 11px monospace; color:#747077; }
.form-head b { color: var(--orange); }
fieldset { padding: 0; border: 0; margin: 35px 0; display: flex; flex-direction: column; gap: 18px; }
legend { font: 700 13px "Manrope"; margin-bottom: 24px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
label { display: flex; flex-direction: column; gap: 8px; font: 600 11px "Manrope"; }
label small { display:inline; color:#aaa6aa; font-weight:400; margin-left:5px; }
input, textarea, select { width: 100%; border: 1px solid #d2cdc6; background: transparent; color: #17151a; padding: 13px 14px; outline: none; border-radius: 0; font-size: 13px; }
input:focus, textarea:focus, select:focus { border-color: var(--violet); }
textarea { resize: vertical; }
.check { flex-direction: row; align-items: flex-start; font: 400 10px/1.5 "DM Sans"; color: #777278; }
.check input { width: 15px; height: 15px; accent-color: var(--violet); }
.check a { color:var(--violet); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.submit-button { width:100%; border:0; background:var(--ink); color:white; display:flex; justify-content:space-between; padding:18px; font-weight:600; cursor:pointer; transition: background .2s,color .2s; }
.submit-button:not(:disabled):hover { background: var(--lime); color: var(--ink); }
.submit-button:disabled { background:#c8c4bf; color:#777278; cursor:not-allowed; }
.skip-link { display:block; text-align:center; color:#777278; font-size:10px; margin-top:18px; text-decoration:underline; }
.site-footer { position:relative; background:linear-gradient(180deg,#08080b,#030304); padding-top:100px; padding-bottom:38px; display:grid; grid-template-columns:1.1fr .9fr; gap:60px 8vw; align-items:end; overflow:hidden; }
.site-footer:before { content:"SB WORKS"; position:absolute; right:-20px; top:10px; color:rgba(255,255,255,.025); font:800 clamp(90px,17vw,260px)/1 "Manrope"; letter-spacing:-.08em; pointer-events:none; }
.footer-logo { display:flex; align-items:center; gap:14px; font:800 24px "Manrope"; letter-spacing:.12em; }.footer-logo img{width:46px;height:46px;object-fit:contain}
.footer-brand-block,.footer-contact,.footer-links,.site-footer>small { position:relative; z-index:1; }
.footer-brand-block h2 { margin:46px 0 0; font:650 clamp(48px,6vw,86px)/.87 "Manrope"; letter-spacing:-.065em; }
.footer-brand-block h2 em { color:var(--lime); font-style:normal; }
.footer-contact { width:min(100%,480px); justify-self:end; align-self:end; display:flex; flex-direction:column; gap:0; text-align:left; padding:28px; border:1px solid #29282f; border-radius:20px; background:rgba(255,255,255,.025); }
.footer-contact p { max-width:380px; margin:0 0 22px; color:#aaa8b0; font-size:18px; line-height:1.55; }
.footer-contact a { padding:13px 0; border-top:1px solid #29282f; color:#d0ced5; font-size:12px; transition:color .25s,padding .25s; }
.footer-contact a:hover { color:var(--lime); transform:translateX(-4px); }
.footer-links { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #25242a; border-left:1px solid #25242a; }
.footer-links a { min-height:105px; padding:22px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid #25242a; border-bottom:1px solid #25242a; font:600 13px "Manrope"; transition:background .3s,color .3s; }
.footer-links a small { color:#66646c; font:700 8px "Manrope"; letter-spacing:.16em; }
.footer-links a:hover { color:var(--ink); background:var(--lime); }
.footer-links a:hover small { color:#474b23; }
.site-footer small { color:#59585e; }.site-footer > small:last-child { grid-column:1/-1; }
.lightbox { width:min(1100px,92vw); max-height:90vh; background:#0b0b0e; border:1px solid #33323a; padding:42px; color:white; }
.lightbox::backdrop { background:rgba(0,0,0,.88); backdrop-filter:blur(8px); }
.lightbox > button { position:absolute; right:12px; top:5px; border:0; background:transparent; color:white; font-size:28px; cursor:pointer; }
.lightbox-content img,.lightbox-content video { max-height:74vh; object-fit:contain; }.lightbox > p{text-align:center;font:600 12px "Manrope";letter-spacing:.1em}
.toast { position:fixed; z-index:200; left:50%; bottom:30px; transform:translate(-50%,25px); opacity:0; background:var(--lime); color:var(--ink); padding:10px 16px; font:600 11px "Manrope"; transition:.25s; pointer-events:none; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.art-cursor { position:fixed; z-index:300; left:0; top:0; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:rgba(9,9,12,.88); border:1px solid rgba(255,255,255,.55); box-shadow:0 10px 30px rgba(0,0,0,.28); font-size:25px; pointer-events:none; opacity:0; transform:translate(-50%,-50%) scale(.7); transition:opacity .15s,transform .15s; }
.art-cursor.visible { opacity:1; transform:translate(-50%,-50%) scale(1); }
@media (hover:hover) and (pointer:fine) { .work-card:hover { cursor:none; } }
.hero h1 { font-size:clamp(48px,6.1vw,94px); line-height:.92; }
.hero-proof { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:30px; color:#8d8b93; font-size:10px; }
.hero-proof span { display:flex; align-items:center; gap:7px; }
.hero-proof span:before { content:""; width:5px; height:5px; border-radius:50%; background:var(--lime); }
.hero-proof b { color:var(--lime); letter-spacing:.08em; }
.proof-strip { background:#0f0f14; padding-top:48px; padding-bottom:50px; border-top:1px solid #292832; border-bottom:1px solid #292832; }
.proof-strip-head,.proof-numbers { max-width:var(--max); margin:auto; }
.proof-strip-head { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:35px; }
.proof-strip-head>p:last-child { color:#74727a; font-size:12px; }
.proof-numbers { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #2d2c34; }
.proof-numbers article { padding:28px 22px 4px 0; border-right:1px solid #2d2c34; display:flex; flex-direction:column; gap:8px; }
.proof-numbers article:not(:first-child) { padding-left:28px; }
.proof-numbers strong { font:700 clamp(35px,4vw,60px) "Manrope"; color:white; letter-spacing:-.05em; }
.proof-numbers span { color:#85838b; font-size:11px; }
.sales-process { background:#0c0c10; padding-top:120px; padding-bottom:120px; }
.sales-timeline { max-width:var(--max); margin:auto; display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid #33323b; }
.sales-timeline article { position:relative; min-height:260px; padding:34px 24px 30px 0; border-right:1px solid #28272f; }
.sales-timeline article:not(:first-child) { padding-left:22px; }
.sales-timeline article:before { content:""; position:absolute; width:9px; height:9px; top:-5px; left:0; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px #0c0c10; }
.sales-timeline article:not(:first-child):before { left:22px; }
.sales-timeline span { color:var(--lime); font:700 10px "Manrope"; }
.sales-timeline h3 { margin:48px 0 16px; font:650 20px "Manrope"; }
.sales-timeline p { margin:0; color:#85838b; font-size:12px; line-height:1.65; }
.section-cta { max-width:var(--max); margin:60px auto 0; padding:25px 0; border-top:1px solid #292832; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.section-cta p { color:#918f97; }
.why-us { background:var(--paper); color:var(--ink); padding-top:125px; padding-bottom:125px; display:grid; grid-template-columns:.72fr 1.45fr; gap:8vw; }
.why-copy h2 { font:650 clamp(48px,6vw,88px)/.92 "Manrope"; letter-spacing:-.065em; margin:25px 0 30px; }
.why-copy>p:last-child { max-width:470px; color:#706c72; line-height:1.75; }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #d3cec7; }
.benefit-grid article { padding:30px 28px 35px 0; border-bottom:1px solid #d3cec7; }
.benefit-grid article:nth-child(even) { padding-left:28px; border-left:1px solid #d3cec7; }
.benefit-grid b { color:var(--orange); font:700 10px "Manrope"; }
.benefit-grid h3 { font:650 22px "Manrope"; margin:22px 0 10px; }
.benefit-grid p { color:#777278; font-size:12px; line-height:1.65; margin:0; }
.tech-grid { max-width:1080px; margin:auto; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #292833; background:#111117; }
.tech-grid article { min-height:155px; padding:24px; border-right:1px solid #292833; border-bottom:1px solid #292833; display:flex; flex-direction:column; justify-content:flex-end; transition:background .25s,transform .25s; }
.tech-grid article:hover { background:#1b1a23; transform:translateY(-4px); }
.tech-grid i { margin-bottom:auto; width:38px; height:38px; display:grid; place-items:center; border:1px solid #3b3a45; color:var(--lime); font:700 12px "Manrope"; font-style:normal; }
.tech-grid strong { font:650 15px "Manrope"; }
.tech-grid span { margin-top:5px; color:#73717a; font-size:9px; }
.client-proof { background:var(--paper); color:var(--ink); padding-top:110px; padding-bottom:110px; }
.client-proof>h2 { max-width:var(--max); margin:22px auto 65px; font:650 clamp(46px,6vw,86px)/.95 "Manrope"; letter-spacing:-.06em; }
.client-proof>.section-index { max-width:var(--max); margin:auto; }
.client-marquee { max-width:var(--max); margin:auto; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #d1ccc5; border-left:1px solid #d1ccc5; }
.client-marquee a { position:relative; min-height:105px; padding:22px; display:grid; place-items:center; text-align:center; border-right:1px solid #d1ccc5; border-bottom:1px solid #d1ccc5; color:var(--ink); font:750 clamp(14px,1.5vw,21px) "Manrope"; letter-spacing:.05em; text-decoration:none; overflow:hidden; transition:color .3s ease,background .3s ease,transform .3s ease; }
.client-marquee a>span { position:absolute; top:12px; right:14px; font-size:15px; font-weight:500; opacity:.42; transition:transform .3s ease,opacity .3s ease; }
.client-marquee a:hover,.client-marquee a:focus-visible { z-index:1; color:#fff; background:var(--violet); transform:translateY(-4px); box-shadow:0 16px 35px rgba(90,44,255,.22); outline:none; }
.client-marquee a:hover>span,.client-marquee a:focus-visible>span { opacity:1; transform:translate(2px,-2px); }
.comparison { background:#111116; padding-top:120px; padding-bottom:125px; }
.comparison-grid { max-width:var(--max); margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.comparison-grid article { padding:clamp(28px,4vw,55px); }
.comparison-grid article>p { margin:0 0 35px; font:700 11px "Manrope"; letter-spacing:.15em; text-transform:uppercase; }
.comparison-grid ul { list-style:none; padding:0; margin:0; }
.comparison-grid li { padding:17px 0; border-top:1px solid rgba(255,255,255,.14); }
.comparison-other { background:#1b1a20; color:#8c8a92; }
.comparison-other li:before { content:"×"; color:#ff746e; margin-right:13px; font-weight:800; }
.comparison-sb { background:var(--violet); color:white; }
.comparison-sb li:before { content:"✓"; color:var(--lime); margin-right:13px; font-weight:800; }
.comparison-sb>a { display:flex; justify-content:space-between; margin-top:35px; padding:18px; background:var(--lime); color:var(--ink); font-weight:700; }
.plans { background:var(--paper); color:var(--ink); padding-top:125px; padding-bottom:120px; }
.plan-grid { max-width:var(--max); margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; align-items:stretch; }
.plan-card { padding:35px; border:1px solid #d3cec7; display:flex; flex-direction:column; }
.plan-card>p { color:#8a858b; font:700 10px "Manrope"; text-transform:uppercase; letter-spacing:.14em; }
.plan-card h3 { font:650 clamp(28px,3vw,42px)/1 "Manrope"; letter-spacing:-.045em; margin:30px 0 12px; }
.plan-card>strong { color:var(--violet); font:650 17px "Manrope"; }
.plan-card ul { list-style:none; padding:25px 0; margin:25px 0; border-top:1px solid #d3cec7; }
.plan-card li { padding:8px 0; color:#6f6a70; font-size:12px; }
.plan-card li:before { content:"✓"; color:var(--orange); margin-right:9px; font-weight:800; }
.plan-card>a { margin-top:auto; padding:16px; display:flex; justify-content:space-between; background:var(--ink); color:white; font-weight:700; font-size:12px; }
.plan-card.featured { background:var(--ink); color:white; transform:translateY(-14px); border-color:var(--ink); }
.plan-card.featured>strong { color:var(--lime); }
.plan-card.featured ul { border-color:#33323b; }.plan-card.featured li{color:#aaa8b0}.plan-card.featured>a{background:var(--lime);color:var(--ink)}
.availability-note { max-width:var(--max); margin:35px auto 0; display:flex; align-items:center; gap:10px; color:#767178; font-size:11px; }
.availability-note span { width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(255,90,31,.12); }
.project-guarantee { padding-top:110px; padding-bottom:110px; display:grid; grid-template-columns:1fr 1fr; gap:8vw; background:var(--violet); }
.project-guarantee h2 { margin:22px 0 0; font:650 clamp(48px,6vw,88px)/.93 "Manrope"; letter-spacing:-.065em; }
.project-guarantee h2 span { color:var(--lime); }
.project-guarantee>div:last-child>p { max-width:620px; color:rgba(255,255,255,.78); font-size:16px; line-height:1.75; }
.project-guarantee ul { list-style:none; padding:0; margin:32px 0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.project-guarantee li { padding:13px 15px; border:1px solid rgba(255,255,255,.22); font-size:12px; }
.project-guarantee li:before { content:"✓"; color:var(--lime); margin-right:9px; }
.partnerships { background:#0c0c10; padding-top:120px; padding-bottom:125px; }
.partner-card { max-width:var(--max); margin:auto; display:grid; grid-template-columns:1fr 1fr; min-height:590px; background:linear-gradient(135deg,#20164e,#0d0d15 65%); border:1px solid #343040; overflow:hidden; }
.partner-visual { position:relative; min-height:500px; background:radial-gradient(circle at 50% 40%,#5b42d6,#15131e 65%); overflow:hidden; display:grid; place-items:center; }
.partner-visual img { position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; }
.partner-fallback { display:flex; flex-direction:column; align-items:center; font:800 clamp(80px,12vw,170px)/.8 "Manrope"; color:white; letter-spacing:-.09em; }.partner-fallback small{margin-top:28px;color:var(--lime);font:700 12px "Manrope";letter-spacing:.22em}
.partner-copy { padding:clamp(35px,5vw,72px); display:flex; flex-direction:column; justify-content:center; }
.partner-label { color:var(--lime); font:700 9px "Manrope"; letter-spacing:.16em; }
.partner-copy h3 { font:700 clamp(42px,5vw,72px)/.92 "Manrope"; letter-spacing:-.055em; margin:28px 0; }
.partner-copy h3 span { color:transparent; -webkit-text-stroke:1px #b8adb8; }
.partner-copy>p:not(.partner-label) { color:#a3a0aa; line-height:1.7; }
.partner-copy ul { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:25px 0 35px; font-size:12px; }
.partner-copy li:before { content:"•"; color:var(--lime); margin-right:8px; }
.faq { background:var(--paper); color:var(--ink); padding-top:125px; padding-bottom:125px; display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; }
.faq-heading h2 { font:650 clamp(43px,5vw,73px)/.97 "Manrope"; letter-spacing:-.055em; margin:25px 0; }
.faq-list { border-top:1px solid #d0cbc4; }
.faq-list details { border-bottom:1px solid #d0cbc4; }
.faq-list summary { list-style:none; cursor:pointer; padding:24px 0; display:flex; justify-content:space-between; gap:20px; font:650 16px "Manrope"; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:var(--orange); font-size:22px; transition:transform .2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { color:#6f6a70; line-height:1.7; margin:0; padding:0 40px 25px 0; }
.free-analysis { background:var(--orange); color:#141116; padding-top:95px; padding-bottom:95px; display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:center; }
.free-analysis h2 { font:650 clamp(47px,6vw,88px)/.93 "Manrope"; letter-spacing:-.06em; margin:25px 0 0; }
.free-analysis>div:last-child>p { line-height:1.7; }
.free-analysis ul { list-style:none; padding:0; margin:25px 0; }
.free-analysis li { padding:7px 0; }.free-analysis li:before{content:"✓";margin-right:9px;font-weight:800}
.final-sales-cta { position:relative; min-height:820px; padding-top:135px; padding-bottom:135px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:6vw; background:radial-gradient(circle at 85% 15%,rgba(203,255,46,.18),transparent 30%),radial-gradient(circle at 8% 90%,rgba(255,90,31,.22),transparent 36%),linear-gradient(135deg,#09090c 25%,#25145e); overflow:hidden; }
.final-sales-cta:before { content:"AGORA"; position:absolute; left:-20px; bottom:-45px; color:rgba(255,255,255,.035); font:800 clamp(150px,25vw,390px)/.7 "Manrope"; letter-spacing:-.1em; }
.final-sales-copy h2 { max-width:950px; margin:25px 0 28px; font:650 clamp(55px,7vw,108px)/.9 "Manrope"; letter-spacing:-.07em; }
.final-sales-copy>p:not(.section-index) { max-width:650px; color:#aaa8b0; font-size:17px; line-height:1.75; margin-bottom:35px; }
.final-proof { display:flex; flex-wrap:wrap; gap:8px; margin:-10px 0 34px; }
.final-proof span { padding:10px 12px; border:1px solid rgba(255,255,255,.17); border-radius:999px; color:#c2c0c8; font-size:10px; }
.final-proof b { color:var(--lime); margin-right:5px; }
.final-sales-copy .button { min-width:330px; }
.final-sales-image { position:relative; min-height:580px; padding:22px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:28px; background:rgba(8,8,12,.38); transform:rotate(2deg); box-shadow:0 40px 90px rgba(0,0,0,.4); }
.final-sales-image:before { content:""; position:absolute; inset:12px; border:1px solid rgba(203,255,46,.22); border-radius:20px; pointer-events:none; }
.final-sales-image img { position:relative; z-index:2; width:100%; height:500px; border-radius:16px; object-fit:cover; filter:saturate(1.08) contrast(1.05); }
.final-sales-image span { position:absolute; z-index:3; left:40px; bottom:46px; padding:10px 13px; background:var(--lime); color:var(--ink); font:800 10px "Manrope"; letter-spacing:.15em; }
.final-sales-image small { position:absolute; z-index:3; right:40px; top:42px; padding:9px 12px; background:#0b0b0f; color:#c6c4cc; font:700 9px "Manrope"; letter-spacing:.12em; }
.whatsapp-dock { position:fixed; z-index:120; left:50%; bottom:18px; width:min(620px,calc(100vw - 32px)); transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; gap:25px; padding:10px 10px 10px 18px; background:rgba(15,15,20,.94); color:white; border:1px solid #3a3942; box-shadow:0 18px 55px rgba(0,0,0,.42); backdrop-filter:blur(14px); }
.whatsapp-dock>div { display:flex; align-items:center; gap:13px; }.whatsapp-dock b{color:var(--lime);font-size:9px;letter-spacing:.08em}.whatsapp-dock>div span{color:#aaa8b0;font-size:10px}
.whatsapp-dock>a { padding:12px 15px; display:flex; gap:25px; background:var(--lime); color:var(--ink); font:750 11px "Manrope"; }
.reveal { opacity:0; transform:translateY(16px); transition:opacity .55s ease,transform .55s ease; }
.reveal.visible { opacity: 1; transform: none; }
@media (max-width: 960px) {
  .site-header { grid-template-columns:1fr auto; padding:0 22px; }.desktop-nav,.header-cta{display:none}.menu-button{display:block;position:relative;z-index:2}
  .desktop-nav.open { display:flex; position:fixed; inset:0; background:#0a0a0e; flex-direction:column; align-items:center; justify-content:center; gap:30px; font:600 28px "Manrope"; }
  .desktop-nav.open .nav-dropdown { padding: 0; text-align: center; }.desktop-nav.open .nav-dropdown>button{font:600 28px "Manrope"}.desktop-nav.open .nav-menu{position:static;transform:none!important;opacity:1;visibility:visible;width:auto;background:transparent;border:0;box-shadow:none;padding-top:12px}.desktop-nav.open .nav-menu a{font-size:16px;padding:7px}.desktop-nav.open .nav-menu small{display:none}
  .hero { grid-template-columns:1fr; padding-top:50px; }.hero-copy{z-index:1}.hero-visual{margin-left:10vw;margin-right:0}.hero h1{font-size:clamp(58px,13vw,100px)}.hero-foot{display:none}
  .manifesto { grid-template-columns:1fr; }.manifesto-stats{grid-column:1}
  .direct-offer{grid-template-columns:1fr;gap:40px}.offer-collage{min-height:540px}
  .transformation-head{grid-template-columns:1fr;gap:25px}.before-after{grid-template-columns:1fr}.transformation-arrow{margin:-8px auto;z-index:3;transform:rotate(90deg)}
  .transformation-outcome{grid-template-columns:1fr}.transformation-outcome span{border-right:0;border-bottom:1px solid #33323a}.transformation-outcome span:last-child{border-bottom:0}
  .project-guarantee{grid-template-columns:1fr;gap:45px}
  .final-sales-cta{grid-template-columns:1fr;min-height:auto}.final-sales-image{min-height:430px}
  .section-head{align-items:flex-start;flex-direction:column}.section-head>p{max-width:600px}
  .design-intro{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}
  .identity-feature{grid-template-columns:1fr}.identity-image{min-height:480px}
  .portfolio-grid{columns:2 280px}
  .projects-heading{grid-template-columns:1fr;gap:25px}.projects-heading>p{margin:0;max-width:600px}.projects{grid-template-columns:1fr}.project{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}.member-card:last-child{grid-column:1/-1}
  .contact{grid-template-columns:1fr}.contact-intro{max-width:700px}
  .proof-numbers{grid-template-columns:1fr 1fr}.proof-numbers article:nth-child(2){border-right:0}.proof-numbers article:nth-child(3){border-top:1px solid #2d2c34}
  .sales-timeline{grid-template-columns:repeat(3,1fr)}.sales-timeline article{border-bottom:1px solid #28272f}
  .why-us,.faq,.free-analysis{grid-template-columns:1fr}.benefit-grid{margin-top:20px}
  .tech-grid{grid-template-columns:repeat(3,1fr)}
  .client-marquee{grid-template-columns:repeat(3,1fr)}
  .partner-card{grid-template-columns:1fr}.partner-visual{min-height:420px}
}
@media (max-width: 640px) {
  .section-pad{padding-left:20px;padding-right:20px}.site-header{height:70px}
  .hero{min-height:auto;padding-top:35px;padding-bottom:70px;overflow:hidden}.hero h1{font-size:12vw;letter-spacing:-.06em}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-visual{margin:30px 0 0 30px;min-width:0}
  .manifesto,.services,.portfolio,.team,.contact,.dev-section,.direct-offer,.transformation,.project-guarantee{padding-top:85px;padding-bottom:85px}
  .manifesto-stats{grid-template-columns:1fr;gap:26px}.manifesto-copy h2{margin-bottom:58px}.manifesto-close{margin:-38px 0 45px!important}
  .offer-collage{min-height:420px}.offer-collage img:nth-child(1){width:48%}.offer-collage img:nth-child(2){width:62%}.offer-collage img:nth-child(3){width:43%}
  .transformation-head h2{font-size:52px}.transformation-card{padding:14px}.transformation-card img{height:470px}.transformation-label{align-items:flex-start;flex-direction:column}.transformation-outcome span{min-height:75px}.project-guarantee ul{grid-template-columns:1fr}
  .final-sales-cta{padding-top:85px;padding-bottom:85px}.final-sales-copy h2{font-size:52px}.final-sales-copy .button{min-width:0;width:100%}.final-sales-image{min-height:330px;padding:12px;transform:none}.final-sales-image:before{inset:7px;width:auto;height:auto}.final-sales-image img{height:310px}.final-sales-image span{left:24px;bottom:24px}.final-sales-image small{right:24px;top:24px}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card h3{margin-top:70px}.service-card ul{grid-template-columns:1fr}
  .design-section{padding-top:85px}.process-grid{grid-template-columns:1fr}.process-grid article{padding:25px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.18)}.process-grid article:not(:first-child){padding-left:0}
  .identity-feature{margin-top:65px}.identity-image{min-height:330px}.identity-copy{padding:45px 20px}.deliverables{grid-template-columns:1fr}
  .filters{justify-content:flex-start}.portfolio-grid{columns:1}.work-card,.work-wide,.work-tall{aspect-ratio:auto}.work-card>span{opacity:1}
  .code-window pre{padding:25px 18px;font-size:11px}.projects-heading{margin-top:80px;padding-top:50px}.projects-heading h3{font-size:46px}.projects{margin-top:42px;gap:14px}.project{gap:18px;padding:16px;border-radius:17px}.project-copy{min-height:0}.project h3{font-size:38px}.project-preview,.project>.project-preview{width:100%;height:auto}.project>a:last-child{right:16px;bottom:16px;width:44px;height:44px}.project-actions{padding-right:48px}.project-preview:after{opacity:1;transform:translate(-50%,-50%) scale(.88)}
  .certificate{grid-template-columns:1fr;padding:25px}
  .team-grid{grid-template-columns:1fr}.member-card:last-child{grid-column:auto}.member-avatar{height:auto}
  .field-row{grid-template-columns:1fr}.lead-form{padding:24px 18px}.form-head{gap:14px}.contact{gap:70px}
  .site-footer{grid-template-columns:1fr;padding-top:75px}.footer-contact{width:100%;justify-self:start;text-align:left}.footer-links{grid-template-columns:1fr}.footer-links a{min-height:88px}
  .hero-proof{flex-direction:column}.proof-strip-head{align-items:flex-start;flex-direction:column}.proof-numbers{grid-template-columns:1fr 1fr}.proof-numbers article{padding:22px 15px 22px 0}.proof-numbers article:not(:first-child){padding-left:15px}.proof-numbers strong{font-size:34px}
  .sales-process,.why-us,.client-proof,.comparison,.plans,.partnerships,.faq{padding-top:80px;padding-bottom:80px}.sales-timeline{grid-template-columns:1fr}.sales-timeline article,.sales-timeline article:not(:first-child){min-height:auto;padding:27px 0 30px 30px;border-right:0}.sales-timeline article:before,.sales-timeline article:not(:first-child):before{left:0;top:31px}.sales-timeline h3{margin:0 0 10px}.sales-timeline span{display:block;margin-bottom:10px}.section-cta{align-items:flex-start;flex-direction:column}
  .benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:nth-child(even){padding:25px 0;border-left:0}.tech-grid{grid-template-columns:1fr 1fr}.tech-grid article{min-height:135px;padding:18px}
  .client-marquee{grid-template-columns:1fr 1fr}.client-marquee a{min-height:82px;padding:18px}.comparison-grid,.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.partner-visual{min-height:300px}.partner-copy ul{grid-template-columns:1fr}.faq{gap:40px}.free-analysis{padding-top:75px;padding-bottom:75px}.whatsapp-dock{bottom:8px}.whatsapp-dock>div span{display:none}.whatsapp-dock>a{flex:1;justify-content:space-between}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important} }
.profile-page-link{position:absolute;z-index:3;top:14px;right:14px;padding:9px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;background:rgba(8,8,10,.72);font:700 9px "DM Sans",sans-serif;text-decoration:none;backdrop-filter:blur(9px);transition:transform .25s,background .25s}.profile-page-link:hover{transform:translateY(-2px);background:#ff176b}