/* Done: editorial hierarchy, clear actions and accessible forms. */
:root{--done-red:#fb2c36;--done-ink:#0a0a0a;--done-paper:#f5f4f1}
.done-upgrade,.done-section{font-family:'DM Sans',sans-serif}
.done-section{padding:clamp(64px,7vw,112px) 0}
.done-light{background:var(--done-paper);color:var(--done-ink)}
.done-dark,.done-page-intro{background:#080808;color:#f3f3f3}
.done-section h2,.done-page-intro h1{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.06;margin:0}
.done-section h2{font-size:clamp(32px,4.3vw,60px)}
.done-page-intro{padding:clamp(128px,12vw,180px) 0 clamp(56px,6vw,88px)}
.done-page-intro h1{max-width:960px;font-size:clamp(40px,5.7vw,80px)}
.done-page-intro .done-lead{max-width:650px;font-size:18px;line-height:1.65;color:#b8b8b8;margin:24px 0 0}
.done-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--done-red);margin:0 0 20px}
.done-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.done-text-link{font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding:6px 0;background:none;cursor:pointer}
.done-text-link:hover{color:var(--done-red)}
.done-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 28px;border-radius:999px;background:var(--done-red);color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,transform .2s;text-align:center}
.done-button:hover{background:#d91e29;transform:translateY(-2px)}
.done-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.done-button-outline{background:transparent;border-color:#696969;color:inherit}
.done-button-outline:hover{background:#ffffff12;border-color:var(--done-red)}
.done-light .done-button-outline:hover{background:#00000006}
.done-number{font-size:14px;color:var(--done-red);font-weight:600}
.done-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}
.done-solution{display:grid;grid-template-columns:32px 1fr;gap:14px 18px;border-top:1px solid #ffffff30;padding:30px 0 38px;text-decoration:none;color:inherit}
.done-solution h3{font-family:Syne,sans-serif;font-size:clamp(22px,2.2vw,30px);line-height:1.15;font-weight:600;margin:0;max-width:340px}
.done-solution p{grid-column:2;font-size:16px;line-height:1.7;color:#b8b8b8;max-width:430px;margin:0}
.done-solution .done-text-link{grid-column:2;justify-self:start;border-bottom:0}
.done-solution:hover h3{color:var(--done-red)}
.done-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:56px}
.done-method>div{border-top:1px solid #0a0a0a35;padding-top:22px}
.done-method h3{font-family:Syne,sans-serif;font-size:26px;line-height:1.2;margin:20px 0 12px;font-weight:600}
.done-method p{font-size:16px;line-height:1.65;color:#555;margin:0}
.done-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.done-project-featured{grid-template-columns:repeat(3,minmax(0,1fr))}
.done-project{color:inherit;text-decoration:none;min-width:0}
.done-project-image{position:relative;background:#ddd;aspect-ratio:4/3;overflow:hidden;border-radius:8px}
.done-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.done-project:hover img{transform:scale(1.035)}
.done-project-open{position:absolute;right:16px;bottom:16px;border-radius:50%;background:#fff;color:#0a0a0a;width:40px;height:40px;display:grid;place-items:center;font-size:22px}
.done-project-caption{padding-top:18px}
.done-project-caption p{font-size:12px;line-height:1.6;color:#595959;margin:0 0 8px}
.done-project-caption h3{font-family:Syne,sans-serif;font-size:clamp(23px,2.3vw,32px);font-weight:600;line-height:1.12;margin:0;letter-spacing:-.02em}
.done-project:hover h3{color:#cc1c26}
.done-portfolio-extra{margin-top:56px}
.done-cta{display:flex;justify-content:space-between;align-items:center;gap:64px}
.done-cta h2{max-width:750px}
.done-cta p:not(.done-eyebrow){max-width:560px;color:#b8b8b8;font-size:17px;line-height:1.7;margin:24px 0}
.done-cta>.done-button{flex-shrink:0}
.done-cta-actions{display:flex;flex-direction:column;gap:16px;min-width:250px}
.done-cta-actions p{font-size:13px!important;text-align:center;margin:0!important}
.done-media-teaser{border-top:1px solid #ffffff24}
.done-form-container{max-width:880px!important}
.done-steps{display:flex;list-style:none;padding:0;margin:0 0 44px;gap:24px;border-bottom:1px solid #ccc;color:#676767;font-size:14px}
.done-steps li{padding:0 0 16px}
.done-steps [aria-current]{border-bottom:2px solid #cc1c26;color:#b61620;font-weight:700}
.done-request h2{font-size:clamp(28px,3.8vw,40px);margin-bottom:18px}
.done-muted{color:#585858;font-size:16px;line-height:1.7}
.done-choices{margin:30px 0;border:0;padding:0;display:grid;gap:12px}
.done-choice{display:flex;gap:16px;align-items:center;border:1px solid #c3c3c3;border-radius:6px;padding:20px;font-size:16px;min-height:68px;background:#fff;cursor:pointer}
.done-choice>span:nth-child(2){flex:1}
.done-choice input{width:18px;height:18px;accent-color:#c91c27;flex-shrink:0}
.done-choice:hover,.done-choice.is-selected{border-color:#c91c27;background:#fff7f7}
.done-choice.is-selected{box-shadow:inset 3px 0 #c91c27}
.done-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.done-request label{font-size:15px;font-weight:500}
.done-request label>span:not(:last-child){font-weight:400}
.done-request input:not([type=radio]),.done-request textarea{display:block;width:100%;padding:14px 16px;border:1px solid #aaa;border-radius:5px;background:#fff;color:#111;font:inherit;font-size:16px;line-height:1.5;margin-top:9px;resize:vertical}
.done-request input::placeholder,.done-request textarea::placeholder{color:#727272}
.done-message-label{display:block;margin-top:26px}
.done-form-note{font-size:14px;line-height:1.6;color:#555;margin:24px 0}
.done-back{margin-bottom:28px;display:inline-block}
.done-form-error{color:#b61620;margin:18px 0;font-size:15px}
.done-ready{margin-top:32px;padding:28px;background:#fff;border:1px solid #b9b9b9;border-left:4px solid #cc1c26;border-radius:4px}
.done-ready h3,.done-media-summary h3{font-family:Syne,sans-serif;font-size:24px;font-weight:600;margin:0 0 12px}
.done-ready p{font-size:16px;line-height:1.65;color:#4d4d4d}
.done-ready-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.done-ready summary{cursor:pointer;font-size:14px;font-weight:600;padding:12px 0}
.done-ready pre{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:14px;line-height:1.7;background:#f5f4f1;padding:18px;margin:8px 0}
.done-media-summary{border-top:1px solid #ccc;padding-top:28px;margin-top:44px}
.done-media-summary ul{list-style:disc;padding-left:20px;line-height:1.8}
.done-case-cover{margin:32px 0 56px;width:100%;max-height:780px;object-fit:contain;background:#ecebe8;border-radius:8px}
.done-case-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:72px}
.done-case-story h2{font-size:32px;margin-bottom:20px}
.done-case-story p:not(.done-eyebrow),.done-case-story li{font-size:17px;line-height:1.8;color:#525252}
.done-case-story ul{padding-left:20px;list-style:disc;margin-top:24px}
.done-case-gallery{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}
.done-case-gallery img{width:100%;height:auto;border-radius:6px;background:#e7e6e3}
.done-case-nav{display:flex;justify-content:space-between;gap:28px;margin-top:56px;border-top:1px solid #ccc;padding-top:28px;font-size:16px}
.done-case-nav a:last-child{text-align:right}
.done-case-nav a:hover{color:#c91c27}
.done-skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:1000;background:#fff;color:#111;padding:14px 20px;border-radius:5px}
.done-skip:focus{transform:none}
.done-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d52732!important;outline-offset:5px}
section[id]{scroll-margin-top:90px}
#home h1+p{color:#bcbcbc!important;max-width:560px}
#sobre p{color:#555!important}
#sobre [data-loc*="AboutSection.tsx:169"],#sobre [data-loc*="AboutSection.tsx:168"]{color:#fff!important}
#projetos h3,#projetos p{text-shadow:none!important}

nav button[aria-controls="mobile-navigation"]{min-width:44px;justify-content:center}

@media(max-width:1023px){.done-project-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.done-project-featured .done-project:first-child{grid-column:1/-1}.done-project-featured .done-project:first-child .done-project-image{aspect-ratio:16/9}.done-method{grid-template-columns:1fr 1fr}.done-solutions{column-gap:32px}.done-cta{gap:36px}.done-case-story{gap:32px}}
@media(max-width:767px){.done-heading{align-items:flex-start;flex-direction:column;gap:20px}.done-solutions{grid-template-columns:1fr}.done-solution{padding:28px 0}.done-cta{flex-direction:column;align-items:flex-start}.done-cta-actions{width:100%;min-width:0}.done-cta>.done-button{width:100%}.done-project-grid,.done-project-featured{grid-template-columns:1fr;gap:32px}.done-project-featured .done-project:first-child .done-project-image{aspect-ratio:4/3}.done-case-story,.done-case-gallery,.done-form-grid{grid-template-columns:1fr}.done-case-story{gap:40px;margin-bottom:52px}.done-case-cover{margin-bottom:40px}.done-page-intro h1{font-size:clamp(36px,9.5vw,64px)}.done-page-intro .done-lead{font-size:16px}.done-request .done-button{width:100%}.done-ready{padding:22px 18px}.done-ready-actions{flex-direction:column}.done-case-nav{font-size:14px}.done-project-caption p{font-size:13px}.done-steps{font-size:13px;gap:20px}.done-method{gap:32px 24px}.done-method h3{font-size:23px}.done-method p{font-size:16px}.done-choice{padding:17px 14px}.done-form-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.done-project:hover img,.done-button:hover{transform:none}}
/* Keep brand red vivid on dark surfaces; deepen small text and button fills for contrast. */
.done-button:not(.done-button-outline){background:#c91c27}
.done-button:not(.done-button-outline):hover{background:#ae1620}
.done-light .done-eyebrow,.done-light .done-number{color:#b81823}
#home a.bg-primary,nav a.bg-primary{background-color:#c91c27!important}
#home a.bg-primary:hover,nav a.bg-primary:hover{background-color:#ae1620!important}

@media(min-width:768px){nav button[aria-controls="mobile-navigation"]{display:none}}
.done-campaign-options{margin-top:26px;border-top:1px solid #bbb;padding-top:20px}
.done-campaign-options summary{cursor:pointer;font-size:16px;font-weight:600}
.done-campaign-options select{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #aaa;background:#fff;color:#111;padding:14px;border-radius:5px;margin-top:9px}
.done-request .done-checkbox{display:flex;gap:12px;align-items:center;margin-top:24px}
.done-request .done-checkbox input{width:20px;height:20px;min-width:20px;margin:0;accent-color:#c91c27}
@media(min-width:768px) and (max-width:1023px){
  nav [data-loc="client/src/components/Navbar.tsx:118"]{display:none!important}
  nav button[aria-controls="mobile-navigation"]{display:flex!important}
  #mobile-navigation{display:block!important}
}
@media(max-width:768px) and (orientation:portrait){
  #home{min-height:0!important;padding-bottom:clamp(18rem,70vw,28rem)!important}
  #home::after,#home::before{height:clamp(18rem,70vw,28rem)!important}
}

/* Evidence and project narratives remain visible without motion. */
.done-stats h2.done-eyebrow{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.2em;text-align:center;line-height:1.5;color:#555}
.done-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:48px 0 0}
.done-stats-grid>div{display:flex;flex-direction:column;text-align:center;min-width:0}
.done-stats-grid dt{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#555;line-height:1.6}
.done-stats-grid dd{order:-1;font-family:Syne,sans-serif;font-size:clamp(48px,7vw,88px);font-weight:700;line-height:1.1;letter-spacing:-.04em;margin:0 0 16px}
.done-digital{background:#fff;border-top:1px solid #0a0a0a12}
.done-digital-intro{max-width:680px;font-size:18px;line-height:1.7;color:#555;margin:0 0 48px}
.done-digital-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.done-digital-grid article,.done-decision-grid article{min-width:0;border-top:1px solid #0a0a0a30;padding-top:24px}
.done-digital-grid h3,.done-decision-grid h3{font-family:Syne,sans-serif;font-size:clamp(23px,2.5vw,32px);line-height:1.2;margin:16px 0}
.done-digital-grid article>p:not(.done-eyebrow),.done-decision-grid p{font-size:16px;line-height:1.7;color:#555;max-width:540px}
.done-digital-grid .done-text-link{display:inline-block;margin-top:12px;min-height:44px}
.done-case-decisions{margin:0 0 56px}
.done-case-decisions h2{font-size:clamp(28px,3.2vw,44px);max-width:800px}
.done-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.done-decision-grid h3{font-size:24px}
.done-case-outcome{border-left:3px solid var(--done-red);padding:4px 0 4px 28px;margin-bottom:64px;max-width:850px}
.done-case-outcome>p:last-child{font-size:clamp(18px,2vw,23px);line-height:1.6;margin:0}
@media(max-width:767px){.done-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.done-digital-grid,.done-decision-grid{grid-template-columns:1fr;gap:32px}.done-digital-intro{font-size:16px}.done-case-outcome{padding-left:20px}.done-stats-grid dt{font-size:11px}}

/* Contact: Done red closes the page with a clear invitation. */
#contato.done-section{background:#ca252d;color:#fff}
#contato .done-eyebrow,#contato h2,#contato .done-cta p:not(.done-eyebrow){color:#fff}
#contato .done-text-link{color:#fff}
#contato .done-text-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
#contato .done-button{background:#fff;color:#a51e25;border-color:#fff}
#contato .done-button:hover{background:#f5f4f1;color:#86171d;border-color:#f5f4f1}
#contato .done-button-outline{background:transparent;color:#fff;border-color:#fff}
#contato .done-button-outline:hover{background:#a51e25;color:#fff;border-color:#fff}
#contato a:focus-visible{outline-color:#fff!important}

/* Motion supports orientation and feedback; it never gates the page content. */
:root{--done-motion-ease:cubic-bezier(.2,.7,.2,1)}
.done-button,#home .btn-cta{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 220ms ease,transform 220ms var(--done-motion-ease)}
.done-button:active,#home .btn-cta:active{transform:translateY(0) scale(.985)}
.done-project-image img{transition:transform 520ms var(--done-motion-ease)}
.done-project-open{transition:transform 240ms var(--done-motion-ease),background-color 180ms ease,color 180ms ease}
.done-project-caption h3,.done-solution h3{transition:color 180ms ease}
.done-text-link{transition:color 180ms ease,border-color 180ms ease}
.done-solution{transition:border-color 220ms ease}
.done-case-nav a{transition:color 180ms ease}
@media(hover:hover) and (pointer:fine){
  .done-project:hover img,.done-project:focus-visible img{transform:scale(1.025)}
  .done-project:hover .done-project-open{transform:translate(2px,-2px)}
  .done-solution:hover{border-color:#ffffff75}
  .done-case-nav a:hover{color:var(--done-red)}
  .animate-marquee:hover{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){
  .done-button:active,#home .btn-cta:active,.done-project:hover .done-project-open,.done-project:hover img,.done-project:focus-visible img{transform:none}
}

/* Accessible shared finishing pass. */
footer p,footer a{color:#bcbcbc!important}
footer a:hover{color:#fff!important}
footer [class*="tracking-"]{letter-spacing:.12em}
footer a{min-height:44px;display:inline-flex;align-items:center}
footer a[class*="rounded-full"]{min-width:44px;justify-content:center}
#root a.bg-primary,#root button.bg-primary{background-color:#c91c27!important;color:#fff!important}
#home [data-loc="client/src/components/HeroSection.tsx:79"]{font-size:12px;letter-spacing:.22em;color:#bcbcbc}
.done-project-caption p{font-size:14px;color:#555}
.done-site-preview{display:block;overflow:hidden;border:1px solid #0a0a0a20;border-radius:8px;color:inherit;margin-bottom:28px;background:#e8e6e2}
.done-browser-bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #0a0a0a15;background:#efeeeb}
.done-browser-bar span{width:6px;height:6px;border-radius:50%;background:#8f8b87}
.done-site-preview img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top}
.done-digital-grid article{border-top:0;padding-top:0}
.done-digital-grid article>.done-eyebrow{margin-bottom:12px}
.done-media-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}
.done-media-layout h2{font-size:clamp(32px,4.1vw,56px)}
.done-media-copy{font-size:17px;line-height:1.7;color:#bcbcbc;max-width:550px;margin:24px 0 30px}
.done-media-photo{margin:0;min-width:0}
.done-media-photo a{display:block;overflow:hidden;border-radius:8px}
.done-media-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.done-media-photo figcaption{font-size:12px;color:#bcbcbc;line-height:1.6;margin-top:14px}
.done-offers{display:grid;gap:48px}
.done-offer{display:grid;grid-template-columns:60px 1fr;gap:32px;border-top:1px solid #0a0a0a30;padding-top:32px}
.done-offer h2{font-size:clamp(28px,3.2vw,44px)}
.done-offer p,.done-plan-intro{font-size:18px;line-height:1.7;color:#555;max-width:680px;margin:22px 0}
.done-offer ul,.done-plan-grid ul{padding-left:20px;line-height:1.8;color:#555;margin:22px 0}
.done-offer .done-text-link{display:inline-flex;align-items:center;min-height:44px}
.done-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.done-scope-grid h3{font:600 24px/1.2 Syne,sans-serif;margin:0 0 16px}
.done-scope-grid p{font-size:16px;line-height:1.7;color:#bcbcbc;margin:0}
.done-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.done-plan-grid article{min-width:0;border-top:2px solid #c91c27;padding-top:26px;display:flex;flex-direction:column;align-items:flex-start}
.done-plan-grid h3{font:600 28px/1.2 Syne,sans-serif;margin:0}
.done-plan-price{font-size:14px;line-height:1.7;margin:20px 0 0;color:#555}
.done-plan-price strong{display:block;font:600 clamp(28px,3vw,40px)/1.2 Syne,sans-serif;color:#0a0a0a;margin:5px 0}
.done-plan-grid ul{font-size:15px;flex:1}
.done-plan-grid .done-button{width:100%;padding-inline:18px}
.done-plan-note{color:#555;font-size:14px;line-height:1.7;max-width:760px;margin:36px 0 0}
@media(max-width:1023px){.done-media-layout{gap:32px}.done-plan-grid{gap:20px}.done-plan-grid .done-button{font-size:13px}}
@media(max-width:767px){.done-media-layout,.done-scope-grid,.done-plan-grid{grid-template-columns:1fr}.done-media-layout{gap:36px}.done-offer{grid-template-columns:26px minmax(0,1fr);gap:16px}.done-offers{gap:36px}.done-offer p,.done-plan-intro{font-size:16px}.done-plan-grid{gap:36px}.done-plan-grid ul{margin-bottom:24px}.done-plan-grid .done-button{font-size:14px}.done-site-preview{margin-bottom:22px}}
@media(hover:hover) and (pointer:fine){.done-site-preview{transition:border-color 180ms ease}.done-site-preview:hover{border-color:#c91c27}}
#mobile-navigation[hidden]{display:none!important}
#sobre .done-founder-caption p{color:#fff!important}
@media(prefers-reduced-motion:reduce){.animate-marquee{animation:none!important;transform:none!important}}