@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');:root{--ink:#14251e;--green:#a9e563;--forest:#163d30;--paper:#f6f8f3;--muted:#65766b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.7vw,5.5rem);margin:20px 0}h2{font-size:clamp(2rem,3.7vw,3.25rem)}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}.container{width:min(1160px,90%);margin:auto}.top{background:#10291f;color:#fff}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font:800 1.8rem Manrope;letter-spacing:-.08em}.logo span{color:var(--green)}.links{display:flex;gap:24px;align-items:center;font-size:.93rem}.links a:hover{color:#a9e563}.btn{display:inline-block;background:var(--green);color:#163023;border-radius:8px;padding:13px 22px;font-weight:800;border:0;cursor:pointer}.btn.dark{background:#163d30;color:#fff}.btn.outline{background:transparent;border:1px solid #b3c1b5;color:inherit}.hero{background:#10291f;color:#fff;padding:80px 0 105px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.eyebrow{font-size:.77rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#6da64c}.hero .eyebrow{color:#b9ec85}.hero p{font-size:1.15rem;color:#d1ded3;max-width:590px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mock{position:relative;min-height:350px;border-radius:22px;background:linear-gradient(145deg,#34483f,#1b2c25);display:grid;place-items:center;overflow:hidden;border:1px solid #506b59}.road{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 95px,#ffffff18 97px 100px,transparent 102px 200px)}.marker{position:relative;width:85%;max-width:430px;height:125px;border:14px solid #121c1a;border-radius:20px;background:linear-gradient(90deg,#b9f36d,#78c652);box-shadow:0 22px 0 #0c1412,0 35px 35px #0008;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;color:#173d29;font:800 clamp(1.4rem,3vw,2.5rem) Manrope}.marker small{font-size:.5em;margin-left:12px}.note{font-size:.82rem;color:#d0ddd0;margin-top:25px}.section{padding:85px 0}.soft{background:var(--paper)}.intro{max-width:750px}.intro p{color:#617267;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.tile{background:white;border:1px solid #e1e9df;border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:235px}.tile p{color:#607267}.tile a{margin-top:auto;font-weight:800;color:#22603b}.number{font-size:2rem;color:#79b84d;font-weight:800}.darkband{background:#163d30;color:#fff;padding:60px 0}.darkband p{color:#d0e0d3}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.spec{background:#edf3e9;padding:35px;border-radius:18px}.spec li{margin:13px 0}.faq details{border-bottom:1px solid #dfe7df;padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#617267}.footer{background:#0c2119;color:#d7e6da;padding:48px 0}.footer a{color:#d7e6da}.footgrid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.crumb{font-size:.9rem;color:#b4cdbb}.pagehero{padding:75px 0;background:#10291f;color:#fff}.pagehero p{font-size:1.15rem;color:#d2e0d5;max-width:720px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:block;font-weight:700;font-size:.9rem}.form input,.form select,.form textarea{width:100%;margin-top:6px;border:1px solid #bfcfc1;border-radius:8px;padding:13px;font:inherit}.form .wide{grid-column:1/-1}.form small{color:#67746b}.tag{display:inline-block;background:#e5f5d7;color:#28613b;border-radius:100px;padding:5px 12px;font-size:.8rem;font-weight:800}.mobile{display:none}@media(max-width:820px){.links{display:none}.mobile{display:block}.hero-grid,.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero{padding:55px 0}.section{padding:60px 0}.mock{min-height:290px}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}}
/* Spotix V2 — améliorations UX */
.top{position:sticky;top:0;z-index:50;box-shadow:0 4px 18px #0002}.nav{position:relative}.btn{transition:transform .18s ease,filter .18s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a9e563;outline-offset:4px}.v2-trust{padding:22px 0;background:#eaf4e3;border-top:1px solid #d9e7d3}.v2-trustgrid{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-weight:700;color:#214b34;font-size:.92rem}.v2-menu{display:none}.v2-menu summary{cursor:pointer;list-style:none;font-weight:800}.v2-menu-links{position:absolute;right:0;top:75px;min-width:220px;background:#153c2e;border:1px solid #406b50;border-radius:12px;padding:16px;display:grid;gap:14px;box-shadow:0 12px 24px #0004}.v2-menu-links a{color:white}.v2-menu-links a:hover{color:#a9e563}@media(max-width:820px){.v2-menu{display:block}.nav>.mobile{display:none}.v2-trustgrid{justify-content:flex-start}.hero{padding:48px 0 70px}}