:root{--ink:#050607;--surface:#0b0d0f;--paper:#ecece8;--muted:#92979d;--line:rgba(255,255,255,.13);--cyan:#72d8ff;--amber:#efb15d;--pad:clamp(22px,4vw,72px);--display:"Arial Narrow","Aptos Display",Arial,sans-serif;--body:"Aptos","Segoe UI",Arial,sans-serif;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-weight:300;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.skip-link{position:fixed;left:16px;top:-80px;z-index:999;background:#fff;color:#000;padding:12px 18px}.skip-link:focus{top:16px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-header{position:fixed;inset:0 0 auto;z-index:20;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(180deg,rgba(5,6,7,.5),transparent)}
.site-header.scrolled{height:70px;background:rgba(5,6,7,.86);backdrop-filter:blur(18px);border-color:var(--line)}
.brand svg{width:132px;display:block;overflow:visible}.brand text{font:600 24px var(--display);fill:var(--paper);letter-spacing:-1.5px}.brand circle{fill:var(--cyan)}
.desktop-nav{display:flex;gap:32px;font-size:13px;color:#c2c6ca}.desktop-nav a,.header-cta{transition:color .25s}.desktop-nav a:hover{color:#fff}
.header-cta{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.08em}.header-cta span{color:var(--cyan);margin-left:8px}
.hero{height:280vh;min-height:1500px;position:relative}
.hero-media{position:sticky;top:0;height:100vh;overflow:hidden;background:#060809}
.hero-media video,.hero-sequence,.hero-fallback,.hero-vignette{position:absolute;inset:0;width:100%;height:100%}
.hero-media video{object-fit:cover;z-index:1}
.hero-sequence{z-index:1;overflow:hidden;background:#020303}
.sequence-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:opacity}
.sequence-frame-a{z-index:1}
.sequence-frame-b{z-index:2;opacity:0}
.hero-fallback{z-index:0;background:radial-gradient(circle at 50% 52%,#24323a 0,#0d1216 16%,#060708 48%,#020303 100%);display:grid;place-items:center;perspective:900px}
.archive-grid{position:absolute;inset:12% 4% 0;background:repeating-linear-gradient(90deg,transparent 0 11%,rgba(106,171,198,.08) 11.2% 12%),repeating-linear-gradient(0deg,transparent 0 14%,rgba(255,255,255,.045) 14.2% 15%);transform:rotateX(63deg) translateY(32%);transform-origin:center bottom;filter:blur(.3px)}
.portal{width:min(25vw,340px);aspect-ratio:16/11;border:1px solid rgba(169,225,246,.5);background:#020303;box-shadow:0 0 8px rgba(114,216,255,.35),0 0 80px rgba(65,162,201,.17),0 0 180px rgba(55,137,171,.15);display:grid;place-items:center;animation:breathe 4s ease-in-out infinite}
.portal-core{width:80%;height:72%;background:radial-gradient(circle,#d7f5ff 0,#72d8ff 5%,#173849 20%,#010202 64%);filter:blur(1px);opacity:.72}
@keyframes breathe{50%{transform:scale(1.025);box-shadow:0 0 14px rgba(114,216,255,.7),0 0 100px rgba(65,162,201,.25),0 0 220px rgba(55,137,171,.2)}}
.hero-vignette{z-index:2;background:linear-gradient(180deg,rgba(3,4,5,.35) 0,transparent 25%,rgba(3,4,5,.15) 60%,#050607 100%),linear-gradient(90deg,rgba(3,4,5,.5),transparent 30%,transparent 70%,rgba(3,4,5,.35));pointer-events:none}
.hero-content{position:absolute;z-index:3;left:var(--pad);top:35vh;width:min(900px,82vw)}
.eyebrow{font:400 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:#c6c9ca}.eyebrow span{width:28px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
h1,h2,h3,p{margin-top:0}
h1{font:500 clamp(47px,7.2vw,112px)/.92 var(--display);letter-spacing:-.055em;margin:30px 0}
h1 em,h2 em{font-style:normal;color:var(--cyan)}
.hero-copy{max-width:650px;font-size:clamp(16px,1.4vw,21px);line-height:1.65;color:#c3c7ca}
.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em}.button-primary{background:var(--paper);color:var(--ink);min-width:300px;transition:.3s}.button-primary:hover{background:var(--cyan);transform:translateY(-2px)}.text-link{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.06em}.text-link span{margin-left:10px;color:var(--cyan)}
.hero-rail{position:absolute;z-index:4;right:var(--pad);top:31vh;height:265px;display:flex;flex-direction:column;align-items:center;gap:12px}.hero-rail span{font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.15em;writing-mode:vertical-rl}.hero-rail i{width:1px;flex:1;background:rgba(255,255,255,.2);position:relative}.hero-rail b{display:block;width:1px;height:0;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}
.scroll-cue{position:absolute;z-index:3;bottom:calc(180vh + 24px);right:var(--pad);font:300 9px var(--mono);text-transform:uppercase;letter-spacing:.18em}.scroll-cue span{color:var(--cyan);margin-left:8px}
.trust-strip{height:86px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:0 var(--pad);overflow:hidden}.trust-strip p{margin:0;white-space:nowrap;font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#b3b7ba}.trust-strip span{color:var(--cyan);font-size:8px}
.section-pad{padding:clamp(76px,8.5vw,145px) var(--pad)}
.section-label{display:grid;grid-template-columns:60px 1fr;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-bottom:clamp(48px,5.5vw,86px);font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.section-label p{margin:0}.section-label span{color:var(--cyan)}
.manifesto{background:var(--paper);color:var(--ink)}.manifesto .section-label{border-color:rgba(0,0,0,.16)}.manifesto-copy{font:500 clamp(37px,6.1vw,92px)/1.03 var(--display);letter-spacing:-.045em;max-width:1400px}.manifesto-copy p{margin:0}.manifesto-copy .accent-line{color:#8f9497}
.manifesto-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;border-top:1px solid rgba(0,0,0,.18)}.fact{padding:24px 7% 30px 0;border-right:1px solid rgba(0,0,0,.18)}.fact+ .fact{padding-left:10%}.fact:last-child{border:0}.fact span,.project-meta span{font:400 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#73787b}.fact h3{font:400 clamp(18px,1.6vw,26px)/1.35 var(--body);margin:28px 0 0}
.before-after{background:#0a0c0e}.ba-heading,.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.ba-heading h2,.projects-heading h2,.method-intro h2,.included h2,.faq h2,.final-cta h2{font:500 clamp(44px,6vw,88px)/.98 var(--display);letter-spacing:-.05em;margin:0}.ba-heading p,.projects-heading p{max-width:390px;color:var(--muted);line-height:1.65}
.comparison{height:min(69vw,780px);min-height:490px;position:relative;overflow:hidden;background:#181b1e}.comparison-side{position:absolute;inset:0}.comparison-before{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#d9d7cf;color:#282626;display:grid;place-items:center}.comparison-after{background:radial-gradient(circle at 70% 30%,#20475b,#080a0c 58%);display:grid;place-items:center}.comparison-tag{position:absolute;top:24px;left:24px;padding:8px 10px;background:rgba(5,6,7,.86);color:#fff;font:400 9px var(--mono);text-transform:uppercase;letter-spacing:.12em}.comparison-after .comparison-tag{left:auto;right:24px}
.old-site{width:62%;height:58%;background:#efeee9;border:7px solid #a9a9a4;box-shadow:0 30px 70px rgba(0,0,0,.18);padding:9%}.old-bar{height:6%;background:#b5b3aa;margin-bottom:8%}.old-nav{height:5%;width:70%;background:#386ca1;margin-bottom:15%}.old-copy{height:28%;background:repeating-linear-gradient(#999 0 2px,transparent 2px 13px)}.old-site button{margin-top:12%;background:#386ca1;color:#fff;border:0;padding:8px 15px;font:12px Arial}
.new-site{width:73%;height:68%;border:1px solid rgba(255,255,255,.18);padding:8%;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent);box-shadow:0 40px 110px rgba(0,0,0,.5)}.new-site:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(114,216,255,.4);border-radius:50%;right:-10%;top:-12%;box-shadow:0 0 70px rgba(114,216,255,.14)}.new-site span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--cyan)}.new-site strong{display:block;font:500 clamp(35px,5vw,76px)/.95 var(--display);letter-spacing:-.05em;margin-top:15%}.new-site i{display:block;width:76px;height:1px;background:var(--cyan);margin-top:12%}
.comparison input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.comparison-handle{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:1px;background:#fff;pointer-events:none}.comparison-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font:18px var(--mono)}
.projects{background:var(--paper);color:var(--ink)}.projects .section-label{border-color:rgba(0,0,0,.16)}.projects-heading em{color:#858b8f}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,80px)}.project-card{display:block}.project-card-large{grid-row:span 2}.project-card-wide{grid-column:2}.project-visual{height:32vw;min-height:360px;max-height:600px;display:grid;place-items:center;overflow:hidden;position:relative}.project-card-large .project-visual{height:64vw;max-height:1050px}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent,rgba(0,0,0,.24));transition:.5s}.project-visual span{font:500 clamp(40px,8vw,140px) var(--display);letter-spacing:-.06em;transition:.65s cubic-bezier(.2,.7,.2,1);z-index:1}.project-card:hover .project-visual span{transform:scale(1.08)}.visual-one{background:#e1d4c5;color:#291f1b}.visual-two{background:#1c6179;color:#e2fbff}.visual-three{background:#212325;color:#f1ad49}.visual-four{background:#c7b08d;color:#33281c}.project-meta{display:flex;justify-content:space-between;align-items:end;padding:22px 0 45px;border-top:1px solid rgba(0,0,0,.18)}.project-meta h3{font:500 clamp(21px,2vw,32px) var(--display);margin:8px 0 0}.project-meta b{font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.method{background:#0b0d0f}.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.method-intro{position:sticky;top:105px;align-self:start}.method-intro p{max-width:400px;color:var(--muted);line-height:1.7;margin-top:28px}.method-list{list-style:none;padding:0;margin:0}.method-list li{display:grid;grid-template-columns:65px 1fr;padding:28px 0 42px;border-top:1px solid var(--line)}.method-list li>span,.included-grid article>span{font:400 10px var(--mono);color:var(--cyan)}.method-list h3{font:500 clamp(30px,3vw,48px) var(--display);margin:0}.method-list p{color:var(--muted);line-height:1.65;max-width:470px;margin:14px 0 0}
.included{background:#121518}.included>h2{max-width:950px}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.included-grid article{min-height:300px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.included-grid h3{font:500 clamp(20px,2vw,30px) var(--display);margin:auto 0 16px}.included-grid p{color:var(--muted);line-height:1.6;font-size:14px}
.faq{background:var(--paper);color:var(--ink)}.faq .section-label{border-color:rgba(0,0,0,.16)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.accordion details{border-top:1px solid rgba(0,0,0,.18)}.accordion details:last-child{border-bottom:1px solid rgba(0,0,0,.18)}.accordion summary{list-style:none;padding:30px 0;display:flex;justify-content:space-between;cursor:pointer;font:500 clamp(17px,1.5vw,24px) var(--display)}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font:300 24px var(--body);transition:.3s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{max-width:650px;color:#62676a;line-height:1.7;padding:0 40px 30px 0}
.final-cta{min-height:82vh;padding:110px var(--pad);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.cta-glow{position:absolute;width:65vw;height:50vw;background:radial-gradient(ellipse,rgba(71,178,221,.18),transparent 68%);pointer-events:none}.final-cta>*:not(.cta-glow){position:relative}.final-cta h2{font-size:clamp(50px,8vw,124px);margin:28px 0}.final-cta>p:not(.eyebrow){max-width:600px;line-height:1.7;color:var(--muted)}.final-cta .button{margin-top:25px}.final-cta small{font:300 9px var(--mono);letter-spacing:.08em;color:#777;margin-top:18px}
footer{padding:50px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr 1fr;align-items:end;color:var(--muted);font-size:12px}footer p{margin:0}footer>div{display:flex;justify-content:space-between}footer a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}
@media(max-width:800px){.desktop-nav{display:none}.site-header{height:70px}.header-cta{font-size:9px}.brand svg{width:105px}.hero{height:145vh}.hero-content{top:25vh;width:calc(100vw - var(--pad)*2)}h1{font-size:clamp(42px,12vw,68px)}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.button-primary{min-width:0;width:100%}.hero-rail{display:none}.scroll-cue{bottom:calc(45vh + 20px)}.trust-strip{justify-content:flex-start}.trust-strip p:nth-of-type(n+4),.trust-strip span:nth-of-type(n+4){display:none}.section-label{margin-bottom:65px}.manifesto-facts,.included-grid{grid-template-columns:1fr}.fact,.fact+ .fact{padding:28px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.18)}.ba-heading,.projects-heading{display:block}.ba-heading p,.projects-heading p{margin-top:30px}.comparison{min-height:540px}.old-site{width:80%}.new-site{width:82%}.project-grid{display:block}.project-card,.project-card-large,.project-card-wide{margin-bottom:25px}.project-visual,.project-card-large .project-visual{height:105vw;min-height:0}.method-layout,.faq-layout{grid-template-columns:1fr}.method-intro{position:static;margin-bottom:70px}.included-grid{border-top:1px solid var(--line)}.included-grid article{min-height:240px}.faq h2{margin-bottom:70px}.final-cta{min-height:85vh}.final-cta h2{font-size:clamp(45px,13vw,75px)}footer{grid-template-columns:1fr;gap:28px}footer>div{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal{animation:none}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Materiais oficiais WebClick e comparador ZONE */
.brand svg{display:none}
.brand img{width:132px;height:auto;display:block;object-fit:contain}
.zone-screen{display:block;width:88%;height:auto;max-height:76%;object-fit:contain;box-shadow:0 32px 85px rgba(0,0,0,.28)}
.zone-screen-before{background:#fff}
.project-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.visual-three>img{opacity:.56;filter:saturate(.7) brightness(.7)}
.visual-three{color:#fff}
.project-visual>img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.project-card:hover .project-visual>img{transform:scale(1.035)}
.project-visual,.project-card-large .project-visual{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
.project-card-large{grid-column:1/-1;grid-row:auto}
.project-card-large .project-visual>img{object-position:left top}
.project-card-wide{grid-column:auto}
.zone-screen-after{background:#0b0b0b}
.project-visual{border-radius:14px;border:1px solid rgba(8,10,12,.1);box-shadow:0 24px 65px rgba(20,25,29,.14),0 3px 10px rgba(20,25,29,.08);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.project-card:hover .project-visual{transform:translateY(-5px);box-shadow:0 34px 80px rgba(20,25,29,.2),0 6px 16px rgba(20,25,29,.1)}
@media(max-width:800px){.brand img{width:105px}.zone-screen{width:96%;max-height:80%}.hero{height:240vh;min-height:1300px}.scroll-cue{bottom:calc(140vh + 20px)}.project-visual{border-radius:10px;box-shadow:0 18px 45px rgba(20,25,29,.14)}}

/* Capturas completas: proporção real das páginas, sem recorte lateral */
.project-visual,.project-card-large .project-visual{aspect-ratio:2.15/1}
.project-visual>img{object-fit:contain;background:#0b0d0f}

/* Formulário CRM em modal */
body.modal-open{overflow:hidden}
.diagnostic-modal{width:min(1180px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));padding:0;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0b0d0f;color:var(--paper);box-shadow:0 40px 140px rgba(0,0,0,.72);overflow:hidden}
.diagnostic-modal::backdrop{background:rgba(2,3,4,.82);backdrop-filter:blur(14px)}
.diagnostic-shell{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(480px,1.18fr);height:100%;position:relative}
.diagnostic-close{position:absolute;z-index:5;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,6,7,.76);cursor:pointer;transition:.25s}
.diagnostic-close:hover{background:var(--paper);border-color:var(--paper)}
.diagnostic-close span{position:absolute;left:13px;top:21px;width:18px;height:1px;background:#fff;transform:rotate(45deg)}
.diagnostic-close span+span{transform:rotate(-45deg)}
.diagnostic-close:hover span{background:var(--ink)}
.diagnostic-intro{padding:clamp(34px,4vw,62px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:radial-gradient(circle at 15% 80%,rgba(61,158,197,.18),transparent 48%),#080a0c}
.diagnostic-intro h2{font:500 clamp(34px,3.5vw,56px)/1 var(--display);letter-spacing:-.045em;margin:28px 0}
.diagnostic-intro>div>p:not(.eyebrow){color:#aeb3b7;line-height:1.7;font-size:14px}
.diagnostic-intro small{font:300 9px/1.6 var(--mono);letter-spacing:.06em;color:#737a80}
.diagnostic-form{position:relative;height:100%;background:#fff;overflow:auto}
.crm-form-frame{position:relative;z-index:2;display:block;width:100%;height:100%;min-height:668px;border:0;background:#fff;opacity:0;transition:opacity .25s}
.diagnostic-form.form-loaded .crm-form-frame{opacity:1}
.form-loading{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#596067;font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.09em;transition:opacity .25s,visibility .25s}
.diagnostic-form.form-loaded .form-loading{opacity:0;visibility:hidden;pointer-events:none}
.form-loading span{width:18px;height:18px;border:2px solid #d4d9dc;border-top-color:#354df5;border-radius:50%;animation:form-spin .8s linear infinite}
@keyframes form-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.diagnostic-modal{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.diagnostic-shell{display:block;overflow:auto}.diagnostic-intro{min-height:330px;padding:30px 24px}.diagnostic-intro h2{font-size:36px;max-width:90%}.diagnostic-intro .brand{margin-bottom:70px}.diagnostic-form{height:auto;min-height:700px}.crm-form-frame{height:700px}.diagnostic-close{position:fixed;top:14px;right:14px}}

/* Secção 04 — radar de transformação */
.method-radar{width:min(390px,100%);aspect-ratio:1;margin-top:58px;position:relative;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(114,216,255,.1),transparent 55%)}
.method-radar:before,.method-radar:after{content:"";position:absolute;background:var(--line)}.method-radar:before{width:100%;height:1px}.method-radar:after{height:100%;width:1px}
.radar-ring{position:absolute;border:1px solid rgba(114,216,255,.22);border-radius:50%}.radar-ring-one{inset:17%}.radar-ring-two{inset:34%}
.radar-scan{position:absolute;width:50%;height:50%;left:50%;bottom:50%;transform-origin:left bottom;background:conic-gradient(from 90deg,rgba(114,216,255,.24),transparent 38deg);animation:radar-sweep 7s linear infinite}
.radar-core{position:relative;z-index:2;width:42%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0b0d0f;border:1px solid rgba(114,216,255,.5);box-shadow:0 0 45px rgba(114,216,255,.12)}
.radar-core small{font:400 8px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.radar-core strong{font:500 clamp(17px,1.5vw,23px) var(--display);margin-top:9px}.radar-core i{width:32px;height:1px;background:var(--cyan);margin-top:12px;box-shadow:0 0 8px var(--cyan)}
.radar-data{position:absolute;inset:auto 9% 9%;display:flex;justify-content:space-between;font:300 7px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#6f777d}
.method-list li{position:relative;transition:border-color .35s,background .35s,padding-left .35s}.method-list li.is-method-active{border-color:rgba(114,216,255,.5);background:linear-gradient(90deg,rgba(114,216,255,.07),transparent);padding-left:18px}.method-list li.is-method-active>span{color:#fff;text-shadow:0 0 12px var(--cyan)}
@keyframes radar-sweep{to{transform:rotate(360deg)}}

/* Secção 05 — mapa de capacidades */
.capability-map{width:100%;aspect-ratio:1.92/1;min-height:440px;margin:64px 0 50px;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(114,216,255,.11),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.025),transparent)}
.capability-map svg{position:absolute;inset:0;width:100%;height:100%}.capability-map svg path,.capability-map svg circle{fill:none;stroke:rgba(114,216,255,.18);stroke-width:1;stroke-dasharray:4 8}.capability-map svg path{stroke-dasharray:none}
.capability-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;aspect-ratio:1;border:1px solid rgba(114,216,255,.5);border-radius:50%;background:#101417;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 80px rgba(114,216,255,.13)}
.capability-core span{font:400 8px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--cyan)}.capability-core strong{font:500 27px/1 var(--display);margin-top:12px}.capability-core i{width:38px;height:1px;background:var(--cyan);margin-top:15px}
.capability-node{position:absolute;transform:translate(-50%,-50%);min-width:145px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#171b1e;display:flex;align-items:center;gap:12px;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:.3s}.capability-node:hover{border-color:var(--cyan);transform:translate(-50%,-54%);box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 24px rgba(114,216,255,.08)}.capability-node span{font:400 8px var(--mono);color:var(--cyan)}.capability-node b{font:500 13px var(--body)}
.node-strategy{left:16%;top:18%}.node-design{left:50%;top:10%}.node-motion{left:84%;top:18%}.node-performance{left:16%;top:82%}.node-crm{left:50%;top:90%}.node-data{left:84%;top:82%}
.included-grid{margin-top:0}
@media(max-width:800px){.method-radar{width:300px;margin:45px auto 0}.method-list li.is-method-active{padding-left:10px}.capability-map{aspect-ratio:auto;min-height:620px;margin:65px 0 50px}.capability-map svg{display:none}.capability-core{width:170px}.capability-core strong{font-size:22px}.capability-node{min-width:120px;padding:11px 13px}.node-strategy{left:24%;top:14%}.node-design{left:76%;top:14%}.node-motion{left:22%;top:44%}.node-performance{left:78%;top:44%}.node-crm{left:24%;top:86%}.node-data{left:76%;top:86%}}

/* Secção 06 — proposta comercial */
.service-offer{background:#e7e9e6;color:var(--ink);position:relative;overflow:hidden}
.service-offer:before{content:"997";position:absolute;right:-.055em;top:.2em;font:600 clamp(260px,38vw,720px)/1 var(--display);letter-spacing:-.09em;color:rgba(5,6,7,.025);pointer-events:none}
.service-offer .section-label{border-color:rgba(0,0,0,.16)}
.offer-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr);gap:clamp(54px,8vw,140px);align-items:start}
.offer-story h2{max-width:900px;font:500 clamp(50px,6.4vw,100px)/.94 var(--display);letter-spacing:-.055em;margin:30px 0}
.offer-story h2 em{font-style:normal;color:#477f98}
.offer-lead{max-width:760px;font-size:clamp(17px,1.35vw,22px);line-height:1.65;color:#5b6063}
.offer-eyebrow{color:#60666a}
.offer-steps{margin-top:clamp(55px,6vw,90px);border-top:1px solid rgba(0,0,0,.18)}
.offer-steps article{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid rgba(0,0,0,.18)}
.offer-steps article>span{font:500 10px var(--mono);color:#477f98;padding-top:5px}
.offer-steps h3{font:500 clamp(21px,2vw,30px) var(--display);margin:0 0 9px}
.offer-steps p{max-width:650px;margin:0;color:#666c70;line-height:1.6}
.offer-price{position:sticky;top:105px;background:var(--ink);color:var(--paper);border-radius:20px;padding:clamp(30px,3.5vw,52px);box-shadow:0 35px 90px rgba(12,17,20,.22);overflow:hidden}
.offer-price:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-110px;border:1px solid rgba(114,216,255,.28);box-shadow:0 0 70px rgba(114,216,255,.1)}
.offer-price-top{position:relative;padding-bottom:34px;border-bottom:1px solid var(--line)}
.offer-price-top>span{font:400 9px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--cyan)}
.offer-price-top p{display:flex;align-items:flex-start;margin:18px 0 0;font-family:var(--display)}
.offer-price-top strong{font-size:clamp(94px,9vw,150px);font-weight:500;line-height:.78;letter-spacing:-.08em}
.offer-price-top sup{font-size:30px;line-height:1;margin:2px 0 0 8px;color:var(--cyan)}
.offer-price-top small{display:block;margin-top:20px;color:#8d969b;font:400 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.offer-price ul{list-style:none;padding:25px 0;margin:0 0 28px}
.offer-price li{display:flex;gap:13px;padding:11px 0;color:#c1c7ca;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.offer-price li span{color:var(--cyan)}
.offer-price .button{width:100%;min-width:0}
.offer-note{margin:18px 0 0;color:#737b80;font:400 9px/1.6 var(--mono);letter-spacing:.04em}

/* SEO, estabilidade visual e acessibilidade */
html{color-scheme:dark}
a,button,summary,input{touch-action:manipulation}
h1,h2,h3{text-wrap:balance}
section[id],h1[id],h2[id]{scroll-margin-top:90px}
.manifesto-copy h2{margin:0;font:inherit;letter-spacing:inherit}
.diagnostic-form{overscroll-behavior:contain}
.marta-widget{
  min-height:clamp(440px,46vw,580px);
  padding:clamp(68px,7vw,105px) var(--pad);
  position:relative;
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);
  gap:clamp(55px,8vw,140px);
  align-items:center;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 50%,rgba(47,103,255,.11),transparent 34%),
    var(--ink);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.marta-intro{max-width:610px;position:relative;z-index:2}
.marta-intro h2{font:500 clamp(52px,6.6vw,104px)/.92 var(--display);letter-spacing:-.06em;margin:28px 0}
.marta-intro h2 em{font-style:normal;color:var(--cyan)}
.marta-intro>p:not(.eyebrow,.marta-status){max-width:540px;color:#aeb4b8;font-size:clamp(16px,1.25vw,20px);line-height:1.65}
.marta-status{display:flex;align-items:center;gap:10px;margin:32px 0 0;font:400 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#899197}
.marta-status i{width:8px;height:8px;border-radius:50%;background:#55e29a;box-shadow:0 0 16px rgba(85,226,154,.75)}
.marta-experience{min-height:360px;position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line)}
.marta-widget + .final-cta{padding-top:clamp(105px,10vw,155px)}
@media(max-width:800px){
  .section-pad{padding:70px var(--pad)}
  .section-label{margin-bottom:48px}
  .manifesto-facts{margin-top:56px}
  .capability-map{margin:52px 0 38px}
  .offer-shell{grid-template-columns:1fr;gap:54px}
  .offer-story h2{font-size:clamp(48px,14vw,72px)}
  .offer-steps article{grid-template-columns:48px 1fr}
  .offer-price{position:relative;top:auto;border-radius:14px;padding:34px 24px}
  .offer-price-top strong{font-size:104px}
  .marta-widget{min-height:650px;padding:72px 20px;grid-template-columns:1fr;gap:42px}
  .marta-intro{text-align:left}
  .marta-intro h2{font-size:clamp(52px,16vw,76px);margin:22px 0}
  .marta-experience{min-height:280px;border-left:0;border-top:1px solid var(--line)}
  .marta-widget + .final-cta{padding-top:95px}
}

/* Promoção temporária — remodelação por 297 € */
.promo-modal{width:min(1080px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid rgba(114,216,255,.3);border-radius:22px;background:#080a0c;color:var(--paper);box-shadow:0 45px 160px rgba(0,0,0,.8);overflow:auto}
.promo-modal::backdrop{background:rgba(2,3,4,.84);backdrop-filter:blur(15px)}
.promo-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);min-height:650px;position:relative;overflow:hidden}
.promo-close{position:absolute;right:18px;top:18px;z-index:5;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,6,7,.74);color:#fff;cursor:pointer;transition:background-color .25s,border-color .25s}
.promo-close:hover{background:var(--paper);border-color:var(--paper)}
.promo-close span{position:absolute;left:13px;top:21px;width:18px;height:1px;background:currentColor;transform:rotate(45deg)}
.promo-close span+span{transform:rotate(-45deg)}
.promo-close:hover{color:var(--ink)}
.promo-visual{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(114,216,255,.22),transparent 34%),linear-gradient(145deg,#101820,#050607)}
.promo-visual:after{content:"297";position:absolute;left:50%;bottom:-.12em;transform:translateX(-50%);font:600 190px/.8 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.035)}
.promo-orbit{position:absolute;border:1px solid rgba(114,216,255,.24);border-radius:50%}
.promo-orbit-one{width:330px;aspect-ratio:1}.promo-orbit-two{width:230px;aspect-ratio:1;border-style:dashed;animation:promo-orbit 18s linear infinite}
.promo-mark{position:relative;z-index:2;width:165px;aspect-ratio:1;border:1px solid rgba(114,216,255,.6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#090d10;box-shadow:0 0 65px rgba(114,216,255,.16)}
.promo-mark small,.promo-mark span{font:400 8px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.promo-mark strong{font:500 52px/.9 var(--display);margin:8px 0}
.promo-content{padding:clamp(44px,5vw,72px);display:flex;flex-direction:column;justify-content:center}
.promo-content h2{font:500 clamp(43px,4.6vw,72px)/.94 var(--display);letter-spacing:-.055em;margin:28px 0 22px}
.promo-content h2 em{font-style:normal;color:var(--cyan)}
.promo-content>p:not(.eyebrow){max-width:650px;color:#aab1b5;line-height:1.65;margin-bottom:30px}
.promo-pricing{display:grid;grid-template-columns:.72fr 1.28fr;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:28px}
.promo-pricing>div{display:flex;flex-direction:column;gap:8px}.promo-pricing span{font:400 8px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#81898e}
.promo-pricing del{font:500 25px var(--display);color:#858b8e;text-decoration-color:#ff7171;text-decoration-thickness:2px}
.promo-current{position:relative}.promo-current strong{font:500 clamp(60px,6vw,92px)/.78 var(--display);letter-spacing:-.07em;color:#fff}.promo-current small{position:absolute;left:100%;bottom:3px;color:var(--cyan);font:400 10px var(--mono);white-space:nowrap}
.promo-countdown{margin:25px 0}.promo-countdown>p{margin:0 0 12px;font:400 8px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#81898e}
.promo-countdown>div{display:flex;align-items:flex-start;gap:13px}.promo-countdown span{min-width:54px;display:flex;flex-direction:column;align-items:center}.promo-countdown strong{font:500 34px/1 var(--display);font-variant-numeric:tabular-nums}.promo-countdown small{margin-top:7px;font:400 7px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#737b80}.promo-countdown i{font:300 25px var(--mono);font-style:normal;color:var(--cyan)}
.promo-cta{border:0;cursor:pointer;width:100%;min-width:0}.promo-terms{margin-top:14px;color:#6f777c;font:400 8px/1.6 var(--mono)}
.promo-modal.is-expired .promo-cta{opacity:.55;pointer-events:none}.promo-modal.is-expired .promo-countdown>p:after{content:" · Oferta terminada";color:#ff8f8f}
@keyframes promo-orbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.promo-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.promo-shell{display:block;min-height:0}.promo-visual{display:none}.promo-content{padding:56px 24px 30px}.promo-content h2{font-size:clamp(42px,12vw,60px)}.promo-pricing{grid-template-columns:.8fr 1.2fr;gap:18px}.promo-current strong{font-size:70px}.promo-countdown>div{gap:7px}.promo-countdown span{min-width:47px}.promo-countdown strong{font-size:30px}.promo-close{position:fixed;right:16px;top:16px}}
@media(prefers-reduced-motion:reduce){.promo-orbit-two{animation:none}}