/* =========================================================
   Platsservice – eget utseende ovanpå de gemensamma komponenterna i core/css/site.css.
   Ljust, svalt och rent: petrol som accent, Inter i rubriker.
   ========================================================= */
:root{
  /* Svartvitt och avskalat, i samma anda som QUT Pro. */
  --paper:#ffffff;
  --surface:#ffffff;
  --sunk:#f4f4f4;
  --ink:#111111;
  --muted:#5c5c5c;
  --line:#e4e4e4;
  --accent:#111111;
  --accent-strong:#000000;
  --accent-soft:#f0f0f0;
  --dark:#111111; --dark-fg:#f5f5f5; --dark-muted:#a8a8a8;
  --font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --r:4px;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0f0f0f;--surface:#171717;--sunk:#141414;--ink:#f2f2f2;--muted:#a6a6a6;--line:#2a2a2a;
  --accent:#f2f2f2;--accent-strong:#ffffff;--accent-soft:#232323;--dark:#000;--shadow:none}}
:root[data-theme="dark"]{--paper:#0f0f0f;--surface:#171717;--sunk:#141414;--ink:#f2f2f2;--muted:#a6a6a6;--line:#2a2a2a;
  --accent:#f2f2f2;--accent-strong:#ffffff;--accent-soft:#232323;--dark:#000;--shadow:none}

.ps h1,.ps h2,.ps h3{font-weight:700;letter-spacing:-.02em}
.ps .eyebrow{letter-spacing:.06em}
.ps .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.ps .btn-accent{color:var(--paper)}
.ps .btn-primary:hover,.ps .btn-accent:hover{background:var(--muted);color:var(--paper)}
.ps .panel{border-radius:4px}

/* Header */
.ps .brand .ps-logo{height:34px;width:auto;color:var(--ink);display:block}
.ps .foot .ps-logo{height:34px;color:var(--dark-fg)}

.ps .top{background:color-mix(in srgb,var(--surface) 92%,transparent)}
.ps .nav a{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);border-radius:2px}
.ps .nav a[aria-current="page"]{color:var(--accent);background:var(--accent-soft)}
.ps .ps-cta{padding:10px 16px}
@media (max-width:560px){.ps .ps-cta{display:none}}

/* Hero */
.ps-bar{background:var(--dark);color:var(--dark-fg);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ps-bar .wrap{display:flex;justify-content:center;gap:28px;padding-block:8px;flex-wrap:wrap}
.ps-bar a{color:inherit;text-decoration:none}
@media (max-width:640px){.ps-bar .hide-s{display:none}}
.ps-hero{padding-block:clamp(40px,7vw,96px);background:var(--sunk);border-bottom:1px solid var(--line)}
.ps-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center}
.ps-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ps-hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.04}
.ps-hero h1 span{display:block;font-weight:300}
.ps-hero .lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted);max-width:46ch;margin:20px 0 28px}
.ps-actions{display:flex;gap:10px;flex-wrap:wrap}
.ps-zip{padding:clamp(20px,3vw,32px)}
.ps-zip h2{font-size:1.5rem}
.ps-zip p{margin:8px 0 18px}
.ps-zip input{font-size:1.25rem;letter-spacing:.06em}
.ps-zip .btn{margin-top:12px}
.ps-ticks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--muted)}
.ps-ticks li{padding-left:24px;position:relative}
.ps-ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
@media (max-width:860px){.ps-hero .wrap{grid-template-columns:1fr}}

/* Steg */
.ps-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ps-steps li{padding:24px}
.ps-steps .n{display:block;font-size:2.4rem;font-weight:300;line-height:1;margin-bottom:14px;color:var(--muted)}
.ps-steps h3{font-size:1.15rem;margin-bottom:6px}
.ps-steps p{margin:0;color:var(--muted)}
@media (max-width:760px){.ps-steps{grid-template-columns:1fr}}

/* Priser */
.ps-sunk{background:var(--sunk)}
.ps-prices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.ps-prices .pcard{padding:24px}
@media (max-width:860px){.ps-prices{grid-template-columns:1fr}}

/* Fot */
.ps-foot .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}
@media (max-width:760px){.ps-foot .wrap{grid-template-columns:1fr}}
@media (max-width:560px){
  .ps .top .wrap{gap:10px}
  .ps .brand .ps-logo{height:28px}
  .ps .acct{padding:9px}
  .ps .acct span:not(.dot){display:none}
}

.ps .eyebrow{color:var(--muted)}
.ps .sec-head h2{text-transform:none}
.ps-qut{font-size:13px;color:var(--muted)}
.ps-qut b{color:var(--ink);letter-spacing:.08em}