:root{--green:#1DE548;--green-dark:#00ab41;--green-soft:rgba(29,229,72,0.08);--green-border:rgba(29,229,72,0.18);--ink:#0d0d0d;--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-green:0 8px 32px rgba(29,229,72,0.22);--sidebar-w:300px;}
*,*::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;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{position:fixed;inset:0;z-index:10000;background:var(--white);display:flex;align-items:center;justify-content:center;transition:opacity 0.5s,visibility 0.5s;}
#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:pload 1.6s ease forwards;}
@keyframes pload{to{width:100%;}}
.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background 0.35s,box-shadow 0.35s;}
.header.scrolled{background:rgba(255,255,255,0.93);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;}
.nav__menu{display:flex;align-items:center;}
.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(--gray-700);transition:color 0.2s;position:relative;}
.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--green);border-radius:2px;transition:width 0.25s;}
.nav__link:hover{color:var(--green-dark);}
.nav__link:hover::after{width:100%;}
.nav__close{display:none;}
.nav__toggle{display:none;font-size:1.5rem;color:var(--ink);cursor:pointer;background:none;border:none;padding:4px;z-index:1001;}
.btn-green{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:0.85rem;padding:11px 22px;border-radius:var(--r-xxl);transition:all 0.25s;}
.btn-green:hover{background:#2dfb55;box-shadow:var(--shadow-green);transform:translateY(-2px);}
@media(max-width:900px){
    .nav{padding:0 20px;}
    .nav__menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s,visibility 0.4s;z-index:999;}
    .nav__menu.show-menu{transform:translateY(0);opacity:1;visibility:visible;}
    .nav__list{flex-direction:column;align-items:center;gap:32px;}
    .nav__link{font-size:1.2rem;}
    .nav__close{display:flex;position:absolute;top:24px;right:24px;font-size:1.6rem;color:var(--ink);cursor:pointer;background:none;border:none;z-index:1002;}
    .nav__toggle{display:flex;}
    .nav__actions .btn-green{display:none;}
}
.legal-hero{padding-top:72px;background:var(--ink);position:relative;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;}
.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:48px 48px;animation:gd 20s linear infinite;z-index:0;}
.legal-hero::after{content:'';position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(ellipse,rgba(29,229,72,0.07) 0%,transparent 65%);z-index:0;}
@keyframes gd{0%{background-position:0 0}100%{background-position:48px 48px}}
.lh-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:48px 40px 56px;width:100%;}
.lh-bread{display:flex;align-items:center;gap:8px;margin-bottom:20px;}
.lh-bread a,.lh-bread span{font-family:var(--font-display);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.35);transition:color 0.2s;}
.lh-bread a:hover{color:var(--green);}
.lh-bread i{font-size:0.7rem;color:rgba(255,255,255,0.2);}
.lh-bread .cur{color:var(--green);}
.doc-badge{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.68rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;padding:5px 14px;border-radius:var(--r-xxl);margin-bottom:16px;}
.doc-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);animation:bl 2s infinite;}
@keyframes bl{0%,100%{opacity:1}50%{opacity:0.3}}
.lh-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-0.04em;color:var(--white);line-height:1.05;margin-bottom:12px;}
.lh-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.lh-meta-item{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.35);}
.lh-meta-item i{color:rgba(29,229,72,0.6);}
.lh-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--green-dark),transparent);}
.layout{max-width:1280px;margin:0 auto;padding:56px 40px 80px;display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:56px;align-items:start;}
.sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:7px;max-height:calc(100vh - 120px);overflow-y:auto;}
.sidebar::-webkit-scrollbar{width:3px;}
.sidebar::-webkit-scrollbar-thumb{background:var(--green-border);border-radius:10px;}
.sb-label{font-family:var(--font-display);font-size:0.62rem;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;color:var(--gray-300);margin-bottom:6px;padding-left:12px;}
.sb-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);font-family:var(--font-display);font-size:0.76rem;font-weight:600;color:var(--gray-500);transition:all 0.2s;cursor:pointer;border:1px solid transparent;}
.sb-link:hover,.sb-link.active{color:var(--green-dark);background:var(--green-soft);border-color:var(--green-border);}
.sb-num{width:19px;height:19px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:0.58rem;font-weight:800;color:var(--gray-500);flex-shrink:0;transition:all 0.2s;}
.sb-link.active .sb-num,.sb-link:hover .sb-num{background:var(--green);color:var(--ink);}
.sb-box{margin-top:14px;background:var(--ink);border-radius:var(--r-lg);padding:20px;position:relative;overflow:hidden;flex-shrink:0;}
.sb-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--green-dark));}
.sb-box i{color:var(--green);font-size:1.2rem;margin-bottom:8px;display:block;}
.sb-box h4{font-size:0.85rem;color:var(--white);margin-bottom:5px;}
.sb-box p{font-size:0.74rem;color:rgba(255,255,255,0.4);line-height:1.5;margin-bottom:12px;}
.sb-box a{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:var(--ink);font-family:var(--font-display);font-size:0.72rem;font-weight:700;padding:7px 14px;border-radius:var(--r-xxl);transition:all 0.2s;}
.sb-box a:hover{background:#2dfb55;}
.content{min-width:0;}
.ls{margin-bottom:12px;border:1.5px solid var(--border-md);border-radius:var(--r-xl);overflow:hidden;transition:border-color 0.2s;}
.ls.open{border-color:var(--green-border);}
.ls-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;cursor:pointer;user-select:none;background:var(--white);transition:background 0.2s;}
.ls.open .ls-head{background:var(--off-white);}
.ls-left{display:flex;align-items:center;gap:14px;}
.ls-ico{width:40px;height:40px;border-radius:var(--r-md);background:var(--gray-100);border:1.5px 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.3s;}
.ls.open .ls-ico{background:var(--green-soft);border-color:var(--green-border);color:var(--green-dark);}
.ls-title{font-family:var(--font-display);font-size:0.9rem;font-weight:700;color:var(--ink);line-height:1.4;transition:color 0.2s;}
.ls.open .ls-title{color:var(--green-dark);}
.ls-chev{width:28px;height:28px;border-radius:50%;background:var(--gray-100);border:1.5px solid var(--border-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gray-500);font-size:0.85rem;transition:all 0.3s;}
.ls.open .ls-chev{background:var(--green-soft);border-color:var(--green-border);color:var(--green-dark);transform:rotate(180deg);}
.ls-body{max-height:0;overflow:hidden;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1);}
.ls.open .ls-body{max-height:1000px;}
.ls-body-in{padding:0 28px 28px;border-top:1px solid var(--border);}
.ls-body-in p{font-size:0.88rem;color:var(--gray-700);line-height:1.8;margin-bottom:12px;}
.ls-body-in p:last-child{margin-bottom:0;}
.ls-body-in ul{margin-top:8px;display:flex;flex-direction:column;gap:7px;}
.ls-body-in li{display:flex;align-items:flex-start;gap:10px;font-size:0.86rem;color:var(--gray-700);line-height:1.7;padding:10px 14px;background:var(--off-white);border-radius:var(--r-md);border-left:3px solid var(--green-border);}
.ls-body-in li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:7px;flex-shrink:0;}
.ls-body-in strong{color:var(--ink);font-weight:700;}
.sibling-box{margin-top:48px;padding:26px 28px;background:var(--off-white);border:1.5px solid var(--border-md);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:12px;}
.sibling-box h4{font-family:var(--font-display);font-size:0.7rem;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;color:var(--gray-300);margin-bottom:4px;}
.sb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.sb-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--white);border:1.5px solid var(--border-md);border-radius:var(--r-md);font-family:var(--font-display);font-size:0.76rem;font-weight:600;color:var(--gray-700);transition:all 0.2s;}
.sb-item:hover{border-color:var(--green-border);color:var(--green-dark);background:var(--green-soft);}
.sb-item i{color:var(--green-dark);}
.sb-item.cur{border-color:var(--green-border);background:var(--green-soft);color:var(--green-dark);pointer-events:none;}
.footer{background:var(--off-white);border-top:1px solid var(--border);padding-top:72px;}
.fi{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:56px;}
.ft{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;}
.fb{display:flex;flex-direction:column;gap:18px;}
.fb img{height:36px;}
.fb p{font-size:0.88rem;color:var(--gray-500);max-width:380px;line-height:1.7;}
.fs{display:flex;gap:10px;}
.fs 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;}
.fs a:hover{background:var(--green-soft);border-color:var(--green-border);color:var(--green-dark);}
.fn{display:flex;flex-direction:column;gap:14px;}
.fn h4{font-size:1rem;font-weight:700;color:var(--ink);}
.fn p{font-size:0.82rem;color:var(--gray-500);}
.nlf{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;}
.nlf:focus-within{border-color:var(--green);}
.nlf input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:0.85rem;background:transparent;}
.nlf input::placeholder{color:var(--gray-300);}
.nlf 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(--ink);font-size:1.1rem;transition:all 0.2s;flex-shrink:0;}
.nlf button:hover{background:#2dfb55;}
.fm{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);}
.fc 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;}
.fc a{display:block;font-size:0.85rem;color:var(--gray-500);margin-bottom:10px;transition:color 0.2s;}
.fc a:hover{color:var(--green-dark);}
.fc p{font-size:0.85rem;color:var(--gray-500);margin-bottom:8px;line-height:1.6;}
.fl-row{display:flex;flex-wrap:wrap;gap:12px 24px;padding-bottom:16px;}
.fl-row a{font-size:0.78rem;color:var(--gray-500);transition:color 0.2s;}
.fl-row a:hover{color:var(--green-dark);}
.fl-txt{font-size:0.72rem;color:var(--gray-300);line-height:1.7;max-width:900px;margin-bottom:24px;}
.fl-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:40px;}
.fl-copy{font-size:0.78rem;color:var(--gray-300);font-family:var(--font-display);}
.fl-stores{display:flex;gap:10px;}
.fl-stores img{height:30px;}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.65s,transform 0.65s;}
.reveal.active{opacity:1;transform:translateY(0);}
.d1{transition-delay:0.1s;}.d2{transition-delay:0.2s;}.d3{transition-delay:0.3s;}
@media(max-width:1100px){.layout{grid-template-columns:1fr;padding:32px 32px 60px;}.sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;max-height:none;overflow:visible;}.sb-label,.sb-box{display:none;}}
@media(max-width:768px){.layout{padding:24px 20px 60px;}.lh-inner{padding:32px 20px 40px;}.lh-title{font-size:1.8rem;}.ls-head{padding:18px 20px;}.ls-body-in{padding:0 20px 22px;}.sb-grid{grid-template-columns:1fr;}.fi{padding:0 20px;}.ft{grid-template-columns:1fr;gap:36px;}.fm{grid-template-columns:1fr 1fr;gap:24px;}}

/* ============================================================
       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; }
    }