:root{
    --bg:#F6F5F1;          /* calm warm off-white */
    --panel:#FFFFFF;
    --ink:#15161A;         /* soft near-black */
    --muted:#767B84;       /* calm cool-grey */
    --faint:#A2A6AD;
    --hair:#E8E7E1;        /* hairline */
    --hair-2:#F1EFE9;
    --purple:#8C52FF;
    --purple-ink:#6E37F0;
    --purple-wash:#F4EFFF;
    --r:999px;
    --ease:cubic-bezier(.22,.61,.36,1);
    --maxw:1180px;
    --display:'Poppins','Inter',system-ui,sans-serif;
    /* family.co-style soft diffuse shadows */
    --sh-rest:0 1px 2px rgba(22,16,44,.04), 0 10px 26px -14px rgba(22,16,44,.14);
    --sh-lift:0 2px 6px rgba(22,16,44,.05), 0 34px 60px -26px rgba(22,16,44,.24);
    --sh-btn:0 1px 0 rgba(255,255,255,.28) inset, 0 10px 22px -10px rgba(140,82,255,.62);
  }
  .h1,.kicker h2,.band h2,.cta h2,.feat h3,.step h3{font-family:var(--display)}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{
    background:var(--bg);color:var(--ink);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    line-height:1.55;letter-spacing:-0.01em;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  img,svg{display:block;max-width:100%}
  .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:28px}

  /* ---------- eyebrow ---------- */
  .eyebrow{
    font-size:.72rem;font-weight:500;text-transform:uppercase;
    letter-spacing:.16em;color:var(--muted);
    display:inline-flex;align-items:center;gap:.6em;
  }
  .eyebrow .dot{width:4px;height:4px;border-radius:50%;background:var(--purple)}

  /* ---------- serif italic accent ---------- */
  .ital{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:500;color:var(--purple);letter-spacing:-0.005em}

  /* ---------- buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:.5em;font-weight:500;font-size:.95rem;
    padding:.72rem 1.35rem;border-radius:var(--r);transition:transform .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);
    letter-spacing:-0.01em;white-space:nowrap;border:1px solid transparent}
  .btn-dark{background:var(--ink);color:var(--bg);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 10px 22px -12px rgba(14,15,14,.5)}
  .btn-dark:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 18px 34px -14px rgba(14,15,14,.55)}
  .btn-dark:active{transform:translateY(0)}
  .btn-purple{background:linear-gradient(180deg,#9A66FF,var(--purple));color:#fff;box-shadow:var(--sh-btn)}
  .btn-purple:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 18px 32px -12px rgba(140,82,255,.7)}
  .btn-purple:active{transform:translateY(0)}
  .btn-ghost{background:transparent;border-color:var(--hair);color:var(--ink)}
  .btn-ghost:hover{border-color:var(--ink)}
  .badge{display:inline-block}
  .badge img{height:46px;width:auto;display:block;border-radius:9px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
  .badge:hover img{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(14,15,14,.5)}
  .btn .arrow{transition:transform .3s var(--ease)}
  .btn:hover .arrow{transform:translate(2px,-2px)}
  :focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:8px}

  /* ---------- floating pill nav ---------- */
  .nav-shell{position:fixed;top:18px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:20px;pointer-events:none}
  .nav{pointer-events:auto;width:min(1120px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    padding:9px 9px 9px 20px;border-radius:var(--r);
    background:rgba(251,251,249,.72);backdrop-filter:blur(18px) saturate(1.4);
    border:1px solid var(--hair);box-shadow:0 8px 30px -18px rgba(14,15,14,.22)}
  .brand{display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:1.05rem;letter-spacing:-0.03em}
  .brand .mark{width:26px;height:26px;border-radius:8px;background:var(--purple);display:grid;place-items:center;color:#fff;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1rem;line-height:1}
  .logo{height:36px;width:66px;display:block}
  .foot .logo{height:30px;width:55px}
  .nav-links{display:flex;gap:2rem;font-size:.92rem;color:var(--muted);font-weight:500;justify-self:center}
  .nav-links a{transition:color .2s}
  .nav-links a:hover{color:var(--ink)}
  .nav .btn{padding:.6rem 1.1rem;font-size:.88rem}
  .nav-right{display:flex;align-items:center;gap:.7rem;justify-self:end}
  .lang{display:inline-flex;background:rgba(21,22,26,.06);border-radius:999px;padding:3px}
  .lang a,.lang span,.lang button{border:0;background:transparent;font-family:inherit;font-weight:600;font-size:.78rem;color:var(--muted);padding:.34rem .62rem;border-radius:999px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);letter-spacing:.02em}
  .lang .on,.lang button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,14,40,.16)}
  .foot-lang{display:none;justify-content:center;margin-top:1.5rem}

  /* ---------- hero ---------- */
  .hero{padding-block:150px 40px;text-align:center;position:relative}
  .hero .eyebrow{margin-bottom:2.1rem}
  .h1{font-weight:600;letter-spacing:-0.035em;line-height:.98;
    font-size:clamp(3.3rem,9.6vw,7.7rem);}
  .h1 .dotp{color:var(--purple)}
  .h1 .ital{font-size:1.02em}
  .hero .lead{max-width:44ch;margin:2.2rem auto 0;font-size:clamp(1.1rem,1.7vw,1.32rem);color:var(--muted);line-height:1.55}
  .hero-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem}
  .rating{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;font-size:.85rem;color:var(--muted)}
  .rating .stars{color:var(--purple);letter-spacing:1px}
  .rating b{color:var(--ink);font-weight:600}

  /* hero device */
  .stage{margin-top:4.5rem;display:flex;justify-content:center;gap:26px;perspective:1600px}
  .stage picture{display:flex;justify-content:center;width:100%}
  .hero-shot{width:min(640px,96%);height:auto;filter:drop-shadow(0 60px 90px rgba(14,15,14,.16))}
  .phone{width:clamp(210px,23vw,268px);border-radius:38px;background:#0E0F0E;padding:9px;
    box-shadow:0 50px 90px -40px rgba(14,15,14,.5);border:1px solid #23241f}
  .phone .scr{border-radius:30px;overflow:hidden;background:#fff;aspect-ratio:9/19.5;display:flex;flex-direction:column}
  .phone.a{transform:rotate(-3deg) translateY(14px)}
  .phone.b{transform:rotate(3deg)}
  .lock{background:#0E0F0E;color:#fff;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:14%}
  .lock .lk{font-size:1.4rem}
  .lock h4{font-size:.92rem;font-weight:600;letter-spacing:-0.02em}
  .lock p{font-size:.66rem;color:#9A9E99;line-height:1.4}
  .lock .mini{margin-top:.7rem;background:var(--purple);color:#fff;font-size:.62rem;font-weight:500;padding:.45rem 1rem;border-radius:var(--r)}
  .qz{display:flex;flex-direction:column;height:100%}
  .qz-top{padding:9% 8% 0}
  .qz-tag{font-size:.52rem;font-weight:600;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
  .qz-bar{height:4px;background:#EEE;border-radius:4px;margin-top:.5rem;overflow:hidden}
  .qz-bar i{display:block;height:100%;width:62%;background:var(--purple);border-radius:4px}
  .qz-q{flex:1;display:grid;place-items:center;background:#F6F3FF}
  .qz-q span{font-weight:600;font-size:1.3rem;letter-spacing:-0.02em}
  .qz-opt{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8%}
  .qz-opt div{background:var(--purple-wash);color:var(--purple-ink);font-weight:600;font-size:.72rem;text-align:center;padding:.7rem 0;border-radius:12px}
  .qz-opt .ok{background:var(--purple);color:#fff}

  /* ---------- sections ---------- */
  section{padding:clamp(5rem,11vw,9rem) 0}
  .kicker{display:flex;flex-direction:column;gap:1rem;max-width:640px}
  .kicker h2{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:600;letter-spacing:-0.025em;line-height:1.02}
  .kicker p{color:var(--muted);font-size:1.08rem;max-width:46ch}

  /* problem band (light) */
  .band{background:linear-gradient(165deg,#9A66FF,#7B3EF0);color:#fff;border-radius:40px;padding:clamp(2.4rem,4.4vw,3.8rem);overflow:hidden;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,4vw,3.2rem);align-items:center;box-shadow:0 2px 6px rgba(80,40,180,.10),0 40px 70px -34px rgba(80,40,180,.55)}
  .band h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:600;letter-spacing:-0.025em;line-height:1.04;max-width:18ch}
  .band p{color:rgba(255,255,255,.85);margin-top:1.2rem;max-width:46ch;font-size:1.05rem}
  .band-media{display:flex;justify-content:center;align-items:center}
  .band-gif{height:auto;width:min(300px,86%);display:block;border-radius:20px;filter:drop-shadow(0 30px 52px rgba(28,6,78,.5))}

  /* animated band phone — self-contained (replaces static gif) */
  .bphone{width:min(300px,82%);aspect-ratio:9/19.4;background:#111214;border-radius:34px;padding:7px;box-shadow:0 44px 60px -30px rgba(28,6,78,.6),0 0 0 1px rgba(255,255,255,.06) inset;animation:bfloat 5.5s var(--ease) infinite}
  .bphone-scr{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#0b0b0d}
  @keyframes bfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  .bfeed{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:8px;animation:bscroll 4.6s linear infinite}
  @keyframes bscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
  .bcard{flex:0 0 auto;height:38%;border-radius:16px;position:relative;overflow:hidden}
  .bcard.c1{background:linear-gradient(150deg,#5B6472,#2A2E36)}
  .bcard.c2{background:linear-gradient(150deg,#7A6E5A,#332C22)}
  .bcard.c3{background:linear-gradient(150deg,#4A5A6B,#20303B)}
  .bcard::before{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.16)}
  .bcard::after{content:"";position:absolute;left:10px;bottom:10px;width:52%;height:6px;border-radius:4px;background:rgba(255,255,255,.28);box-shadow:0 11px 0 -1px rgba(255,255,255,.16)}
  .bplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;color:#fff;font-size:.62rem}
  .bpause{position:absolute;inset:0;background:linear-gradient(170deg,#9A66FF,#7127EE);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:9% 8%;transform:translateY(101%);animation:bpausecyc 10s var(--ease) infinite}
  @keyframes bpausecyc{0%,40%{transform:translateY(101%)}48%{transform:translateY(0)}88%{transform:translateY(0)}95%,100%{transform:translateY(101%)}}
  .bpause-logo{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-0.04em;opacity:.9}
  .bpause-q{width:100%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px}
  .bpause-tag{font-size:.5rem;font-weight:700;letter-spacing:.14em;opacity:.85}
  .bpause-bar{height:5px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}
  .bpause-bar i{display:block;height:100%;width:12%;background:#fff;border-radius:4px;animation:bfill 10s var(--ease) infinite}
  @keyframes bfill{0%,48%{width:12%}78%{width:100%}100%{width:100%}}
  .bpause-eq{font-family:var(--display);font-weight:600;font-size:1.12rem;text-align:center;letter-spacing:-0.02em;margin-top:2px}
  .bpause-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
  .bpause-opts span{background:rgba(255,255,255,.16);border-radius:10px;text-align:center;padding:7px 0;font-weight:600;font-size:.72rem}
  .bpause-opts .ok{animation:bcorrect 10s var(--ease) infinite}
  @keyframes bcorrect{0%,78%{background:rgba(255,255,255,.16);color:#fff;transform:scale(1)}82%{background:#37E29A;color:#0a5f3c;transform:scale(1.05)}90%{background:#37E29A;color:#0a5f3c;transform:scale(1)}95%,100%{background:rgba(255,255,255,.16);color:#fff;transform:scale(1)}}
  .bpause-cta{margin-top:2px;background:#fff;color:#6E37F0;font-weight:600;font-size:.74rem;padding:8px 16px;border-radius:999px}

  /* feature grid — clean cards */
  .feat{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:3.2rem}
  .feat .cell{background:var(--panel);border-radius:26px;padding:2.1rem 2.05rem;display:grid;grid-template-columns:auto 1fr;column-gap:1.15rem;align-items:center;box-shadow:var(--sh-rest);transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
  .feat .cell:hover{box-shadow:var(--sh-lift);transform:translateY(-4px)}
  .feat .ico{width:46px;height:46px;border-radius:13px;background:var(--purple-wash);display:grid;place-items:center;font-size:1.35rem;line-height:1;grid-row:1 / span 2;align-self:center}
  .feat h3{font-size:1.16rem;font-weight:600;letter-spacing:-0.02em;margin-bottom:.18rem}
  .feat p{color:var(--muted);font-size:.97rem;max-width:40ch}

  /* steps */
  .steps{margin-top:3.4rem;display:grid;gap:14px}
  .step{background:var(--panel);border-radius:22px;box-shadow:var(--sh-rest);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6rem;padding:1.5rem 1.9rem;transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
  .step:hover{box-shadow:var(--sh-lift);transform:translateY(-3px)}
  .step .n{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.55rem;color:var(--purple);width:2.7rem;height:2.7rem;display:grid;place-items:center;background:var(--purple-wash);border-radius:15px;flex-shrink:0}
  .step h3{font-size:1.18rem;font-weight:600;letter-spacing:-0.02em}
  .step p{color:var(--muted);font-size:.96rem;margin-top:.2rem;max-width:52ch}
  .step .tag{font-size:.74rem;color:var(--faint);font-weight:500;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}

  /* testimonials */
  .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:3.4rem}
  .quote{background:var(--panel);border-radius:26px;padding:2.1rem;display:flex;flex-direction:column;gap:1.3rem;box-shadow:var(--sh-rest);transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
  .quote:hover{box-shadow:var(--sh-lift);transform:translateY(-4px)}
  .quote .stars{color:var(--purple);font-size:.85rem;letter-spacing:2px}
  .quote p{font-size:1.02rem;line-height:1.55;letter-spacing:-0.015em}
  .quote .who{margin-top:auto;display:flex;align-items:center;gap:.75rem}
  .quote .av{width:34px;height:34px;border-radius:50%;background:var(--purple-wash);color:var(--purple-ink);display:grid;place-items:center;font-weight:600;font-size:.85rem}
  .quote .who b{font-weight:600;font-size:.92rem;display:block;letter-spacing:-0.01em}
  .quote .who span{font-size:.8rem;color:var(--muted)}

  /* feature spotlight (family.co two-column) */
  .spot{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
  .spot + .spot{margin-top:clamp(3.6rem,7vw,6.2rem)}
  .spot-txt .eyebrow{margin-bottom:1.25rem}
  .spot-txt h2{font-family:var(--display);font-size:clamp(1.9rem,4vw,3rem);font-weight:600;letter-spacing:-0.025em;line-height:1.03}
  .spot-txt .lede{color:var(--muted);font-size:1.08rem;margin-top:1.1rem;max-width:44ch;line-height:1.6}
  .spot-list{list-style:none;margin-top:1.6rem;display:grid;gap:.75rem}
  .spot-list li{display:flex;align-items:flex-start;gap:.7rem;font-weight:500;font-size:1rem;color:var(--ink)}
  .spot-list .ck{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--purple-wash);color:var(--purple-ink);display:grid;place-items:center;font-size:.68rem;font-weight:700;margin-top:1px}
  .spot-media{display:flex;justify-content:center}
  .spot.rev .spot-txt{order:2}
  .spot-card{width:100%;max-width:410px;background:var(--panel);border-radius:28px;box-shadow:var(--sh-rest);padding:1.5rem 1.5rem 1.7rem;position:relative;overflow:hidden}
  .mchip{display:inline-flex;align-items:center;gap:.45em;font-size:.6rem;font-weight:700;letter-spacing:.13em;color:var(--purple-ink);background:var(--purple-wash);padding:.44rem .8rem;border-radius:999px}
  /* AI-quiz mockup */
  .aiq-photo{position:relative;overflow:hidden;margin-top:1.15rem;background:linear-gradient(160deg,#F4F1EA,#ECE7DC);border:1px solid var(--hair);border-radius:18px;padding:1.05rem 1.05rem 1.15rem}
  .aiq-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:aiqFlash 4s var(--ease) infinite}
  .aiq-cam{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:9px;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.25);display:grid;place-items:center;font-size:.8rem;z-index:2;animation:aiqCam 4s var(--ease) infinite}
  .aiq-ptag{font-size:.56rem;font-weight:700;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
  .aiq-lines{display:grid;gap:7px;margin-top:.6rem}
  .aiq-lines i{height:7px;border-radius:4px;background:rgba(21,22,26,.16)}
  .aiq-arrow{display:flex;align-items:center;justify-content:center;gap:.5em;margin:.9rem 0 .2rem;font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--purple-ink);animation:aiqArrow 4s var(--ease) infinite}
  .aiq-arrow .d{width:5px;height:5px;border-radius:50%;background:var(--purple);animation:aiqdot 1.2s var(--ease) infinite}
  .aiq-arrow .d:nth-child(2){animation-delay:.15s}.aiq-arrow .d:nth-child(3){animation-delay:.3s}
  @keyframes aiqdot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
  .aiq-q{margin-top:.7rem;background:linear-gradient(165deg,#F6F1FF,#EFE7FF);border:1px solid #E4D8FF;border-radius:16px;padding:1rem 1rem 1.1rem;animation:aiqQuiz 4s var(--ease) infinite}
  .aiq-qtag{font-size:.56rem;font-weight:700;letter-spacing:.12em;color:var(--purple-ink)}
  .aiq-qtext{font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-0.02em;margin:.35rem 0 .7rem}
  .aiq-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .aiq-opts span{background:#fff;border-radius:10px;text-align:center;padding:7px 0;font-weight:600;font-size:.8rem;color:var(--ink)}
  .aiq-opts .ok{background:var(--purple);color:#fff;animation:aiqOk 4s var(--ease) infinite}
  /* adaptive engine mockup */
  .adp-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:1.15rem}
  .adp-head span{font-size:.82rem;color:var(--muted);font-weight:500}
  .adp-head b{font-family:var(--display);font-size:1.05rem;color:var(--purple-ink);letter-spacing:-0.02em}
  .adp-bars{display:flex;align-items:flex-end;gap:8px;height:182px;margin-top:.7rem;padding:0 2px}
  .adp-bars i{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#A883FF,#7B3EF0);height:var(--h);animation:adpwave 1.9s var(--ease) infinite}
  .adp-bars i:nth-child(1){animation-delay:.0s}.adp-bars i:nth-child(2){animation-delay:.1s}.adp-bars i:nth-child(3){animation-delay:.2s}.adp-bars i:nth-child(4){animation-delay:.3s}.adp-bars i:nth-child(5){animation-delay:.4s}.adp-bars i:nth-child(6){animation-delay:.5s}
  @keyframes adpwave{0%,100%{height:calc(var(--h) * .58)}50%{height:var(--h)}}
  .adp-scale{display:flex;justify-content:space-between;margin-top:.6rem;font-size:.62rem;font-weight:600;letter-spacing:.08em;color:var(--faint);text-transform:uppercase}
  .adp-note{display:flex;align-items:center;gap:.5em;margin-top:1.1rem;font-size:.86rem;color:var(--muted)}
  .adp-note .dotp{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 0 rgba(140,82,255,.5);animation:adppulse 2s var(--ease) infinite}
  @keyframes adppulse{0%{box-shadow:0 0 0 0 rgba(140,82,255,.45)}70%{box-shadow:0 0 0 7px rgba(140,82,255,0)}100%{box-shadow:0 0 0 0 rgba(140,82,255,0)}}

  /* FAQ accordion (family.co-style) */
  .faq{max-width:820px;margin:3.4rem auto 0;display:grid;gap:14px}
  .faq details{background:var(--panel);border-radius:22px;box-shadow:var(--sh-rest);transition:box-shadow .35s var(--ease)}
  .faq details[open]{box-shadow:var(--sh-lift)}
  .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.7rem;font-family:var(--display);font-weight:600;font-size:1.07rem;letter-spacing:-0.02em;color:var(--ink)}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary:hover{color:var(--purple-ink)}
  .faq .plus{position:relative;flex:0 0 auto;width:20px;height:20px}
  .faq .plus::before,.faq .plus::after{content:"";position:absolute;background:var(--purple);border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease)}
  .faq .plus::before{top:9px;left:2px;width:16px;height:2px}
  .faq .plus::after{left:9px;top:2px;width:2px;height:16px}
  .faq details[open] .plus::after{transform:rotate(90deg);opacity:0}
  .faq .ans{padding:0 1.7rem 1.55rem;color:var(--muted);font-size:1rem;line-height:1.62;max-width:64ch;animation:faqin .4s var(--ease)}
  @keyframes faqin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  .faq-extra{display:none}
  .faq.open .faq-extra{display:block}
  .faq-more-wrap{text-align:center;margin-top:1.7rem}
  .faq-toggle{display:inline-flex;align-items:center;gap:.5em;background:transparent;border:1px solid var(--hair);color:var(--ink);text-decoration:none;font-family:inherit;font-weight:600;font-size:.95rem;letter-spacing:-0.01em;padding:.72rem 1.45rem;border-radius:999px;cursor:pointer;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
  .faq-toggle:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:var(--sh-rest)}
  .faq-toggle .chev{transition:transform .3s var(--ease);font-size:1em;line-height:1}
  .faq-toggle:hover .chev{transform:translateX(3px)}

  /* pricing / cta */
  .cta{text-align:center;padding-block:clamp(4rem,9vw,7rem) clamp(5rem,10vw,8rem)}
  .price{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:500;color:var(--purple);font-size:clamp(2.6rem,6vw,4.2rem);letter-spacing:-0.02em}
  .cta h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:600;letter-spacing:-0.025em;margin-top:.4rem;line-height:1.02}
  .cta .sub{color:var(--muted);margin-top:1rem;font-size:1.05rem}
  .cta .hero-cta{margin-top:2.2rem}
  .trust{margin-top:1.3rem;font-size:.82rem;color:var(--faint)}

  /* footer */
  .social{display:flex;gap:.6rem;margin-top:1.3rem}
  .social a{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--panel);box-shadow:var(--sh-rest);color:var(--muted);transition:color .2s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
  .social a:hover{color:var(--purple-ink);transform:translateY(-2px);box-shadow:var(--sh-lift)}
  .social svg{width:17px;height:17px;fill:currentColor;display:block}
  footer{border-top:1px solid var(--hair);padding:3.4rem 0 3rem}
  .foot{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start}
  .foot .brand{font-size:1.15rem}
  .foot-links{display:flex;flex-wrap:wrap;gap:.9rem 1.7rem;font-size:.9rem;color:var(--muted)}
  .foot-links a:hover{color:var(--ink)}
  .copy{margin-top:2.4rem;font-size:.8rem;color:var(--faint)}

  /* reveal */
  .rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .rv.in{opacity:1;transform:none}

  @media(max-width:860px){
    .nav-links{display:none}
    .nav{grid-template-columns:1fr auto}
    .nav .lang{display:none}
    .foot-lang{display:flex}
    .lead-br{display:none}
    .band{grid-template-columns:1fr;text-align:center}
    .band h2{max-width:none}.band p{max-width:none;margin-inline:auto}
    .band-media{margin-top:1.6rem}
    .spot{grid-template-columns:1fr;gap:2.2rem}
    .spot.rev .spot-txt{order:0}
    .spot-txt .lede,.spot-txt h2{margin-inline:auto}
    .feat{grid-template-columns:1fr}
    .quotes{grid-template-columns:1fr}
    .step{grid-template-columns:auto 1fr;}
    .step .tag{display:none}
    .stage{flex-direction:row;transform:scale(.95)}
  }
  @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.rv{opacity:1;transform:none;transition:none}.btn:hover{transform:none}.bphone,.bfeed,.bpause,.bpause-bar i,.bpause-opts .ok{animation:none!important}.aiq-arrow .d,.aiq-arrow,.aiq-q,.aiq-flash,.aiq-cam,.aiq-opts .ok,.adp-bars i,.adp-note .dotp{animation:none!important}.adp-bars i{height:var(--h)}.aiq-q{opacity:1;transform:none}.aiq-arrow{opacity:1}.aiq-flash{opacity:0}}

  .nav-links a[aria-current="page"]{color:var(--ink)}
  .page-intro{padding-top:150px}
  .legal{max-width:760px;margin-inline:auto}
  .legal h2{font-family:var(--display);font-size:clamp(2rem,4.4vw,3rem);letter-spacing:-0.025em;line-height:1.02}
  .legal p{color:var(--muted);font-size:1.05rem;margin-top:1.1rem;line-height:1.6}
  .legal ul{color:var(--muted);font-size:1.05rem;margin:1rem 0 0 1.2rem;line-height:1.7}

  .lang a{text-decoration:none}

/* ===== Kunskapsbanken ===== */
.kb-index-head{padding-bottom:14px}
.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:16px}
.kb-home3{grid-template-columns:repeat(3,1fr)}
.kbc{display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:var(--sh-rest);text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.kbc:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}
.kbc-thumb{flex:0 0 168px;align-self:stretch;overflow:hidden;background:var(--purple-wash)}
.kbc-thumb img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;transition:transform .4s var(--ease)}
.kbc:hover .kbc-thumb img{transform:scale(1.05)}
.kbc-noimg{background:linear-gradient(135deg,var(--purple-wash),#fff)}
.kbc-body{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.kbc-title{font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.3;margin:0;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kbc-ex{font-size:13px;line-height:1.5;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.kb-home3{grid-template-columns:1fr}}
@media(max-width:520px){.kbc-thumb{flex-basis:120px}}

/* article */
.kb-article{max-width:760px;padding-top:clamp(96px,12vw,132px)}
.kb-crumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.kb-crumb a{color:var(--purple-ink);text-decoration:none;font-weight:600}
.kb-crumb a:hover{text-decoration:underline}
.kb-crumb span{color:var(--faint)}
.kb-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,4.4vw,44px);line-height:1.12;letter-spacing:-.015em;margin:0 0 12px;color:var(--ink)}
.kb-meta{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--faint);text-transform:uppercase;margin-bottom:26px}
.kb-hero{border-radius:20px;overflow:hidden;margin:0 auto 34px;max-width:660px;background:var(--purple-wash);box-shadow:var(--sh-rest)}
.kb-hero img{width:100%;height:auto;display:block}
.kb-body{font-size:17.5px;line-height:1.72;color:#2A2C33}
.kb-body h2{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.25;letter-spacing:-.01em;margin:38px 0 12px;color:var(--ink)}
.kb-body h3{font-family:var(--display);font-weight:600;font-size:21px;line-height:1.3;margin:30px 0 10px;color:var(--ink)}
.kb-body h4{font-weight:700;font-size:18px;margin:24px 0 8px;color:var(--ink)}
.kb-body p{margin:0 0 18px}
.kb-body ul,.kb-body ol{margin:0 0 20px;padding-left:24px}
.kb-body li{margin:0 0 9px}
.kb-body a{color:var(--purple-ink);text-decoration:underline}
.kb-body strong,.kb-body b{font-weight:700;color:var(--ink)}
.kb-body blockquote{margin:26px 0;padding:14px 22px;border-left:3px solid var(--purple);background:var(--purple-wash);border-radius:0 14px 14px 0;font-style:italic;color:#3a3140}
.kb-cta{margin:44px 0 8px;padding:32px;background:var(--purple-wash);border-radius:24px;text-align:center}
.kb-cta h3{font-family:var(--display);font-weight:700;font-size:22px;margin:0 0 8px;color:var(--ink)}
.kb-cta p{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0 0 18px;max-width:440px;margin-inline:auto}
.kb-back{margin-top:30px;padding-top:22px;border-top:1px solid var(--hair)}
.kb-back a{color:var(--purple-ink);text-decoration:none;font-weight:600;font-size:15px}
.kb-back a:hover{text-decoration:underline}
@media(max-width:640px){.kb-body{font-size:16.5px}.kb-cta{padding:24px}}

  @keyframes aiqFlash{0%,7%{opacity:0}11%{opacity:.9}19%{opacity:0}100%{opacity:0}}
  @keyframes aiqCam{0%,6%{transform:scale(1)}11%{transform:scale(1.28)}18%{transform:scale(1)}100%{transform:scale(1)}}
  @keyframes aiqArrow{0%,20%{opacity:.32}28%,46%{opacity:1}56%,100%{opacity:.32}}
  @keyframes aiqQuiz{0%,44%{opacity:0;transform:translateY(12px)}55%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(12px)}}
  @keyframes aiqOk{0%,66%{transform:scale(1);box-shadow:none}73%{transform:scale(1.1);box-shadow:0 8px 20px -6px rgba(140,82,255,.75)}82%,100%{transform:scale(1);box-shadow:none}}

/* ===== Onboarding walkthrough (Så funkar det) ===== */
.ob-sec{padding-top:1.5rem}
.ob-gh{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--ink);margin:2.4rem 0 .3rem;letter-spacing:-.02em}
.ob-gh:first-child{margin-top:.5rem}
.ob-gh-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--purple-wash);font-size:1.05rem}
.ob-gh-sub{color:var(--muted);font-size:.98rem;margin:0 0 1.6rem;max-width:52ch}
.ob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:36px 24px;margin-top:1.7rem}
.ob-step{display:flex;flex-direction:column}
.ob-shot{position:relative;border-radius:26px;overflow:hidden;background:#F4F2FA;border:1px solid var(--hair);box-shadow:var(--sh-rest);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.ob-step:hover .ob-shot{transform:translateY(-4px);box-shadow:var(--sh-lift)}
.ob-shot img{width:100%;display:block}
.ob-num{position:absolute;top:12px;left:12px;z-index:4;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:14px;box-shadow:0 5px 12px -3px rgba(14,15,14,.5)}
.ob-tap{position:absolute;left:var(--x);top:var(--y);width:40px;height:40px;transform:translate(-50%,-50%);z-index:3;pointer-events:none}
.ob-tap::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(140,82,255,.30);animation:obpulse 2s var(--ease) infinite}
.ob-tap::after{content:"";position:absolute;inset:7px;border-radius:50%;border:2.5px solid var(--purple);background:rgba(140,82,255,.18);box-shadow:0 0 0 4px rgba(255,255,255,.65),0 6px 14px -4px rgba(140,82,255,.6)}
@keyframes obpulse{0%{transform:scale(.55);opacity:.85}70%{transform:scale(2);opacity:0}100%{opacity:0}}
.ob-cap{margin-top:16px}
.ob-cap h3{font-family:var(--display);font-size:16px;font-weight:600;line-height:1.25;margin:0 0 5px;color:var(--ink)}
.ob-cap p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}
.ob-cap p b{color:var(--ink);font-weight:600}
.ob-same{display:inline-flex;align-items:center;gap:.4em;margin-top:9px;font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--purple-ink);background:var(--purple-wash);padding:.32rem .62rem;border-radius:999px}
.ob-grid-child{grid-template-columns:repeat(auto-fill,minmax(196px,220px));justify-content:start}
.ob-step-child .ob-cap{max-width:260px}
@media(prefers-reduced-motion:reduce){.ob-tap::before{animation:none;opacity:.4}}

/* ===== Overview cards + interactive stepper ===== */
.ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:3rem}
.ov-card{display:flex;align-items:flex-start;gap:14px;text-align:left;border:1px solid var(--hair);background:var(--panel);border-radius:20px;padding:18px 18px 20px;cursor:pointer;font-family:inherit;box-shadow:var(--sh-rest);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.ov-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift);border-color:transparent}
.ov-ic{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--purple-wash);display:grid;place-items:center;font-size:1.35rem}
.ov-n{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-ink)}
.ov-card h3{font-family:var(--display);font-size:1.02rem;font-weight:600;margin:2px 0 5px;color:var(--ink);line-height:1.2}
.ov-card p{font-size:.86rem;line-height:1.45;color:var(--muted);margin:0}

.stepper{max-width:600px;margin:0 auto}
.sv-phases{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:1.8rem}
.sv-ph{display:inline-flex;align-items:center;gap:.5em;border:0;background:#EDEBF3;color:var(--muted);font-family:inherit;font-weight:600;font-size:.82rem;letter-spacing:-.01em;padding:.5rem .95rem .5rem .5rem;border-radius:999px;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease)}
.sv-ph-n{width:22px;height:22px;border-radius:50%;background:#fff;color:var(--muted);display:grid;place-items:center;font-size:.72rem;font-weight:700;transition:inherit}
.sv-ph.done{background:var(--purple-wash);color:var(--purple-ink)}
.sv-ph.done .sv-ph-n{background:var(--purple);color:#fff}
.sv-ph.on{background:var(--purple);color:#fff;box-shadow:0 8px 20px -8px rgba(140,82,255,.7)}
.sv-ph.on .sv-ph-n{background:#fff;color:var(--purple-ink)}
.sv-stage{overflow:hidden;border-radius:24px}
.sv-track{display:flex;will-change:transform;transition:transform .5s var(--ease)}
.sv-slide{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;gap:22px;padding:6px 4px 4px}
.sv-phone{position:relative;width:min(300px,74vw)}
.sv-phone img{width:100%;display:block;border-radius:30px;border:1px solid var(--hair);box-shadow:var(--sh-lift);background:#F4F2FA}
.sv-devtag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.03em;color:#fff;background:var(--ink);padding:.32rem .8rem;border-radius:999px;box-shadow:0 6px 14px -5px rgba(0,0,0,.5)}
.sv-cap{text-align:center;max-width:440px;margin:26px auto 0;min-height:142px}
.sv-counter{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-ink)}
.sv-cap h3{font-family:var(--display);font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin:.35rem 0 .5rem;color:var(--ink)}
.sv-cap p{font-size:1rem;line-height:1.55;color:var(--muted);margin:0}
.sv-cap p b{color:var(--ink);font-weight:600}
.sv-controls{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin-top:1.9rem}
.sv-arrow{width:52px;height:52px;border-radius:50%;border:1px solid var(--hair);background:var(--panel);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--sh-rest);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.sv-arrow:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:var(--sh-lift)}
.sv-arrow.dis{opacity:.32;pointer-events:none}
.sv-dots{display:flex;align-items:center;gap:8px}
.sv-dot{width:9px;height:9px;border-radius:50%;border:0;background:#D6D2E4;padding:0;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease)}
.sv-dot.on{background:var(--purple);transform:scale(1.5)}
.sv-dot:hover{background:var(--purple-ink)}
@media(max-width:560px){
  .sv-ph-t{display:none}
  .sv-ph{padding:.45rem;gap:0}
  .sv-cap h3{font-size:1.2rem}
}

/* ===== Daily loop closing section ===== */
.daily-sec{padding-top:1rem}
.daily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:2.4rem}
.daily-card{position:relative;background:var(--panel);border:1px solid var(--hair);border-radius:24px;padding:26px 24px 24px;box-shadow:var(--sh-rest);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.daily-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift)}
.daily-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--purple-wash);font-size:1.5rem;margin-bottom:16px}
.daily-card h3{font-family:var(--display);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:var(--ink)}
.daily-card p{font-size:.95rem;line-height:1.55;color:var(--muted);margin:0 0 16px}
.daily-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--purple-ink);background:var(--purple-wash);padding:.32rem .7rem;border-radius:999px}
.daily-loop{text-align:center;margin-top:2rem;font-size:.95rem;font-weight:500;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:.5em}
.daily-loop span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--purple);color:#fff;font-size:1rem;font-weight:700}

/* ===== Zombie band — cycling phone (tiktok → purple lock → quiz) ===== */
.zb-phone{width:min(272px,80%);border-radius:42px;background:#0E0F0E;padding:10px;border:1px solid #262428;box-shadow:0 40px 72px -32px rgba(28,6,78,.65),0 3px 8px rgba(28,6,78,.35);animation:zbfloat 6s var(--ease) infinite}
.zb-scr{position:relative;border-radius:33px;overflow:hidden;aspect-ratio:9/19.5;background:#0E0F0E}
.zb-layer{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;will-change:opacity}
.zb-layer.on{opacity:1}
.zb-tiktok{width:100%;height:100%;object-fit:cover}
.zb-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.3rem;padding:0 12%;background:linear-gradient(160deg,#9A66FF 0%,#7B3EF0 55%,#6E37F0 100%);color:#fff}
.zb-lockicon{width:56px;height:56px;color:#fff;margin-bottom:.5rem;filter:drop-shadow(0 8px 16px rgba(20,6,60,.45))}
.zb-lock-t{font-family:var(--display);font-weight:600;font-size:1.12rem;letter-spacing:-.01em}
.zb-lock-s{font-size:.74rem;line-height:1.4;color:rgba(255,255,255,.82);max-width:90%}
.zb-quiz{background:#F7F4FF}
.zb-quiz img{width:100%;height:100%;object-fit:cover;display:block}
.zb-q-tag{font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-ink);text-align:center}
.zb-q-card{flex:1;display:grid;place-items:center;margin:7% 0;background:var(--purple-wash);border:1px solid #E7DBFF;border-radius:18px;font-family:var(--display);font-weight:600;font-size:1.7rem;letter-spacing:-.02em;color:var(--ink);box-shadow:0 6px 16px -8px rgba(80,40,180,.15)}
.zb-q-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zb-q-opts span{background:#fff;border-radius:12px;text-align:center;padding:.75rem 0;font-weight:600;font-size:.92rem;color:var(--ink);box-shadow:0 2px 8px -3px rgba(80,40,180,.18)}
.zb-q-opts .ok{background:var(--purple);color:#fff;box-shadow:0 8px 18px -6px rgba(140,82,255,.7)}
@keyframes zbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.zb-phone{animation:none}.zb-layer{opacity:0!important;transition:none}.zb-quiz{opacity:1!important}}

.zb-q-bar{height:5px;background:#E7E0F5;border-radius:5px;overflow:hidden}
.zb-q-bar i{display:block;height:100%;width:66%;background:linear-gradient(90deg,#3BE3A2,#12B886);border-radius:5px}

/* ===== Sekretesspolicy (legal) ===== */
.policy{max-width:760px;padding-top:clamp(96px,12vw,132px)}
.policy-head .eyebrow{margin-bottom:1rem}
.policy h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:-.02em;margin:.4rem 0 .5rem;color:var(--ink)}
.policy-meta{font-size:.9rem;color:var(--faint);font-weight:500}
.policy-intro{margin-top:1.8rem;padding-bottom:1.7rem;border-bottom:1px solid var(--hair)}
.policy-intro p{color:var(--muted);font-size:1.06rem;line-height:1.65;margin:0 0 .9rem}
.policy-body{font-size:1rem;line-height:1.72;color:#2A2C33}
.policy-body h2{font-family:var(--display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin:2.7rem 0 .5rem;color:var(--ink)}
.policy-body h3{font-family:var(--display);font-weight:600;font-size:1.12rem;margin:1.9rem 0 .3rem;color:var(--ink)}
.policy-body p{margin:0 0 1rem}
.policy-body ul{margin:.4rem 0 1.3rem;padding-left:1.4rem}
.policy-body li{margin:0 0 .45rem}
.policy-body a{color:var(--purple-ink);text-decoration:underline}
/* more air between KB heading and cards */
.kb-home3{margin-top:2.6rem}

/* ===== Kunskapsbanken prev/next article navigation ===== */
.kb-pn{display:flex;gap:14px;align-items:stretch;margin:2.6rem 0 0}
.kb-pn-item{flex:1 1 0;max-width:calc(50% - 7px);display:flex;flex-direction:column;gap:5px;padding:15px 18px;border:1px solid var(--hair);border-radius:16px;background:#fff;box-shadow:var(--sh-rest);transition:box-shadow .22s var(--ease),transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease)}
.kb-pn-item:hover{box-shadow:var(--sh-lift);transform:translateY(-2px);border-color:var(--purple);background:var(--purple-wash)}
.kb-pn-next{text-align:left;align-items:flex-start}
.kb-pn-empty{flex:1 1 0;max-width:calc(50% - 7px)}
.kb-pn-lbl{font-size:.8rem;font-weight:600;color:var(--purple-ink)}
.kb-pn-title{font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.28;color:var(--ink)}
@media(max-width:560px){
  .kb-pn{flex-direction:column}
  .kb-pn-item{max-width:100%}
  .kb-pn-next{text-align:left;align-items:flex-start}
  .kb-pn-empty{display:none}
}