.brand{background:transparent}
.brand img{filter:grayscale(1) brightness(0) invert(1)}
.packages{padding:8.5rem var(--gutter) 8.8rem}
.packages-heading{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;align-items:start}
.packages-heading>div{display:grid;grid-template-columns:1fr .72fr;gap:4rem;align-items:end}
.packages-heading h2{font-size:clamp(3.2rem,5.6vw,5.8rem);line-height:1}
.packages-heading>div>p{color:var(--muted);line-height:1.8}
.package-grid{max-width:var(--max);margin:4.8rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.package-card{display:flex;flex-direction:column;min-height:560px;padding:1.8rem 1.7rem 1.7rem;border:1px solid var(--line);border-radius:18px;background:#fff}
.package-card-featured{background:var(--mint);border-color:transparent}
.package-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.package-card h3{font-size:clamp(2rem,3vw,3rem);margin-top:3.4rem}
.package-card>p{margin-top:1.3rem;color:var(--muted);font-size:1rem;line-height:1.7}
.package-card ul{display:grid;gap:.65rem;margin:2rem 0 0;padding:0;list-style:none;color:var(--ink);font-size:.95rem;line-height:1.45}
.package-card li{display:flex;gap:.65rem;align-items:flex-start}
.package-card li::before{content:"";width:6px;height:6px;flex:0 0 6px;margin-top:.5rem;border-radius:50%;background:var(--orange)}
.package-card .card-bottom-link{margin-top:auto;padding-top:2rem}
.package-detail{max-width:var(--max);margin:1rem auto 0;padding:2.3rem 2rem;background:var(--night);color:#fff;border-radius:18px;display:grid;grid-template-columns:.82fr 1.18fr;gap:4rem}
.package-detail-intro{padding-top:.25rem}
.package-detail .eyebrow{color:#c9e1dc}
.package-detail h3{font-size:clamp(2rem,3vw,3.2rem);line-height:1.05;margin-top:2rem}
.package-detail-intro>p{max-width:430px;margin:1rem 0 0;color:#b6cfca;font-size:1rem;line-height:1.7}
.package-detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem 2rem}
.package-detail-list>div{border-top:1px solid #ffffff2a;padding-top:1rem}
.package-detail-list h4{font-size:1.2rem;font-weight:500;letter-spacing:-.02em;margin:0}
.package-detail-list p{color:#b6cfca;font-size:.95rem;line-height:1.65;margin:.45rem 0 0}
@media(max-width:1100px){.packages-heading{gap:2rem}.packages-heading>div{gap:2.5rem}.package-grid{gap:.75rem}.package-card{padding:1.5rem}.package-detail{gap:2.5rem}}
@media(max-width:900px){.packages{padding-top:6rem;padding-bottom:6rem}.packages-heading{grid-template-columns:1fr;gap:1.5rem}.packages-heading>div{grid-template-columns:1fr .8fr;gap:2rem}.package-grid{margin-top:3rem}.package-card{min-height:530px}.package-detail{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:650px){.packages{padding-top:4.5rem;padding-bottom:4.7rem}.packages-heading>div{grid-template-columns:1fr;gap:1.4rem}.packages-heading h2{font-size:clamp(3rem,11.5vw,4.3rem)}.packages-heading>div>p{font-size:1rem;line-height:1.75}.package-grid{grid-template-columns:1fr;margin-top:2.3rem;gap:.8rem}.package-card{min-height:0;padding:1.5rem}.package-card h3{font-size:2.3rem;margin-top:2.7rem}.package-card>p{font-size:1rem}.package-card ul{margin-top:1.5rem}.package-card .card-bottom-link{padding-top:1.7rem}.package-detail{margin-top:.8rem;padding:1.7rem 1.4rem;gap:2rem}.package-detail h3{font-size:2rem;margin-top:1.5rem}.package-detail-list{grid-template-columns:1fr;gap:1.4rem}.package-detail-list p{font-size:1rem}}

/* Gemensam linjering och naturliga rubrikbrytningar */
h1,h2,h3{text-wrap:balance;overflow-wrap:normal;word-break:normal}
.hero-image-shade{background:linear-gradient(180deg,#072d3430 0%,transparent 42%),linear-gradient(0deg,#072d344d 0%,transparent 55%)}
.platform-preview{padding:2.6rem}
.about-grid{align-items:start}
@media(min-width:901px){
  .section-heading,.platform-heading,.packages-heading{grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:clamp(2.5rem,4vw,4rem);align-items:start}
  .section-heading>div,.platform-heading>div,.packages-heading>div{grid-template-columns:minmax(360px,1.05fr) minmax(260px,.65fr);gap:clamp(2.5rem,4vw,4rem);align-items:start}
  .section-heading h2,.platform-heading h2,.packages-heading h2{max-width:760px}
  .section-heading>div>p,.platform-heading>div>p,.packages-heading>div>p{padding:.35rem 0 0}
}
@media(max-width:900px){.platform-preview{padding:2.2rem}}
@media(max-width:650px){.platform-preview{padding:2rem 1.4rem}}