.home-hero{min-height:620px;display:grid;align-items:end;padding:7rem 0 5rem;background:linear-gradient(90deg,#070707 20%,#0b0c0ecc 58%,#0b0c0e55),url('/assets/server-room-hero.webp') center/cover;position:relative}.home-hero h1{font-size:clamp(3.3rem,8vw,7rem);line-height:.9;letter-spacing:-.07em;max-width:760px;margin:.5rem 0 1.2rem}.home-hero .lede{max-width:680px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.hero-actions a,.home-link{display:inline-block;padding:.78rem 1rem;background:#f04747;color:#fff;font-weight:900;transition:transform .2s,background .2s}.hero-actions a:hover,.home-link:hover{transform:translateY(-2px);background:#fff;color:#111}.hero-actions a.secondary{background:transparent;border:1px solid #fff8}.home-section{padding:5rem 0;background:#f4f4f2;color:#111}.home-section.dark{background:#111317;color:#fff}.home-section.gray{background:#dfdfe1}.home-section h2{max-width:800px;font-size:clamp(2rem,5vw,3.7rem);line-height:.98;letter-spacing:-.055em;margin:0 0 .8rem}.home-section .intro{max-width:760px;color:#50535a;font-size:1.08rem}.home-section.dark .intro{color:#d4d6da}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem}.topic-card{min-height:420px;display:flex;flex-direction:column;justify-content:end;padding:2rem;background:#15171b center/cover;position:relative;isolation:isolate;box-shadow:0 14px 32px #0003}.topic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505e8 10%,#05050530 90%);z-index:-1}.topic-card.host{background-image:url('/assets/operations-room.webp')}.topic-card.store{background-image:url('/assets/storage-components.webp')}.topic-card h3{font-size:2rem;line-height:1;margin:0 0 .8rem}.topic-card p{max-width:560px;color:#eee}.tool-grid-home,.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.tool-card,.guide-card{padding:1.3rem;background:#fff;border:1px solid #d0d2d5;box-shadow:0 10px 26px #00000012}.tool-card .icon{display:inline-grid;place-items:center;width:36px;height:36px;background:#111;color:#fff;border-left:3px solid #f04747;font-weight:900}.tool-card h3,.guide-card h3{margin:.8rem 0 .4rem;font-size:1.15rem}.tool-card p,.guide-card p{color:#4d5056;margin:0 0 1rem}.compact-link{color:#a40c1b;font-weight:900;border-bottom:2px solid #f04747}.backup-feature{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:center}.layers{display:grid;gap:.7rem}.layer{padding:1rem;background:#1c1e22;border-left:5px solid #f04747}.layer b{display:block;font-size:1.1rem}.blog-promo{padding:3rem;background:linear-gradient(125deg,#5f0812,#d92d3c 56%,#111);color:#fff;box-shadow:0 16px 36px #0004}.blog-promo h2{max-width:680px}.final-cta{text-align:center;padding:5rem 0;background:#080808;color:#fff}.final-cta p{max-width:600px;margin:0 auto 1.4rem;color:#d4d6da}.planner{padding:4rem 0;background:linear-gradient(125deg,#8f0d1a,#e32b3c 58%,#660711);color:#fff}.planner .intro{color:#fff}.planner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.planner label{display:grid;gap:.4rem;padding:1rem;border:1px solid #ffffff55}.planner select{padding:.7rem;border:0;font:inherit}.planner button{grid-column:1/-1;justify-self:start;border:0;background:#fff;color:#9b0b1a;padding:.85rem 1rem;font:900 1rem inherit;cursor:pointer}.planner output{grid-column:1/-1;display:none;background:#170306;padding:1.4rem;border:1px solid #fff8}.planner output.show{display:block}.planner-actions button{display:inline-block;margin:.7rem .5rem 0 0;background:#fff;color:#a30c1a}.planner-actions a{color:#fff;text-decoration:underline;font-weight:800}@media(max-width:760px){.home-hero{min-height:560px;padding:6rem 0 3.5rem}.topic-grid,.tool-grid-home,.guide-grid,.planner-grid,.backup-feature{grid-template-columns:1fr}.home-section{padding:3.5rem 0}.topic-card{min-height:340px}.hero-actions a{width:100%;text-align:center}}@media print{nav,.home-hero,.home-section,.final-cta,footer,.planner label,.planner button,.planner-actions{display:none!important}.planner output{display:block!important;background:#fff!important;color:#111!important;border:0!important}.planner output *{color:#111!important}}
