.qr-page{background:#f4f8fd;color:#101827}.qr-page .site-header{position:absolute}.qr-page h1,.qr-page h2,.qr-page h3{letter-spacing:-.04em}.qr-page p{line-height:1.65}.qr-hero{padding:150px 0 90px;background:radial-gradient(circle at 90% 18%,#d8fff5,transparent 32%),linear-gradient(180deg,#fff,#f3f8fd)}.qr-grid{display:grid;grid-template-columns:.95fr minmax(470px,.8fr);gap:75px;align-items:center}.breadcrumb{margin-bottom:35px;color:#718198;font-size:14px}.qr-copy h1{margin:12px 0 24px;font-size:clamp(50px,6vw,80px);line-height:.98}.qr-copy h1 em{display:block;color:#0874ef;font-style:normal}.qr-copy>p:last-of-type{max-width:680px;color:#586c84;font-size:19px}.trust{display:flex;gap:9px;margin:26px 0 0;padding:0;list-style:none}.trust li{padding:9px 14px;border:1px solid #cde0ef;border-radius:99px;background:#fff;font-size:14px;font-weight:700}.trust li:before{content:'✓';margin-right:7px;color:#00a786}.generator{padding:36px;box-shadow:0 28px 75px #163b651f}.generator h2{margin:0 0 25px;font-size:27px}.generator label{font-size:15px}.generator label span{color:#718198;font-weight:500}.generator input,.generator textarea{font-size:16px}.generate{width:100%;min-height:58px;justify-content:space-between;font-size:16px}.tool-error{min-height:20px;color:#b42318}.tool-result .ghost{width:100%;background:#fff;color:#0874ef}.white{background:#fff}.qr-page main>section:not(.qr-hero):not(.product):not(.final){padding:90px 0}.heading{max-width:790px;margin-bottom:38px}.heading h2,.product h2,.final h2{margin:8px 0 15px;font-size:clamp(38px,5vw,60px);line-height:1.05}.heading>p:last-child{color:#5d7087;font-size:17px}.cards{display:grid;gap:16px}.cards article{padding:28px;border:1px solid #d3e0ec;border-radius:19px;background:#fff}.cards b,.features b{color:#00a786}.cards h3,.features h3{margin:15px 0 8px;font-size:22px}.cards p,.features p{margin:0;color:#5d7188;font-size:16px}.steps{grid-template-columns:repeat(3,1fr)}.uses{grid-template-columns:repeat(3,1fr)}.uses article{min-height:205px}.uses small{color:#008d72;font-weight:800}.practices{grid-template-columns:repeat(4,1fr)}.product{padding:95px 0;background:#071d43;color:#fff}.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.product .kicker{color:#48e7c7}.product>div>div>p{color:#bfd0e6;font-size:18px}.product .button{margin-top:22px}.features{border-top:1px solid #ffffff38}.features article{display:grid;grid-template-columns:42px 1fr;padding:22px 0;border-bottom:1px solid #ffffff30}.features h3{margin:0;color:#fff}.features p{grid-column:2;color:#bbcae0}.faq-section{background:#eaf3fc}.faq-grid{display:grid;grid-template-columns:.72fr 1fr;gap:85px}.faq-list details{border-bottom:1px solid #c8d7e6}.faq-list summary{padding:23px 0;color:#112544;font-size:19px;font-weight:800;cursor:pointer}.faq-list details p{margin:0 0 22px;color:#586d85}.faq-list a{color:#0874ef;font-weight:700}.final{padding:70px 0;background:#0874ef;color:#fff}.final .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.final .kicker{color:#c3fff1}.final h2{max-width:800px}.final .button{background:#fff;color:#0874ef}.qr-page footer{font-size:15px}
@media(max-width:1000px){.qr-grid,.product-grid,.faq-grid{grid-template-columns:1fr}.qr-grid{gap:40px}.generator{max-width:680px}.uses{grid-template-columns:1fr 1fr}.practices{grid-template-columns:1fr 1fr}.final .container{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.qr-hero{padding:115px 0 65px}.qr-copy h1{font-size:clamp(43px,13vw,58px)}.qr-copy h1 em{display:inline}.qr-copy>p:last-of-type{font-size:17px}.generator{width:100%;padding:23px}.qr-page main>section:not(.qr-hero):not(.product):not(.final){padding:68px 0}.heading h2,.product h2,.final h2{font-size:clamp(35px,10vw,46px)}.steps,.uses,.practices{grid-template-columns:1fr}.product{padding:70px 0}.product-grid{gap:45px}.final{padding:58px 0}.final .button{width:100%}.trust li:last-child{display:none}}

/* FAQ da ferramenta: mantém pergunta, resposta e controle dentro do card. */
.qr-page .faq-list{gap:12px}.qr-page .faq-list details{border:1px solid #c8d7e6;border-radius:15px;background:#fff;overflow:hidden}.qr-page .faq-list summary{position:relative;box-sizing:border-box;width:100%;min-height:76px;padding:22px 72px 22px 24px;color:#112544;font-size:18px;line-height:1.35}.qr-page .faq-list summary:after{position:absolute;top:50%;right:17px;float:none;transform:translateY(-50%)}.qr-page .faq-list details>p{box-sizing:border-box;margin:0;padding:0 72px 24px 24px;color:#586d85;font-size:16px;line-height:1.7}.qr-page .faq-list details[open] summary{padding-bottom:14px}.qr-page .faq-list details:hover,.qr-page .faq-list details[open]{border-color:#9fc5ef;box-shadow:0 12px 34px rgba(7,26,61,.07)}
@media(max-width:700px){.qr-page .faq-list summary{min-height:68px;padding:18px 58px 18px 18px;font-size:16px}.qr-page .faq-list summary:after{right:13px}.qr-page .faq-list details>p{padding:0 18px 20px;font-size:15px}}

.qr-source{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;border:0!important;opacity:0;pointer-events:none}.qr-plaque-preview{display:grid;margin:18px 0;padding:14px;border:1px solid #b9dfd5;border-radius:18px;place-items:center;background:#fff}.qr-plaque-preview canvas{display:block;width:min(100%,360px);height:auto;border-radius:12px;box-shadow:0 12px 30px rgba(7,26,61,.12)}.qr-result-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.qr-result-actions .button{width:100%;min-height:52px}.qr-download{justify-content:space-between;background:#0874ef;color:#fff}.qr-download b{display:grid;width:30px;height:30px;border-radius:9px;place-items:center;background:rgba(255,255,255,.16);font-size:18px}

/* Ordem do resultado: link, copiar, prévia e download. */
.qr-page .tool-result:not([hidden]){display:flex;flex-direction:column}.qr-page .tool-result>strong{order:1}.qr-page .tool-result>code{order:2;margin:16px 0 10px}.qr-page .qr-result-actions{display:contents}.qr-page [data-copy]{order:3;margin-bottom:8px}.qr-page .qr-plaque-preview{order:4}.qr-page .tool-result>p{order:5}.qr-page .qr-download{order:6;margin-top:4px}
.qr-new-button{width:100%;min-height:52px;margin:0 0 14px;border-color:#9cc8f8!important;background:#eaf4ff!important;color:#0874ef!important;font-size:16px}.generator.is-generated>h2{display:none}.generator form[hidden],.qr-new-button[hidden]{display:none!important}
