/* Ajustes de estabilidade e evolução visual da landing */
html{scroll-padding-top:92px}
body:after{position:absolute!important}
.ambient{position:absolute!important;filter:blur(52px)!important;opacity:.38!important;animation:none!important}
.stageGlow{animation:none!important;opacity:.82}
.mock:after{animation:none!important;transform:none!important;opacity:.16}
.floatingChip{animation-duration:8s!important;will-change:transform}

/* Bento: elimina sobreposição, mantém ritmo e fecha a grade sem vazio acidental */
.bento{grid-auto-flow:dense;align-items:stretch}
.bentoCard{min-height:230px;height:auto;isolation:isolate}
.bentoCard>*{min-width:0}
.bentoTasks{padding-bottom:116px}
.bentoTasks .miniTasks{bottom:22px}
.bentoContacts{grid-column:1/-1!important;min-height:184px;display:grid!important;grid-template-columns:auto minmax(220px,.8fr) minmax(360px,1.2fr);align-items:center!important;gap:22px!important}
.bentoContacts .bentoIcon{margin:0}
.bentoContacts h3{margin:0 0 6px}
.contactCloud{position:relative;z-index:1;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.contactCloud span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--brown);font-size:11px;font-weight:850;box-shadow:0 8px 20px rgba(74,52,47,.055)}
.contactCloud span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(52,115,92,.11)}

/* Portfólio reservado e briefing */
.landingWork{padding:30px 0 110px}
.landingWork .sectionHead{margin-bottom:34px}
.exampleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.exampleCard{overflow:hidden;border:1px solid var(--line);border-radius:25px;background:rgba(255,253,249,.78);box-shadow:var(--shadow-soft);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.exampleCard:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.examplePreview{position:relative;overflow:hidden;min-height:230px;padding:18px;background:linear-gradient(145deg,#3d2b27,#745247)}
.examplePreview:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px);background-size:28px 28px}
.exampleWindow{position:relative;display:grid;align-content:center;gap:10px;height:100%;min-height:194px;padding:24px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(135deg,#fffaf4,#ead8ca);color:var(--brown);box-shadow:0 22px 55px rgba(0,0,0,.18)}
.exampleWindow i{display:block;width:54%;height:8px;border-radius:999px;background:var(--brown)}
.exampleWindow i:nth-child(2){width:78%;height:5px;opacity:.38}
.exampleWindow i:nth-child(3){width:66%;height:5px;opacity:.22}
.exampleWindow b{margin-top:10px;font-size:19px}
.exampleWindow small{color:var(--muted)}
.exampleMeta{padding:20px}
.exampleMeta span{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--sand);color:var(--brown);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.exampleMeta h3{margin:12px 0 7px;color:var(--brown);font-size:19px}
.exampleMeta p{margin:0;color:var(--muted);font-size:13px}

.quotePanel{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;margin-top:65px;padding:44px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(255,253,249,.94),rgba(235,218,204,.76));box-shadow:var(--shadow)}
.quoteIntro{align-self:start;position:sticky;top:116px}
.quoteIntro h2{margin:10px 0 14px;color:var(--brown);font-size:clamp(35px,4.3vw,54px);line-height:1.02;letter-spacing:-.048em}
.quoteIntro p{margin:0;color:var(--muted);font-size:16px}
.quotePromise{display:grid;gap:10px;margin-top:24px}
.quotePromise span{display:flex;align-items:center;gap:9px;color:var(--brown);font-size:12px;font-weight:850}
.quotePromise span:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(52,115,92,.12);color:var(--ok);font-weight:950}
.quoteForm{display:grid;gap:18px;padding:26px;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:rgba(255,253,249,.72);box-shadow:0 18px 48px rgba(74,52,47,.08)}
.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.formField{display:grid;gap:7px}
.formField.full{grid-column:1/-1}
.formField>span{color:var(--brown);font-size:11px;font-weight:900}
.formField input,.formField select,.formField textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px 13px;color:var(--ink);font:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.formField textarea{min-height:145px;resize:vertical}
.formField input:focus,.formField select:focus,.formField textarea:focus{border-color:rgba(74,52,47,.42);box-shadow:0 0 0 4px rgba(74,52,47,.07)}
.formField input::placeholder,.formField textarea::placeholder{color:#ab9990}
.consentRow{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px}
.consentRow input{margin-top:3px;accent-color:var(--brown)}
.quoteSubmit{justify-self:start;min-width:210px}
.formStatus{min-height:22px;margin:0;color:var(--muted);font-size:12px;font-weight:800}
.formStatus.success{color:var(--ok)}
.formStatus.error{color:#9a443c}
.formTrap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}

/* Evita animações caras em máquinas mais lentas e respeita acessibilidade */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floatingChip,.meter span,.pulse,.playButton{animation:none!important}}

@media(max-width:980px){
  .bentoContacts{grid-template-columns:auto 1fr!important}.contactCloud{grid-column:1/-1;justify-content:flex-start}
  .quotePanel{grid-template-columns:1fr}.quoteIntro{position:static}
}
@media(max-width:760px){
  .exampleGrid{grid-template-columns:1fr}.examplePreview{min-height:200px}
  .quotePanel{margin-top:44px;padding:24px}.quoteForm{padding:19px}.formGrid{grid-template-columns:1fr}.formField.full{grid-column:auto}
  .bentoContacts{grid-template-columns:1fr!important}.bentoContacts .bentoIcon{margin-bottom:4px}.contactCloud{grid-column:auto}
}
@media(max-width:620px){
  .bentoCard{min-height:220px}.bentoLarge{min-height:430px}.bentoTasks{padding-bottom:108px}
  .landingWork{padding-bottom:82px}.quoteSubmit{width:100%}.quotePanel{border-radius:25px}
}