/* ===================================================================
   LevoLead SV - delat stilark för produktsidorna
   Samma designspråk som startsidan: Oswald + Inter, mörkt, grönt.
   =================================================================== */

:root{
  --bg:#0a0c0b;
  --bg-2:#0e1211;
  --card:#121614;
  --card-2:#161b19;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.14);
  --text:#f2f4f3;
  --muted:rgba(242,244,243,.62);
  --dim:rgba(242,244,243,.40);
  --green:#00b368;
  --green-mid:#009458;
  --green-deep:#006039;
  --star:#ffc107;
  --radius:14px;
  --shadow:0 24px 60px rgba(0,0,0,.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:hidden;overflow-x:clip;max-width:100%;}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-weight:300;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
/* Inget innehåll får spräcka viewporten i sidled. */
img,svg,video,iframe,canvas{max-width:100%;}
body{max-width:100%;}
a{color:inherit;}

/* ---------- typografi ---------- */
h1,h2,h3,.oswald{font-family:'Oswald',Impact,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.12;}
h1{font-size:clamp(2.3rem,5vw,4.1rem);font-weight:700;line-height:1.08;}
h2{font-size:clamp(1.85rem,3.8vw,3rem);line-height:1.12;}
h3{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.2;}
.accent{color:var(--green);}
.eyebrow{font-family:'Oswald',sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:1rem;}
.lede{font-size:1.02rem;color:var(--muted);line-height:1.8;max-width:640px;}
.wrap{max-width:1160px;margin:0 auto;padding:0 5vw;}
section{padding:5.5rem 0;}
.section-head{text-align:center;margin-bottom:3.2rem;}
.section-head .lede{margin:1.1rem auto 0;}

/* ---------- knappar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;font-size:.92rem;font-weight:600;text-decoration:none;padding:1rem 2rem;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;}
.btn-primary{background:var(--green);color:#04140c;box-shadow:0 10px 30px rgba(0,179,104,.22);}
.btn-primary:hover{background:var(--green-mid);transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,179,104,.32);}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line-2);}
.btn-ghost:hover{border-color:var(--green);color:var(--green);}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ===================== NAV ===================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(10,12,11,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.nav-inner{max-width:1160px;margin:0 auto;padding:.9rem 5vw;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
.nav-logo img{height:34px;width:auto;}
.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none;}
.nav-links a{font-family:'Oswald',sans-serif;font-size:.86rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:.55rem .85rem;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap;}
.nav-links a:hover,.nav-links a.current{color:var(--text);background:rgba(255,255,255,.05);}
.nav-actions{display:flex;align-items:center;gap:.6rem;}
.nav-lang{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.14em;color:var(--dim);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;transition:color .2s,border-color .2s;}
.nav-lang:hover{color:var(--text);border-color:var(--green);}
.nav-cta{padding:.72rem 1.35rem;font-size:.86rem;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:10px;cursor:pointer;}
.burger span{display:block;width:24px;height:2px;background:var(--text);transition:transform .3s,opacity .3s;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:1000px){.nav-links,.nav-actions .nav-lang{display:none;}.burger{display:flex;}}
@media(max-width:560px){.nav-actions .nav-cta{display:none;}}

.drawer{position:fixed;inset:0;z-index:190;background:rgba(8,10,9,.98);backdrop-filter:blur(10px);padding:6rem 5vw 3rem;display:flex;flex-direction:column;gap:.2rem;opacity:0;pointer-events:none;transition:opacity .25s ease;overflow-y:auto;}
.drawer.open{opacity:1;pointer-events:all;}
.drawer a{font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text);text-decoration:none;padding:.9rem 0;border-bottom:1px solid var(--line);}
.drawer a:hover{color:var(--green);}
.drawer .btn{margin-top:1.8rem;width:100%;}
.drawer-lang{border:none!important;font-family:'Inter',sans-serif!important;font-size:.85rem!important;text-transform:none!important;letter-spacing:0!important;color:var(--dim)!important;text-align:center;padding-top:1.5rem!important;}

/* ===================== PRODUKT-HERO ===================== */
.p-hero{position:relative;padding:9.5rem 0 4.5rem;overflow:hidden;}
.p-hero::before{content:'';position:absolute;top:-25%;left:-10%;width:900px;height:700px;background:radial-gradient(ellipse,rgba(0,96,57,.24) 0%,transparent 68%);pointer-events:none;}
.p-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;}
.p-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,179,104,.12);border:1px solid rgba(0,179,104,.32);color:var(--green);font-size:.78rem;font-weight:500;padding:.45rem 1rem;border-radius:100px;margin-bottom:1.4rem;text-decoration:none;transition:background .2s;}
.p-badge:hover{background:rgba(0,179,104,.2);}
.p-hero h1{margin-bottom:1.2rem;}
.p-hero .lede{margin-bottom:2rem;}
.p-actions{display:flex;gap:.9rem;flex-wrap:wrap;}
.p-hero-media{position:relative;}
.p-hero-photo{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);}
.p-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.p-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,96,57,.28) 0%,rgba(10,12,11,.35) 55%,rgba(10,12,11,.75) 100%);}
.p-icon-badge{position:absolute;left:-18px;bottom:-18px;width:76px;height:76px;border-radius:20px;background:var(--card);border:1px solid rgba(0,179,104,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px rgba(0,0,0,.55);}
.p-icon-badge svg{width:34px;height:34px;stroke:var(--green);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:900px){
  .p-hero{padding:8rem 0 3.5rem;}
  .p-hero-grid{grid-template-columns:1fr;gap:2.5rem;}
  .p-actions .btn{width:100%;}
  .p-icon-badge{left:auto;right:16px;bottom:-22px;width:64px;height:64px;}
}

/* ===================== STEG ===================== */
.p-steps{background:var(--bg-2);border-top:1px solid var(--line);}
.p-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.p-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem 1.6rem;transition:border-color .25s,transform .25s;}
.p-step:hover{border-color:rgba(0,179,104,.3);transform:translateY(-3px);}
.p-step-num{font-family:'Oswald',sans-serif;font-size:2.9rem;font-weight:700;color:rgba(0,179,104,.2);line-height:1;margin-bottom:.5rem;}
.p-step h3{margin-bottom:.5rem;}
.p-step p{font-size:.89rem;color:var(--muted);line-height:1.7;}
@media(max-width:820px){.p-steps-grid{grid-template-columns:1fr;}}

/* ===================== VAD DU FÅR ===================== */
.p-value{background:var(--bg);border-top:1px solid var(--line);}
.p-value-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:start;}
.p-list{list-style:none;display:flex;flex-direction:column;gap:1.3rem;}
.p-list li{display:flex;align-items:flex-start;gap:1rem;}
.p-check{width:26px;height:26px;border-radius:8px;background:rgba(0,179,104,.12);border:1px solid rgba(0,179,104,.32);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.p-check svg{width:13px;height:13px;stroke:var(--green);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.p-list-title{font-size:1rem;font-weight:600;color:var(--text);line-height:1.4;}
.p-list-desc{font-size:.88rem;color:var(--muted);line-height:1.6;margin-top:.2rem;}
.p-stats{background:linear-gradient(160deg,rgba(0,96,57,.16),var(--card) 62%);border:1px solid rgba(0,179,104,.3);border-radius:18px;padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1.8rem;}
.p-stat-num{font-family:'Oswald',sans-serif;font-size:2.7rem;font-weight:700;color:var(--green);line-height:1;}
.p-stat-label{font-size:.85rem;color:var(--muted);margin-top:.4rem;line-height:1.5;}
.p-stat + .p-stat{padding-top:1.8rem;border-top:1px solid var(--line);}
@media(max-width:900px){.p-value-grid{grid-template-columns:1fr;gap:2.2rem;}}

/* ===================== RELATERADE ===================== */
.p-related{background:var(--bg-2);border-top:1px solid var(--line);}
.p-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.p-rel-card{display:flex;align-items:flex-start;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;}
.p-rel-card:hover{border-color:rgba(0,179,104,.35);background:var(--card-2);transform:translateY(-3px);}
.p-rel-icon{width:42px;height:42px;border-radius:11px;background:rgba(0,179,104,.12);border:1px solid rgba(0,179,104,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.p-rel-icon svg{width:19px;height:19px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.p-rel-name{display:block;font-family:'Oswald',sans-serif;font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.15;margin-bottom:.3rem;}
.p-rel-desc{display:block;font-size:.82rem;color:var(--muted);line-height:1.55;}
@media(max-width:860px){.p-related-grid{grid-template-columns:1fr;}}

/* ===================== CTA ===================== */
.p-cta{position:relative;background:var(--bg);border-top:1px solid var(--line);text-align:center;overflow:hidden;}
.p-cta::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(0,96,57,.2) 0%,transparent 70%);pointer-events:none;}
.p-cta-inner{position:relative;}
.p-cta h2{margin-bottom:1rem;}
.p-cta .lede{margin:0 auto 2.2rem;}
.p-cta-sub{font-size:.8rem;color:var(--dim);margin-top:1.1rem;letter-spacing:.03em;}

/* ===================== PRODUKTÖVERSIKT ===================== */
.p-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.p-index-card{display:flex;flex-direction:column;gap:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.6rem;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;}
.p-index-card:hover{border-color:rgba(0,179,104,.35);background:var(--card-2);transform:translateY(-4px);}
.p-index-icon{width:46px;height:46px;border-radius:12px;background:rgba(0,179,104,.12);border:1px solid rgba(0,179,104,.3);display:flex;align-items:center;justify-content:center;}
.p-index-icon svg{width:21px;height:21px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.p-index-name{font-family:'Oswald',sans-serif;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.15;}
.p-index-desc{font-size:.87rem;color:var(--muted);line-height:1.65;flex:1;}
.p-index-tag{font-size:.72rem;color:var(--green);letter-spacing:.04em;}
@media(max-width:940px){.p-index-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.p-index-grid{grid-template-columns:1fr;}}

/* ===================== FOOTER ===================== */
footer{background:var(--bg);border-top:1px solid var(--line);padding:3.5rem 0 2rem;}
.foot-top{display:grid;grid-template-columns:minmax(190px,250px) 1fr;gap:3rem;align-items:start;padding-bottom:2.5rem;border-bottom:1px solid var(--line);}
.foot-brand img{height:32px;margin-bottom:1rem;}
.foot-brand p{font-size:.85rem;color:var(--dim);line-height:1.7;max-width:300px;}
.foot-cols{display:flex;gap:2.6rem;flex-wrap:wrap;justify-content:space-between;}
.foot-col.wide{flex:1 1 330px;}
@media(max-width:900px){.foot-top{grid-template-columns:1fr;gap:2.5rem;}.foot-cols{justify-content:flex-start;gap:2.5rem;}}
.foot-col-title{font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text);margin-bottom:1rem;}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;}
.foot-col ul.two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.6rem;}
@media(max-width:520px){.foot-col ul.two{grid-template-columns:1fr;}}
.foot-col a{font-size:.85rem;color:var(--dim);text-decoration:none;transition:color .2s;}
.foot-col a:hover{color:var(--green);}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.6rem;}
.foot-copy{font-size:.78rem;color:rgba(242,244,243,.25);}
.foot-legal{display:flex;gap:1.6rem;}
.foot-legal a{font-size:.78rem;color:rgba(242,244,243,.25);text-decoration:none;transition:color .2s;}
.foot-legal a:hover{color:var(--muted);}

/* ===================================================================
   SIDOR: priser, omdömen, branscher, process, kontakt, karriär, boka
   =================================================================== */

/* enkel centrerad sidhero */
.s-hero{position:relative;padding:9.5rem 0 3.5rem;overflow:hidden;text-align:center;}
.s-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:1000px;height:700px;background:radial-gradient(ellipse,rgba(0,96,57,.22) 0%,transparent 68%);pointer-events:none;}
.s-hero-inner{position:relative;max-width:780px;margin:0 auto;}
.s-hero h1{margin-bottom:1.2rem;}
.s-hero .lede{margin:0 auto 2rem;}
.s-hero .p-actions{justify-content:center;}
.s-note{font-size:.8rem;color:var(--dim);margin-top:1.2rem;letter-spacing:.03em;}
@media(max-width:900px){.s-hero{padding:8rem 0 3rem;}.s-hero .p-actions .btn{width:100%;}}

/* ---------- PRISER ---------- */
.pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:940px;margin:0 auto;}
.pr-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:2.2rem 2rem;}
.pr-card.featured{border-color:rgba(0,179,104,.4);background:linear-gradient(165deg,rgba(0,96,57,.14),var(--card) 58%);box-shadow:0 20px 60px rgba(0,96,57,.1);}
.pr-tag{font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:1rem;}
.pr-card h3{font-size:1.45rem;margin-bottom:.5rem;}
.pr-for{font-size:.88rem;color:var(--muted);margin-bottom:1.6rem;line-height:1.6;}
.pr-price{display:flex;align-items:baseline;gap:.45rem;padding-bottom:.4rem;}
.pr-price-num{font-family:'Oswald',sans-serif;font-size:3rem;font-weight:700;line-height:1;color:var(--text);}
.pr-price-quote{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:600;text-transform:uppercase;line-height:1.1;color:var(--text);}
.pr-price-unit{font-size:.95rem;color:var(--muted);}
.pr-price-note{font-size:.78rem;color:var(--dim);padding-bottom:1.5rem;border-bottom:1px solid var(--line);}
.pr-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin:1.5rem 0 2rem;}
.pr-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:rgba(242,244,243,.78);line-height:1.55;}
.pr-list svg{width:15px;height:15px;flex-shrink:0;margin-top:4px;stroke:var(--green);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.pr-list a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,179,104,.35);}
.pr-list a:hover{color:var(--green);border-color:var(--green);}
.pr-card .btn{margin-top:auto;width:100%;}
.pr-addons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:940px;margin:0 auto;}
.pr-addon{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.3rem;text-decoration:none;transition:border-color .25s,background .25s;}
.pr-addon:hover{border-color:rgba(0,179,104,.35);background:var(--card-2);}
.pr-addon-name{font-size:.92rem;font-weight:600;line-height:1.3;}
.pr-addon-price{font-size:.78rem;color:var(--green);white-space:nowrap;}
.pr-always{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:940px;margin:0 auto;}
.pr-always div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.2rem;text-align:center;font-size:.85rem;color:var(--muted);line-height:1.5;}
.pr-always strong{display:block;color:var(--text);font-size:.95rem;font-weight:600;margin-bottom:.3rem;}
@media(max-width:860px){.pr-grid{grid-template-columns:1fr;}.pr-addons{grid-template-columns:1fr;}.pr-always{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.pr-always{grid-template-columns:1fr;}}

/* ---------- FAQ ---------- */
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;background:none;border:none;color:var(--text);font-family:'Inter',sans-serif;font-size:1rem;font-weight:500;text-align:left;padding:1.4rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;cursor:pointer;line-height:1.5;transition:color .2s;}
.faq-q:hover{color:var(--green);}
.faq-plus{width:28px;height:28px;flex-shrink:0;border:1px solid var(--line-2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--muted);transition:transform .3s,border-color .2s,color .2s;line-height:1;}
.faq-item.open .faq-plus{transform:rotate(45deg);border-color:var(--green);color:var(--green);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease;}
.faq-item.open .faq-a{max-height:420px;padding-bottom:1.4rem;}
.faq-a p{font-size:.93rem;color:var(--muted);line-height:1.8;}

/* ---------- OMDÖMEN ---------- */
.rating-block{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:3rem;}
.rating-num{font-family:'Oswald',sans-serif;font-size:3.6rem;font-weight:700;line-height:1;}
.rating-stars{color:var(--star);font-size:1.3rem;letter-spacing:.15em;}
.rating-sub{font-size:.9rem;color:var(--muted);}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.rev-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .25s,transform .25s;}
.rev-card:hover{border-color:rgba(0,179,104,.3);transform:translateY(-3px);}
.rev-stars{color:var(--star);font-size:.9rem;letter-spacing:.1em;}
.rev-quote{font-size:.94rem;color:rgba(242,244,243,.86);line-height:1.7;flex:1;}
.rev-who{display:flex;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid var(--line);}
.rev-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,179,104,.35);flex-shrink:0;}
.rev-name{font-size:.9rem;font-weight:600;}
.rev-role{font-size:.78rem;color:var(--dim);}
@media(max-width:900px){.rev-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.rev-grid{grid-template-columns:1fr;}}

/* ---------- BRANSCHER ---------- */
.trade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
.trade-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:3/4;transition:border-color .3s,transform .3s;}
.trade-card:hover{border-color:rgba(0,179,104,.4);transform:translateY(-4px);}
.trade-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.trade-card:hover img{transform:scale(1.06);}
.trade-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,8,7,.92) 6%,rgba(6,8,7,.35) 48%,rgba(6,8,7,.1) 100%);}
.trade-name{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:.9rem .85rem;font-family:'Oswald',sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.15;}
@media(max-width:1100px){.trade-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:760px){.trade-grid{grid-template-columns:repeat(3,1fr);}.trade-name{font-size:.85rem;}}
@media(max-width:460px){.trade-grid{grid-template-columns:repeat(2,1fr);}}

/* ---------- PROCESS ---------- */
.tl2{max-width:820px;margin:0 auto;}
.tl2-item{position:relative;display:flex;gap:2rem;padding-bottom:3rem;}
.tl2-item:last-child{padding-bottom:0;}
.tl2-num{position:relative;z-index:1;width:58px;height:58px;flex-shrink:0;border-radius:50%;border:2px solid rgba(0,179,104,.5);background:var(--card);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:1.35rem;font-weight:700;color:var(--green);}
.tl2-line{position:absolute;left:29px;top:58px;bottom:.5rem;width:2px;background:linear-gradient(180deg,rgba(0,179,104,.4),transparent);}
.tl2-item:last-child .tl2-line{display:none;}
.tl2-body{flex:1;padding-top:.3rem;}
.tl2-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.7rem;}
.tl2-title{font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;}
.tl2-time{font-size:.72rem;color:var(--green);background:rgba(0,179,104,.1);border:1px solid rgba(0,179,104,.28);border-radius:100px;padding:.3rem .8rem;white-space:nowrap;}
.tl2-body>p{font-size:.93rem;color:var(--muted);line-height:1.8;margin-bottom:1rem;}
.tl2-sub{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.tl2-sub li{display:flex;align-items:flex-start;gap:.6rem;font-size:.87rem;color:rgba(242,244,243,.7);line-height:1.55;}
.tl2-sub svg{width:14px;height:14px;flex-shrink:0;margin-top:4px;stroke:var(--green);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:620px){.tl2-item{gap:1.2rem;}.tl2-num{width:46px;height:46px;font-size:1.1rem;}.tl2-line{left:23px;top:46px;}}

/* ---------- KONTAKT ---------- */
.ct-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1000px;margin:0 auto;}
.ct-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem 1.3rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;text-decoration:none;transition:border-color .25s,transform .25s;}
.ct-card:hover{border-color:rgba(0,179,104,.35);transform:translateY(-3px);}
.ct-ico{width:44px;height:44px;border-radius:12px;background:rgba(0,179,104,.12);border:1px solid rgba(0,179,104,.3);display:flex;align-items:center;justify-content:center;}
.ct-ico svg{width:20px;height:20px;stroke:var(--green);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.ct-label{font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);}
.ct-value{font-size:.93rem;color:var(--text);font-weight:500;word-break:break-word;}
.ct-hours{max-width:1000px;margin:1.5rem auto 0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.88rem;color:var(--muted);}
.ct-hours strong{color:var(--text);font-weight:600;}
@media(max-width:860px){.ct-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.ct-grid{grid-template-columns:1fr;}}

/* ---------- KARRIÄR ---------- */
.perk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.perk{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.6rem;transition:border-color .25s,background .25s,transform .25s;}
.perk:hover{border-color:rgba(0,179,104,.3);background:var(--card-2);transform:translateY(-3px);}
.perk-emoji{font-size:1.7rem;line-height:1;display:block;margin-bottom:.9rem;}
.perk h3{font-size:1.1rem;margin-bottom:.5rem;}
.perk p{font-size:.87rem;color:var(--muted);line-height:1.7;}
.job-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem;}
.job{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.9rem 1.8rem;transition:border-color .25s;}
.job:hover{border-color:rgba(0,179,104,.32);}
.job-dept{font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:.5rem;}
.job h3{font-size:1.35rem;margin-bottom:.9rem;}
.job-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.job-tag{font-size:.75rem;color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:100px;padding:.3rem .8rem;}
.job p{font-size:.92rem;color:var(--muted);line-height:1.75;margin-bottom:1.4rem;}
.job-open{max-width:900px;margin:1.5rem auto 0;background:linear-gradient(135deg,rgba(0,96,57,.14),var(--card) 60%);border:1px dashed rgba(0,179,104,.32);border-radius:16px;padding:1.7rem;text-align:center;}
.job-open h3{font-size:1.2rem;margin-bottom:.5rem;}
.job-open p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1.2rem;}

/* ---------- BOKA ---------- */
.book-panel{max-width:900px;margin:0 auto;background:var(--card);border:1px solid rgba(0,179,104,.28);border-radius:20px;padding:2.2rem;box-shadow:var(--shadow);}
.book-embed{min-height:380px;border-radius:14px;border:1px dashed var(--line-2);background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center;padding:2rem;}
.book-embed iframe{width:100%;min-height:700px;border:0;border-radius:14px;}
.book-embed-label{font-family:'Oswald',sans-serif;font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
.book-embed-help{font-size:.85rem;color:var(--dim);max-width:44ch;line-height:1.65;}
.book-alt{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid var(--line);}
.book-alt-text{font-size:.88rem;color:var(--muted);}

/* ---------- BOKA: videogate + kalender ---------- */
.gate{max-width:900px;margin:0 auto;}
.gate-overlay{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);}
.gate-blur{position:absolute;inset:-5%;width:110%;height:110%;pointer-events:none;}
.gate-blur iframe{width:100%;height:100%;border:none;display:block;filter:blur(6px) brightness(.5) saturate(.7);transform:scale(1.02);pointer-events:none;}
.gate-dim{position:absolute;inset:0;background:rgba(4,10,7,.42);}
.gate-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;background:var(--green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#04140c;transition:transform .2s,background .2s;box-shadow:0 0 0 12px rgba(0,179,104,.16),0 12px 40px rgba(0,0,0,.5);}
.gate-play:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--green-mid);}
.gate-play svg{width:30px;height:30px;margin-left:5px;fill:currentColor;}
.gate-caption{text-align:center;margin-top:1.3rem;font-size:.88rem;color:var(--dim);}

.modal{position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:1rem;}
.modal.open{opacity:1;pointer-events:all;}
.modal-box{position:relative;width:min(600px,96vw);max-height:94vh;background:var(--card);border:1px solid rgba(0,179,104,.24);border-radius:16px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.8);}
.modal-box.video{width:min(1000px,96vw);aspect-ratio:16/9;background:#000;border-color:var(--line);}
.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(6,8,7,.82);border:1px solid var(--line-2);color:var(--text);font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:border-color .2s,color .2s;}
.modal-close:hover{border-color:var(--green);color:var(--green);}
.modal-top{padding:1.9rem 1.9rem 0;}
.modal-eyebrow{font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:.7rem;}
.modal-title{font-family:'Oswald',sans-serif;font-size:1.45rem;font-weight:600;text-transform:uppercase;line-height:1.12;margin-bottom:.5rem;}
.modal-sub{font-size:.85rem;color:var(--muted);line-height:1.65;margin-bottom:1.2rem;}
.modal-tf{width:100%;height:min(520px,60vh);}
.modal-tf iframe,.modal-box.video iframe{width:100%;height:100%;border:none;display:block;}

.cal-box{max-width:900px;margin:0 auto;background:var(--card);border:1px solid rgba(0,179,104,.24);border-radius:20px;padding:1rem;box-shadow:var(--shadow);overflow:hidden;}
.cal-box .calendly-inline-widget{border-radius:14px;overflow:hidden;}
@media(max-width:620px){.gate-play{width:64px;height:64px;}.gate-play svg{width:24px;height:24px;}.modal-top{padding:1.4rem 1.3rem 0;}}

/* ---------- samtyckesspärr för tredjepartsinbäddningar ---------- */
.consent-gate{position:relative;}
.consent-block{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem;background:rgba(10,12,11,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:inherit;}
.consent-gate.unlocked .consent-block{display:none;}
.consent-block p{font-size:.9rem;color:var(--muted);line-height:1.65;max-width:42ch;margin:0;}
.consent-block .btn{padding:.85rem 1.6rem;font-size:.88rem;}
.cal-box.consent-gate{min-height:420px;}

/* ---------- JURIDISKA SIDOR ---------- */
.lg-wrap{max-width:820px;}
.lg-sec{padding-bottom:2.6rem;margin-bottom:2.6rem;border-bottom:1px solid var(--line);}
.lg-sec:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.lg-sec h2{display:flex;align-items:baseline;gap:.9rem;font-size:clamp(1.25rem,2.2vw,1.7rem);margin-bottom:1.2rem;}
.lg-num{font-size:.85rem;font-weight:500;color:var(--green);letter-spacing:.1em;flex-shrink:0;}
.lg-sec p{font-size:.95rem;color:var(--muted);line-height:1.85;margin-bottom:1rem;}
.lg-sec p:last-child{margin-bottom:0;}
.lg-sec a{color:var(--green);text-decoration:underline;text-underline-offset:2px;}
.lg-sec a:hover{color:var(--text);}
.lg-note{font-size:.85rem!important;color:var(--green)!important;background:rgba(0,179,104,.08);border:1px dashed rgba(0,179,104,.32);border-radius:10px;padding:.9rem 1.1rem;}
.lg-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin:0 0 1rem;}
.lg-list li{position:relative;padding-left:1.4rem;font-size:.95rem;color:var(--muted);line-height:1.75;}
.lg-list li::before{content:'';position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background:var(--green);}
.lg-table-wrap{overflow-x:auto;margin:0 0 1.2rem;border:1px solid var(--line);border-radius:12px;}
.lg-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:460px;}
.lg-table th{text-align:left;font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--green);padding:.9rem 1.1rem;background:rgba(0,179,104,.07);border-bottom:1px solid var(--line);}
.lg-table td{padding:.9rem 1.1rem;color:var(--muted);line-height:1.6;border-bottom:1px solid var(--line);vertical-align:top;}
.lg-table tr:last-child td{border-bottom:none;}
.lg-table td:first-child{color:var(--text);font-weight:500;}

/* ---------- produktöversikt: kort med punkter och knapp ---------- */
.p-index-card{display:flex;flex-direction:column;gap:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem 1.7rem;transition:border-color .25s,background .25s,transform .25s;}
.p-index-card:hover{border-color:rgba(0,179,104,.35);background:var(--card-2);transform:translateY(-4px);}
.p-index-sub{font-size:.88rem;color:var(--muted);line-height:1.65;}
.p-index-points{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:.2rem 0 .4rem;flex:1;}
.p-index-points li{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:rgba(242,244,243,.74);line-height:1.5;}
.p-index-points svg{width:13px;height:13px;flex-shrink:0;margin-top:4px;stroke:var(--green);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.p-index-more{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;font-size:.86rem;font-weight:600;color:var(--green);text-decoration:none;border:1px solid rgba(0,179,104,.35);border-radius:9px;padding:.62rem 1.1rem;transition:background .2s,border-color .2s;}
.p-index-more:hover{background:rgba(0,179,104,.12);border-color:var(--green);}
.p-index-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- BRANSCHER ---------- */
.trades-band{position:relative;background:var(--bg-2);border-top:1px solid var(--line);overflow:hidden;}
.trades-band::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:1000px;height:620px;background:radial-gradient(ellipse,rgba(0,96,57,.16) 0%,transparent 68%);pointer-events:none;}
.trades-band .wrap{position:relative;z-index:1;}
.trade-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:940px;margin:0 auto;}
.trade-pill{display:inline-flex;align-items:center;gap:.6rem;background:var(--card);border:1px solid var(--line);border-radius:100px;padding:.72rem 1.35rem;transition:background .25s,border-color .25s,transform .25s;cursor:default;}
.trade-pill:hover{background:var(--card-2);border-color:rgba(0,179,104,.4);transform:translateY(-3px);}
.trade-pill svg{width:17px;height:17px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.trade-pill span{font-family:'Oswald',sans-serif;font-size:.98rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--text);white-space:nowrap;}
.trades-band-foot{text-align:center;margin-top:2.6rem;font-size:.95rem;color:var(--muted);}
.trades-band-foot a{color:var(--green);text-decoration:none;border-bottom:1px solid rgba(0,179,104,.4);transition:color .2s,border-color .2s;}
.trades-band-foot a:hover{color:var(--text);border-color:var(--text);}
@media(max-width:640px){
  .trade-pill{padding:.6rem 1rem;gap:.45rem;}
  .trade-pill span{font-size:.85rem;}
  .trade-pill svg{width:15px;height:15px;}
}

/* ---------- JURIDISKA SIDOR ---------- */
.lg-wrap{max-width:820px;}
.lg-sec{padding-bottom:2.6rem;margin-bottom:2.6rem;border-bottom:1px solid var(--line);}
.lg-sec:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.lg-sec h2{display:flex;align-items:baseline;gap:.9rem;font-size:clamp(1.25rem,2.2vw,1.7rem);margin-bottom:1.2rem;}
.lg-num{font-size:.85rem;font-weight:500;color:var(--green);letter-spacing:.1em;flex-shrink:0;}
.lg-sec p{font-size:.95rem;color:var(--muted);line-height:1.85;margin-bottom:1rem;}
.lg-sec p:last-child{margin-bottom:0;}
.lg-sec a{color:var(--green);text-decoration:underline;text-underline-offset:2px;}
.lg-sec a:hover{color:var(--text);}
.lg-note{font-size:.85rem!important;color:var(--green)!important;background:rgba(0,179,104,.08);border:1px dashed rgba(0,179,104,.32);border-radius:10px;padding:.9rem 1.1rem;}
.lg-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin:0 0 1rem;}
.lg-list li{position:relative;padding-left:1.4rem;font-size:.95rem;color:var(--muted);line-height:1.75;}
.lg-list li::before{content:'';position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background:var(--green);}
.lg-table-wrap{overflow-x:auto;margin:0 0 1.2rem;border:1px solid var(--line);border-radius:12px;}
.lg-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:460px;}
.lg-table th{text-align:left;font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--green);padding:.9rem 1.1rem;background:rgba(0,179,104,.07);border-bottom:1px solid var(--line);}
.lg-table td{padding:.9rem 1.1rem;color:var(--muted);line-height:1.6;border-bottom:1px solid var(--line);vertical-align:top;}
.lg-table tr:last-child td{border-bottom:none;}
.lg-table td:first-child{color:var(--text);font-weight:500;}

/* ---------- produktöversikt: kort med punkter och knapp ---------- */
.p-index-card{display:flex;flex-direction:column;gap:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem 1.7rem;transition:border-color .25s,background .25s,transform .25s;}
.p-index-card:hover{border-color:rgba(0,179,104,.35);background:var(--card-2);transform:translateY(-4px);}
.p-index-sub{font-size:.88rem;color:var(--muted);line-height:1.65;}
.p-index-points{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:.2rem 0 .4rem;flex:1;}
.p-index-points li{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:rgba(242,244,243,.74);line-height:1.5;}
.p-index-points svg{width:13px;height:13px;flex-shrink:0;margin-top:4px;stroke:var(--green);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.p-index-more{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;font-size:.86rem;font-weight:600;color:var(--green);text-decoration:none;border:1px solid rgba(0,179,104,.35);border-radius:9px;padding:.62rem 1.1rem;transition:background .2s,border-color .2s;}
.p-index-more:hover{background:rgba(0,179,104,.12);border-color:var(--green);}
.p-index-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- BRANSCHPILLER ---------- */
.trades-band{position:relative;background:linear-gradient(165deg,var(--green-deep) 0%,#04150d 78%);border-top:1px solid var(--line);overflow:hidden;text-align:center;}
.trades-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.09) 0%,transparent 58%);pointer-events:none;}
.trades-band .wrap{position:relative;}
.trades-band h2{margin-bottom:1rem;}
.trades-band .lede{margin:0 auto 3rem;color:rgba(255,255,255,.7);}
.trade-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;max-width:960px;margin:0 auto;}
.trade-pill{display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:100px;padding:.8rem 1.5rem;transition:background .2s,transform .2s,border-color .2s;cursor:default;}
.trade-pill:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.34);transform:translateY(-2px);}
.trade-pill svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.trade-pill span{font-family:'Oswald',sans-serif;font-size:1.02rem;font-weight:500;letter-spacing:.02em;color:#fff;white-space:nowrap;}
.trades-band-foot{margin-top:2.4rem;font-size:1.05rem;font-weight:600;color:rgba(255,255,255,.85);}
.trades-band-foot a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:640px){
  .trade-pill{padding:.65rem 1.1rem;gap:.5rem;}
  .trade-pill span{font-size:.88rem;}
  .trade-pill svg{width:16px;height:16px;}
}

/* ---------- OM OSS: två spalter med statistik ---------- */
.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;}
.about-copy h2{margin-bottom:1.5rem;}
.about-copy p{font-size:.98rem;color:var(--muted);line-height:1.85;margin-bottom:1.2rem;}
.about-media{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);}
.about-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.4rem;}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.2rem;text-align:center;}
.stat-num{font-family:'Oswald',sans-serif;font-size:2.4rem;font-weight:700;color:var(--green);line-height:1;}
.stat-label{font-size:.78rem;color:var(--dim);letter-spacing:.04em;margin-top:.45rem;line-height:1.4;}
@media(max-width:860px){.about-grid{grid-template-columns:1fr;gap:2.5rem;}}

/* ---------- kalendern får inte spräcka mobilbredden ---------- */
.cal-box{overflow:hidden;}
.cal-box .calendly-inline-widget{min-width:0!important;width:100%!important;}
.cal-box iframe{max-width:100%!important;}

/* ---------- ERBJUDANDEKORT (produktsidan) ---------- */
.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch;}
.pkg{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s;}
.pkg:hover{border-color:rgba(0,179,104,.35);transform:translateY(-4px);}
.pkg.featured{border-color:rgba(0,179,104,.4);}
.pkg-media{position:relative;height:190px;overflow:hidden;}
.pkg-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.pkg:hover .pkg-media img{transform:scale(1.05);}
.pkg-media::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--card) 4%,rgba(18,22,20,.55) 45%,rgba(18,22,20,.15) 100%);}
.pkg-body{padding:1.9rem 1.9rem 2.1rem;display:flex;flex-direction:column;flex:1;}
.pkg-body h3{font-size:1.55rem;margin-bottom:.6rem;}
.pkg-for{font-size:.88rem;color:var(--green);margin-bottom:1.3rem;font-weight:500;}
.pkg-desc{font-size:.92rem;color:var(--muted);line-height:1.72;margin-bottom:1.6rem;}
.pkg-list-label{font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:.9rem;}
.pkg-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.8rem;}
.pkg-list li{display:flex;align-items:flex-start;gap:.85rem;}
.pkg-list.simple{gap:1rem;flex:1;margin-bottom:0;}
.pkg-list.simple li{align-items:flex-start;}
.pkg-list.simple a{font-size:.95rem;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(0,179,104,.35);transition:color .2s,border-color .2s;}
.pkg-list.simple a:hover{color:var(--green);border-color:var(--green);}
.pkg-item-note{display:block;font-size:.83rem;color:var(--dim);line-height:1.55;margin-top:.25rem;}
.pkg-check{width:24px;height:24px;border-radius:7px;background:rgba(0,179,104,.12);border:1px solid rgba(0,179,104,.32);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.pkg-check svg{width:12px;height:12px;stroke:var(--green);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.pkg-foot{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--line);}
.pkg-foot .btn{width:100%;}
@media(max-width:860px){.pkg-grid{grid-template-columns:1fr;}}