@font-face{font-family:Space;src:url('assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:GeistMono;src:url('assets/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{color-scheme:dark;--bg:#0a0c0b;--surface:#161a18;--line:#2a2f2c;--text:#f4f6f5;--muted:#a6aea9;--green:#00c16e}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 Inter,Arial,sans-serif;padding-bottom:calc(9rem + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}
[hidden]{display:none!important}
.wrap{width:min(70rem,calc(100% - 4rem));margin-inline:auto}
.skip{position:fixed;z-index:100;left:1rem;top:-5rem;background:var(--green);color:var(--bg);padding:.75rem 1.25rem}
.skip:focus{top:1rem}
.header{min-height:6.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--line)}
.brand{flex-shrink:0}
.brand img{width:10.25rem;height:4.375rem;object-fit:contain}
.header-link{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:1.5rem;min-height:2.75rem}
.header-link span{color:var(--green);font-size:1.25rem}
.eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:650;line-height:1.5;color:var(--muted);text-transform:uppercase;margin:0 0 1.375rem}
h1,h2,h3{font-family:Space,Arial,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0}
.hero{padding-top:4.625rem;text-align:center}
.hero>.eyebrow{display:flex;justify-content:center;align-items:center;gap:.625rem}
.signal{width:.375rem;height:.375rem;background:var(--green);display:inline-block;flex-shrink:0}
h1{font-size:clamp(2.5rem,5vw,4.25rem);max-width:56rem;margin:auto}
h1 .price{display:inline-block;color:var(--green);font-family:GeistMono,monospace;font-size:.94em;letter-spacing:-.05em;white-space:nowrap}
.hero-description{max-width:41rem;font-size:1.125rem;line-height:1.7;color:var(--muted);margin:1.75rem auto 1.875rem}
.button{min-height:3.5rem;display:inline-flex;justify-content:center;align-items:center;gap:1.75rem;padding:.9375rem 1.5rem;border-radius:.375rem;font-size:1rem;font-weight:750;line-height:1.4;transition:background .2s,transform .2s}
.primary{background:var(--green);color:var(--bg)}
.primary:hover{background:#00b266;transform:translateY(-2px)}
.primary:active{background:#00a25c}
.hero-note{font-size:.8125rem;color:var(--muted);margin:.875rem 0 .75rem}
.briefing-link{display:inline-block;font-size:.875rem;color:#c9cfcc;text-decoration:underline;text-underline-offset:4px;padding:.5rem 0;line-height:1.6}
.hero-footer{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:3.75rem;padding:1.5rem 0 2.25rem;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted);gap:1.5rem}
.hero-footer a{border:1px solid var(--line);border-radius:50%;width:2.75rem;height:2.75rem;display:grid;place-items:center;color:var(--text);flex-shrink:0}
.process{padding-block:5rem 5.625rem}
.section-heading h2{font-size:clamp(2rem,4vw,3rem)}
.section-heading>p:not(.eyebrow),.gallery-heading>div>p:last-child{color:var(--muted);max-width:30rem;font-size:1rem}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.625rem;margin-top:2.75rem}
.steps article{border-top:1px solid var(--line);padding-top:1.5rem}
.step-icon{font-family:Space,Arial,sans-serif;font-size:1.75rem;color:var(--green);display:block;line-height:1;margin-bottom:1.375rem}
.steps h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.2}
.steps p{font-size:1rem;color:var(--muted);margin-bottom:0;max-width:22rem}
.portfolio{border-top:1px solid var(--line);padding-top:5rem}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.75rem;padding-bottom:3.25rem}


.project{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:3rem;border-top:1px solid var(--line);padding:3.25rem 1.875rem;position:relative;min-width:0}
.project-story{max-width:21rem;min-width:0;align-self:center}
.portrait{width:7rem;height:7rem;object-fit:cover;border-radius:50%;margin-bottom:1.75rem;border:1px solid var(--line)}
.portrait.brand-portrait{border-radius:1rem;background:#f4f6f5;object-fit:contain;padding:.75rem}
.portrait.athlete{object-fit:contain;background:var(--surface);border-radius:1.25rem}
.project-story .eyebrow{font-size:.75rem;margin-bottom:.625rem;letter-spacing:.08em;max-width:22rem}
.project-story h3{font-size:clamp(1.625rem,3.3vw,2.6875rem);letter-spacing:-.035em;line-height:1.12}
.project-description{color:var(--muted);font-size:1rem;margin:1.125rem 0 1.375rem;max-width:19rem}
.preview-button{min-height:2.875rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1.875rem;border:1px solid #444c47;border-radius:.3125rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:650;line-height:1.4}
.preview-button:hover{background:var(--surface);border-color:var(--text)}
.project-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:1.75rem;min-width:0;padding-bottom:2.125rem}
.page-preview{position:relative;display:block;flex:0 0 auto;width:16.875rem;height:34.375rem;padding:.375rem;border:1px solid #3c4540;border-radius:1.375rem;overflow:hidden;background:var(--surface);box-shadow:0 1.125rem 2.5rem #0005;transition:transform .25s}
.page-focus:after{content:'';position:absolute;inset:auto 0 0;height:2.875rem;pointer-events:none;background:linear-gradient(transparent,#0a0c0b)}
.page-preview>img{width:100%;height:auto;border-radius:.9375rem}
.preview-hint{position:absolute;z-index:3;bottom:.875rem;left:50%;transform:translateX(-50%);font-size:.75rem;display:flex;gap:1rem;padding:.5rem .75rem;border:1px solid #5c665f;border-radius:.25rem;white-space:nowrap;color:var(--text);background:#0a0c0bea;opacity:0;transition:opacity .2s}
.page-preview:hover{transform:translateY(-4px)}
.page-preview:hover .preview-hint,.page-preview:focus-visible .preview-hint{opacity:1}
/* A capa em movimento ocupa o enquadramento exato da captura original. */
.page-canvas{position:relative;display:block;width:100%;overflow:hidden;border-radius:.9375rem}
.page-canvas>img:first-child{width:100%;height:auto}
.live-cover{position:absolute;display:block;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.live-cover video{position:absolute;left:0;width:100%;max-width:none;pointer-events:none}
.cover-logo{position:absolute;object-fit:contain;pointer-events:none}
.page-overview{display:block;flex:0 0 auto;aspect-ratio:var(--page-ratio);height:36.875rem;max-width:9.6875rem;border:1px solid #3b443e;border-radius:.4375rem;overflow:hidden;background:var(--surface);box-shadow:0 .75rem 1.875rem #0003;transition:transform .2s}
.page-overview img{width:100%;height:100%;object-fit:contain}
.page-overview:hover{transform:translateY(-3px)}
.visual-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--muted);font-size:.75rem;line-height:1.5}
.offer{border:1px solid var(--line);border-radius:.75rem;background:var(--surface);padding:4.375rem 2rem;text-align:center;margin-top:3.125rem}
.offer h2{font-size:clamp(2.125rem,4.3vw,3.5rem)}
.offer>p:not(.eyebrow):not(.terms-note){max-width:36rem;margin:1.5625rem auto;color:var(--muted)}
.offer-features{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:2rem 0;font-size:.9375rem;color:#d5ddd7}
.offer-features span:before{content:'✓';color:var(--green);margin-right:.5rem}
.guarantee{margin:2rem 0 1.5rem;font-size:1rem}
.guarantee strong{font-weight:650}
.guarantee p{margin:.25rem 0;color:var(--muted)}
.terms-note{font-size:.875rem;color:var(--muted);max-width:43rem;margin:0 auto;line-height:1.7}
.faq{padding-block:6.25rem 4.375rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:2.8125rem}
.faq h2{font-size:2.375rem}
.questions{min-width:0}
.questions details{border-bottom:1px solid var(--line)}
.questions details:first-child{border-top:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;cursor:pointer;list-style:none;padding:1.375rem 0;font-size:1rem;font-weight:550;line-height:1.5}
summary::-webkit-details-marker{display:none}
summary span{color:var(--muted);font-size:1.5rem;font-weight:300;transition:transform .2s;flex-shrink:0}
details[open] summary span{transform:rotate(45deg)}
details p{font-size:1rem;color:var(--muted);margin:0 1.5625rem 1.5rem 0}
.faq-contact{grid-column:1/-1;font-size:1rem;color:var(--muted);text-align:center;margin-top:.625rem}
.faq-contact a{color:var(--text);text-decoration:underline;text-underline-offset:5px}
.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:1.75rem 3rem;gap:1.875rem}
.footer p,.footer a{font-size:.8125rem;color:var(--muted)}
.footer img{object-fit:contain}
.footer>a{display:inline-flex;align-items:center;min-height:2.75rem}
.sticky-cta{position:fixed;z-index:20;bottom:calc(1.125rem + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(51rem,calc(100% - 2.5rem));padding:.75rem .875rem .75rem 1.375rem;display:flex;gap:1.875rem;align-items:center;justify-content:space-between;background:#161a18f5;border:1px solid #39413c;border-radius:.625rem;box-shadow:0 .75rem 2.5rem #0009}
.sticky-cta>div{display:flex;flex-direction:column;min-width:0}
.sticky-cta strong{font-size:.9375rem;font-weight:600;line-height:1.4}
.sticky-cta>div>span{font-size:.8125rem;color:var(--muted);line-height:1.45;margin-top:.125rem}
.sticky-cta .button{min-height:3rem;font-size:.875rem;gap:1.125rem;padding:.75rem 1.1875rem;white-space:nowrap;flex-shrink:0}
.sticky-price{font-family:GeistMono,monospace;font-size:.875rem}
body.has-js .sticky-cta:not(.is-visible){visibility:hidden;opacity:0;pointer-events:none}
.whatsapp-float{position:fixed;right:1.5rem;bottom:calc(7.75rem + env(safe-area-inset-bottom));display:grid;place-items:center;width:3.125rem;height:3.125rem;border-radius:50%;background:var(--bg);color:var(--green);border:1px solid #3c5145;z-index:21;box-shadow:0 .25rem 1.125rem #0008}
.whatsapp-float:hover{background:var(--surface)}
.preview-dialog{padding:0;background:var(--bg);color:var(--text);border:1px solid #424b45;border-radius:.75rem;width:min(48.75rem,calc(100% - 1.5rem));max-height:92dvh;overflow:hidden}
.preview-dialog[open]{display:flex;flex-direction:column}
.preview-dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 1.5rem;border-bottom:1px solid var(--line);flex-shrink:0}
.dialog-head .eyebrow{font-size:.75rem;margin-bottom:.25rem}
.dialog-head h2{font-size:1.5625rem}
.dialog-close{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--surface);border:1px solid var(--line);flex-shrink:0}
.dialog-toolbar{padding:.625rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.625rem 1.25rem;flex-wrap:wrap;border-bottom:1px solid var(--line);flex-shrink:0}
.dialog-toolbar p{font-size:.8125rem;color:var(--muted);margin:0;max-width:23rem;flex:1;min-width:10rem;line-height:1.5}
.dialog-toolbar a{font-size:.8125rem;text-decoration:underline;white-space:nowrap;margin-left:auto;min-height:2.75rem;display:inline-flex;align-items:center}
.preview-mode{font-size:.8125rem;background:transparent;border:1px solid var(--line);padding:.5rem .625rem;border-radius:.25rem;white-space:nowrap;min-height:2.75rem}
.dialog-body{overflow:auto;padding:1.5rem;overscroll-behavior:contain}
.dialog-body img{width:min(100%,30rem);height:auto;margin:auto;background:var(--surface)}
.dialog-body:has(#preview-frame:not([hidden])){padding:0;overflow:hidden;min-height:12.5rem;height:72dvh;flex:1}
#preview-frame{display:block;width:100%;height:100%;border:0;background:#fff}
body.modal-open{overflow:hidden}
body.modal-open .sticky-cta,body.modal-open .whatsapp-float{visibility:hidden}

@media(min-width:768px) and (max-width:1099px){
 .steps{gap:1.5rem}.steps h3{font-size:1.375rem}
 .project{padding-inline:.5rem;gap:1.5625rem;grid-template-columns:.7fr 1.3fr}
 .page-preview{width:13.4375rem;height:28.75rem;border-radius:1rem}
 .page-overview{height:32.5rem;max-width:5.9375rem}
 .project-visual{gap:1rem}.project-story h3{font-size:2.125rem}
 .faq{gap:2rem;grid-template-columns:.8fr 1.2fr}.faq h2{font-size:2rem}
}
@media(max-width:767px){
 .wrap{width:calc(100% - 2.25rem)}
 .header{min-height:5.125rem;gap:1rem}.brand img{width:7.875rem;height:3.625rem}.header-link{font-size:.8125rem;gap:.75rem}
 .hero{padding-top:3.375rem}h1{font-size:clamp(2.25rem,8.5vw,3.4375rem);max-width:38.75rem}.hero>.eyebrow{font-size:.75rem;letter-spacing:.06em}
 .hero-description{font-size:1rem;max-width:33rem;margin-top:1.5rem}.hero .button{font-size:.9375rem;min-height:3.625rem;gap:1rem;padding-inline:1.25rem}
 .hero-note{font-size:.8125rem}.briefing-link{font-size:.875rem;max-width:22rem}.hero-footer{margin-top:2.5rem;padding-bottom:1.625rem;font-size:.875rem}
 .process{padding-block:3.75rem}.steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.steps article{display:grid;grid-template-columns:2.125rem 1fr;gap:.5rem .75rem;padding-top:1.25rem}
 .step-icon{grid-row:1/3;margin:0;font-size:1.5625rem}.steps h3{font-size:1.5rem}.steps p{grid-column:2;margin:0;max-width:100%;font-size:1rem}
 .portfolio{padding-top:3.75rem}.gallery-heading{align-items:flex-start;gap:1.25rem;flex-direction:column;padding-bottom:2rem}.gallery-heading>div>p:last-child{font-size:1rem;margin-bottom:0}
 .project{grid-template-columns:minmax(7.375rem,.79fr) minmax(0,1.21fr);padding:2.25rem 0;gap:.875rem}
 .project-story h3{font-size:1.625rem}.portrait{width:5rem;height:5rem;margin-bottom:1.25rem}.portrait.brand-portrait{padding:.5rem;border-radius:.75rem}
 .project-story .eyebrow{font-size:.75rem;letter-spacing:.025em;line-height:1.5;margin-bottom:.5rem}
 .project-description{font-size:.875rem;line-height:1.65;margin:1rem 0}
 .preview-button{font-size:.875rem;gap:.5rem;padding:.625rem .6875rem;min-height:2.75rem;white-space:nowrap}
 .project-visual{gap:.5rem;padding-bottom:2rem;justify-content:flex-end}
 .page-preview{flex:1 1 auto;width:7.8125rem;max-width:11.875rem;min-width:0;height:20rem;padding:.1875rem;border-radius:.625rem}
 .page-preview>img,.page-canvas{border-radius:.375rem}.preview-hint{display:none}.page-focus:after{height:1.75rem}
 .page-overview{height:22.5rem;max-width:4rem;border-radius:.1875rem;box-shadow:none}
 .visual-caption{font-size:.75rem;white-space:normal;line-height:1.4}
 .offer{margin-top:1.25rem;padding:2.8125rem 1.25rem;border-radius:.5rem}.offer>p:not(.eyebrow):not(.terms-note){font-size:1rem}
 .offer-features{gap:.5625rem;flex-direction:column;margin:1.5625rem 0;font-size:.9375rem}.offer .button{font-size:.9375rem;gap:.875rem;padding-inline:1rem}.terms-note{font-size:.875rem}
 .faq{grid-template-columns:1fr;padding-block:4rem 2.8125rem;gap:1.75rem}.faq h2{font-size:2.0625rem}.faq-contact{font-size:1rem;line-height:1.8}.faq-contact a{display:block}
 summary{font-size:1rem;padding:1.1875rem 0}details p{font-size:1rem;margin-right:0}
 .footer{flex-wrap:wrap;gap:.625rem;padding-block:1.375rem 1.875rem}.footer img{width:6.875rem}.footer p{font-size:.8125rem}.footer>a{width:100%;justify-content:center;margin-top:.625rem}
 .sticky-cta{width:calc(100% - 1.25rem);bottom:calc(.625rem + env(safe-area-inset-bottom));padding:.75rem;gap:.75rem;border-radius:.5rem}
 .sticky-cta strong{font-size:.8125rem}.sticky-cta>div>span{font-size:.75rem;max-width:12rem}.sticky-cta .button{font-size:.875rem;gap:.1875rem;flex-direction:column;min-height:3.375rem;padding:.625rem .75rem}.sticky-price{font-size:.875rem}
 .whatsapp-float{width:2.75rem;height:2.75rem;right:1rem;bottom:calc(7.75rem + env(safe-area-inset-bottom))}
 .dialog-head{padding:.75rem 1rem}.dialog-head h2{font-size:1.375rem}.dialog-toolbar{padding:.625rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dialog-toolbar p{grid-column:1/-1;max-width:none}.dialog-toolbar a{font-size:.8125rem;white-space:normal;text-align:right}.preview-mode{font-size:.8125rem;white-space:normal}.dialog-body{padding:.875rem}.preview-dialog{max-height:94dvh}
}
@media(min-width:480px) and (max-width:767px){
 .project{gap:1.5625rem}.page-preview{height:23rem;width:10.625rem;max-width:13.125rem}.page-overview{height:26rem;max-width:5rem}.project-visual{gap:.875rem}.project-story h3{font-size:2rem}.project-description{font-size:1rem}.portrait{width:5.875rem;height:5.875rem}
}
@media(max-width:359px){
 .wrap{width:calc(100% - 2rem)}.header{gap:.5rem}.brand img{width:7rem}.header-link{font-size:.75rem;gap:.375rem}
 h1{font-size:2.25rem}.hero .button{font-size:.875rem;padding-inline:.875rem}.hero>.eyebrow{letter-spacing:.025em}
 .project{gap:.75rem;grid-template-columns:minmax(6.875rem,.8fr) minmax(0,1.2fr)}.project-story h3{font-size:1.5rem}.portrait{width:4.5rem;height:4.5rem}
 .page-preview{height:18rem;width:6.25rem}.page-overview{height:20rem;max-width:2.875rem}.project-visual{gap:.375rem}
 .preview-button{font-size:.8125rem;padding:.625rem .5rem;gap:.375rem}.offer{padding-inline:1rem}.offer .button{font-size:.875rem;gap:.625rem;padding-inline:.875rem}
 .sticky-cta{gap:.5rem;padding:.625rem}.sticky-cta strong{font-size:.8125rem}.sticky-cta .button{font-size:.8125rem;padding:.625rem}.sticky-price{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.page-preview:hover,.page-overview:hover,.primary:hover{transform:none}
}
.dialog-return{display:block;width:100%;min-height:2.75rem;flex-shrink:0;padding:.75rem 1rem;background:var(--surface);border:0;border-top:1px solid var(--line);font-size:.875rem;font-weight:600;line-height:1.4;text-align:center}
.dialog-return:hover{background:#232925}
body.has-js:has(.sticky-cta:not(.is-visible)) .whatsapp-float{visibility:hidden;opacity:0;pointer-events:none}
html{scroll-padding-bottom:calc(10rem + env(safe-area-inset-bottom))}
summary,.preview-button,.briefing-link,.faq-contact a{scroll-margin-bottom:calc(10rem + env(safe-area-inset-bottom))}

/* Direção Accelera adaptada à Prospere: luz verde orgânica, profundidade e movimento. */
.header{position:relative;z-index:3;border-color:#ffffff12}
.hero.wrap{position:relative;isolation:isolate;width:100%;padding-inline:max(2rem,calc((100% - 70rem)/2));padding-top:4.25rem}
.hero>:not(.hero-atmosphere){position:relative;z-index:1}
.hero-atmosphere{position:absolute;z-index:-1;inset:-6.75rem 0 -3rem;overflow:hidden;pointer-events:none;background:#090d0b}
.hero-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#0a0c0be8 0%,#0a0c0b75 35%,transparent 70%),linear-gradient(0deg,var(--bg),transparent 24%,transparent 90%,#0a0c0b40)}
.ambient-wash{position:absolute;inset:-15%;background:radial-gradient(ellipse at 12% 30%,#00c16e24,transparent 35%),radial-gradient(ellipse at 89% 72%,#00c16e1f,transparent 30%);animation:ambient-breathe 14s ease-in-out infinite alternate}
.ambient-grid{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#70bd94 .7px,transparent .7px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 40%,transparent 90%)}
.ambient-ribbon{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.88;transform-origin:40% 50%;animation:ribbon-drift 18s ease-in-out infinite alternate}
.ribbon-secondary{opacity:.74;transform-origin:75% 55%;animation-name:ribbon-return;animation-duration:22s;animation-delay:-8s}
.hero>.hero-badge{display:inline-flex;max-width:100%;padding:.5rem .875rem;border:1px solid #73c69b24;border-radius:999px;background:#1134234d;box-shadow:inset 0 1px #c9ffdf0d;font-size:.75rem;letter-spacing:.08em}
.hero-badge .signal{border-radius:50%;box-shadow:0 0 0 4px #00c16e14}
.hero h1{font-size:clamp(2.5rem,5vw,4.25rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;max-width:56rem;text-wrap:balance}
.hero h1 .price{text-shadow:0 0 35px #00c16e24}
.hero-description{color:#b6c2bb;max-width:41rem;margin-bottom:2rem}
.hero-note{color:#acb9b1}.briefing-link{color:#c4d3ca;text-decoration-color:#6c8c796e;text-underline-offset:.375rem}
.briefing-link:hover{color:var(--text);text-decoration-color:var(--green)}
.hero-footer{margin-top:3.25rem;padding-bottom:1.625rem;border-color:#6b9d7e2b;gap:2rem;color:#9cacA3}
.hero-footer>span{max-width:24rem}
.hero-footer>a{background:#12221870;border-color:#5a866842;transition:background .2s,transform .2s}
.hero-footer>a:hover{background:#1b3324;transform:translateY(3px)}


.button.primary{position:relative;gap:1.125rem;overflow:hidden;isolation:isolate;border:1px solid #41dc985c;box-shadow:inset 0 1px 0 #c3ffe24d,0 8px 28px #00c16e17;border-radius:.625rem;transition:background .2s,box-shadow .2s,transform .2s}
.button.primary:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffff25 45%,transparent 70%);transform:translateX(-120%);transition:transform .65s}
.button.primary:hover:before{transform:translateX(120%)}
.button.primary:hover{background:#12cc80;box-shadow:inset 0 1px #d4ffe94d,0 10px 34px #00c16e2b;transform:translateY(-2px)}
.button.primary:active{background:#00a25c;transform:translateY(0)}
.button-label{position:relative}
.button-icon{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;margin:-.25rem -.5rem -.25rem 0;border-radius:.375rem;background:#063a2330;transition:transform .25s,background .25s}
.button-icon svg{width:1.125rem;height:1.125rem}.button:hover .button-icon{transform:translate(1px,-1px);background:#063a2350}
.process{position:relative;padding-top:5.5rem}
.process .section-heading{max-width:44rem}
.steps{gap:1.25rem;margin-top:2.5rem}
.steps article{position:relative;display:flex;flex-direction:column;gap:0;padding:1.75rem;border:1px solid #34473a80;border-radius:1rem;background:linear-gradient(145deg,#1b2b2080,#0e1511 70%);box-shadow:inset 0 1px #a5d5b808;overflow:hidden;transition:border-color .3s,transform .3s,background .3s}
.steps article:after{content:'';position:absolute;top:0;left:1.75rem;right:1.75rem;height:1px;background:linear-gradient(90deg,transparent,#52d59377,transparent)}
.steps article:hover{border-color:#397c544f;transform:translateY(-4px);background:linear-gradient(145deg,#1d352680,#0e1511 70%)}
.step-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.875rem}
.step-label{font-family:GeistMono,monospace;font-size:.75rem;letter-spacing:.08em;color:#aad9bf}
.step-icon{display:grid;place-items:center;width:2.625rem;height:2.625rem;border:1px solid #39654c6e;border-radius:.625rem;color:#79d6a5;background:#13251c;margin:0;line-height:1}
.step-icon svg{width:1.375rem;height:1.375rem}
.steps h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.2;max-width:15rem}
.steps p{font-size:1rem;line-height:1.65;color:#aebbb3;margin-top:1rem;max-width:none}
.portfolio{border-color:#33503c73;padding-top:5.5rem}
.gallery-heading{padding-bottom:2.75rem}.gallery-heading h2{font-size:clamp(2.125rem,4.2vw,3.25rem);letter-spacing:-.035em}
.gallery-heading .eyebrow{color:#8db39d}


.project{isolation:isolate;padding:3rem 2.5rem;margin-bottom:1.5rem;border:1px solid #35473b80;border-radius:1.375rem;background:radial-gradient(ellipse at 96% 40%,#00c16e07,transparent 60%),linear-gradient(130deg,#121a16,#0c110e 75%);gap:2.5rem;box-shadow:inset 0 1px #b4dbbf08;overflow:hidden}
.project:before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#a8ddbb24,transparent)}
.project:nth-of-type(even){background:radial-gradient(ellipse at 8% 65%,#00c16e08,transparent 70%),linear-gradient(150deg,#101712,#0d120f)}
.project-story .eyebrow{color:#96b4a2}
.portrait{border:3px solid #161f19;box-shadow:0 0 0 1px #48665370,0 .75rem 1.5rem #0003}
.project-story h3{letter-spacing:-.035em}
.project-description{color:#acb9b1}
.project-visual{padding-bottom:0;min-height:34rem;perspective:900px}
.page-preview{background:#151d18;border-color:#68827366;box-shadow:0 18px 45px #0008,inset 0 1px #c5e3d222;transform:rotate(-1deg);animation:preview-float 9s ease-in-out infinite;animation-play-state:paused}
.project.is-in-view .page-preview,.project.is-in-view .page-overview{animation-play-state:running}
.page-preview:hover{animation-play-state:paused;transform:translateY(-5px) rotate(0)}
.page-overview{border-color:#4c6b566e;box-shadow:0 12px 30px #0006;transform:rotate(2deg);animation:overview-float 11s ease-in-out infinite;animation-play-state:paused;animation-delay:-3s}
.page-overview:hover{animation-play-state:paused;transform:translateY(-4px) rotate(0)}
.preview-button{background:#17221b;border-color:#48675394;border-radius:.625rem;gap:1.25rem;padding:.625rem .6875rem .625rem 1rem;box-shadow:inset 0 1px #c5e3d209;transition:background .25s,border-color .25s,transform .25s}
.preview-button:hover{background:#213426;border-color:#75a1848c;transform:translateY(-2px)}
.preview-icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:.375rem;background:#35564246}
.preview-icon svg{width:1rem;height:1rem}
.offer{position:relative;isolation:isolate;overflow:hidden;border-color:#49715778;border-radius:1.5rem;background:radial-gradient(ellipse at 50% 0,#0e4d3450,transparent 65%),#101812;margin-top:4rem;padding-block:5rem;box-shadow:inset 0 1px #b4dbbf19}
.offer:before{content:'';position:absolute;z-index:-1;inset:-35% -20% auto;height:25rem;background:radial-gradient(ellipse,#00c16e12,transparent 70%);animation:ambient-breathe 18s ease-in-out infinite alternate}
.offer h2{letter-spacing:-.035em;text-wrap:balance}.offer>.eyebrow{color:#a0c7b0}
.offer-features{gap:.75rem}.offer-features span{padding:.625rem .875rem;border:1px solid #53776052;background:#15312145;border-radius:999px;font-size:.875rem}
.guarantee{max-width:36rem;margin:2.25rem auto 1.5rem;padding-top:1.75rem;border-top:1px solid #5c836341}
.terms-note{max-width:42rem;color:#9cacA3}
.faq{gap:3.5rem;padding-top:6rem}.faq .section-heading{align-self:start;position:sticky;top:3rem}.faq h2{letter-spacing:-.035em}
.questions details,.questions details:first-child{border:1px solid #32443880;border-radius:.875rem;background:#111913;margin-bottom:.75rem;transition:border-color .25s,background .25s}
.questions details:hover{border-color:#567b626e}.questions details[open]{background:linear-gradient(140deg,#17261d,#101713);border-color:#54876a6b}
.questions summary{padding:1.25rem 1.375rem;gap:1rem;line-height:1.5}
.questions summary span{display:grid;place-items:center;width:1.75rem;height:1.75rem;font-size:1.25rem;border:1px solid #476d5261;border-radius:50%;background:#213f2b38;color:#b0cbb9}
.questions details p{padding:0 1.375rem 1.5rem;margin:0;color:#aebbb3}
.faq-contact{margin-top:.5rem}
.footer{border-color:#3e58466e}
.sticky-cta{border-color:#4f785d70;background:#111c16f5;box-shadow:0 12px 40px #0009,inset 0 1px #cee7d312;backdrop-filter:blur(18px)}
.sticky-cta .button.primary{border-radius:.4375rem}.whatsapp-float{background:#101b13f2;border-color:#5b8b6d80;box-shadow:0 4px 20px #0007}
.reveal.is-revealed{animation:content-arrive .7s cubic-bezier(.16,1,.3,1) both}
.steps .reveal:nth-child(2){animation-delay:.07s}.steps .reveal:nth-child(3){animation-delay:.14s}
@keyframes ribbon-drift{from{transform:translate3d(-25px,12px,0) rotate(-3deg) scale(1.04)}to{transform:translate3d(28px,-24px,0) rotate(3deg) scale(1.11)}}
@keyframes ribbon-return{from{transform:translate3d(20px,-10px,0) rotate(2deg) scale(1.03)}to{transform:translate3d(-32px,24px,0) rotate(-3deg) scale(1.08)}}
@keyframes ambient-breathe{from{transform:translate3d(-2%,0,0) scale(.95);opacity:.65}to{transform:translate3d(2%,-2%,0) scale(1.1);opacity:1}}
@keyframes preview-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-9px,0) rotate(.35deg)}}
@keyframes overview-float{0%,100%{transform:translate3d(0,-4px,0) rotate(2deg)}50%{transform:translate3d(0,5px,0) rotate(.5deg)}}
@keyframes content-arrive{from{opacity:.72;translate:0 20px}to{opacity:1;translate:0 0}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
body:not(.has-js) .ambient-motion,body:not(.has-js) .offer:before{animation:none}
@media(min-width:768px) and (max-width:1099px){
 .steps{gap:.875rem}.steps article{padding:1.375rem}.steps h3{font-size:1.375rem}.step-head{margin-bottom:1.5rem}
 .project{padding:2.5rem 1.5rem;gap:1.5rem;grid-template-columns:.7fr 1.3fr}.project-visual{min-height:32rem;gap:.875rem}.page-preview{width:12.25rem;height:27rem}.page-overview{height:30rem;max-width:5.25rem}
 .faq{gap:2rem}.questions summary{padding:1.125rem}.questions details p{padding-inline:1.125rem}
}
@media(max-width:767px){
 .hero.wrap{padding-inline:1.125rem;padding-top:2.875rem}.hero-atmosphere{inset:-5.125rem 0 -1rem}.hero-atmosphere:after{background:radial-gradient(ellipse at 50% 40%,#0a0c0bcb,transparent 80%),linear-gradient(0deg,var(--bg),transparent 35%)}
 .ambient-ribbon{width:200%;max-width:none;left:-50%;opacity:.9}.ribbon-secondary{left:-30%;opacity:.75}.ambient-wash{background:radial-gradient(ellipse at 0 25%,#00c16e30,transparent 40%),radial-gradient(ellipse at 95% 65%,#00c16e24,transparent 35%)}
 .hero>.hero-badge{font-size:.6875rem;letter-spacing:.06em;padding:.5rem .75rem}.hero h1{font-size:clamp(2.25rem,8.5vw,3.4375rem);line-height:1.1}.hero-description{font-size:1rem;margin-top:1.5rem;margin-bottom:1.875rem}
 .hero .button{gap:.75rem;padding:.875rem 1rem;font-size:.9375rem}.button-icon{width:1.875rem;height:1.875rem;margin-right:-.375rem}.button-icon svg{width:1.0625rem;height:1.0625rem}
 .hero-footer{display:grid;grid-template-columns:1fr auto;gap:1.25rem;margin-top:2.25rem;padding-top:1rem;padding-bottom:1.5rem}.hero-footer>span{grid-column:1;max-width:17rem;font-size:.875rem}.hero-footer>a{grid-column:2;grid-row:1}
 .process{padding-block:3.75rem 4rem}.steps{gap:1rem}.steps article{padding:1.5rem;display:block}.step-head{margin-bottom:1.25rem}.steps h3{font-size:1.5rem;max-width:none}.steps p{margin-top:1rem;font-size:1rem;grid-column:auto}
 .portfolio{padding-top:3.75rem}.gallery-heading{padding-bottom:2rem;gap:1.25rem}.gallery-heading h2{font-size:2.125rem}
 .project{padding:1.875rem .875rem;margin-bottom:1rem;border-radius:1rem;gap:.75rem;grid-template-columns:minmax(6.875rem,.83fr) minmax(0,1.17fr)}
 .project-visual{min-height:22rem;gap:.375rem;align-self:center}.project-story{padding:0}.portrait{width:4.75rem;height:4.75rem;margin-bottom:1.25rem}.project-story h3{font-size:1.5rem;line-height:1.15}.project-description{font-size:.875rem}.project-story .eyebrow{font-size:.6875rem;letter-spacing:.025em;line-height:1.5}
 .page-preview{width:7.5rem;height:19.5rem;max-width:11rem;border-radius:.625rem}.page-overview{height:21.5rem;max-width:3.5rem;border-radius:.25rem}.preview-button{gap:.375rem;padding:.5rem .375rem .5rem .625rem;font-size:.8125rem;min-height:2.75rem}.preview-icon{width:1.375rem;height:1.375rem;border-radius:.25rem}.preview-icon svg{width:.875rem;height:.875rem}
 .offer{margin-top:3rem;padding:3.25rem 1.25rem;border-radius:1rem}.offer-features{gap:.625rem;align-items:center}.offer-features span{font-size:.875rem;padding:.5rem .75rem}.offer .button{font-size:.875rem;gap:.75rem;padding:.875rem 1rem}.guarantee{margin-top:1.875rem;padding-top:1.5rem}.terms-note{font-size:.875rem}
 .faq{padding-top:4rem;gap:1.75rem}.faq .section-heading{position:static}.questions summary{padding:1.125rem 1rem;font-size:.9375rem}.questions details p{padding:0 1rem 1.25rem;font-size:1rem}.questions summary span{width:1.625rem;height:1.625rem}
 .sticky-cta .button.primary{gap:.1875rem;padding:.625rem .75rem}.sticky-cta{backdrop-filter:blur(12px)}
}
@media(min-width:480px) and (max-width:767px){
 .project{padding:2.25rem 1.5rem;gap:1.375rem}.page-preview{width:10.625rem;height:23rem;max-width:13rem}.page-overview{height:26rem;max-width:4.375rem}.project-visual{gap:.75rem;min-height:26rem}.project-story h3{font-size:2rem}.project-description{font-size:1rem}.portrait{width:5.875rem;height:5.875rem}
}
@media(max-width:359px){
 .hero.wrap{padding-inline:1rem}.hero>.hero-badge{font-size:.625rem;letter-spacing:.04em}.hero .button{font-size:.875rem;gap:.625rem;padding:.8125rem .75rem}.button-icon{width:1.75rem;height:1.75rem}
 .project{padding:1.5rem .75rem;gap:.625rem;grid-template-columns:minmax(6.375rem,.85fr) minmax(0,1.15fr)}.project-visual{min-height:21rem;gap:.3125rem}.page-preview{height:17.5rem;width:6rem}.page-overview{height:19rem;max-width:2.5rem}.project-story h3{font-size:1.375rem}.project-story .eyebrow{font-size:.625rem}.portrait{width:4.25rem;height:4.25rem}.preview-button{font-size:.75rem;padding:.5rem .375rem;gap:.25rem}.project-description{font-size:.8125rem}
 .offer{padding-inline:1rem}.offer .button{font-size:.8125rem;gap:.5rem;padding:.8125rem .75rem}.offer .button-icon{width:1.625rem;height:1.625rem}.steps article{padding:1.375rem}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;translate:none!important}.page-preview,.page-overview{transform:none!important}.hero h1 .price{text-shadow:none}
}
/* Popup: página navegável, sem barra técnica entre o visitante e o projeto. */
.preview-dialog{width:min(34rem,calc(100% - 1.5rem));height:92dvh;max-height:92dvh;border-color:#53715e8f;border-radius:1rem;box-shadow:0 20px 90px #000c}
.dialog-head{min-height:4.25rem;padding:.625rem 1rem;gap:1rem;background:#111a14}
.dialog-head h2{font-size:1.125rem;line-height:1.3}.dialog-close{width:2.75rem;height:2.75rem;background:#1a2a20;border-color:#3a5c456b}
.preview-dialog .dialog-body,.preview-dialog .dialog-body:has(#preview-frame:not([hidden])){padding:0;overflow:hidden;min-height:0;height:auto;flex:1}
#preview-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#0a0c0b}
.dialog-return{min-height:3rem;background:#121d16;border-color:#3e5c497a;font-size:.875rem;flex-shrink:0}
@media(max-width:767px){.preview-dialog{width:calc(100% - 1rem);height:94dvh;max-height:94dvh;border-radius:.875rem}.dialog-head{min-height:3.75rem;padding:.5rem .75rem}.dialog-head h2{font-size:1rem}.dialog-return{min-height:2.875rem}}




body.motion-paused .reveal.is-revealed{animation:none!important;opacity:1;translate:0 0}
@media(max-width:767px){.hero>.hero-badge,.project-story .eyebrow{font-size:.75rem}.project-story .eyebrow{letter-spacing:.015em}}
@media(max-width:359px){.hero>.hero-badge{font-size:.6875rem;letter-spacing:.025em}.project-description{font-size:.875rem}}
@media(max-width:359px){.hero>.hero-badge{font-size:.75rem}}
/* O limite nativo de dialog não deve estreitar a página no celular. */
@media(max-width:767px){.preview-dialog{max-width:calc(100% - 1rem)}}