:root {
    --green:#1DE548; --green-dark:#00ab41; --green-deep:#00d250;
    --green-soft:rgba(29,229,72,0.08); --green-border:rgba(29,229,72,0.18);
    --ink:#0d0d0d; --ink-2:#1a1a1a; --gray-900:#272727; --gray-700:#4a4a4a;
    --gray-500:#6b6b6b; --gray-300:#c4c4c4; --gray-100:#f0f0f0;
    --white:#ffffff; --off-white:#f7f8f6; --border:rgba(0,0,0,0.08); --border-md:rgba(0,0,0,0.12);
    --font-display:'Montserrat',sans-serif; --font-body:'Schibsted Grotesk',sans-serif;
    --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-xxl:100px;
    --shadow-sm:0 2px 12px rgba(0,0,0,0.06); --shadow-md:0 8px 32px rgba(0,0,0,0.10);
    --shadow-lg:0 20px 60px rgba(0,0,0,0.14); --shadow-green:0 8px 32px rgba(29,229,72,0.22);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--white);color:var(--gray-900);line-height:1.6;overflow-x:hidden;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--ink);}
p{color:var(--gray-700);}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;height:auto;}
button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;}

/* PRELOADER */
#preloader{position:fixed;inset:0;z-index:10000;background:var(--white);display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease,visibility 0.5s ease;}
#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.pl-inner{display:flex;flex-direction:column;align-items:center;gap:20px;}
.pl-logo{font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:-0.04em;color:var(--ink);}
.pl-logo span{color:var(--green);}
.pl-bar{width:160px;height:3px;background:var(--gray-100);border-radius:10px;overflow:hidden;}
.pl-bar::after{content:'';display:block;height:100%;width:0;background:var(--green);border-radius:10px;animation:load 1.6s ease forwards;}
@keyframes load{to{width:100%;}}

/* HEADER — FIXED, TRANSPARENT INITIALLY */
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background 0.35s ease,box-shadow 0.35s ease;}
.header.scrolled{background:rgba(255,255,255,0.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 var(--border),var(--shadow-sm);}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 40px;max-width:1400px;margin:0 auto;}
.nav__logo img{height:36px;width:auto;}
.nav__list{display:flex;flex-direction:row;align-items:center;gap:36px;}
.nav__link{font-family:var(--font-display);font-size:0.82rem;font-weight:600;letter-spacing:0.04em;color:var(--white);transition:color 0.2s;position:relative;}
.header.scrolled .nav__link{color:var(--gray-700);}
.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--green);border-radius:2px;transition:width 0.25s ease;}
.nav__link:hover::after{width:100%;}
.nav__link:hover{color:var(--green);}
.header.scrolled .nav__link:hover{color:var(--green-dark);}
.nav__actions{display:flex;align-items:center;gap:12px;}
.btn-green{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#000;font-family:var(--font-display);font-weight:700;font-size:0.85rem;padding:11px 22px;border-radius:var(--r-xxl);transition:all 0.25s;white-space:nowrap;}
.btn-green:hover{background:#2dfb55;box-shadow:var(--shadow-green);transform:translateY(-2px);}
.nav__toggle,.nav__close{display:none;font-size:1.4rem;cursor:pointer;background:none;border:none;padding:6px;line-height:1;}
.nav__toggle{color:var(--white);}
.header.scrolled .nav__toggle{color:var(--ink);}

/* MOBILE NAV — critical fix */
@media(max-width:900px){
    .nav{padding:0 20px;}
    .nav__menu{
        position:fixed;top:0;left:0;width:100%;height:100vh;
        background:var(--white);
        display:flex;flex-direction:column;justify-content:center;align-items:center;
        gap:0;
        /* HIDDEN by default - transform off-screen */
        transform:translateY(-100%);
        transition:transform 0.45s cubic-bezier(0.16,1,0.3,1);
        z-index:999;
    }
    .nav__menu.show-menu{transform:translateY(0);}
    .nav__list{flex-direction:column;align-items:center;gap:32px;}
    .nav__link{font-size:1.2rem;color:var(--ink) !important;}
    .nav__close{display:flex;position:absolute;top:24px;right:24px;font-size:1.5rem;color:var(--ink);background:var(--gray-100);border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center;}
    .nav__toggle{display:flex;}
    .nav__actions .btn-green{display:none;}
}

/* HERO STRIP */
.legal-hero{
    min-height:52vh;background:var(--ink);padding-top:72px;
    position:relative;overflow:hidden;
    display:flex;align-items:center;
}
.legal-hero::before{
    content:'';position:absolute;inset:0;
    background-image:linear-gradient(rgba(29,229,72,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,229,72,0.04) 1px,transparent 1px);
    background-size:56px 56px;z-index:0;animation:gridDrift 28s linear infinite;
}
@keyframes gridDrift{0%{background-position:0 0}100%{background-position:56px 56px}}
.legal-hero::after{content:'';position:absolute;top:-100px;right:-100px;width:700px;height:700px;background:radial-gradient(ellipse,rgba(29,229,72,0.08) 0%,transparent 65%);z-index:0;pointer-events:none;}
.hero-orb-l{position:absolute;bottom:-100px;left:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(0,171,65,0.06) 0%,transparent 70%);z-index:0;border-radius:50%;}

.legal-hero__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 40px 70px;display:flex;flex-direction:column;gap:20px;}
.legal-hero__breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.3);}
.legal-hero__breadcrumb a{color:rgba(255,255,255,0.3);transition:color 0.2s;}
.legal-hero__breadcrumb a:hover{color:var(--green);}
.legal-hero__breadcrumb i{font-size:0.65rem;}

.legal-hero__chip{display:inline-flex;align-items:center;gap:8px;background:rgba(29,229,72,0.1);border:1px solid rgba(29,229,72,0.25);color:var(--green);font-family:var(--font-display);font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:6px 14px;border-radius:var(--r-xxl);width:fit-content;}
.legal-hero__chip::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}

.legal-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:900;letter-spacing:-0.04em;color:var(--white);max-width:700px;line-height:1.05;}
.legal-hero h1 span{background:linear-gradient(135deg,var(--green-dark),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.legal-hero__meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.legal-hero__date{font-family:var(--font-display);font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.3);letter-spacing:0.08em;}
.legal-hero__divider{width:1px;height:14px;background:rgba(255,255,255,0.15);}

/* CONTENT AREA */
.legal-body{background:var(--off-white);padding:80px 40px 100px;min-height:60vh;}
.legal-body__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start;}

/* SIDEBAR TOC */
.legal-toc{position:sticky;top:100px;background:var(--white);border:1.5px solid var(--border-md);border-radius:var(--r-xl);padding:28px 24px;display:flex;flex-direction:column;gap:4px;}
.legal-toc__title{font-family:var(--font-display);font-size:0.68rem;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:var(--gray-500);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.legal-toc__link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);font-family:var(--font-display);font-size:0.78rem;font-weight:600;color:var(--gray-500);transition:all 0.2s;cursor:pointer;}
.legal-toc__link:hover,.legal-toc__link.active{background:var(--green-soft);color:var(--green-dark);}
.legal-toc__link i{font-size:0.85rem;flex-shrink:0;}

/* ACCORDION SECTIONS */
.legal-sections{display:flex;flex-direction:column;gap:8px;}
.legal-section{background:var(--white);border:1.5px solid var(--border-md);border-radius:var(--r-lg);overflow:hidden;transition:border-color 0.25s,box-shadow 0.25s;}
.legal-section.open{border-color:var(--green-border);box-shadow:0 4px 24px rgba(29,229,72,0.08);}
.legal-section__header{display:flex;align-items:center;gap:16px;padding:22px 28px;cursor:pointer;user-select:none;transition:background 0.2s;}
.legal-section__header:hover{background:rgba(0,0,0,0.01);}
.legal-section.open .legal-section__header{background:var(--green-soft);}
.legal-section__num{font-family:var(--font-display);font-size:0.68rem;font-weight:800;color:var(--green-dark);letter-spacing:0.12em;width:28px;flex-shrink:0;}
.legal-section__icon-wrap{width:38px;height:38px;border-radius:var(--r-sm);background:var(--gray-100);border:1px solid var(--border-md);display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:1rem;flex-shrink:0;transition:all 0.25s;}
.legal-section.open .legal-section__icon-wrap{background:var(--green-soft);border-color:var(--green-border);color:var(--green-dark);}
.legal-section__title{font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--ink);flex:1;transition:color 0.2s;}
.legal-section.open .legal-section__title{color:var(--green-dark);}
.legal-section__arrow{width:28px;height:28px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:0.9rem;flex-shrink:0;transition:all 0.3s;}
.legal-section.open .legal-section__arrow{background:var(--green-soft);color:var(--green-dark);transform:rotate(180deg);}
.legal-section__body{max-height:0;overflow:hidden;transition:max-height 0.45s ease;}
.legal-section.open .legal-section__body{max-height:800px;}
.legal-section__content{padding:0 28px 28px 82px;border-top:1px solid var(--border);}
.legal-section__content p{font-size:0.9rem;line-height:1.8;color:var(--gray-600, #555);margin-bottom:12px;}
.legal-section__content p:last-child{margin-bottom:0;}
.legal-section__content ul{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.legal-section__content ul li{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;line-height:1.7;color:var(--gray-700);}
.legal-section__content ul li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green-dark);margin-top:8px;flex-shrink:0;}
.legal-section__content strong{font-weight:700;color:var(--ink);}

/* FOOTER */
.footer{background:var(--off-white);border-top:1px solid var(--border);padding-top:72px;}
.footer__inner{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:56px;}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start;}
.footer__brand{display:flex;flex-direction:column;gap:18px;}
.footer__brand img{height:36px;width:auto;}
.footer__brand p{font-size:0.88rem;color:var(--gray-500);max-width:380px;line-height:1.7;}
.footer__social{display:flex;gap:10px;}
.footer__social a{width:38px;height:38px;border-radius:var(--r-sm);background:var(--gray-100);border:1px solid var(--border-md);display:flex;align-items:center;justify-content:center;color:var(--gray-700);font-size:1rem;transition:all 0.2s;}
.footer__social a:hover{background:var(--green-soft);border-color:var(--green-border);color:var(--green-dark);}
.footer__newsletter{display:flex;flex-direction:column;gap:14px;}
.footer__newsletter h4{font-size:1rem;font-weight:700;color:var(--ink);}
.newsletter-form{display:flex;align-items:center;background:var(--white);border:1.5px solid var(--border-md);border-radius:var(--r-xxl);padding:5px 5px 5px 18px;gap:8px;transition:border-color 0.2s;}
.newsletter-form:focus-within{border-color:var(--green);}
.newsletter-form input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:0.85rem;color:var(--gray-900);background:transparent;}
.newsletter-form input::placeholder{color:var(--gray-300);}
.newsletter-form button{width:38px;height:38px;border-radius:50%;background:var(--green);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;font-size:1.1rem;transition:all 0.2s;flex-shrink:0;}
.newsletter-form button:hover{background:#2dfb55;}
.footer__mid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.footer__col h5{font-family:var(--font-display);font-size:0.72rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-900);margin-bottom:16px;}
.footer__col a{display:block;font-size:0.85rem;color:var(--gray-500);margin-bottom:10px;transition:color 0.2s;}
.footer__col a:hover{color:var(--green-dark);}
.footer__col p{font-size:0.85rem;color:var(--gray-500);margin-bottom:8px;line-height:1.6;}
.footer__legal{display:flex;flex-direction:column;gap:20px;padding-bottom:40px;}
.footer__legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;}
.footer__legal-links a{font-size:0.78rem;color:var(--gray-500);transition:color 0.2s;}
.footer__legal-links a:hover{color:var(--green-dark);}
.footer__legal-text{font-size:0.73rem;color:var(--gray-300);line-height:1.7;max-width:900px;}
.footer__legal-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer__copy{font-size:0.78rem;color:var(--gray-300);font-family:var(--font-display);}
.footer__stores{display:flex;gap:10px;align-items:center;}
.footer__stores img{height:30px;width:auto;}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.65s ease,transform 0.65s ease;}
.reveal.active{opacity:1;transform:translateY(0);}
.reveal.d1{transition-delay:0.08s;}.reveal.d2{transition-delay:0.16s;}.reveal.d3{transition-delay:0.24s;}
.reveal.d4{transition-delay:0.32s;}.reveal.d5{transition-delay:0.4s;}

/* RESPONSIVE */
@media(max-width:1000px){
    .legal-body__inner{grid-template-columns:1fr;}
    .legal-toc{position:static;display:none;}
}
@media(max-width:768px){
    .legal-hero__inner{padding:60px 20px 50px;}
    .legal-hero h1{font-size:2rem;}
    .legal-body{padding:48px 20px 80px;}
    .legal-section__content{padding:0 20px 24px 20px;}
    .footer__inner{padding:0 20px;}
    .footer__top{grid-template-columns:1fr;gap:40px;}
    .footer__mid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
    .footer__mid{grid-template-columns:1fr 1fr;}
    .legal-section__header{padding:18px 20px;gap:12px;}
    .legal-section__num{display:none;}
}

/* ============================================================
       FOOTER
    ============================================================ */
    .footer {
        background: var(--off-white);
        border-top: 1px solid var(--border);
        padding-top: 72px;
    }
    .footer__inner {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        flex-direction: column;
        gap: 56px;
    }
    .footer__top {
        display: grid;
        grid-template-columns: 1.4fr 1fr;
        gap: 80px;
        align-items: start;
    }
    .footer__brand { display: flex; flex-direction: column; gap: 18px; }
    .footer__brand img { height: 36px; width: auto; }
    .footer__brand p {
        font-size: 0.88rem;
        color: var(--gray-500);
        max-width: 380px;
        line-height: 1.7;
    }
    .footer__social { display: flex; gap: 10px; }
    .footer__social a {
        width: 38px; height: 38px;
        border-radius: var(--r-sm);
        background: var(--gray-100);
        border: 1px solid var(--border-md);
        display: flex; align-items: center; justify-content: center;
        color: var(--gray-700);
        font-size: 1rem;
        transition: all 0.2s;
    }
    .footer__social a:hover {
        background: var(--green-soft);
        border-color: var(--green-border);
        color: var(--green-dark);
    }

    .footer__newsletter { display: flex; flex-direction: column; gap: 14px; }
    .footer__newsletter h4 {
        font-size: 1rem;
        font-weight: 700;
        color: var(--ink);
    }
    .footer__newsletter p { font-size: 0.82rem; color: var(--gray-500); }
    .newsletter-form {
        display: flex;
        align-items: center;
        background: var(--white);
        border: 1.5px solid var(--border-md);
        border-radius: var(--r-xxl);
        padding: 5px 5px 5px 18px;
        gap: 8px;
        transition: border-color 0.2s;
    }
    .newsletter-form:focus-within { border-color: var(--green); }
    .newsletter-form input {
        flex: 1;
        border: none;
        outline: none;
        font-family: var(--font-body);
        font-size: 0.85rem;
        color: var(--gray-900);
        background: transparent;
    }
    .newsletter-form input::placeholder { color: var(--gray-300); }
    .newsletter-form button {
        width: 38px; height: 38px;
        border-radius: 50%;
        background: var(--green);
        border: none;
        cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        color: var(--black);
        font-size: 1.1rem;
        transition: all 0.2s;
        flex-shrink: 0;
    }
    .newsletter-form button:hover { background: #2dfb55; }

    .footer__mid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
        padding: 40px 0;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }
    .footer__col h5 {
        font-family: var(--font-display);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--gray-900);
        margin-bottom: 16px;
    }
    .footer__col a {
        display: block;
        font-size: 0.85rem;
        color: var(--gray-500);
        margin-bottom: 10px;
        transition: color 0.2s;
    }
    .footer__col a:hover { color: var(--green-dark); }
    .footer__col p {
        font-size: 0.85rem;
        color: var(--gray-500);
        margin-bottom: 8px;
        line-height: 1.6;
    }

    .footer__legal {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 40px;
    }
    .footer__legal-links {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 24px;
    }
    .footer__legal-links a {
        font-size: 0.78rem;
        color: var(--gray-500);
        transition: color 0.2s;
    }
    .footer__legal-links a:hover { color: var(--green-dark); }
    .footer__legal-text {
        font-size: 0.75rem;
        color: var(--gray-300);
        line-height: 1.7;
        max-width: 900px;
    }
    .footer__legal-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
    }
    .footer__copy {
        font-size: 0.78rem;
        color: var(--gray-300);
        font-family: var(--font-display);
    }
    .footer__stores { display: flex; gap: 10px; align-items: center; }
    .footer__stores img { height: 30px; width: auto; }


     /* ============================================================
       RESPONSIVE
    ============================================================ */
    @media (max-width: 1100px) {
        .hero__visuals { grid-template-columns: 1fr 1fr; }
        .hero__col:last-child { display: none; }
        .stats__inner { grid-template-columns: 1fr; gap: 48px; }
        .features__grid { grid-template-columns: 1fr; gap: 48px; }
        .reach__inner { grid-template-columns: 1fr; gap: 48px; }
        .reach__img { order: 0; max-height: 360px; }
        .pricing__grid { grid-template-columns: repeat(2, 1fr); }
        .reviews__grid { grid-template-columns: repeat(2, 1fr); }
        .faq__inner { grid-template-columns: 1fr; gap: 40px; }
        .faq__left { position: static; }
        .footer__top { grid-template-columns: 1fr; gap: 40px; }
        .footer__mid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 768px) {
        .nav { padding: 0 24px; }
        .hero__inner { padding: 48px 24px 0; }
        .hero__top h1 { font-size: 2.4rem; }
        .hero__visuals { grid-template-columns: 1fr; }
        .hero__col:not(:first-child) { display: none; }
        .stats, .features, .reach, .pricing, .reviews, .faq, .cta-section { padding: 64px 24px; }
        .pricing__grid { grid-template-columns: 1fr; }
        .reviews__grid { grid-template-columns: 1fr; }
        .cta-box { padding: 48px 28px; }
        .footer__inner { padding: 0 24px; }
        .footer__mid { grid-template-columns: repeat(2, 1fr); }
        .footer__legal-bottom { flex-direction: column; align-items: flex-start; }
        .notif-1, .notif-2, .notif-3 { display: none; }
    }

    @media (max-width: 480px) {
        .container { padding: 0 20px; }
        .footer__mid { grid-template-columns: 1fr 1fr; }
    }