/* Core Play: responsive refinements, preserving each page's visual identity. */
html[data-cp-layout] { --cp-gutter: clamp(16px, 3vw, 24px); --cp-header-height: 80px; scroll-padding-block-start: calc(var(--cp-header-height) + 16px); }
[data-cp-layout] *, [data-cp-layout] *::before, [data-cp-layout] *::after { box-sizing: border-box; }
[data-cp-layout] :is(main, .container, .inner, .page, .post-container, .post-body, .content, .card, .step, .plan, .info) { min-inline-size: 0; }
[data-cp-layout] :is(h1,h2,h3,h4,p,li,blockquote,figcaption) { overflow-wrap: break-word; }
[data-cp-layout] :is(img,video,canvas) { max-inline-size: 100%; }
[data-cp-layout] button, [data-cp-layout] input, [data-cp-layout] select, [data-cp-layout] textarea { font-family: inherit; max-inline-size: 100%; }
[data-cp-layout] :is(.btn,.cta,.cta-btn,.plan-cta,.cta-box .btn) { max-inline-size: 100%; white-space: normal; text-wrap: balance; text-align: center; overflow-wrap: break-word; }
[data-cp-layout] :is(section[id], h2[id], h3[id], details[id]) { scroll-margin-block-start: 16px; }
[data-cp-layout] :is(.posts-grid,.related-grid,.card-grid,.steps,.devices-grid,.testimonial-grid,.features-grid,.footer-grid,.blog-footer-inner)>* { min-inline-size: 0; }
[data-cp-layout] .posts-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); }
[data-cp-layout] .related-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
[data-cp-layout] .blog-footer-inner { grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); }
[data-cp-layout] .post-card, [data-cp-layout] .related-card { inline-size: 100%; }
[data-cp-layout] .related-card { display: flex; flex-direction: column; }
[data-cp-layout] .related-card .info { flex: 1; }
[data-cp-layout] .post-card .thumb, [data-cp-layout] .related-card .thumb { flex: 0 0 auto; }
[data-cp-layout] .cluster-chips .chip { font-family: inherit; min-block-size: 40px; }
[data-cp-layout] .card-grid>.card { display: flex; flex-direction: column; }
[data-cp-layout] .card-grid>.card>a:last-child { margin-block-start: auto; }
[data-cp-layout] .post-body { max-inline-size: min(var(--post,800px),calc(100% - 2 * var(--cp-gutter))); }
[data-cp-layout] .post-container .post-body { max-inline-size: 100%; }
[data-cp-layout] .post-body :is(pre,code), [data-cp-layout] .page :is(pre,code) { overflow-wrap: anywhere; }
[data-cp-layout] pre { max-inline-size: 100%; overflow-x: auto; }
/* Tables keep readable columns; only their own region scrolls on small screens. */
[data-cp-layout] .cp-table-scroll { max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; margin-block: 24px; border-radius: 10px; }
[data-cp-layout] .cp-table-scroll>table { display: table; inline-size: 100%; min-inline-size: var(--cp-table-min,0px); max-inline-size: none; table-layout: auto; margin: 0; }
[data-cp-layout] .cp-table-scroll :is(th,td) { overflow-wrap: normal; word-break: normal; }
[data-cp-layout] .cp-table-scroll:focus-visible { outline: 2px solid var(--orange,#9c4500); outline-offset: 3px; }
/* Home: uniform card geometry, coherent wrapping and aligned price/CTA rows. */
html[data-cp-layout="home"] { --cp-gutter: 24px; }
[data-cp-layout="home"] .nav-inner { width: min(calc(100% - 2 * var(--cp-gutter)),var(--max)); padding-inline: 0; }
[data-cp-layout="home"] .plans { grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap: 36px 20px; padding-block-start: 18px; }
[data-cp-layout="home"] .plan-3 { margin-block: 0; }
[data-cp-layout="home"] .plan-header { min-block-size:94px;padding:20px 22px 16px; }
[data-cp-layout="home"] .plan-body { padding:22px; }
[data-cp-layout="home"] .plan-price-row { min-block-size:56px; }
[data-cp-layout="home"] .plan-period { min-block-size: 2.8em; }
[data-cp-layout="home"] .plan-perday { min-block-size:60px;padding:8px 10px;margin-block:12px 16px; }
[data-cp-layout="home"] .plan-perks li { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 10px; padding-block:7px; }
[data-cp-layout="home"] .plan-perk-text { min-inline-size: 0; }
[data-cp-layout="home"] .plan-cta { min-block-size:50px;padding:13px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
[data-cp-layout="home"] .plan-foot { min-block-size: 2.8em; line-height: 1.4; }
[data-cp-layout="home"] :is(.plan-featured-badge,.plan-best-badge) { max-inline-size: calc(100% - 24px); white-space: normal; text-align: center; justify-content: center; line-height: 1.35; }
[data-cp-layout="home"] .hero-eyebrow { max-inline-size: 100%; }
[data-cp-layout="home"] .hero h1 { overflow-wrap: normal; }
@media(max-width:1239px) { [data-cp-layout="home"] .plans { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:699px) {
 html[data-cp-layout="home"] { --cp-gutter:20px; }
 [data-cp-layout="home"] .plans { grid-template-columns: minmax(0,1fr); }
 [data-cp-layout="home"] .plan-header { min-block-size: 0; }
 [data-cp-layout="home"] .plan-perday { min-block-size: 0; }
 [data-cp-layout="home"] .plan-period, [data-cp-layout="home"] .plan-foot { min-block-size: 0; }
 [data-cp-layout="home"] .plan-price-row { min-block-size: 50px; }
 [data-cp-layout="home"] .features-grid { gap:16px; }
 [data-cp-layout="home"] .f-card { padding:24px; }
 [data-cp-layout="home"] .feature-visual { max-inline-size:100%; }
}
/* Existing header links remain accessible through the compact menu. */
[data-cp-layout] [data-cp-header] { position: sticky; inset-block-start: 0; z-index: 100; }
[data-cp-layout] .cp-header-inner { min-inline-size: 0; }
[data-cp-layout] [data-cp-header] :is(.brand,.blog-brand) { flex-shrink: 0; white-space: nowrap; }
[data-cp-layout] [data-cp-header] :is(.brand,.blog-brand) img { flex-shrink:0; object-fit:contain; }
[data-cp-layout] .cp-menu-toggle { display: none; flex: 0 0 42px; inline-size:42px; block-size:42px; align-items:center; justify-content:center; color:#fff; background:transparent; border:1px solid #ffffff40; border-radius:8px; cursor:pointer; padding:8px; }
[data-cp-layout] .cp-menu-toggle svg { width:22px;height:22px; }
[data-cp-layout] .cp-menu { background:#131313;color:#fff;border:1px solid #ffffff30;border-radius:12px; padding:20px; margin:auto; width:min(440px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; font-family:inherit; }
[data-cp-layout] .cp-menu::backdrop { background:#000a; }
[data-cp-layout] .cp-menu-head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px; }
[data-cp-layout] .cp-menu-head strong { color:#fff; font-size:18px; }
[data-cp-layout] .cp-menu-close { color:#fff;background:transparent;border:1px solid #ffffff40;border-radius:8px;width:44px;height:44px;font-family:inherit;font-size:24px;line-height:1;cursor:pointer; }
[data-cp-layout] .cp-menu-links { display:grid;gap:4px; }
[data-cp-layout] .cp-menu-links a { display:block; color:#fff; padding:12px;border-radius:6px;text-decoration:none;min-height:44px;font-size:16px;line-height:1.4; }
[data-cp-layout] .cp-menu-links a:hover { background:#ffffff12; }
[data-cp-layout] .cp-menu :focus-visible, [data-cp-layout] .cp-menu-toggle:focus-visible { outline:2px solid #F5B041;outline-offset:3px; }
@media(max-width:1100px) {
 [data-cp-layout="home"] .cp-menu-toggle { display:inline-flex; }
 [data-cp-layout="home"] .nav-links { display:none; }
 [data-cp-layout="home"] .nav-cta { margin-inline-start:auto; }
}
@media(max-width:920px) {
 [data-cp-layout] .cp-menu-toggle { display:inline-flex; }
 [data-cp-layout] [data-cp-header] .cp-header-inner { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:var(--cp-gutter); }
 [data-cp-layout="home"] [data-cp-header] .cp-header-inner { padding-inline:0; }
 [data-cp-layout] [data-cp-header] :is(.nav-links,nav)>a:not(.cta) { display:none; }
 [data-cp-layout] .simple-nav .nav-links { display:none; }
 [data-cp-layout] [data-cp-header] nav { margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;gap:0;min-inline-size:0; }
 [data-cp-layout] [data-cp-header] nav .cta { margin:0;white-space:nowrap;font-size:13px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;min-height:42px; }
 [data-cp-layout] .blog-brand { font-size:20px;gap:8px; }
 [data-cp-layout] .blog-header-inner { padding-block:0; }
 [data-cp-layout] [data-cp-header] .brand { font-size:20px;gap:8px; }
 [data-cp-layout] .hero :is(.btn,.cta-btn), [data-cp-layout] .cta-box .btn { line-height:1.45; }
 [data-cp-layout] .cp-bar { gap:8px; }
 [data-cp-layout] .cp-bar a { min-inline-size:0; }
 [data-cp-layout] .cp-bar .cp-primary { min-inline-size:0; }
 [data-cp-layout] .cp-bar .cp-secondary { padding-inline:12px; }
}
@media(max-width:420px) {
 [data-cp-layout] .blog-tag { display:none; }
 [data-cp-layout] [data-cp-header] nav .cta { white-space:normal;text-wrap:balance;line-height:1.4; }
 [data-cp-layout] [data-cp-header] .cp-header-inner { gap:8px; }
 [data-cp-layout] .hero :is(.btn,.cta-btn) { padding-inline:20px; }
 [data-cp-layout] .hero .eyebrow { max-width:100%; }
 [data-cp-layout] .cp-bar a { font-size:13px; }
}
/* Fixed controls avoid each other; focused or overlapping CTAs stay unobscured. */
[data-cp-layout] .cp-bar.cp-bar-suppressed { visibility:hidden;pointer-events:none; }
[data-cp-layout] .wa-label { max-inline-size:calc(100vw - 32px); }
@media(prefers-reduced-motion:reduce) {
 html[data-cp-layout] { scroll-behavior:auto; }
 [data-cp-layout] :is(.wa-widget,.cp-wa,.wa-aura,.btn-pulse) { animation:none !important;transition:none !important; }
}

[data-cp-layout] [data-cp-header] :is(.brand,.blog-brand) { line-height:1; }
[data-cp-layout] [data-cp-header] picture { display:flex;align-items:center; }
[data-cp-layout="home"] :is(.plan-featured-badge,.plan-best-badge) { inline-size:max-content;top:auto;bottom:calc(100% - 12px); }
[data-cp-layout="home"] .video-modal { max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0; }
@media(prefers-reduced-motion:reduce) { [data-cp-layout] *,[data-cp-layout] *::before,[data-cp-layout] *::after { animation-delay:0s !important;transition-delay:0s !important; } }

[data-cp-layout="home"] .video-modal-close::before { content:"×";font-size:28px; }

[data-cp-layout] .factbox :is(dt,dd) { min-inline-size:0; }
@media(max-width:600px) {
 [data-cp-layout] .factbox dl { grid-template-columns:minmax(0,1fr);gap:6px; }
 [data-cp-layout] .factbox dt { white-space:normal; }
 [data-cp-layout] .factbox dd { margin-block-end:12px; }
 [data-cp-layout] .factbox dd:last-child { margin-block-end:0; }
}

/* Fit the opening to the available viewport instead of adding 92vh below the header. */
[data-cp-layout="home"] .cp-intro { padding-block:12px !important; }
[data-cp-layout="home"] .cp-intro .container { width:min(var(--max),calc(100% - 2 * var(--cp-gutter))); }
[data-cp-layout="home"] .cp-intro .answer-lead { max-width:var(--max) !important;font-size:14px !important;line-height:1.55 !important;padding-inline-start:14px !important; }
[data-cp-layout="home"] .hero { min-height:min(760px,calc(100svh - var(--cp-header-height) - var(--cp-intro-height,100px)));padding:clamp(24px,4svh,48px) var(--cp-gutter); }
[data-cp-layout="home"] .hero h1 { font-size:clamp(40px,6vw,86px);line-height:1;max-width:20ch;margin-block-end:20px; }
[data-cp-layout="home"] .hero-eyebrow { margin-block-end:20px; }
[data-cp-layout="home"] .hero-sub { margin-block-end:24px; }
[data-cp-layout="home"] .hero-actions { margin-block-end:28px; }
[data-cp-layout="home"] .section-head { margin-block-end:clamp(32px,4vw,48px); }
[data-cp-layout="home"] .f-card { padding:clamp(24px,2.4vw,32px); }
[data-cp-layout="home"] .f-card .icon { margin-block-end:18px; }
[data-cp-layout="home"] .device-card { padding:24px 20px;min-height:160px; }
@media(max-width:699px) {
 [data-cp-layout="home"] .hero h1 { font-size:clamp(38px,10.5vw,56px);max-width:100%;margin-block-end:16px; }
 [data-cp-layout="home"] .hero-eyebrow { margin-block-end:14px; }
 [data-cp-layout="home"] .hero-sub { margin-block-end:20px; }
 [data-cp-layout="home"] .hero-actions { margin-block-end:24px; }
 [data-cp-layout="home"] .hero-actions .btn { min-height:48px;line-height:1.4;padding:13px 12px;font-size:14px;min-width:0; }
 [data-cp-layout="home"] .hero-trust { gap:8px; }
 [data-cp-layout="home"] .hero-avatars>div { width:28px;height:28px; }
 [data-cp-layout="home"] .hero-trust-text { font-size:13px; }
}
@media(min-width:375px) and (max-width:699px) {
 [data-cp-layout="home"] .hero-actions { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
 [data-cp-layout="home"] .hero-actions .btn { height:100%; }
 [data-cp-layout="home"] .hero-meta { grid-column:1/-1; }
}
@media(max-width:699px) {
 [data-cp-layout="home"] .plan-header { padding:18px 20px 14px; }
 [data-cp-layout="home"] .plan-body { padding:18px; }
 [data-cp-layout="home"] .plan-perks li { padding-block:5px; }
 [data-cp-layout="home"] .plan-perday { margin-block:10px 12px; }
 [data-cp-layout="home"] .plan-foot { margin-block-start:8px; }
}
@media(min-width:700px) and (max-height:850px) {
 [data-cp-layout="home"] .plan-header { min-block-size:90px;padding-block:18px 14px; }
 [data-cp-layout="home"] .plan-body { padding:20px; }
 [data-cp-layout="home"] .plan-perks li { padding-block:6px; }
}
/* Keep margins and compact card groups aligned at intermediate widths as well. */
[data-cp-layout="home"] main>section:not(.cp-intro) { padding-inline:var(--cp-gutter); }
[data-cp-layout="home"] .devices-grid { grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr; }
@media(max-width:699px) {
 [data-cp-layout="home"] .devices-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 [data-cp-layout="home"] .device-card { padding:20px 12px; }
}
@media(min-width:700px) and (max-width:1024px) {
 [data-cp-layout="home"] .features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 [data-cp-layout="home"] .features-grid .f-large { grid-column:1/-1; }
 [data-cp-layout="home"] .features-grid :is(.f-small,.f-third) { grid-column:span 1; }
}

/* Fase 0: readable conversion controls and persistent contact access. */
html[data-cp-layout="home"] { --text-3: rgba(255,255,255,0.64); --home-proof-bottom:24px; }
[data-cp-layout] :is(.btn-primary,.plan-cta,a.nav-cta,button.nav-cta,.nav-cta .btn-primary,.cp-bar .cp-primary) { color:#1A0E04; background:linear-gradient(135deg,#E67E22,#F59334); border-color:#E67E22; }
[data-cp-layout] :is(.btn-primary,.plan-cta,a.nav-cta,button.nav-cta,.nav-cta .btn-primary,.cp-bar .cp-primary):is(:hover,:focus-visible) { color:#1A0E04; background:linear-gradient(135deg,#F39C12,#E67E22); border-color:#F39C12; }
[data-cp-layout] :is(.btn-primary,.plan-cta,a.nav-cta,button.nav-cta,.nav-cta .btn-primary,.cp-bar .cp-primary):focus-visible { outline:3px solid #F2C94C; outline-offset:4px; }
[data-cp-layout] .cp-wa-positioned { bottom:var(--cp-wa-origin-bottom); right:var(--cp-wa-origin-right); z-index:10001; visibility:visible; transform-origin:bottom right; transform:translate(var(--cp-wa-x,0px),var(--cp-wa-y,0px)) scale(var(--cp-wa-scale-x,1),var(--cp-wa-scale-y,1)); transition:box-shadow .25s ease; }
[data-cp-layout] .cp-wa-compact :is(.wa-label,.wa-aura) { display:none; }
[data-cp-layout] .cp-wa-compact::after { animation:none; box-shadow:none; }
[data-cp-layout] .wa-label { left:auto; right:0; transform:none; animation:none; }
[data-cp-layout] .wa-label::after { left:auto; right:20px; transform:none; }
[data-cp-layout="home"] .cp-proof-popup { left:24px !important; bottom:var(--home-proof-bottom) !important; max-width:min(340px,calc(100vw - 24px)) !important; z-index:10000 !important; transform:none !important; }
[data-cp-layout] :is(.reveal:target,:target .reveal,.reveal:has(:target),.reveal.cp-anchor-revealed) { opacity:1; transform:none; transition:none; }
@media(prefers-reduced-motion:reduce) {
 [data-cp-layout] .reveal { opacity:1; transform:none; transition:none; }
 [data-cp-layout] .cp-proof-popup { transition:none !important; }
}

[data-cp-layout="home"] .plan-featured-badge { color:#1A0E04; }
@media(max-width:600px) {
 html[data-cp-layout="home"] { --home-proof-bottom:max(24px,calc(var(--cp-fixed-bottom,0px) + 12px)); }
 [data-cp-layout="home"] .cp-proof-popup { left:12px !important; }
}