/* Odak identity: quiet surfaces, numbered structure, orange details. */
.package-header{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.package-header .brand{pointer-events:none}.draft-label{font:10px Consolas,monospace;letter-spacing:1px;color:var(--muted)}
.package-intro{padding-top:68px;padding-bottom:50px;border-bottom:1px solid var(--ink)}
.package-intro h1{font-size:clamp(48px,6vw,84px);line-height:1.05;letter-spacing:-4px;font-weight:500;margin:24px 0}
.package-intro h1 span{color:var(--red)}.package-intro p{max-width:510px;font-size:14px;line-height:1.8;color:var(--muted)}
.package-section{counter-increment:section;padding-top:65px;padding-bottom:25px}
.package-section h2{display:flex;gap:22px;align-items:baseline;font-size:38px;letter-spacing:-1.8px;margin-bottom:32px}
.package-section h2:before{content:'0' counter(section) ' /';font:11px Consolas,monospace;color:var(--red);letter-spacing:0}
.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line)}
.package-section:first-of-type .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hosting-card{background:transparent;border-top:1px solid var(--ink);border-right:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;min-width:0}
.hosting-card:last-child{border-right:0}.hosting-featured{background:#e3e3da;border-top:3px solid var(--red);padding-top:24px}
.hosting-type{font:10px Consolas,monospace;letter-spacing:.5px;color:var(--muted)}
.hosting-card h3{font-size:29px;letter-spacing:-1px;margin:19px 0 12px}.hosting-card-head p{font-size:12px;line-height:1.8;min-height:65px;color:var(--muted)}
.hosting-price{margin:22px 0;padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.hosting-price strong{font-size:28px;font-weight:500;letter-spacing:-1px}.hosting-price span{font-size:11px;color:var(--muted)}
.hosting-card ul{list-style:none;padding:0;margin:0 0 30px}.hosting-card li{font-size:12px;line-height:1.7;padding:8px 0;border-bottom:1px solid var(--line)}
.hosting-actions{margin-top:auto}.hosting-actions a{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:17px;font-size:12px;font-weight:600}.hosting-actions a:hover{color:var(--red)}
.footnote{padding-top:40px;padding-bottom:60px;font-size:12px;line-height:1.9;color:var(--muted);max-width:1440px}
@media(max-width:1050px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-card:nth-child(2n){border-right:0}.package-section:first-of-type .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.package-header{gap:20px}.draft-label{font-size:8px;text-align:right;max-width:100px;line-height:1.6}.package-intro{padding-top:40px;padding-bottom:25px}.package-intro h1{letter-spacing:-2.5px}.package-section h2{font-size:29px;gap:12px}.package-grid,.package-section:first-of-type .package-grid{grid-template-columns:1fr}.hosting-card{border-right:0;padding:26px 16px}.hosting-card-head p{min-height:0}.package-section{padding-top:40px}}

.package-header .brand{pointer-events:auto}.vps-page .package-section:first-of-type .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1050px){.vps-page .package-section:first-of-type .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.vps-page .package-section:first-of-type .package-grid{grid-template-columns:1fr}}
