/* Tugão TV: preserves the existing charcoal and pink identity. */
:root{color-scheme:dark;
--accent:#ff1749;
--bg:#0f0f0f;
--panel:#1c1c20;
--text:#f9f9fc;
--muted:#bdbdc7}
*{box-sizing:border-box}
body{margin:0;
background:var(--bg);
color:var(--text);
font:1rem/1.65 Manrope,system-ui,-apple-system,sans-serif}
a{color:#ff819d;
text-underline-offset:4px}
a:hover{color:#fff}
button,input,select{font:inherit}
button,a,input,select,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #ff9caf;
outline-offset:4px}
h1,h2,h3{line-height:1.18;
letter-spacing:-.03em}
h1{font-size:clamp(2.2rem,5vw,4.7rem);
margin:.3em 0 .5em}
h2{font-size:clamp(1.7rem,3vw,2.7rem)}
h3{font-size:1.35rem}
p{max-width:75ch}
.shell{width:min(1200px,calc(100% - 40px));
margin:auto}
.site-header{border-bottom:1px solid #333}
.header-inner{display:flex;
gap:24px;
align-items:center;
padding:24px 0;
flex-wrap:wrap}
.brand{font-size:1.8rem;
font-weight:850;
text-decoration:none;
color:#fff;
white-space:nowrap}
.brand span{color:var(--accent)}
nav{display:flex;
gap:16px;
flex-wrap:wrap}
nav a{color:#ddd;
text-decoration:none}
.header-inner nav{flex:1}
.button{display:inline-flex;
justify-content:center;
align-items:center;
min-height:48px;
padding:12px 24px;
background:var(--accent);
color:white;
border:0;
border-radius:10px;
text-decoration:none;
font-weight:750;
cursor:pointer}
.button:hover{background:#c90d36;
color:white}
.button:disabled{opacity:.6;
cursor:wait}
.hero{display:grid;
grid-template-columns:1.2fr 1fr;
gap:40px;
align-items:center;
padding-top:64px;
padding-bottom:70px}
.hero img{width:100%;
height:auto;
max-height:520px;
object-fit:contain}
.hero p{font-size:1.15rem;
color:var(--muted)}
.eyebrow{text-transform:uppercase;
letter-spacing:.12em;
font-size:.8rem;
font-weight:750;
color:#ff819d}
.actions{display:flex;
align-items:center;
gap:24px;
flex-wrap:wrap;
margin-top:28px}
.section{padding-top:50px;
padding-bottom:50px}
.feature-grid,.plan-grid{display:grid;
gap:20px;
grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-grid article,.plan-card{background:var(--panel);
border:1px solid #3b3b42;
border-radius:18px;
padding:28px}
.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));
margin:30px 0}
.plan-card{display:flex;
flex-direction:column;
padding:24px}
.plan-card h3{margin:8px 0}
.price{font-size:2.4rem;
font-weight:850;
margin:16px 0 0}
.muted,small,.screen-note{color:var(--muted)}
.check-list{padding:0;
list-style:none;
flex:1}
.check-list li{position:relative;
padding-left:25px;
margin:12px 0}
.check-list li:before{content:'✓';
color:#ff819d;
position:absolute;
left:0}
.screen-note{font-size:.85rem;
border-top:1px solid #444;
padding-top:14px}
.plan-card .button{width:100%;
margin-top:12px}
.steps li{padding:8px}
.prose{max-width:1000px}
.prose h1{font-size:clamp(2.2rem,4vw,3.8rem)}
.prose h2{margin-top:44px}
.prose li{margin-bottom:10px}
.site-footer{margin-top:50px;
border-top:1px solid #38383d;
padding:48px 0 80px;
background:#141416}
.site-footer nav{margin:28px 0}
.site-footer p{color:var(--muted)}
details{border-bottom:1px solid #444;
padding:20px 0}
summary{font-size:1.15rem;
font-weight:700;
cursor:pointer;
padding:10px 0}
dialog{width:min(580px,calc(100% - 24px));
max-height:calc(100dvh - 24px);
padding:0;
background:#1c1c20;
color:var(--text);
border:1px solid #555;
border-radius:18px;
overflow:auto}
dialog::backdrop{background:rgb(0 0 0 / .8)}
.dialog-inner{padding:32px}
.dialog-inner h2{padding-right:35px;
font-size:1.8rem}
.dialog-close{position:absolute;
right:12px;
top:10px;
min-width:44px;
min-height:44px;
border:0;
background:transparent;
color:white;
font-size:2rem;
cursor:pointer}
fieldset{border:0;
padding:0;
margin:18px 0}
legend{font-weight:700}
.contact-options{display:flex;
gap:10px;
flex-wrap:wrap}
.contact-options label{display:flex;
gap:8px;
align-items:center;
min-height:44px}
#lead-form>label{display:block;
margin-top:18px;
font-weight:700}
#lead-form>input,#lead-form select{display:block;
width:100%;
min-height:48px;
background:#0f0f12;
color:white;
border:1px solid #777;
border-radius:8px;
padding:12px;
margin:8px 0}
small{display:block}
.privacy-note{font-size:.85rem}
.whatsapp-link{display:block;
padding:18px 0 0}
#lead-status{color:#ffb6c7;
white-space:pre-line}
#lead-form .button{width:100%}
.honeypot{position:absolute;
left:-10000px;
width:1px;
height:1px;
overflow:hidden}
.floating-contact{position:fixed;
right:20px;
bottom:20px;
border:1px solid #ff819d;
background:#1b1b20;
color:#fff;
padding:10px 18px;
border-radius:30px;
text-decoration:none;
box-shadow:0 8px 30px #0008}
.skip-link{position:fixed;
left:16px;
top:-100px;
background:#fff;
color:#111;
padding:10px;
z-index:100}
.skip-link:focus{top:10px}
body.modal-open{overflow:hidden}
.post-grid{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px}
.post-grid article{background:var(--panel);
padding:24px;
border-radius:18px}
.post-date{color:var(--muted)}
@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.header-inner nav{order:3;
flex-basis:100%}
.header-inner>.button{margin-left:auto}
.hero{grid-template-columns:1fr 1fr}
.post-grid{grid-template-columns:1fr}
}
@media(max-width:650px){.shell{width:calc(100% - 32px)}
.hero{grid-template-columns:1fr;
padding-top:38px;
gap:24px}
.hero img{max-height:300px}
.plan-grid,.feature-grid{grid-template-columns:1fr}
.section{padding-top:32px;
padding-bottom:32px}
.header-inner{gap:14px;
padding:16px 0}
.header-inner>.button{padding:10px 14px}
.header-inner nav{gap:12px;
font-size:.9rem}
.dialog-inner{padding:24px 20px}
.contact-options{gap:12px}
.floating-contact{right:12px;
bottom:12px}
.price{font-size:2.2rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}

.plan-details{font-size:.9rem;
padding:8px 0}
.plan-details summary{font-size:.9rem;
min-height:44px}
.screen-note strong{color:#fff}