.official-positioning{padding:100px 24px 80px;background:#fff;border-top:1px solid rgba(15,23,42,.05)}.official-positioning-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.official-positioning h2,.official-offer h2,.official-work h2,.official-process h2,.official-faq h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.06em;margin:12px 0 0}.official-positioning-grid p{font-size:17px;line-height:1.65;color:var(--muted);max-width:490px;margin:0 0 17px}.official-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);margin-top:70px;padding-top:20px;color:var(--muted);font-size:13px}.official-proof-row b{display:block;color:var(--blue);font-size:11px;margin-bottom:6px}.official-offer{padding:100px 24px;background:#f8fafc}.official-section-intro{max-width:580px;color:var(--muted);font-size:17px;line-height:1.6;margin:22px 0 48px}.official-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.official-process-grid b{color:var(--accent);font-size:12px;font-weight:700}.official-offer-grid h3{font-family:Manrope,sans-serif;font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:42px 0 12px}.official-offer-grid p,.official-process-grid p{color:var(--muted);line-height:1.6;font-size:14px;margin:0}.official-work{padding:100px 24px 60px;background:#fff}.official-work-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:46px}.official-work-head p{color:var(--muted);line-height:1.6;max-width:430px;margin:0}.official-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.official-work-grid{align-items:start}.work-item{display:flex;flex-direction:column}.official-work-grid a{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--soft);aspect-ratio:16/10;container-type:inline-size;box-shadow:0 2px 14px rgba(20,108,148,.06);transition:box-shadow .35s ease,transform .35s ease}.work-item:hover a:not(.is-wip){box-shadow:0 22px 44px rgba(20,108,148,.16);transform:translateY(-4px)}.official-work-grid a.is-wip{pointer-events:none;cursor:default}.official-work-grid a.is-wip .live-frame{filter:grayscale(.5) blur(1px);opacity:.55}.wip-badge{position:absolute;z-index:4;top:14px;left:14px;background:#043D57;color:#fff;font:700 11px Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 13px;border-radius:999px;box-shadow:0 6px 16px rgba(4,61,87,.35)}.official-work-grid .live-frame{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}.official-work-grid .live-frame iframe{display:block;width:1440px;height:2200px;border:0;transform-origin:top left;transform:scale(calc(100cqw / 1440px)) translateY(calc(-1px * var(--wf-offset,92) - var(--wf-scroll-y,0px)))}.work-info{margin-top:16px}.work-info h3{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;color:#043D57}.work-info p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.official-process{padding:100px 24px;background:var(--surface-dark);color:#fff}.official-process .official-section-label{color:var(--accent)}.official-process h2{margin-bottom:52px}.official-process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.official-process-grid article{position:relative;padding:26px 22px 32px;min-height:230px;transition:background var(--dur-base) var(--ease-out)}
.official-process-grid article:hover{background:rgba(255,255,255,.04)}
.process-ico{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:18px 0 0;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) cubic-bezier(.34,1.56,.64,1)}
.process-ico svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.official-process-grid article:hover .process-ico{background:var(--accent);border-color:var(--accent);color:var(--gs-black);transform:scale(1.08) rotate(-4deg)}
.official-process-grid article:hover h3{color:var(--accent)}
.official-process-grid h3{transition:color var(--dur-base) var(--ease-out);font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.04em;margin:22px 0 10px}.official-process-grid p{color:rgba(255,255,255,.72)}.official-faq{padding:100px 24px 60px;background:#fff}.official-faq h2{margin-bottom:46px}.official-faq-list{border-top:1px solid var(--line);max-width:850px}.official-faq details{border-bottom:1px solid var(--line)}.official-faq summary{cursor:pointer;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;min-height:44px}.official-faq summary::-webkit-details-marker{display:none}
/* Indicador +/− da FAQ: era troca de content ('+' -> '−'), impossivel de animar.
   Agora sao duas barras reais: a vertical gira ate deitar sobre a horizontal.
   Sem JS, o [open] nativo ja faz a troca; com JS o GSAP assume a rotacao pra
   ela terminar junto com o painel. */
.official-faq summary .faq-ico{position:relative;flex:0 0 auto;width:22px;height:22px;display:block}
.official-faq summary .faq-ico:before,.official-faq summary .faq-ico i{position:absolute;left:3px;top:10px;display:block;width:16px;height:2px;border-radius:2px;background:var(--blue)}
.official-faq summary .faq-ico:before{content:""}
.official-faq summary .faq-ico i{transform:rotate(90deg);transition:transform var(--dur-base) var(--ease-out)}
.official-faq details[open] summary .faq-ico i{transform:rotate(0deg)}
.official-faq summary{transition:color var(--dur-base) var(--ease-out)}
.official-faq summary:hover{color:var(--muted)}
.official-faq summary:hover .faq-ico:before,.official-faq summary:hover .faq-ico i{background:var(--muted)}
.official-faq details p{color:var(--muted);line-height:1.65;font-size:14px;max-width:690px;margin:14px 0 2px}@media(max-width:800px){.official-positioning-grid,.official-work-head{grid-template-columns:1fr;gap:28px}.official-proof-row{margin-top:45px}.official-offer-grid,.official-work-grid{grid-template-columns:1fr 1fr}.official-work-grid a,.official-work-grid a:nth-child(1),.official-work-grid a:nth-child(2),.official-work-grid a:nth-child(3){grid-column:auto;grid-row:auto}.official-process-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.official-positioning,.official-offer,.official-work,.official-process,.official-faq{padding:70px 20px 40px}.official-proof-row,.official-offer-grid,.official-work-grid,.official-process-grid{grid-template-columns:1fr}.official-proof-row{gap:17px}.official-offer-grid article{min-height:0}.official-process-grid article{min-height:0}.official-faq summary{font-size:16px}}