/* ============================================================
   Eksperternes Trafikskole — 1:1 opbygning efter mockup
   ============================================================ */

:root{
  --ink:#0B1F42;          /* overskrifter, mørk navy */
  --ink-2:#12305A;
  --blue:#0D5AA7;         /* brandblå */
  --blue-2:#1668BE;
  --badge:#0167C2;
  --navy:#002852;         /* knapper */
  --navy-deep:#001B4A;    /* mørkt priskort */
  --body:#2B4C77;         /* brødtekst */
  --muted:#42638C;
  --line:#DCEAF6;
  --line-2:#C9DEEF;
  --bg:#F2F8FC;
  --bg-2:#E9F2FA;
  --white:#fff;
  --green:#00B67A;
  --shadow-s:0 2px 10px rgba(11,45,90,.06);
  --shadow-m:0 10px 30px rgba(11,45,90,.09);
  --shadow-l:0 18px 46px rgba(6,32,66,.16);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Figtree",-apple-system,"Segoe UI",sans-serif;
  color:var(--body);
  background:var(--bg);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
input{font:inherit}
svg{width:1em;height:1em;display:block}

/* ---------- fælles byggesten ---------- */
.eyebrow{
  font-size:13px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
  color:#22528C;margin:0 0 10px;
}
.h2{font-size:32px;line-height:1.1;font-weight:800;color:var(--ink);letter-spacing:-.018em}
.h2--w{color:#fff}
.h2--sm{font-size:26px}
.lede{font-size:16px;line-height:1.45;color:var(--body)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  border-radius:999px;font-weight:700;white-space:nowrap;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn .ico{width:1.05em;height:1.05em;flex:none}
.btn--navy{background:linear-gradient(180deg,#0A4079 0%,#002450 100%);color:#fff;box-shadow:0 8px 20px rgba(0,38,82,.30)}
.btn--white{background:#fff;color:#0B2A55;box-shadow:0 8px 20px rgba(11,45,90,.13)}
.btn--ghost{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.75)}
.btn--lg{height:46px;padding:0 28px;font-size:17px}
.btn--sm{height:34px;padding:0 18px;font-size:14px}
.btn--block{display:flex;width:100%}
.btn:hover{transform:translateY(-1px)}

.link-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:15px}
.link-arrow .ico{width:1.05em;height:1.05em}
.link-arrow.sm{font-size:14px}
.link-arrow.ul{text-decoration:underline;text-underline-offset:3px}

.heart{font-family:"Caveat",cursive}

/* Trustpilot-stjerner */
.tp-stars{display:inline-flex;gap:3px}
.tp-stars i{
  width:26px;height:26px;background:var(--green);position:relative;display:block;
}
.tp-stars i::after{
  content:"";position:absolute;inset:0;background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3.2l2.8 5.7 6.3.9-4.6 4.4 1.1 6.2L12 17.5l-5.6 2.9 1.1-6.2L2.9 9.8l6.3-.9z'/></svg>") center/76% no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3.2l2.8 5.7 6.3.9-4.6 4.4 1.1 6.2L12 17.5l-5.6 2.9 1.1-6.2L2.9 9.8l6.3-.9z'/></svg>") center/76% no-repeat;
}
.tp-stars[data-fill="96"] i:last-child{background:linear-gradient(90deg,var(--green) 80%,#DCE4E7 80%)}
.tp-stars--lg i{width:30px;height:30px}
.tp-mini{display:inline-flex;gap:2px;color:var(--green);font-size:15px}
.tp-mini svg{width:1em;height:1em}

/* skift mellem de to mockups */
.dsk{display:none}
.mob{display:block}
@media (min-width:1024px){
  .dsk{display:block}
  .mob{display:none}
}

/* ============================================================
   DESKTOP  (mockup er tegnet i 1920 px bredde)
   ============================================================ */
.dsk{background:var(--bg)}
.dsk .eyebrow{font-size:16px;margin-bottom:12px}
.dsk .h2{font-size:49px;line-height:1.08}
.dsk .h2--sm{font-size:38px}
.dsk .lede{font-size:21px;line-height:1.45}
.dsk .btn--lg{height:58px;padding:0 36px;font-size:21px}
.dsk .link-arrow{font-size:19px;gap:9px}
.dsk .link-arrow.sm{font-size:18px}
.dsk .tp-stars i{width:33px;height:33px}
.dsk .tp-stars--lg i{width:38px;height:38px}
.dsk .tp-mini{font-size:19px}
.dsk .wrap,.d-nav__in,.d-hero__in,.d-steps__in,.d-stats__in,.d-pris__in,
.d-tp__in,.d-faq__in,.d-kontakt__in,.d-foot__in{
  width:min(1642px,100% - 96px);margin-inline:auto;
}

/* ---- topbånd (nav + hero deler baggrund) ---- */
.d-nav{
  position:relative;z-index:3;height:86px;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.74) 100%);
  backdrop-filter:blur(3px);
}
.d-nav__in{display:flex;align-items:center;gap:0;height:100%}
.d-nav__logo img{height:60px;width:auto}
.d-nav__links{display:flex;gap:42px;margin-left:80px;font-size:18px;font-weight:500;color:#183A66}
.d-nav__links a:hover{color:var(--blue)}
.d-nav__tel{
  margin-left:auto;display:inline-flex;align-items:center;gap:10px;
  background:#fff;border-radius:999px;height:56px;padding:0 30px 0 20px;
  font-size:24px;font-weight:800;color:var(--ink);box-shadow:var(--shadow-s);
}
.d-nav__telico{display:grid;place-items:center;width:28px;height:28px;color:var(--blue);font-size:26px}
.d-nav__cta{height:56px;padding:0 34px;font-size:19px;margin-left:24px}

.d-hero{
  position:relative;height:757px;overflow:hidden;background:#EAF2FA;
}
.d-hero::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(96deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 28%,rgba(255,255,255,.86) 42%,rgba(255,255,255,.55) 56%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 78%);
}
.d-nav{background-color:transparent}
.d-hero__img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center center;z-index:0;
}
.d-hero__in{position:relative;z-index:2;padding-top:116px}
.d-hero__script{
  position:absolute;z-index:2;left:calc(50% - 821px + 700px);top:158px;
  font-family:"Caveat",cursive;font-size:42px;line-height:1.14;font-weight:600;
  color:#1B4C8C;transform:rotate(-4.5deg);text-align:center;
}
.d-hero__script .heart{display:block;font-size:44px;margin-top:2px;margin-left:58px}
.d-hero__h1{
  font-size:99px;line-height:0.98;font-weight:800;letter-spacing:-.032em;color:var(--ink);margin:6px 0 0;
}
.d-hero__h1 span{color:var(--blue)}
.d-hero .eyebrow{font-size:18px;letter-spacing:.165em}
.d-hero__sub{margin-top:26px;font-size:28px;line-height:1.38;color:#274A75;font-weight:500}
.d-hero__ticks{display:flex;gap:36px;margin-top:32px;font-size:18px;font-weight:600;color:#1D3F6C}
.d-hero__ticks li{display:flex;align-items:center;gap:9px}
.tick{
  display:grid;place-items:center;width:23px;height:23px;border-radius:50%;
  background:var(--navy);color:#fff;font-size:15px;flex:none;
}
.d-hero__cta{display:flex;gap:24px;margin-top:36px}
.d-hero__cta .btn--lg{height:62px;padding:0 44px;font-size:22px}
.d-hero__tp{display:flex;align-items:center;gap:22px;margin-top:40px}
.d-hero__tp .tp-stars i{width:42px;height:42px}
.d-hero__tptxt{font-size:21px;line-height:1.42;color:#22436E}
.d-hero__tptxt b{color:var(--ink);font-weight:700}

/* ---- fem trin ---- */
.d-steps{
  padding:16px 0 18px;position:relative;
  background:linear-gradient(180deg,#FAFDFF 0%,#EEF6FD 100%);
}
.d-steps::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:36%;
  background:url("../img/wash-gade.jpg") right center/cover no-repeat;opacity:.5;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%);
}
.d-steps__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:54px;position:relative;z-index:1}
.d-steps__left .h2{margin-bottom:8px}
.d-steps__left .lede{font-size:18px;line-height:1.4;margin-bottom:18px}
.d-steps__rail{display:grid;grid-template-columns:repeat(5,1fr);position:relative;padding-top:6px}
.d-steps__rail::before{
  content:"";position:absolute;top:30px;left:10%;right:10%;height:1.5px;background:#9FC2E0;
}
.d-steps__rail li{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.d-steps__rail .num{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:2px solid #0B4A8C;color:#0B3468;font-weight:800;font-size:20px;
  position:relative;z-index:1;
}
.d-steps__rail .is-active .num{background:var(--navy);border-color:var(--navy);color:#fff}
.d-steps__rail .stepico{width:46px;height:46px;color:var(--navy);margin:18px 0 10px}
.d-steps__rail b{font-size:20px;font-weight:800;color:var(--ink)}
.d-steps__rail span:not(.num){font-size:17px;line-height:1.35;color:#3C5C85;margin-top:5px}

/* ---- seks veje ---- */
.d-veje{
  padding:38px 0 32px;position:relative;
  background:linear-gradient(180deg,#EDF5FC 0%,#E4EFF9 100%);
}
.d-veje::before{
  content:"";position:absolute;inset:0;
  background:url("../img/wash-vej.jpg") center/cover no-repeat;opacity:.55;
}
.d-veje__head,.d-veje__grid{position:relative;z-index:1}
.d-veje__head{
  width:min(1642px,100% - 96px);margin:0 auto 28px;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.d-veje__head .lede{margin-top:10px;font-size:20px}
.d-veje__head .link-arrow{margin-top:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}
.d-veje__grid{
  width:min(1824px,100% - 56px);margin-inline:auto;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px;
}
.vcard{
  background:#fff;border-radius:26px;padding:30px 26px 26px;
  box-shadow:var(--shadow-m);display:flex;flex-direction:column;min-height:300px;
}
.vcard__ico{
  width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#E3EEFA 0%,#EAF3FB 62%,rgba(234,243,251,0) 72%);
  display:grid;place-items:center;color:var(--blue);font-size:56px;margin-bottom:20px;margin-left:-8px;
}
.vcard h3{font-size:25px;font-weight:800;color:var(--ink);line-height:1.15;letter-spacing:-.01em}
.vcard p{font-size:18px;line-height:1.42;color:#3A5B84;margin-top:12px}
.vcard .link-arrow{margin-top:auto;padding-top:20px}

/* ---- statsbånd ---- */
.d-stats{
  position:relative;overflow:hidden;padding:26px 0 26px;
  background:radial-gradient(135% 165% at 6% 0%,#0A386E 0%,#093566 42%,#042952 100%);
}
.d-stats::before,.d-stats::after{
  content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.07);
}
.d-stats::before{width:900px;height:900px;left:-420px;top:-260px}
.d-stats::after{width:1100px;height:1100px;right:-380px;bottom:-700px;border-color:rgba(255,255,255,.06)}
.d-stats__in{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr) minmax(0,392px) minmax(0,196px);gap:32px;align-items:start;position:relative;z-index:1}
.d-stats .h2{font-size:40px;line-height:1.14}
.d-stats__left .h2{margin-bottom:14px}
.d-stats__left p{font-size:19px;line-height:1.45;color:#C5D9EE;margin-bottom:20px}
.d-stats__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 0;padding-left:26px;border-left:1px solid rgba(255,255,255,.14)}
.stat__ico{width:46px;height:46px;color:#fff;opacity:.92;margin-bottom:12px}
.stat{padding-right:22px;border-right:1px solid rgba(255,255,255,.13)}
.d-stats__nums .stat:nth-child(3){border-right:0}
.stat--wide{border-right:0}
.stat b{display:block;font-size:52px;line-height:1;font-weight:800;color:#fff;letter-spacing:-.02em}
.stat span{display:block;font-size:17px;line-height:1.3;color:#C9DCEF;margin-top:8px}
.stat--wide{grid-column:1 / span 2;display:flex;align-items:flex-start;gap:16px}
.stat--wide .stat__ico{width:54px;height:54px;margin:2px 0 0}
.d-stats__img{margin:0}
.d-stats__img img{
  width:100%;height:auto;border-radius:16px;
  border:3px solid rgba(255,255,255,.85);box-shadow:var(--shadow-l);
}
.d-stats__script{
  font-family:"Caveat",cursive;font-size:33px;line-height:1.2;color:#fff;
  transform:rotate(-4deg);padding-top:6px;
}
.d-stats__script .heart{display:block;font-size:52px;margin-top:14px}

/* ---- priser ---- */
.d-pris{
  padding:12px 0 12px;position:relative;
  background:linear-gradient(180deg,#F7FBFE 0%,#EDF5FC 100%);
}
.d-pris::before{
  content:"";position:absolute;inset:0;
  background:url("../img/wash-gade.jpg") left bottom/cover no-repeat;opacity:.4;
}
.d-pris__in{position:relative;z-index:1;width:min(1756px,100% - 72px)}
.d-pris__head{margin-bottom:20px;padding-left:40px}
.d-pris .h2{font-size:42px}
.d-pris__head .h2{margin-bottom:6px}
.d-pris__head .lede{font-size:20px;line-height:1.38}
.d-pris__head .lede b{color:var(--ink);font-weight:700}
.d-pris__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,498px);gap:24px;align-items:start}
.pcard{
  background:#fff;border-radius:26px;padding:22px 28px 20px;box-shadow:var(--shadow-m);position:relative;
}
.pcard--dark{background:linear-gradient(180deg,#073262 0%,#00214B 100%);color:#fff;box-shadow:var(--shadow-l)}
.pcard h3{font-size:29px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.pcard--dark h3{color:#fff}
.pcard__sub{font-size:19px;color:#4C6C94;margin-top:3px}
.pcard--dark .pcard__sub{color:#A9C6E4}
.pcard__price{font-size:52px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin:8px 0 10px}
.pcard--dark .pcard__price{color:#fff}
.pcard__list li{display:flex;gap:12px;align-items:flex-start;font-size:18.5px;line-height:1.3;color:#2C4E79;margin-bottom:4px}
.pcard__list svg{width:21px;height:21px;flex:none;margin-top:3px;color:var(--blue)}
.pcard--dark .pcard__list li{color:#DCE9F6}
.pcard--dark .pcard__list svg{color:#fff}
.pcard .btn{margin-top:14px;height:52px;font-size:19px}
.pcard__foot{font-size:19px;color:#4C6C94;text-align:center;margin-top:10px}
.pcard__foot b{color:var(--ink);font-weight:700}
.pcard--dark .pcard__foot{color:#B9D2EB}
.pcard--dark .pcard__foot b{color:#fff}
.pcard__badge{
  position:absolute;top:-16px;right:-10px;background:var(--badge);color:#fff;
  font-size:18px;font-weight:700;padding:7px 20px;border-radius:999px;
  box-shadow:0 6px 16px rgba(1,77,150,.35);
}
.d-pris__side{display:grid;gap:26px;min-width:0}
.sidebox{background:#fff;border-radius:26px;padding:16px 28px 14px;box-shadow:var(--shadow-m)}
.sidebox h3{font-size:27px;font-weight:800;color:var(--ink);margin-bottom:6px}
.sidebox li{display:flex;align-items:center;gap:12px;font-size:18px;color:#2E4F7A;padding:4px 0;border-bottom:1px solid #EAF1F8}
.sidebox li:last-child{border-bottom:0}
.sidebox li svg{width:18px;height:18px;color:#8FB4D6;flex:none}
.sidebox li span{flex:1}
.sidebox li b{color:var(--ink);font-weight:800;white-space:nowrap}
.sidebox__note{font-size:15px;color:#566F92;margin-top:8px}

/* ---- trustpilot ---- */
.d-tp{padding:26px 0 28px;background:linear-gradient(180deg,#F6FAFD 0%,#F0F7FC 100%)}
.d-tp__in{display:grid;grid-template-columns:minmax(0,432px) minmax(0,1fr);gap:18px 44px;align-items:center}
.d-tp__left{grid-row:1 / span 2}
.d-tp__score{font-size:40px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-top:2px}
.d-tp__row{display:flex;align-items:center;gap:20px;margin-top:18px}
.d-tp__count{font-size:21px;font-weight:600;color:#2F5079}
.d-tp__all{justify-self:end;font-size:18px}
.d-tp__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rcard{background:#fff;border-radius:18px;padding:20px 24px 18px;box-shadow:var(--shadow-s)}
.rcard p{font-size:19px;line-height:1.42;color:#2B4B76}
.rcard footer{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:16px;color:#5A789B}

/* ---- FAQ + formular ---- */
.d-faq{
  padding:14px 0 14px;position:relative;
  background:linear-gradient(180deg,#EFF7FD 0%,#E9F3FB 100%);
}
.d-faq::before{content:"";position:absolute;inset:0;background:url("../img/wash-vej.jpg") center/cover no-repeat;opacity:.4}
.d-faq__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,336px) minmax(0,1fr) minmax(0,624px);gap:44px 40px;align-items:start}
.d-faq .h2{font-size:40px;line-height:1.1}
.d-faq__left .h2{margin:0 0 10px}
.d-faq__left .lede{font-size:17px;line-height:1.42}
.d-faq__list{background:#fff;border-radius:20px;padding:4px 26px;box-shadow:var(--shadow-s)}
.d-faq__list details{border-bottom:1px solid #E7F0F8}
.d-faq__list details:last-child{border-bottom:0}
.d-faq__list summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  list-style:none;cursor:pointer;padding:6px 0;font-size:17.5px;color:#26456F;font-weight:500;
}
.d-faq__list summary::-webkit-details-marker{display:none}
.pm{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1.5px solid #B9D3EA;color:var(--blue);font-size:18px;flex:none;transition:transform .2s}
details[open] .pm{transform:rotate(45deg)}
.d-faq__list details p{font-size:18px;line-height:1.5;color:#3B5C86;padding:0 0 16px}
.d-faq__form{background:rgba(255,255,255,.5);border-radius:22px;padding:8px 24px 12px}
.d-faq__form h3{font-size:31px;font-weight:800;color:var(--ink);margin-bottom:4px}
.d-faq__form>p{font-size:17px;line-height:1.38;color:#33537D;margin-bottom:14px}
.d-faq__fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.d-faq__form input{
  width:100%;height:50px;border-radius:14px;border:1.4px solid #C9DDEF;background:#fff;
  padding:0 20px;font-size:18px;color:var(--ink);
}
.d-faq__form input::placeholder{color:#5F7EA1}
.d-faq__form input:focus{outline:2px solid var(--blue);outline-offset:1px}
.d-faq__send{display:flex;align-items:center;gap:22px;margin-top:14px}
.d-faq__send .btn--lg{height:52px;font-size:20px}
.d-faq__send span{font-size:17px;line-height:1.32;color:#3B5C86}

/* ---- kontaktbånd ---- */
.d-kontakt{
  position:relative;overflow:hidden;padding:56px 0 52px;
  background:linear-gradient(180deg,#F4FAFE 0%,#EAF3FB 100%);
}
.d-kontakt__in{display:grid;grid-template-columns:auto minmax(0,462px) minmax(0,1fr) minmax(0,206px);gap:26px;align-items:center;position:relative;z-index:1}
.d-kontakt .h2--sm{font-size:30px;white-space:nowrap}
.d-kontakt__pin,.d-kontakt__txt,.d-kontakt__info,.d-kontakt__script{position:relative;z-index:1}
.d-kontakt__info b{white-space:nowrap}
.d-kontakt__pin{
  width:62px;height:62px;border-radius:50%;background:var(--blue);color:#fff;
  display:grid;place-items:center;font-size:33px;box-shadow:0 10px 24px rgba(13,90,167,.32);
}
.d-kontakt__txt .h2{margin-bottom:6px}
.d-kontakt__txt .lede{font-size:18px;line-height:1.42}
.d-kontakt .eyebrow{font-size:15px;margin-bottom:6px}
.d-kontakt__info{display:flex;gap:52px;justify-self:center}
.d-kontakt__info li{display:flex;gap:12px;align-items:flex-start}
.ci{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:22px;flex:none}
.d-kontakt__info b{display:block;font-size:21px;font-weight:800;color:var(--ink)}
.d-kontakt__info div span{display:block;font-size:17px;line-height:1.35;color:#43648D;margin-top:3px}
.d-kontakt__info .ci{display:grid;place-items:center;font-size:22px;color:#fff;margin-top:0}
.d-kontakt__script{
  font-family:"Caveat",cursive;font-size:33px;line-height:1.14;color:#1B4C8C;
  transform:rotate(-5deg);text-align:center;
}
.d-kontakt__script .heart{display:block;font-size:40px}
.skyline{
  position:absolute;right:0;bottom:0;width:540px;height:126px;opacity:.6;z-index:0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 126'><g fill='%23C6DBEE'><rect x='2' y='64' width='26' height='62'/><path d='M32 126V44l11-13 11 13v82z'/><rect x='58' y='76' width='34' height='50'/><rect x='96' y='54' width='20' height='72'/><path d='M120 126V70c0-9 7-16 16-16s16 7 16 16v56z'/><rect x='156' y='84' width='38' height='42'/><rect x='198' y='60' width='18' height='66'/><path d='M220 126V78l15-13 15 13v48z'/><path d='M256 126V72c0-14 11-26 25-26s25 12 25 26v54z'/><rect x='258' y='30' width='4' height='18'/><rect x='310' y='86' width='32' height='40'/><rect x='346' y='58' width='22' height='68'/><path d='M372 126V74l14-12 14 12v52z'/><rect x='404' y='88' width='36' height='38'/><rect x='444' y='50' width='16' height='76'/><path d='M464 126V68l13-11 13 11v58z'/><rect x='496' y='80' width='24' height='46'/></g><g fill='%23EAF3FB'><rect x='8' y='74' width='5' height='7'/><rect x='18' y='74' width='5' height='7'/><rect x='8' y='90' width='5' height='7'/><rect x='18' y='90' width='5' height='7'/><rect x='64' y='86' width='5' height='7'/><rect x='76' y='86' width='5' height='7'/><rect x='64' y='102' width='5' height='7'/><rect x='76' y='102' width='5' height='7'/><rect x='163' y='94' width='5' height='7'/><rect x='176' y='94' width='5' height='7'/><rect x='272' y='86' width='6' height='9'/><rect x='286' y='86' width='6' height='9'/><rect x='272' y='104' width='6' height='9'/><rect x='286' y='104' width='6' height='9'/><rect x='316' y='96' width='5' height='7'/><rect x='329' y='96' width='5' height='7'/><rect x='411' y='98' width='5' height='7'/><rect x='424' y='98' width='5' height='7'/><rect x='502' y='90' width='5' height='7'/><rect x='511' y='90' width='5' height='7'/></g></svg>") right bottom/contain no-repeat;
}

/* ---- footer ---- */
.d-foot{background:linear-gradient(180deg,#023059 0%,#011E42 100%);padding:26px 0}
.d-foot__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:44px;align-items:center}
.d-foot__logo img{height:58px;width:auto;opacity:.97}
.d-foot__nav{display:flex;gap:34px;justify-content:center;font-size:19px;font-weight:700;color:#EAF2FA}
.d-foot__legal{margin-top:12px;text-align:center;font-size:16px;color:#8FB0D0}
.d-foot__legal a:hover{color:#fff}
.d-foot__copy{margin-left:48px}
.d-foot__soc{display:flex;gap:15px;color:#fff;font-size:28px}
.d-foot__soc a{opacity:.92}
.d-foot__soc a:hover{opacity:1}

/* ============================================================
   MOBIL  (efter mobil-mockup'en, 390 px referencebredde)
   ============================================================ */
.mob{background:#E9F2FA;overflow-x:hidden}
.mob .eyebrow{font-size:10.5px;letter-spacing:.15em;margin-bottom:7px}
.mob .h2{font-size:23px;line-height:1.1}
.mob .h2--sm{font-size:19px}
.mob .lede{font-size:12.5px;line-height:1.38}
.mob .btn{gap:8px}
.mob .link-arrow{font-size:11.5px;gap:6px}
.mob .tp-stars i{width:19px;height:19px}
.mob .tp-mini{font-size:11px}

/* ---- header ---- */
.m-nav{display:flex;align-items:center;gap:8px;background:#fff;padding:7px 12px}
.m-nav__logo img{height:28px;width:auto}
.m-nav__tel{
  margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  border:1.2px solid #D8E7F4;border-radius:999px;height:30px;padding:0 12px;
  font-size:13px;font-weight:800;color:var(--ink);
}
.m-nav__tel svg{width:14px;height:14px;color:var(--blue)}
.m-nav__burger{color:var(--ink);font-size:21px;padding:2px}

/* ---- hero ---- */
.m-hero{
  position:relative;overflow:hidden;min-height:318px;background:#E7F0F8;
}
/* fotoet dækker hele hero-fladen — som i mockup'en — og den hvide gradient
   ovenpå frilægger venstre side til teksten */
.m-hero__img{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;object-fit:cover;object-position:62% 48%;
}
.m-hero::before{
  content:"";position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88) 0,rgba(255,255,255,.62) 34px,rgba(255,255,255,0) 74px),
    radial-gradient(150px 88px at 64% 20%,rgba(255,255,255,.78),rgba(255,255,255,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(255,255,255,.42) 83%,rgba(255,255,255,.80) 100%),
    linear-gradient(101deg,#fff 0%,rgba(255,255,255,.97) 29%,rgba(255,255,255,.87) 43%,rgba(255,255,255,.52) 56%,rgba(255,255,255,.14) 68%,rgba(255,255,255,0) 79%);
}
.m-hero__script{
  position:absolute;z-index:3;left:186px;top:50px;width:146px;text-align:center;
  font-family:"Caveat",cursive;font-size:14.5px;line-height:1.18;font-weight:600;color:#1B4C8C;
  transform:rotate(-4deg);
}
.m-hero__script .heart{display:block;font-size:17px;margin-right:42px;line-height:1.1}
.m-hero__in{position:relative;z-index:4;padding:55px 14px 13px}
.m-hero .eyebrow{font-size:10px;letter-spacing:.13em;line-height:1.4;margin-bottom:8px}
.m-hero__h1{font-size:29px;line-height:1.02;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.m-hero__sub{margin-top:8px;font-size:11.5px;line-height:1.34;color:#27486F;font-weight:500;max-width:18.5em}
.m-hero__cta{display:flex;gap:8px;margin-top:13px}
.m-hero__cta .btn{height:36px;padding:0 15px;font-size:12.5px;border-radius:999px}
.m-hero__tp{display:flex;align-items:center;gap:8px;margin-top:14px}
.m-hero__tp .tp-stars i{width:15px;height:15px}
.m-hero__tptxt{font-size:10.5px;line-height:1.32;color:#26456E}
.m-hero__tptxt b{color:var(--ink);font-weight:800;font-size:11.5px}

/* ---- fordelsstribe ---- */
.m-usp{
  display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  background:#fff;border-radius:16px 16px 0 0;margin-top:-12px;padding:12px 10px;position:relative;z-index:5;
}
.m-usp li{display:flex;align-items:center;gap:5px;font-size:9.5px;line-height:1.22;color:#2A4B76}
.m-usp svg{width:17px;height:17px;color:var(--navy);flex:none}
.m-usp b{font-weight:800;color:var(--ink)}

/* ---- fem trin ---- */
.m-steps{background:linear-gradient(180deg,#EAF3FB 0%,#E2EEF9 100%);padding:16px 14px 18px;border-radius:0 0 16px 16px}
.m-steps .h2{font-size:21px}
.m-steps .lede{font-size:11.5px;margin-top:4px}
.m-steps__rail{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px;position:relative}
.m-steps__rail::before{content:"";position:absolute;top:13.5px;left:10%;right:10%;height:1.2px;background:#9BC0E0}
.m-steps__rail li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 2px}
.m-steps__rail .num{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;
  border:1.4px solid #0B4A8C;color:#0B3468;font-weight:800;font-size:12px;position:relative;z-index:1;
}
.m-steps__rail .is-active .num{background:var(--navy);border-color:var(--navy);color:#fff}
.m-steps__rail b{font-size:8.8px;font-weight:800;color:var(--ink);margin-top:8px;line-height:1.15;white-space:nowrap}
.m-steps__rail .t{font-size:8px;line-height:1.2;color:#3D5D86;margin-top:2px}

/* ---- seks veje ---- */
.m-veje{background:linear-gradient(180deg,#E4EFF9 0%,#DDEAF6 100%);padding:16px 12px 18px;margin-top:7px;border-radius:16px}
.m-veje .h2{font-size:21px}
.m-veje .lede{font-size:11.5px;margin-top:5px}
.m-veje__list{margin-top:11px;display:grid;gap:6px}
.m-veje__list a{
  display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;
  padding:7px 10px;box-shadow:var(--shadow-s);min-height:38px;
}
.mv-ico{width:21px;height:21px;color:var(--navy);flex:none}
.m-veje__list span{flex:1;font-size:9.5px;line-height:1.25;color:#3C5C85}
.m-veje__list b{display:block;font-size:11.5px;font-weight:800;color:var(--ink);margin-bottom:1px}
.mv-ch{width:13px;height:13px;color:var(--blue);flex:none}

/* ---- statsbånd ---- */
.m-stats{
  background:linear-gradient(120deg,#0B3D74 0%,#052B57 55%,#01234B 100%);
  padding:15px 14px 14px;margin-top:7px;position:relative;overflow:hidden;
}
.m-stats__img{margin:0;position:absolute;right:0;top:0;bottom:0;width:54%}
.m-stats__img img{width:100%;height:100%;object-fit:cover;opacity:.92}
.m-stats::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:58%;
  background:linear-gradient(90deg,#052B57 0%,rgba(5,43,87,.62) 30%,rgba(5,43,87,.12) 100%);
}
.m-stats__txt,.m-stats__nums,.m-stats__script{position:relative;z-index:2}
.m-stats__script{
  position:absolute;right:6px;top:10px;z-index:3;width:120px;text-align:center;
  font-family:"Caveat",cursive;font-size:12.5px;line-height:1.2;color:#fff;transform:rotate(-3deg);
}
.m-stats__script .heart{display:inline-block;font-size:14px;margin-left:4px}
.m-stats .eyebrow{color:#BBD3EC;font-size:9px;letter-spacing:.13em;margin-bottom:5px}
.m-stats .h2{font-size:16.5px;line-height:1.2;max-width:14.5em}
.m-stats .h2 .heart{font-size:19px;color:#fff}
.m-stats__nums{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}
.m-stats__nums li{padding-right:6px;border-right:1px solid rgba(255,255,255,.16)}
.m-stats__nums li:last-child{border-right:0}
.m-stats__nums b{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1}
.m-stats__nums span{display:block;font-size:8px;line-height:1.2;color:#C4D8EE;margin-top:3px}

/* ---- priser ---- */
.m-pris{background:linear-gradient(180deg,#F2F8FD 0%,#E7F1FA 100%);padding:16px 12px 16px;margin-top:7px;border-radius:16px}
.m-pris .h2{font-size:21px}
.m-pris .lede{font-size:11px;margin-top:4px}
.m-pris__cards{margin-top:11px;display:grid;gap:7px}
.mpcard{
  background:#fff;border-radius:11px;padding:10px 11px;box-shadow:var(--shadow-s);
  display:grid;grid-template-columns:.95fr .92fr 1.3fr;gap:7px;align-items:center;position:relative;
}
.mpcard--dark{background:linear-gradient(180deg,#083565 0%,#00234E 100%);box-shadow:var(--shadow-l)}
.mpcard__id b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.15}
.mpcard__id span{display:block;font-size:9.5px;color:#4E6E96;margin-top:2px;line-height:1.2}
.mpcard--dark .mpcard__id b{color:#fff}
.mpcard--dark .mpcard__id span{color:#A7C5E3}
.mpcard__buy{text-align:center}
.mpcard__price{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.mpcard--dark .mpcard__price{color:#fff}
.mpcard__buy .btn{margin-top:5px;height:25px;padding:0 11px;font-size:10px}
.mpcard__list li{display:flex;gap:5px;align-items:flex-start;font-size:9px;line-height:1.25;color:#2F5079;margin-bottom:4px}
.mpcard__list li:last-child{margin-bottom:0}
.mpcard__list svg{width:10px;height:10px;flex:none;margin-top:1.5px;color:var(--blue)}
.mpcard--dark .mpcard__list li{color:#DBE9F6}
.mpcard--dark .mpcard__list svg{color:#fff}
.mpcard__badge{
  position:absolute;top:-8px;right:8px;background:#9EC7EC;color:#0A2F5C;
  font-size:9px;font-weight:700;padding:3px 9px;border-radius:999px;
}
.m-pris__extra{
  display:flex;gap:9px;align-items:center;background:#fff;border-radius:11px;
  padding:9px 11px;margin-top:7px;box-shadow:var(--shadow-s);
}
.m-pris__plus{
  width:20px;height:20px;border-radius:50%;background:#E6F0FA;color:var(--blue);
  display:grid;place-items:center;font-size:12px;flex:none;
}
.m-pris__extra b{font-size:11.5px;font-weight:800;color:var(--ink)}
.m-pris__extra p{font-size:9.5px;color:#3D5D87;margin-top:2px}
.m-pris__extra p b{font-size:9.5px}

/* ---- anmeldelser ---- */
.m-tp{background:#EDF5FC;padding:14px 12px 12px}
.m-tp .h2{font-size:17px}
.m-tp__row{display:flex;align-items:center;gap:7px;margin-top:9px}
.m-tp__left{width:114px;flex:none}
.m-tp__score{font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:6px}
.m-tp__left .tp-stars i{width:16px;height:16px}
.m-tp__count{font-size:10px;color:#3A5A83;margin-top:6px}
.m-tp__left .link-arrow{font-size:10px;margin-top:4px}
.m-tp__nav{
  width:26px;height:26px;border-radius:50%;background:#fff;color:var(--blue);
  display:grid;place-items:center;font-size:13px;box-shadow:var(--shadow-s);flex:none;
}
.m-tp__viewport{flex:1;overflow:hidden}
.m-tp__track{display:flex;transition:transform .35s ease}
.mrcard{min-width:100%;background:#fff;border-radius:10px;padding:9px 11px;box-shadow:var(--shadow-s)}
.mrcard .tp-mini{font-size:10px;margin-bottom:4px}
.mrcard p{font-size:10.5px;line-height:1.35;color:#2C4C77}
.mrcard footer{font-size:9.5px;color:#4B6A8F;margin-top:6px}

/* ---- FAQ ---- */
.m-faq{background:#EDF5FC;padding:4px 12px 12px}
.m-faq__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m-faq .h2{font-size:16px}
.m-faq__head .link-arrow{font-size:10px;flex:none}
.m-faq__list{margin-top:8px;display:grid;gap:6px}
.m-faq__list details{background:#fff;border-radius:9px;box-shadow:var(--shadow-s);padding:0 11px}
.m-faq__list summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;
  cursor:pointer;padding:9px 0;font-size:11px;color:#26456F;
}
.m-faq__list summary::-webkit-details-marker{display:none}
.m-faq__list .pm{width:18px;height:18px;font-size:11px;border-width:1.2px}
.m-faq__list p{font-size:10.5px;line-height:1.45;color:#3B5C86;padding-bottom:9px}

/* ---- formular ---- */
.m-form{background:#fff;border-radius:13px;margin:0 12px;padding:13px 12px;box-shadow:var(--shadow-s)}
.m-form .h2{font-size:18px}
.m-form .lede{font-size:10.5px;line-height:1.35;margin-top:4px}
.m-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.m-form__fields label{position:relative;display:block}
.m-form__fields svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:#6E92B6}
.m-form input[type=text],.m-form input[type=tel]{
  width:100%;height:34px;border-radius:8px;border:1.2px solid #CFE0EF;background:#fff;
  padding:0 10px 0 28px;font-size:11px;color:var(--ink);
}
.m-form input::placeholder{color:#5F7EA1}
.m-form input:focus{outline:2px solid var(--blue);outline-offset:1px}
.m-form .btn--block{height:34px;font-size:12.5px;margin-top:9px}
.m-form__consent{display:flex;gap:6px;align-items:flex-start;margin-top:9px;justify-content:center}
.m-form__consent input{margin-top:1px;width:12px;height:12px;accent-color:var(--blue);flex:none}
.m-form__consent span{font-size:8.5px;line-height:1.3;color:#4A6A93}
.m-form__consent a{text-decoration:underline}

/* ---- kontaktstribe ---- */
.m-kontakt{
  display:grid;grid-template-columns:1.3fr .85fr 1.1fr;gap:7px;
  background:#fff;padding:12px 10px;margin-top:10px;
}
.m-kontakt li{display:flex;gap:6px;align-items:flex-start;font-size:9px;line-height:1.3;color:#3A5A83}
.m-kontakt .ci{width:24px;height:24px;font-size:13px;background:transparent;color:var(--blue);border:1.3px solid var(--blue);flex:none}
.m-kontakt b{font-size:10.5px;font-weight:800;color:var(--ink)}
.mk-sub{font-style:italic;color:#4B6A8F}

/* ---- footer ---- */
.m-foot{
  background:linear-gradient(180deg,#053159 0%,#011E42 100%);padding:11px 12px 12px;
  display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
}
.m-foot__logo img{height:28px;width:auto}
.m-foot__script{font-family:"Caveat",cursive;font-size:12.5px;color:#D6E6F5;text-align:center}
.m-foot__soc{display:flex;gap:8px;color:#fff;font-size:15px}
.m-foot__nav{grid-column:2;display:flex;gap:10px;justify-content:center;font-size:9.5px;color:#C3D8EE;margin-top:-4px}

/* ---- mellembredder: mobil-layoutet holdes i telefonbredde ---- */
@media (min-width:560px) and (max-width:1023px){
  .mob{max-width:520px;margin-inline:auto;box-shadow:0 0 60px rgba(9,44,88,.10)}
}

/* ---- respekter reduceret bevægelse ---- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* ---- synligt fokus ---- */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{
  outline:3px solid #1273D4;outline-offset:2px;border-radius:6px;
}
.d-stats a:focus-visible,.m-stats a:focus-visible,.d-foot a:focus-visible,.m-foot a:focus-visible{
  outline-color:#9FD0FF;
}

/* ---- desktop-designet er tegnet i 1920 px og skaleres proportionalt ned ---- */
@media (min-width:1024px){ .dsk{zoom:.72} }
@media (min-width:1500px){ .dsk{zoom:.80} }
@media (min-width:1640px){ .dsk{zoom:.87} }
@media (min-width:1800px){ .dsk{zoom:.94} }
@media (min-width:1900px){ .dsk{zoom:1} }

/* ---- rimelige trykflader på mobil ---- */
.m-foot__nav a{padding:5px 0}
.m-faq__head .link-arrow,.m-tp__left .link-arrow{padding:5px 0}
.m-form__consent a{padding:3px 0}

/* ============================================================
   Header der først bliver tydelig, når man scroller
   ============================================================ */
.d-nav,.m-nav{position:sticky;top:0;z-index:60;transition:background-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease}
.d-nav{box-shadow:0 0 0 rgba(9,44,88,0)}
body.is-scrolled .d-nav{
  background:#fff;background-image:none;
  box-shadow:0 2px 20px rgba(9,44,88,.13);
}
body.is-scrolled .m-nav{box-shadow:0 2px 14px rgba(9,44,88,.13)}
/* øverst på forsiden ligger headeren som en let slør-stribe over heroen */
.home .d-nav{background:transparent;backdrop-filter:none}
.home .m-nav{background:transparent;backdrop-filter:none}
body.is-scrolled.home .m-nav{background:#fff}

/* ============================================================
   Mobilmenu
   ============================================================ */
.m-drawer{
  position:fixed;inset:0;z-index:100;background:linear-gradient(180deg,#F7FBFE 0%,#E9F2FA 100%);
  padding:64px 20px 24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;
}
.m-drawer[hidden]{display:none}
.m-drawer__nav{display:grid;gap:2px}
.m-drawer__nav a{
  display:block;padding:13px 4px;font-size:19px;font-weight:700;color:var(--ink);
  border-bottom:1px solid #DDEAF6;
}
.m-drawer__nav a[aria-current="page"]{color:var(--blue)}
.m-drawer__cta{display:grid;gap:10px;margin-top:auto}
.m-drawer__cta .btn{height:48px;font-size:16px}
.m-drawer__close{
  position:fixed;top:12px;right:14px;z-index:101;width:40px;height:40px;border-radius:50%;
  background:#fff;color:var(--ink);display:grid;place-items:center;font-size:20px;
  box-shadow:var(--shadow-s);
}
body.m-open{overflow:hidden}
@media (min-width:1024px){.m-drawer,.m-drawer__close{display:none !important}}

/* ============================================================
   Trustpilot-blok (efterprøvelig, uden kopierede anmeldelser)
   ============================================================ */
.d-tp__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:24px;align-items:center}
.tp-note{background:#fff;border-radius:18px;padding:20px 24px;box-shadow:var(--shadow-s)}
.tp-note h3{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:6px}
.tp-note p{font-size:18px;line-height:1.42;color:#2B4B76}
.tp-note b{color:var(--ink)}
.d-tp__panel .tp-cta{align-self:center}
.m-tp__panel{flex:1;background:#fff;border-radius:12px;padding:11px 13px;box-shadow:var(--shadow-s)}
.m-tp__panel p{font-size:10.5px;line-height:1.4;color:#2C4C77}
.m-tp__panel b{color:var(--ink)}
.m-tp__panel .btn{margin-top:9px;height:30px;font-size:11px}

/* ============================================================
   Fælles header/footer uden for zoom-laget
   ============================================================ */
.d-nav,.d-foot{display:none}
.m-nav,.m-foot,.m-drawer{display:flex}
@media (min-width:1024px){
  .d-nav{display:block}
  .d-foot{display:block}
  .m-nav,.m-foot{display:none}
}

/* ============================================================
   Header og footer skalerer med samme trin som forsidens indhold,
   så proportionerne holder fra 1024 til 1920 px
   ============================================================ */
@media (min-width:1024px){ .d-nav,.d-foot{zoom:.72} }
@media (min-width:1500px){ .d-nav,.d-foot{zoom:.80} }
@media (min-width:1640px){ .d-nav,.d-foot{zoom:.87} }
@media (min-width:1800px){ .d-nav,.d-foot{zoom:.94} }
@media (min-width:1900px){ .d-nav,.d-foot{zoom:1} }
.d-nav__tel,.d-nav__links a{white-space:nowrap}

/* ---------- springlink ---------- */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 12px 0;
  font-weight:700;font-size:16px;
}
.skip-link:focus{left:0}

/* ---------- headeren er gennemsigtig, indtil man scroller ---------- */
.d-nav,.m-nav{background:transparent;background-image:none;box-shadow:none}
body.is-scrolled .d-nav,
body.is-scrolled .m-nav{background:#fff;box-shadow:0 2px 20px rgba(9,44,88,.13)}
/* sitets undersider har lys top, så teksten kan læses uden bund */
.sub .d-nav__tel,.sub .m-nav__tel{background:#fff}

/* ---------- forsiden: headeren ligger oven på heroen ---------- */
.home .d-nav{margin-bottom:-86px}
.home .m-nav{margin-bottom:-44px}

/* ---------- smalle telefoner: heroen strammes ---------- */
@media (max-width:379px){
  .m-hero__img{object-position:55% 48%}
  .m-hero__tp{gap:7px}
  .m-hero__tp .tp-stars i{width:13px;height:13px}
  .m-hero__tptxt{font-size:9.5px}
  .m-hero__tptxt b{font-size:10.5px}
  .m-hero__h1{font-size:27px}
  .m-hero__script{font-size:13px;left:172px;width:132px}
}

@media (max-width:339px){
  .m-hero__img{object-position:48% 48%}
  .m-hero__tptxt{font-size:9px}
  .m-hero__tptxt b{font-size:10px}
  .m-hero__script{left:158px;width:120px;font-size:12px}
}