.home-hero{min-height:570px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff 0%,#fff 37%,rgba(255,255,255,.55) 56%,rgba(255,255,255,.06) 100%),url('../img/hero/habitio-house.webp') center right/67% 100% no-repeat;position:relative;overflow:hidden}
.home-hero-inner{display:grid;grid-template-columns:52% 48%;min-height:570px;align-items:center}.hero-copy{padding:62px 0}.hero-copy h1{max-width:600px}.hero-copy .lead{max-width:575px;margin-top:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.load-profile{display:flex;gap:9px;align-items:center;margin-top:14px;color:var(--brand);font-size:14px;font-weight:700}.load-profile input{display:none}
.profile-float{align-self:center;justify-self:end;width:315px;margin-right:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;backdrop-filter:blur(8px)}.profile-head{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.profile-head img{width:92px;height:72px;object-fit:cover;border-radius:4px}.profile-head strong{display:block}.profile-head small{color:var(--muted)}.profile-list{display:grid;gap:9px;padding:13px 0}.profile-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.profile-row span:first-child{color:var(--muted)}
.cluster-section,.problem-section,.profile-section,.lab-section,.works-section,.popular-section,.method-section{padding:58px 0}.cluster-section{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-head p{max-width:620px;color:var(--muted);margin:9px 0 0}.cluster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.cluster-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;min-height:213px;transition:.18s ease;position:relative}.cluster-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:#b6c6c3}.cluster-card img{width:100%;aspect-ratio:1.42/1;object-fit:cover}.cluster-card-copy{padding:13px}.cluster-card h3{font-size:16px;margin-bottom:3px}.cluster-card p{font-size:12px;color:var(--muted);margin:0}.cluster-card .state{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.92);border:1px solid var(--line);font-size:10px;font-weight:800;padding:3px 6px;border-radius:2px}.cluster-card.live .state{color:var(--green)}
.problem-section{background:var(--surface-warm);border-block:1px solid #e6e0d6}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.problem-link{background:#fff;border:1px solid var(--line);padding:15px 17px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-weight:700;font-size:14px;border-radius:4px}.problem-link span:last-child{color:var(--teal);font-size:20px}.problem-link.disabled{color:#78868a;background:rgba(255,255,255,.65)}
.profile-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.profile-visual{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);padding:12px;border-radius:var(--radius-lg)}.profile-visual img{width:100%;height:320px;object-fit:cover;border-radius:4px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:12px}.profile-facts div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-facts div:nth-child(2n){border-right:0}.profile-facts small{display:block;color:var(--muted)}
.lab-section{background:#fff;border-block:1px solid var(--line)}.lab-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.preview-table,.preview-chart{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.preview-title{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.preview-title h3{font-size:17px}.preview-table table{border-collapse:collapse;width:100%;font-size:13px}.preview-table th,.preview-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left}.preview-table th{font-size:11px;color:var(--muted);text-transform:uppercase}.preview-table tr:last-child td{border-bottom:0}.scale{font-weight:800;color:var(--green)}.mini-chart{height:265px;padding:25px 18px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line)}.mini-bars{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px}.mini-bars i{display:block;width:10px;background:var(--brand);opacity:.88}.mini-bars i:nth-child(2){background:var(--teal)}.mini-bars i:nth-child(3){background:var(--accent)}.mini-labels{display:grid;grid-template-columns:repeat(4,1fr);padding:11px 18px;font-size:11px;color:var(--muted);text-align:center}
.how-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;margin-top:24px}.how-step{padding:18px;border-right:1px solid var(--line)}.how-step:last-child{border-right:0}.how-step b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal-soft);color:var(--brand);margin-bottom:10px}.how-step strong{display:block;font-size:14px}.how-step p{font-size:12px;color:var(--muted);margin:4px 0 0}
.works-section{background:linear-gradient(100deg,#0b3440,#0d5a66);color:#fff}.works-section h2,.works-section h3{color:#fff}.works-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.check-preview{background:#fff;color:var(--ink);border-radius:var(--radius);padding:20px;display:grid;gap:10px}.check-preview div{display:flex;gap:10px;font-size:14px}.check-preview i{font-style:normal;color:var(--green)}
.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.popular-card{border:1px solid var(--line);background:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.popular-card small{display:block;color:var(--muted);margin-top:4px}.popular-card.disabled{opacity:.65}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.method-card{border-top:3px solid var(--brand);background:#fff;padding:22px;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.method-card p{color:var(--muted);font-size:14px;margin-top:8px}
@media(max-width:1050px){.cluster-grid{grid-template-columns:repeat(3,1fr)}.home-hero{background-size:80% 100%}.home-hero-inner{grid-template-columns:55% 45%}.profile-float{width:285px}.lab-shell{grid-template-columns:1fr}.popular-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.home-hero{background:linear-gradient(rgba(255,255,255,.91),rgba(255,255,255,.94)),url('../img/hero/habitio-house.webp') center/cover}.home-hero-inner{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:54px 0 24px}.profile-float{justify-self:start;margin:0 0 38px;width:100%;max-width:380px}.cluster-grid{grid-template-columns:1fr 1fr}.problem-grid{grid-template-columns:1fr}.profile-section-inner,.works-grid,.method-grid{grid-template-columns:1fr}.profile-visual img{height:240px}.how-strip{grid-template-columns:1fr 1fr}.how-step:nth-child(2){border-right:0}.how-step{border-bottom:1px solid var(--line)}.popular-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:500px){.cluster-grid{grid-template-columns:1fr 1fr;gap:9px}.cluster-card{min-height:180px}.cluster-card-copy{padding:10px}.how-strip{grid-template-columns:1fr}.how-step{border-right:0}.hero-actions .btn{width:100%}}

.graph-section{padding:58px 0;background:#f4f8f7;border-bottom:1px solid var(--line)}.graph-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:center}.home-graph{height:390px;position:relative;border:1px solid var(--line);background:radial-gradient(circle at center,#fff,#eef5f3);overflow:hidden;border-radius:var(--radius)}.home-graph canvas{display:block}.graph-label{position:absolute;pointer-events:none;font-size:10px;background:rgba(255,255,255,.88);border:1px solid var(--line);padding:2px 5px;border-radius:2px;white-space:nowrap;color:var(--ink)}.graph-label.active{font-weight:800;color:var(--brand);border-color:var(--teal)}.graph-fallback{height:100%;display:grid;place-items:center;text-align:center;padding:20px}.graph-fallback div{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}.graph-fallback span{border:1px solid var(--line);background:#fff;padding:5px 7px;font-size:11px}
@media(max-width:780px){.graph-layout{grid-template-columns:1fr}.home-graph{height:320px}}

/* v0.6.1 — compact home areas */
.cluster-section{padding:46px 0}.cluster-grid{gap:11px}.cluster-card{min-height:0}.cluster-card img{width:100%;height:138px;aspect-ratio:auto;object-fit:cover}.cluster-card-copy{padding:11px 12px 12px}.cluster-card h3{font-size:15px;line-height:1.2}.cluster-card p{font-size:11.5px;line-height:1.45}.cluster-card .state{top:7px;right:7px;font-size:9px;padding:3px 5px}@media(max-width:1050px){.cluster-card img{height:126px}}@media(max-width:780px){.cluster-card img{height:118px}}@media(max-width:500px){.cluster-card{min-height:0}.cluster-card img{height:104px}.cluster-card p{font-size:11px}}

/* v0.6.2 — compact cards remain readable without clipped copy */
.cluster-card{display:flex;flex-direction:column}.cluster-card-copy{flex:1}.cluster-card p{overflow-wrap:anywhere}.preview-table table{table-layout:fixed}.preview-table th,.preview-table td{overflow-wrap:anywhere}.profile-row>*{min-width:0}.profile-row strong{text-align:right}.mini-chart{overflow:visible}
@media(max-width:620px){.lab-shell{min-width:0}.preview-table table{font-size:11px}.preview-table th,.preview-table td{padding:8px 7px}.mini-chart{height:220px}.profile-row{align-items:flex-start}.profile-row strong{max-width:58%}}