@media(min-width:768px){section{padding:88px 0;}}

/* HERO */
@media(min-width:768px){#hero{padding-bottom:72px;}}

.plan-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:24px;}
.plan-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}

.hero-headline{font-size:clamp(28px,9vw,64px);font-weight:800;line-height:1.05;margin-bottom:16px;}

.price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.price-big{font-family:'Unbounded',sans-serif;font-size:clamp(36px,10vw,56px);font-weight:800;letter-spacing:-0.03em;line-height:1;}
.price-period{font-size:15px;color:var(--text2);font-weight:300;}
.price-setup{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);}

.hero-desc{font-size:15px;color:var(--text2);line-height:1.75;font-weight:300;margin-bottom:28px;max-width:520px;}

/* CONTENT */
#content{padding:56px 0;}
@media(min-width:768px){#content{padding:80px 0;}}

.content-layout{display:flex;flex-direction:column;gap:40px;}
@media(min-width:900px){.content-layout{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start;}}

.includes-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:32px;}
.include-item{background:var(--bg);padding:18px 20px;display:flex;gap:16px;align-items:flex-start;}
@media(min-width:768px){.include-item:hover{background:var(--bg2);}}
.include-check{font-family:'DM Mono',monospace;font-size:11px;color:var(--accent);min-width:14px;margin-top:3px;flex-shrink:0;}
.include-name{font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px;}
.include-desc{font-size:13px;color:var(--text2);font-weight:300;line-height:1.6;}

.excludes-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.exclude-item{background:var(--bg);padding:14px 20px;display:flex;gap:14px;align-items:center;min-height:44px;}
.exclude-icon{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);}
.exclude-text{font-size:14px;color:var(--text3);font-weight:300;}

/* SIDEBAR */
.sidebar-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.sidebar-card-label{font-family:'DM Mono',monospace;font-size:11px;color:var(--text3);letter-spacing:0.1em;text-transform:uppercase;padding:16px 18px 0;}
.sidebar-rows{display:flex;flex-direction:column;gap:1px;background:var(--border);margin-top:12px;}
.sidebar-row{background:var(--bg);padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;}
.s-key{font-size:13px;color:var(--text2);font-weight:300;}
.s-val{font-family:'DM Mono',monospace;font-size:12px;color:var(--text);text-align:right;}

.upgrade-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;}
.upgrade-title{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;margin-bottom:8px;}
.upgrade-desc{font-size:13px;color:var(--text2);font-weight:300;line-height:1.6;margin-bottom:16px;}
.upgrade-link{display:flex;align-items:center;justify-content:center;padding:11px;border-radius:8px;border:1px solid var(--border2);font-size:13px;color:var(--text2);text-decoration:none;min-height:44px;}
@media(min-width:768px){.upgrade-link:hover{color:var(--text);border-color:var(--text3);}}

/* USE CASES */
.usecases-grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
@media(min-width:768px){.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);}}
.usecase-item{background:var(--bg);padding:28px 24px;}
@media(min-width:768px){.usecase-item:hover{background:var(--bg2);}}
.usecase-num{font-family:'DM Mono',monospace;font-size:11px;color:var(--accent);margin-bottom:14px;}
.usecase-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;margin-bottom:10px;line-height:1.3;}
.usecase-desc{font-size:13px;color:var(--text2);font-weight:300;line-height:1.65;}