/* Quect's project → account → guidance story. Existing brand and copy retained. */
#hospedagem, #planos, .polish-addons, .polish-faq {padding-block:112px}
#hospedagem .section-head,#planos .section-head {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;margin-bottom:56px}
#hospedagem .section-head p,#planos .section-head p {font-size:18px;max-width:54ch}
#hospedagem .product-walkthrough {background:none;display:block}
#hospedagem .product-tabs {display:flex;flex-direction:row;align-items:flex-start;gap:16px 40px;padding:0;margin-bottom:40px;background:none}
#hospedagem .product-tabs button {position:relative;background:none;color:var(--q-muted);padding:12px 0;text-align:left;min-height:48px;border-radius:0;font-size:18px;max-width:100%}
#hospedagem .product-tabs button::before {display:none}
#hospedagem .product-tabs button[aria-selected=true] {color:var(--q-text);background:none;font-weight:600;text-decoration:underline;text-decoration-color:var(--q-accent);text-underline-offset:10px;text-decoration-thickness:2px}
#hospedagem .product-tabs button[aria-selected=true]::before {color:var(--q-accent)}
#hospedagem .product-tabs button:hover {color:var(--q-text)}
#hospedagem .product-example-bar {background:none;padding:0 0 32px;align-items:baseline;flex-wrap:wrap;gap:12px}
#hospedagem .product-example-bar strong {font:500 36px/1.15 var(--q-font-display);letter-spacing:-.04em}
#hospedagem .product-example-panel {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding:0;min-height:0}
#hospedagem .product-example-panel[hidden] {display:none}
#hospedagem .product-example-panel h3 {font-size:24px;max-width:none;margin-bottom:16px}
#hospedagem .product-example-panel p {font-size:18px;max-width:54ch}
#hospedagem .product-example-panel .note {font-size:14px;margin-top:16px}
#hospedagem .product-example-content {padding:28px 32px;background:var(--q-surface);border-radius:0}
#hospedagem .example-caption {font-size:14px!important;margin-bottom:24px}
#hospedagem .example-files {gap:24px}
#hospedagem .example-files li {align-items:baseline}
#hospedagem .example-files li>span:first-child {font-weight:550;font-size:20px}
#hospedagem .example-facts>div {gap:24px}
#hospedagem .product-example-footer {display:flex;justify-content:space-between;padding:24px 0 0;gap:24px}
#hospedagem .product-example-footer p {font-size:14px}
#hospedagem .product-example-footer a {margin-top:8px}
/* One account is a measurable allocation, not another product card. */
.resource-story {background:var(--q-surface)}
.resource-story .resources-layout {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-block:88px;align-items:start}
.resource-story h2 {font-size:clamp(36px,4vw,56px);max-width:none}
.resource-story .resources-layout>div>p:not(.note) {font-size:18px;max-width:40ch}
.resource-story .calculator {padding:0;background:none;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center}
.resource-story .calculator>label {grid-column:1/-1;font-size:16px;margin-bottom:12px}
.resource-story .calculator select {grid-column:1/-1;background:var(--q-bg);margin:0 0 32px;padding:14px 16px;border-radius:4px}
.resource-story .calc-app {grid-column:1/-1;padding:12px 0;margin:0;min-height:56px;background:none}
.resource-story .calc-app label {font-size:18px;cursor:pointer}
.resource-story .calc-app span {font-size:16px;color:var(--q-muted)}
.resource-story .calc-result {grid-column:1/-1;font:400 18px/1.3 var(--q-font);margin:36px 0 24px;color:var(--q-muted)}
.resource-story .calc-result strong {display:block;font:500 clamp(44px,5vw,72px)/1.1 var(--q-font-display);letter-spacing:-.055em;color:var(--q-text);margin-bottom:12px}
.resource-story .allocation-band {grid-column:1/-1;display:flex;gap:4px;height:48px;overflow:hidden}
.resource-story .allocation-band>span {display:block;flex-shrink:1;min-width:0;background:var(--q-accent);transition:width 240ms ease}
.resource-story .allocation-band>span:nth-child(2){opacity:.72}
.resource-story .allocation-band>span:nth-child(3){opacity:.42}
.resource-story .allocation-band>[data-allocation-free]{background:var(--q-surface-raised);opacity:1}
.resource-story .allocation-band>span[hidden]{display:none}
.resource-story #sim-meter {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.resource-story #sim-free {grid-column:1/-1;margin-top:16px;color:var(--q-text);font-size:16px}
/* Plans share comparison columns rather than three ascending cards. */
#planos .plans {display:flex;flex-direction:column;gap:0;align-items:stretch}
#planos .plan,#planos .plan:nth-child(2),#planos .plan:nth-child(3) {background:none;min-height:0;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(200px,1fr) minmax(0,1.8fr);column-gap:32px;row-gap:16px;align-items:start;padding:20px 0;animation:none}
#planos .plan h3 {font:500 24px/1.3 var(--q-font-display);letter-spacing:-.03em;margin:6px 0 0;grid-column:1;grid-row:1}
#planos .price {grid-column:2;grid-row:1;margin:0;font-size:44px;letter-spacing:-.055em;line-height:1.1}
#planos .plan:first-child .price {color:var(--q-accent)}
#planos .price small {display:block;font-size:16px;color:var(--q-muted);margin-top:12px}
#planos .plan ul {grid-column:3;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:6px 0 0;font-size:16px}
#planos .plan li {margin:0;line-height:1.5}
#planos .plan>a {grid-column:2;grid-row:2;display:inline-flex;justify-content:flex-start;min-height:44px;width:fit-content;padding:8px 0;color:var(--q-text);background:none;text-decoration:underline;text-underline-offset:5px;font-weight:400;border-radius:0}
#planos .plan>a:hover {color:var(--q-accent)}
#planos .pricing-note {margin-top:28px;font-size:14px;max-width:80ch!important}
/* Guidance is a conversation. The approved companion gets room to be a character. */
#companion {background:var(--q-surface)}
#companion .companion-layout {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-block:88px;align-items:start}
#companion h2 {max-width:12ch}
#companion .companion-layout>div>p:not(.note) {font-size:18px;max-width:40ch}
#companion .help-demo {background:none;padding:0;border-radius:0;display:grid;grid-template-columns:128px minmax(0,1fr);gap:0 24px}
#companion .companion-identity {display:flex;flex-direction:column;align-items:flex-start;grid-column:1;grid-row:1/5;gap:12px;margin:0}
#companion .companion-identity img {width:128px;height:128px}
#companion .companion-identity strong {font-size:16px;line-height:1.35;margin:8px 0}
#companion .companion-identity span {font-size:14px;line-height:1.5}
#companion .demo-heading {grid-column:2;font-size:16px;margin:0 0 16px}
#companion .level-options {grid-column:2;display:flex;flex-wrap:wrap;gap:0 24px;margin-bottom:28px}
#companion .level-options button {padding:8px 0;min-height:44px;background:none;color:var(--q-muted);border-radius:0;font-size:16px}
#companion .level-options button[aria-pressed=true] {color:var(--q-accent);background:none;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
#companion .level-options button:hover {color:var(--q-text)}
#companion .reply {grid-column:2;background:none;padding:0;min-height:180px}
#companion .reply h3 {font:500 28px/1.2 var(--q-font-display);letter-spacing:-.035em;max-width:22ch;margin:0 0 20px}
#companion .reply p {font-size:18px;line-height:1.6;max-width:42ch}
#companion .help-demo>.demo-note {grid-column:2;font-size:14px;margin-top:24px}
/* Add-ons remain clearly separate from the hosting offer. */
.polish-addons {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.polish-addons>div>p {font-size:18px;max-width:40ch}
.polish-addons dl {gap:52px}
.polish-addons dt {font:500 36px/1.15 var(--q-font-display);letter-spacing:-.04em;margin-bottom:20px}
.polish-addons dl>div:first-child dt {font-size:clamp(36px,4vw,56px)}
.polish-addons dd {font-size:18px;max-width:48ch;line-height:1.6}
.polish-addons .text-link {font-size:16px;margin-top:24px}
.polish-addons dl>div:last-child dt {font:500 20px/1.4 var(--q-font);letter-spacing:0;color:var(--q-muted)}
/* Readable questions without a stack of boxed panels. */
.polish-faq {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-top:32px}
.polish-faq>div>p {font-size:18px}
.polish-faq .faq-list details {background:none;padding:0;margin:0 0 12px}
.polish-faq .faq-list summary {display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:20px;font-weight:500;padding:16px 0;list-style:none;line-height:1.4}
.polish-faq .faq-list summary::-webkit-details-marker {display:none}
.polish-faq .faq-list summary::after {content:'+';font-size:24px;font-weight:400;color:var(--q-muted);flex:none}
.polish-faq .faq-list details[open]>summary::after {content:'−';color:var(--q-accent)}
.polish-faq .faq-list p {font-size:18px;max-width:55ch;padding:4px 32px 24px 0}
/* A single full-width colour turn closes the page. */
.closing-section {background:var(--q-accent);color:var(--q-on-accent)}
.closing-section .closing {background:none;padding-block:80px;min-height:360px;display:flex;gap:64px;justify-content:space-between;align-items:flex-end}
.closing-section .closing>div {flex:0 1 760px}
.closing-section h2 {font-size:clamp(44px,6vw,88px);max-width:12ch;letter-spacing:-.055em;line-height:1.02;margin:0 0 32px}
.closing-section p {font-size:20px;max-width:38ch}
.closing-section .primary {background:var(--q-bg);color:var(--q-text);flex:none}
.closing-section .primary:hover {background:var(--q-surface-raised);color:var(--q-text)}
@media(max-width:1100px){
 #hospedagem .section-head,#planos .section-head,#hospedagem .product-walkthrough,.resource-story .resources-layout,#companion .companion-layout,.polish-addons,.polish-faq {column-gap:40px}
 #planos .plan,#planos .plan:nth-child(2),#planos .plan:nth-child(3){grid-template-columns:minmax(125px,.65fr) minmax(180px,.95fr) minmax(0,1.4fr);gap:20px}
 #planos .plan ul {grid-template-columns:1fr;gap:8px}
 #companion .help-demo {grid-template-columns:96px minmax(0,1fr);column-gap:20px}
 #companion .companion-identity img {width:96px;height:96px}
 #companion .reply {min-height:240px}
}
@media(max-width:800px){
 #hospedagem,#planos,.polish-addons,.polish-faq {padding-block:72px}
 #hospedagem .section-head,#planos .section-head {grid-template-columns:1fr;gap:24px;margin-bottom:36px}
 #hospedagem .product-walkthrough {grid-template-columns:1fr}
 #hospedagem .product-tabs {grid-column:1;grid-row:auto;flex-direction:row;gap:8px 24px;margin-bottom:36px;align-items:stretch}
 #hospedagem .product-tabs button {flex:0 1 auto;padding:8px 0;max-width:100%;font-size:16px}
 #hospedagem .product-tabs button::before {display:none}
 #hospedagem .product-tabs button[aria-selected=true] {text-decoration:underline;text-decoration-color:var(--q-accent);text-underline-offset:8px;text-decoration-thickness:2px}
 #hospedagem .product-example-bar,#hospedagem .product-example-panel,#hospedagem .product-example-footer {grid-column:1}
 #hospedagem .product-example-panel {grid-template-columns:1fr 1fr;gap:32px}
 #hospedagem .product-example-content {padding:24px}
 #hospedagem .example-files li {display:block}
 #hospedagem .example-files li>span {display:block;text-align:left}
 #hospedagem .example-files li>span:last-child {margin-top:4px;font-size:14px}
 .resource-story .resources-layout,#companion .companion-layout {grid-template-columns:1fr;gap:40px;padding-block:72px}
 .resource-story h2 {max-width:none;font-size:44px}
 .resource-story .resources-layout>div>p:not(.note),#companion .companion-layout>div>p:not(.note) {max-width:58ch}
 .resource-story .calculator {max-width:650px;width:100%;justify-self:end}
 #companion h2 {max-width:none}
 #companion .help-demo {grid-template-columns:128px minmax(0,1fr);gap:0 32px}
 #companion .companion-identity img {width:128px;height:128px}
 #companion .reply {min-height:170px}
 .polish-addons,.polish-faq {grid-template-columns:1fr;gap:40px}
 .polish-addons>div>p {max-width:58ch}
 .polish-addons dl {display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
 .polish-addons dl>div:first-child dt {font-size:36px}
 .polish-faq {padding-top:48px}
 .closing-section .closing {padding-block:64px;gap:40px;align-items:flex-start;flex-direction:column;min-height:0}
 .closing-section .closing>div {flex:auto}
 .closing-section h2 {font-size:64px;max-width:14ch}
}
@media(max-width:600px){
 #hospedagem,#planos,.polish-addons {padding-block:64px}
 #hospedagem .product-tabs {gap:0 20px;display:flex}
 #hospedagem .product-example-panel {grid-template-columns:1fr;gap:28px}
 #hospedagem .product-example-bar {padding-bottom:24px;gap:8px}
 #hospedagem .product-example-bar strong {font-size:32px}
 #hospedagem .product-example-bar span {text-align:left;max-width:none}
 #hospedagem .product-example-content {padding:24px}
 #hospedagem .example-files li {display:flex;flex-wrap:wrap;gap:4px 20px}
 #hospedagem .example-files li>span:last-child {font-size:16px;margin:0}
 #hospedagem .product-example-footer {padding-top:20px}
 .resource-story .resources-layout,#companion .companion-layout {padding-block:64px;gap:32px}
 .resource-story h2 {font-size:clamp(32px,9.2vw,36px)}
 .resource-story .calc-result {margin-top:28px}
 .resource-story .calc-result strong {font-size:52px}
 .resource-story .allocation-band {height:36px}
 #planos .plan,#planos .plan:nth-child(2),#planos .plan:nth-child(3) {grid-template-columns:1fr 1.25fr;column-gap:16px;row-gap:20px;padding:28px 0 36px}
 #planos .plan h3 {font-size:22px;grid-column:1;grid-row:1}
 #planos .price {font-size:36px;grid-column:2;grid-row:1}
 #planos .price small {margin-top:8px}
 #planos .plan ul {grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}
 #planos .plan>a {grid-column:1/-1;grid-row:3;margin:0}
 #planos .pricing-note {margin-top:12px}
 #companion .help-demo {grid-template-columns:1fr}
 #companion .companion-identity {grid-column:1;grid-row:auto;flex-direction:row;align-items:center;gap:20px;margin:0 0 32px}
 #companion .companion-identity img {width:88px;height:88px}
 #companion .companion-identity strong {margin:0 0 6px}
 #companion .demo-heading,#companion .level-options,#companion .reply,#companion .help-demo>.demo-note {grid-column:1}
 #companion .level-options {gap:0 24px;margin-bottom:28px}
 #companion .reply {min-height:210px}
 #companion .reply h3 {font-size:28px;max-width:22ch}
 .polish-addons dl {grid-template-columns:1fr;gap:40px}
 .polish-addons dt {font-size:28px}
 .polish-faq {gap:24px;padding-bottom:56px}
 .polish-faq .faq-list summary {font-size:20px;gap:20px}
 .polish-faq .faq-list p {padding-right:0}
 .closing-section .closing {padding:56px 0;gap:32px}
 .closing-section h2 {font-size:clamp(40px,10.7vw,56px);margin-bottom:24px}
 .closing-section p {font-size:18px}
}
@media(prefers-reduced-motion:reduce){.resource-story .allocation-band>span{transition:none}}

#hospedagem .product-panels {transition:height 320ms cubic-bezier(.22,.68,0,1);min-width:0}
#hospedagem .product-panels.is-transitioning {overflow:hidden}
@media(prefers-reduced-motion:reduce){#hospedagem .product-panels{transition:none}}