:root{--green:#0f766e;--primary:#0f766e;--deep:#063f3b;--green2:#095b55;--green3:#063f3b;--mint:#e9f3ef;--mint2:#dcece6;--orange:#d97745;--orange2:#fff0e7;--purple:#76538f;--purple2:#f1ebf5;--ink:#17201d;--muted:#65706c;--line:#dbe4e0;--bg:#f7f9f8;--warm:#f6f2e9;--shadow:0 20px 55px rgba(25,44,37,.13);--radius:28px;--wrap:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap,.shell{width:var(--wrap);margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:999;background:#fff;padding:10px}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,224,.8)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;height:auto}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:750}.nav nav>a:not(.nav-cta){color:#4d5955}.nav nav>a:hover{color:var(--green)}.nav-cta{background:var(--green);color:#fff;padding:11px 18px;border-radius:999px;box-shadow:0 8px 20px rgba(15,118,110,.18)}.menu{display:none;background:none;border:0;padding:7px}.menu span{display:block;width:24px;height:2px;background:var(--ink);margin:5px;border-radius:9px}.hero{position:relative;overflow:hidden;padding:86px 0 42px;background:linear-gradient(180deg,#fbfdfc 0,#f4f8f6 100%)}.hero-blob{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.blob-a{width:560px;height:560px;background:radial-gradient(circle,rgba(102,187,159,.24),rgba(102,187,159,0) 68%);right:-100px;top:-150px}.blob-b{width:430px;height:430px;background:radial-gradient(circle,rgba(217,119,69,.12),rgba(217,119,69,0) 70%);left:-180px;bottom:-180px}.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:82px;align-items:center}.eyebrow,.kicker{margin:0 0 18px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--green)}.hero h1{font-size:clamp(54px,6vw,86px);line-height:.93;letter-spacing:-.055em;margin:0 0 28px;font-weight:900}.hero h1 span{color:var(--green)}.lead{font-size:20px;line-height:1.65;color:#58645f;max-width:660px;margin:0 0 30px}.lead strong{color:var(--ink)}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;font-weight:850;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:#fff;box-shadow:0 12px 28px rgba(15,118,110,.22)}.btn.ghost{background:#fff;border:1px solid var(--line)}.micro-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#5d6864;font-size:12px;font-weight:700}.hero-art{position:relative;min-height:640px;display:grid;place-items:center}.phone{position:relative;width:330px;height:660px;padding:10px;background:#151918;border-radius:42px;box-shadow:0 40px 80px rgba(16,41,34,.24);transform:rotate(1deg)}.phone:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:33px}.notch{position:absolute;z-index:5;width:116px;height:27px;border-radius:0 0 17px 17px;background:#151918;top:10px;left:50%;transform:translateX(-50%)}.appbar{position:relative;z-index:2;height:72px;display:flex;align-items:center;gap:9px;padding:14px 16px 0}.appbar img{width:38px}.appbar b{font-size:15px;color:#0b665f}.appbar b i{color:#76b86d;font-style:normal}.appbar span{margin-left:auto;font-size:22px}.search{position:relative;z-index:2;margin:6px 12px 9px;padding:10px 12px;border:1px solid #dce5e1;border-radius:14px;color:#7a827f;font-size:11px}.chips{position:relative;z-index:2;display:flex;gap:5px;overflow:hidden;padding:0 12px 9px;font-size:8px;white-space:nowrap}.chips span,.chips b{padding:6px 8px;border:1px solid #dce5e1;border-radius:999px}.chips b{color:var(--green);border-color:var(--green);background:#eaf4f0}.mapfake{position:relative;z-index:2;height:440px;overflow:hidden;background:linear-gradient(135deg,#dbe9d4 0 37%,#e8ead6 37% 54%,#d9e7d3 54%);border-top:1px solid #dde6e2}.river{position:absolute;width:390px;height:110px;background:#a7d1d2;border-radius:50%;transform:rotate(-27deg);left:-95px;bottom:28px;opacity:.75}.map-road{position:absolute;height:2px;background:#fff6e7;border-top:1px solid #dfb7ac;transform-origin:left}.r1{width:390px;left:-20px;top:100px;transform:rotate(22deg)}.r2{width:420px;left:-30px;top:240px;transform:rotate(-14deg)}.r3{width:340px;left:40px;top:330px;transform:rotate(37deg)}.city{position:absolute;font-size:9px;color:#6a6a67}.c1{left:45px;top:120px}.c2{right:34px;top:72px}.c3{left:100px;bottom:72px}.pin{position:absolute;width:43px;height:43px;display:grid;place-items:center;border-radius:15px 15px 15px 4px;transform:rotate(-45deg);box-shadow:0 5px 10px rgba(0,0,0,.18);border:3px solid #fff}.pin img{width:27px;height:27px;object-fit:contain;transform:rotate(45deg)}.pin.sleep{background:var(--green)}.pin.discover{background:var(--orange)}.pin.service{background:var(--purple)}.p1{left:42px;top:70px}.p2{right:55px;top:135px}.p3{left:135px;top:215px}.p4{right:100px;bottom:80px}.p5{left:60px;bottom:120px}.me{position:absolute;width:14px;height:14px;border-radius:50%;background:#2475d0;border:3px solid #fff;left:150px;top:170px;box-shadow:0 0 0 3px rgba(36,117,208,.2)}.count{position:absolute;left:14px;bottom:14px;background:#4b8978;color:#fff;font-weight:850;font-size:11px;padding:9px 13px;border-radius:12px}.tabs{position:relative;z-index:2;height:65px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;padding:0 7px}.tabs div{display:grid;place-items:center;font-size:10px;color:#707a76}.tabs img{width:20px;opacity:.55}.tabs b{font-size:8px;margin-top:2px}.tabs div:first-child{color:var(--green)}.tabs div:first-child img{opacity:1;filter:invert(34%) sepia(32%) saturate(1200%) hue-rotate(125deg)}.tabs .addtab{width:45px;height:45px;justify-self:center;border-radius:16px;background:linear-gradient(135deg,var(--green),#5fbf75);color:#fff;font-size:30px;box-shadow:0 7px 16px rgba(15,118,110,.22)}.float{position:absolute;z-index:8;display:flex;align-items:center;gap:11px;background:#fff;padding:12px 15px;border:1px solid #e3ebe7;border-radius:17px;box-shadow:0 18px 45px rgba(20,50,42,.14)}.float>span,.float>img{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e8f3ef;color:var(--green);padding:7px;font-weight:900}.float b{display:block;font-size:12px}.float small{display:block;color:#75807c;font-size:9px;margin-top:2px}.float-share{right:-10px;top:102px}.float-trip{left:-35px;top:320px}.float-list{right:-26px;bottom:78px}.promise{background:var(--green3);color:#fff}.promise-row{display:grid;grid-template-columns:1fr 1fr}.promise-row>div{padding:28px 36px;display:flex;align-items:center;gap:22px}.promise-row>div+div{border-left:1px solid rgba(255,255,255,.16)}.promise strong{font-size:16px;white-space:nowrap}.promise span{font-size:13px;color:rgba(255,255,255,.7)}.section{padding:100px 0}.section-title{max-width:760px;margin-bottom:48px}.section-title.centered{text-align:center;margin:0 auto 50px}.section-title h2,.carnet h2,.travel h2,.share h2,.control h2,.story h2,.faq h2{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.section-title h2 span,.share h2 span{color:var(--green)}.section-title>p:last-child{font-size:17px;color:var(--muted);max-width:650px;margin:0 auto}.source{background:var(--warm)}.source-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.source-card{border-radius:28px;overflow:hidden;box-shadow:0 14px 36px rgba(42,48,39,.09);background:#fff}.source-visual{height:210px;position:relative;display:grid;place-items:center;overflow:hidden}.source-copy{padding:26px 27px 30px}.source-copy .num{font-weight:950;font-size:11px;letter-spacing:.16em;color:#8e9894}.source-copy h3{font-size:22px;margin:7px 0 10px}.source-copy p{margin:0;color:#67716d;font-size:14px;line-height:1.65}.source-copy b{color:var(--ink)}.onsite .source-visual{background:linear-gradient(145deg,#0d6f67,#0a514c)}.source-icon{position:absolute;width:74px;height:74px;border-radius:24px;background:rgba(255,255,255,.12);left:26px;top:26px;padding:18px}.source-icon img{filter:invert(1);width:100%;height:100%}.source-mini-map{width:210px;height:130px;border-radius:24px;background:#dfe9d4;position:absolute;right:-12px;bottom:16px;box-shadow:0 10px 25px rgba(0,0,0,.12);transform:rotate(-4deg)}.source-mini-map:before,.source-mini-map:after{content:"";position:absolute;background:#fff2e3;height:3px;width:160px;left:25px;top:53px;transform:rotate(23deg)}.source-mini-map:after{transform:rotate(-21deg);top:76px}.source-mini-map .dot{position:absolute;width:13px;height:13px;background:#2475d0;border:3px solid #fff;border-radius:50%;left:50px;top:65px}.source-mini-map .cross{position:absolute;right:12px;top:9px;background:#fff;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--green);font-weight:900}.source-mini-map .mini-pin{position:absolute;width:42px;height:42px;border-radius:14px 14px 14px 4px;transform:rotate(-45deg);background:var(--green);border:3px solid #fff;right:50px;bottom:16px;display:grid;place-items:center}.source-mini-map .mini-pin img{width:26px;transform:rotate(45deg)}.found .source-visual{background:linear-gradient(145deg,#fff2e9,#f5dfcf)}.link-visual{display:block;padding:25px}.link-pill{display:inline-flex;background:#fff;padding:11px 14px;border-radius:12px;color:#80655a;font-size:11px;box-shadow:0 8px 20px rgba(118,78,58,.1)}.text-lines{margin-top:17px;background:rgba(255,255,255,.6);padding:15px;border-radius:15px}.text-lines i{display:block;height:6px;border-radius:9px;background:#dec8ba;margin:8px 0}.text-lines i:nth-child(1){width:85%}.text-lines i:nth-child(2){width:65%}.text-lines i:nth-child(3){width:76%}.link-visual .arrow{text-align:center;color:var(--orange);font-size:24px;font-weight:900;margin:-2px 0}.prefill{background:var(--green);color:#fff;border-radius:15px;padding:11px 14px;max-width:210px;margin:auto;box-shadow:0 8px 20px rgba(15,118,110,.18)}.prefill b{display:block;font-size:11px}.prefill small{font-size:8px;opacity:.75}.received .source-visual{background:linear-gradient(145deg,#eee8f4,#e3d9ec);display:flex;gap:13px}.qr{width:90px;height:90px;background:#fff;border-radius:15px;padding:11px;position:relative;box-shadow:0 10px 24px rgba(60,34,74,.12)}.qr i{position:absolute;width:24px;height:24px;border:7px solid #141414}.qr i:nth-child(1){left:10px;top:10px}.qr i:nth-child(2){right:10px;top:10px}.qr i:nth-child(3){left:10px;bottom:10px}.qr span{position:absolute;right:13px;bottom:13px;width:28px;height:28px;background:repeating-linear-gradient(45deg,#111 0 5px,#fff 5px 9px)}.transfer-arrow{font-size:26px;color:var(--purple);font-weight:900}.received-pack{display:grid;gap:7px}.received-pack b{background:#fff;color:var(--purple);padding:8px 11px;border-radius:10px;font-size:10px;box-shadow:0 5px 12px rgba(60,34,74,.08)}.import-note{margin-top:18px;background:#fff;border-radius:20px;padding:20px 25px;display:flex;gap:15px;align-items:center;border:1px solid #e7e2d8}.import-note>span{width:42px;height:42px;border-radius:14px;background:#e8f3ef;color:var(--green);display:grid;place-items:center;font-weight:900}.import-note p{margin:0;color:#67716d;font-size:14px}.import-note b{color:var(--ink)}.carnet{background:#fff}.carnet-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.carnet-copy>p:not(.kicker){font-size:17px;color:var(--muted);max-width:510px}.carnet-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.carnet-points span{background:#eef5f2;color:var(--green);padding:8px 11px;border-radius:999px;font-size:11px;font-weight:850}.category-showcase{display:grid;gap:12px}.cat{min-height:126px;border-radius:26px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;color:#fff;overflow:hidden;position:relative}.cat:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-80px;top:-110px}.sleepcat{background:linear-gradient(135deg,#0f766e,#095b55)}.discovercat{background:linear-gradient(135deg,#df804c,#bd5e31)}.servicecat{background:linear-gradient(135deg,#79578f,#5e3d77)}.cat-icons{display:flex;align-items:center}.cat-icons span{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.13);display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);margin-right:-7px;backdrop-filter:blur(3px)}.cat-icons span:nth-child(2){transform:translateY(7px)}.cat-icons span:nth-child(3){transform:translateY(-4px)}.cat-icons img{width:38px;height:38px;object-fit:contain}.cat>div:last-child{text-align:right;position:relative;z-index:2}.cat small{display:block;letter-spacing:.13em;font-size:9px;font-weight:900;opacity:.7}.cat b{display:block;font-size:16px;margin-top:5px}.travel{background:var(--green3);color:#fff;overflow:hidden}.travel-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.kicker.light{color:#8ad4c0}.travel-copy>p:not(.kicker){color:rgba(255,255,255,.72);font-size:17px}.travel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.travel-actions span{padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:10px;font-weight:850;background:rgba(255,255,255,.06)}.route-scene{height:440px;border-radius:32px;background:linear-gradient(145deg,#edf3e5,#dce8dc);position:relative;overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.2)}.route-scene svg{position:absolute;inset:0;width:100%;height:100%}.terrain{fill:#d8e6d2}.route{fill:none;stroke:#0f766e;stroke-width:8;stroke-linecap:round;stroke-dasharray:3 15}.route-scene circle{stroke:#fff;stroke-width:5}.route-scene .start{fill:#2475d0}.route-scene .step{fill:#fff;stroke:#0f766e;stroke-width:7}.route-scene .end{fill:#79bf70}.route-pin{position:absolute;width:48px;height:48px;border-radius:16px 16px 16px 4px;transform:rotate(-45deg);border:3px solid #fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.16)}.route-pin img{width:31px;height:31px;transform:rotate(45deg)}.route-pin.sleep{background:var(--green)}.route-pin.discover{background:var(--orange)}.route-pin.service{background:var(--purple)}.rp1{left:27%;top:49%}.rp2{left:53%;top:34%}.rp3{right:15%;top:18%}.route-label{position:absolute;background:#fff;color:var(--ink);padding:10px 13px;border-radius:13px;box-shadow:0 10px 20px rgba(20,50,42,.1)}.route-label b{display:block;font-size:10px}.route-label small{font-size:8px;color:#7b8581}.rl1{left:6%;bottom:11%}.rl2{left:47%;top:51%}.rl3{right:5%;top:6%}.corridor{position:absolute;right:18px;bottom:18px;background:#fff;color:var(--green);font-weight:900;font-size:10px;padding:9px 12px;border-radius:999px;box-shadow:0 8px 18px rgba(20,50,42,.12)}.share{background:#f9fbfa}.share-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.share-art{min-height:490px;position:relative;display:flex;align-items:center;justify-content:center}.share-phone{width:215px;min-height:335px;background:#fff;border:8px solid #16201d;border-radius:32px;box-shadow:0 24px 50px rgba(20,50,42,.14);padding:22px 16px;position:absolute}.share-phone.left{left:20px;top:55px;transform:rotate(-4deg)}.share-phone.right{right:20px;top:90px;transform:rotate(4deg)}.share-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e5ece9;padding-bottom:12px}.share-head img{width:28px}.share-head b{font-size:11px}.avatar{width:27px;height:27px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.share-place{margin-top:35px;display:flex;align-items:center;gap:14px}.share-place .pin{position:static;flex:none}.share-place b{font-size:11px}.share-place small{display:block;color:#7a8480;font-size:8px}.share-btn{margin-top:45px;background:var(--green);color:#fff;text-align:center;padding:10px;border-radius:12px;font-size:10px;font-weight:900}.share-btn.pale{background:#eaf3f0;color:var(--green);margin-top:25px}.share-link{position:relative;z-index:5;width:150px;display:flex;align-items:center;justify-content:center;gap:6px}.share-link>span{position:absolute;top:25px;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 22px rgba(217,119,69,.25)}.share-link>i{width:26px;border-top:2px dashed #a7b7b1}.qr.small{width:82px;height:82px;box-shadow:0 12px 25px rgba(20,50,42,.13);transform:translateY(55px)}.receive-check{width:58px;height:58px;margin:43px auto 18px;border-radius:50%;background:#e9f5ef;color:var(--green);display:grid;place-items:center;font-size:28px;font-weight:900}.share-phone.right>strong,.share-phone.right>small{display:block;text-align:center}.share-phone.right>strong{font-size:13px}.share-phone.right>small{font-size:9px;color:#7b8581;margin-top:4px}.share-copy>p:not(.kicker):not(.share-note){font-size:17px;color:var(--muted)}.share-badges{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.share-badges span{background:#eaf4f0;color:var(--green);font-size:10px;font-weight:900;padding:8px 10px;border-radius:999px}.share-note{border-left:3px solid var(--orange);padding:10px 0 10px 15px;color:#53605b;font-size:14px}.road{background:#fff}.tools-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px}.tools-strip article{padding-top:15px}.tools-strip h3{font-size:19px;margin:20px 0 8px}.tools-strip p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}.tool-visual{height:190px;border-radius:26px;position:relative;overflow:hidden;display:grid;place-items:center}.radar{background:#e8f3ef}.radar-ring{position:absolute;border:1px solid rgba(15,118,110,.26);border-radius:50%}.rA{width:130px;height:130px}.rB{width:78px;height:78px}.radar-center{width:21px;height:21px;background:#4ac3ad;border-radius:50%;box-shadow:0 0 0 8px rgba(74,195,173,.18)}.km{position:absolute;right:18px;top:18px;background:#fff;color:var(--green);font-size:10px;font-weight:900;padding:7px 9px;border-radius:999px}.layers{background:#f0eee8}.layer{position:absolute;width:130px;height:82px;border-radius:16px;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:flex-end;padding:12px 15px;box-shadow:0 10px 25px rgba(40,50,45,.12)}.l1{background:#7fa78d;transform:translate(-26px,22px) rotate(-8deg)}.l2{background:#d6a06b;transform:translate(0,0) rotate(1deg)}.l3{background:#4e7463;transform:translate(26px,-20px) rotate(8deg)}.fullscreen{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--green);font-size:18px}.level{background:#edf6f3}.level-circle{width:135px;height:135px;border:3px solid #8ca9a1;border-radius:50%;position:relative;background:radial-gradient(circle,#dff4ef 0 20%,transparent 21%)}.level-circle:before,.level-circle:after{content:"";position:absolute;background:#a9bdb7}.level-circle:before{width:1px;height:100px;left:50%;top:16px}.level-circle:after{height:1px;width:100px;top:50%;left:16px}.level-circle i{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:#54cdb6;box-shadow:0 0 0 7px rgba(84,205,182,.25)}.level>b{position:absolute;right:14px;bottom:12px;background:#fff;color:var(--green);font-size:10px;padding:7px 8px;border-radius:9px}.language{background:#f3eef6;display:flex;gap:6px;align-content:center;flex-wrap:wrap;padding:40px}.language>span{width:46px;height:46px;background:#fff;border-radius:14px;display:grid;place-items:center;color:var(--purple);font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(80,55,95,.07)}.help{position:absolute;right:17px;top:15px;width:35px;height:35px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:900}.road-footer{margin-top:46px;border-top:1px solid var(--line);padding-top:26px;display:flex;align-items:center;gap:17px}.road-footer img{width:38px;opacity:.75}.road-footer p{margin:0;color:#65706c;font-size:14px}.road-footer b{color:var(--ink)}.control{background:linear-gradient(135deg,#0a5a54,#073e3a);color:#fff;padding:78px 0}.control-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.control-grid>div:first-child>p:not(.kicker){color:rgba(255,255,255,.7);font-size:16px}.control-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.control-items>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);padding:20px;border-radius:20px}.control-items span{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#9de0cc;font-weight:900}.control-items b{display:block;font-size:12px;margin:16px 0 5px}.control-items small{display:block;color:rgba(255,255,255,.6);font-size:10px;line-height:1.5}.story{background:var(--warm)}.story-inner{display:grid;grid-template-columns:290px 1fr;gap:70px;align-items:center}.story-inner>img{width:260px;max-height:230px;object-fit:contain}.story-inner p:not(.kicker){color:var(--muted);font-size:16px}.story-inner a{color:var(--green);font-weight:850;font-size:13px}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-title>p:not(.kicker){color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:20px 0;font-size:15px;font-weight:850;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:20px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.65}.install{padding:0 0 80px;background:#fff}.install-box{background:linear-gradient(135deg,#0f766e,#0a5a54);color:#fff;padding:34px 38px;border-radius:30px;display:grid;grid-template-columns:75px 1fr auto;gap:24px;align-items:center;box-shadow:0 22px 50px rgba(15,118,110,.18)}.install-box>img{width:70px;border-radius:18px}.install-box small{font-size:9px;letter-spacing:.15em;opacity:.65;font-weight:900}.install-box h2{margin:3px 0 2px;font-size:30px}.install-box p{margin:0;color:rgba(255,255,255,.7);font-size:13px}.btn.light{background:#fff;color:var(--green)}footer{background:#111917;color:#fff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .9fr;gap:50px}.footer-grid>div:first-child img{width:200px;filter:brightness(0) invert(1)}.footer-grid p{font-size:12px;color:rgba(255,255,255,.5)}.footer-grid>div:not(:first-child){display:grid;gap:10px;align-content:start}.footer-grid a{font-size:12px;color:rgba(255,255,255,.65)}.footer-grid a:hover{color:#fff}.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.42);font-size:10px}.foot-bottom a{color:rgba(255,255,255,.7)}
@media(max-width:980px){.nav nav{gap:16px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.hero-buttons,.micro-proof{justify-content:center}.hero-art{min-height:600px}.float-share{right:3%}.float-trip{left:8%}.float-list{right:8%}.promise-row{grid-template-columns:1fr}.promise-row>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.source-stage{grid-template-columns:1fr 1fr}.source-stage article:last-child{grid-column:1/-1}.received .source-visual{height:190px}.carnet-grid,.travel-grid,.share-grid,.control-grid,.faq-grid{grid-template-columns:1fr}.travel-copy,.share-copy{max-width:720px}.share-art{order:2}.tools-strip{grid-template-columns:1fr 1fr}.control-items{grid-template-columns:repeat(3,1fr)}.story-inner{grid-template-columns:220px 1fr;gap:40px}}
@media(max-width:760px){:root{--wrap:min(100% - 28px,1180px)}.nav{height:66px}.brand img{width:172px}.menu{display:block}.nav nav{display:none;position:absolute;left:14px;right:14px;top:70px;background:#fff;padding:14px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:11px 12px}.nav-cta{text-align:center;margin-top:5px}.hero{padding:55px 0 25px}.hero h1{font-size:56px}.lead{font-size:16px}.hero-art{min-height:550px;transform:scale(.9);margin:-18px -20px -35px}.phone{width:300px;height:600px}.mapfake{height:392px}.float{display:none}.promise-row>div{padding:20px 5px;display:block}.promise strong{display:block;margin-bottom:4px;white-space:normal}.section{padding:72px 0}.section-title h2,.carnet h2,.travel h2,.share h2,.control h2,.story h2,.faq h2{font-size:40px}.source-stage{grid-template-columns:1fr}.source-stage article:last-child{grid-column:auto}.source-visual{height:190px}.carnet-grid{gap:38px}.cat{min-height:115px;padding:18px}.cat-icons span{width:54px;height:54px;border-radius:17px}.cat-icons img{width:32px;height:32px}.cat b{font-size:13px}.travel-grid{gap:40px}.route-scene{height:350px}.share-grid{gap:35px}.share-art{min-height:390px;transform:scale(.82);margin:-30px -48px}.tools-strip{grid-template-columns:1fr 1fr;gap:22px}.tool-visual{height:155px}.control-items{grid-template-columns:1fr}.story-inner{grid-template-columns:1fr;text-align:center}.story-inner>img{margin:auto;width:210px}.faq-grid{gap:35px}.install-box{grid-template-columns:58px 1fr;padding:25px}.install-box>img{width:56px}.install-box h2{font-size:23px}.install-box .btn{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.foot-bottom{display:grid;gap:6px}}
@media(max-width:470px){.hero h1{font-size:48px}.hero-art{transform:scale(.82);margin:-45px -50px -65px}.section-title h2,.carnet h2,.travel h2,.share h2,.control h2,.story h2,.faq h2{font-size:36px}.tools-strip{grid-template-columns:1fr}.tool-visual{height:180px}.cat{display:block}.cat>div:last-child{text-align:left;margin-top:17px}.share-art{transform:scale(.68);margin:-68px -92px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* V0.10 — hiérarchie produit et sections simplifiées */
.hero-copy .hero-name{display:block;color:var(--ink);font-size:clamp(58px,6.4vw,92px);line-height:.9;letter-spacing:-.065em}
.hero-copy h1 small{display:block;margin-top:18px;color:var(--green);font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.035em;font-weight:900}
.hero-copy .lead{max-width:620px;margin-top:30px}
.hero-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-features>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;color:#44514c}
.hero-features i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e7f2ee}
.hero-features img{width:19px;height:19px;filter:invert(34%) sepia(25%) saturate(1240%) hue-rotate(126deg)}
.hero-art .float-share{display:none}
.source{background:linear-gradient(180deg,#f7f3ea 0,#fbf9f4 100%)}
.add-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:center}
.add-copy h2{font-size:clamp(40px,4.6vw,64px);line-height:1.01;letter-spacing:-.05em;margin:0 0 22px}
.add-copy h2 span{color:var(--green)}
.add-copy>p:not(.kicker){font-size:17px;line-height:1.7;color:var(--muted);max-width:480px}
.add-import{display:flex;align-items:center;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid #dcd7cc}
.add-import img{width:42px;height:42px;padding:10px;border-radius:14px;background:var(--deep);filter:brightness(0) invert(1)}
.add-import b,.add-import span{display:block}.add-import b{font-size:13px}.add-import span{font-size:12px;color:var(--muted);margin-top:3px}
.add-panel{background:#fff;border:1px solid #e1ded5;border-radius:30px;padding:14px 28px;box-shadow:0 22px 55px rgba(54,53,45,.10)}
.add-method{display:grid;grid-template-columns:56px 1fr;gap:17px;align-items:center;padding:19px 0;border-bottom:1px solid #e8e5dd}
.add-method:last-child{border-bottom:0}.add-method i{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:950}
.add-method i img{width:25px;height:25px}.add-method .tone-green{background:#0f766e}.add-method .tone-green img{filter:brightness(0) invert(1)}.add-method .tone-orange{background:#d97745}.add-method .tone-orange img{filter:brightness(0) invert(1)}.add-method .tone-purple{background:#76538f;color:#fff}.add-method .tone-dark{background:#17201d;color:#fff;font-size:20px}
.add-method b,.add-method span{display:block}.add-method b{font-size:16px;margin-bottom:3px}.add-method span{font-size:12px;color:var(--muted);line-height:1.5}.add-method.wide{padding-top:22px;padding-bottom:22px}
.share-clean{align-items:center;gap:70px}.share-clean .share-copy{order:1}.share-flow{order:2;display:grid;grid-template-columns:1fr 112px 1fr;align-items:center;gap:14px;min-height:360px}.share-device{min-height:260px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 18px 45px rgba(20,50,42,.10)}.device-top{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;color:#43504b}.device-top img{width:32px}.shared-place{display:flex;align-items:center;gap:13px;margin:34px 0 28px}.shared-place i{width:56px;height:56px;background:var(--green);border-radius:18px;display:grid;place-items:center}.shared-place i img{width:38px;height:38px}.shared-place b,.shared-place small{display:block}.shared-place b{font-size:14px}.shared-place small{font-size:10px;color:var(--muted);margin-top:3px}.share-device button{width:100%;border:0;background:var(--green);color:#fff;padding:12px;border-radius:12px;font-weight:900}.share-center{text-align:center;display:grid;justify-items:center;gap:10px}.share-arrow{font-size:28px;color:var(--green);font-weight:900}.share-center small{font-size:9px;color:var(--muted);white-space:nowrap}.share-qr{position:relative;width:80px;height:80px;background:#fff;border:8px solid #fff;box-shadow:0 10px 25px rgba(20,50,42,.12)}.share-qr i{position:absolute;width:22px;height:22px;border:5px solid #17201d}.share-qr i:nth-child(1){left:3px;top:3px}.share-qr i:nth-child(2){right:3px;top:3px}.share-qr i:nth-child(3){left:3px;bottom:3px}.share-qr span{position:absolute;right:7px;bottom:8px;width:30px;height:30px;background:repeating-linear-gradient(45deg,#17201d 0 5px,#fff 5px 9px)}.received-device{text-align:center;background:#f4f8f6}.received-device .device-top{justify-content:center}.round-check{width:34px;height:34px;background:#dff1ea;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:18px}.received-device>strong,.received-device>small{display:block}.received-device>strong{margin-top:35px;font-size:14px}.received-device>small{margin-top:7px;font-size:10px;color:var(--muted)}.received-chips{display:flex;justify-content:center;gap:6px;margin-top:29px}.received-chips span{background:#fff;border:1px solid var(--line);padding:8px 9px;border-radius:999px;font-size:9px;font-weight:850}
.road{background:#f6f9f7}.road-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}.road-copy h2{font-size:clamp(40px,4.6vw,64px);line-height:1.01;letter-spacing:-.05em;margin:0 0 22px}.road-copy h2 span{color:var(--green)}.road-copy>p:not(.kicker){font-size:16px;color:var(--muted);line-height:1.7;max-width:430px}.road-nav-note{display:flex;gap:13px;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.road-nav-note img{width:36px;height:36px;padding:7px;border-radius:12px;background:var(--green);filter:brightness(0) invert(1)}.road-nav-note span{font-size:12px;line-height:1.55;color:#53605b}.road-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px}.road-feature{position:relative;min-height:205px;border-radius:28px;padding:26px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 15px 34px rgba(20,50,42,.06)}.road-feature b,.road-feature span{display:block}.road-feature b{font-size:18px;margin-top:26px}.road-feature>div:nth-child(2)>span{font-size:12px;color:var(--muted);line-height:1.55;margin-top:7px;max-width:250px}.road-feature em{position:absolute;right:18px;top:18px;font-style:normal;font-size:10px;font-weight:950;padding:7px 9px;border-radius:999px;background:#edf5f2;color:var(--green)}.rf-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--green)}.rf-icon img{width:27px;height:27px;filter:brightness(0) invert(1)}.rf-map .rf-icon{background:var(--orange)}.rf-level{background:#eaf4f1}.rf-level-visual{width:58px;height:58px;border:2px solid #89aaa0;border-radius:50%;display:grid;place-items:center;position:relative}.rf-level-visual:before,.rf-level-visual:after{content:"";position:absolute;background:#a6bbb5}.rf-level-visual:before{width:1px;height:42px}.rf-level-visual:after{height:1px;width:42px}.rf-level-visual i{width:18px;height:18px;background:#51cbb4;border-radius:50%;box-shadow:0 0 0 6px rgba(81,203,180,.2)}.rf-level-visual span{position:absolute;width:58px;height:58px;border-radius:50%;border:1px solid rgba(15,118,110,.12)}.rf-language{background:#f4eff7}.lang-stack{display:flex;gap:6px}.lang-stack span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--purple);font-size:9px;font-weight:950;box-shadow:0 5px 14px rgba(75,50,90,.08)}.rf-language em{background:#fff;color:var(--purple)}
@media(max-width:980px){.add-layout,.road-layout{grid-template-columns:1fr;gap:42px}.share-flow{min-height:320px}.road-showcase{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-copy .hero-name{font-size:56px}.hero-copy h1 small{font-size:29px}.hero-features{justify-content:center}.add-panel{padding:8px 20px}.add-method{grid-template-columns:50px 1fr}.share-clean{gap:38px}.share-flow{grid-template-columns:1fr;gap:16px}.share-center{grid-template-columns:auto auto auto;align-items:center}.share-arrow{transform:rotate(90deg)}.share-center small{grid-column:1/-1}.share-device{min-height:220px}.road-showcase{grid-template-columns:1fr 1fr}.road-feature{min-height:190px;padding:21px}}
@media(max-width:520px){.hero-copy .hero-name{font-size:49px}.hero-copy h1 small{font-size:26px}.hero-features{gap:8px}.hero-features>span{font-size:10px}.add-copy h2,.road-copy h2{font-size:38px}.road-showcase{grid-template-columns:1fr}.road-feature{min-height:175px}.share-flow{max-width:340px;margin:auto}}

/* V0.11 — section Sur la route: no overlap, responsive hierarchy */
.road{position:relative!important;height:auto!important;inset:auto!important;transform:none!important;overflow:hidden;background:#f6f9f7}
.road .wrap{position:relative;z-index:1}
.road-layout{align-items:start}
.road-copy{padding-top:14px}
.road-showcase{align-self:start}
@media(max-width:980px){.road-layout{grid-template-columns:1fr!important}.road-copy{max-width:680px}.road-showcase{width:100%}}
@media(max-width:760px){.road{padding:72px 0}.road-copy h2{font-size:40px}.road-showcase{grid-template-columns:1fr!important}.road-feature{min-height:0!important}.road-nav-note{margin-top:20px}}

/* V0.12 — micro-corrections validées après test */
/* Le faux téléphone doit rester entièrement contenu dans son cadre. */
.phone{overflow:hidden}
.tabs{position:absolute;left:10px;right:10px;bottom:10px;height:64px;background:#fff;border-radius:0 0 31px 31px;z-index:6;border-top:1px solid #e7eeeb}
.mapfake{height:405px;padding-bottom:64px}
@media(max-width:760px){.mapfake{height:345px}.tabs{height:62px}}
@media(max-width:470px){.mapfake{height:345px}}

/* Cassure visuelle nette entre Partage et Sur la route. */
.road{background:var(--warm)!important;border-top:1px solid #ece4d8;border-bottom:1px solid #ece4d8}
.road-feature{box-shadow:0 16px 36px rgba(61,54,39,.075)}

/* Les trois repères de la zone contrôle doivent être immédiatement lisibles. */
.control-items span{width:54px;height:54px;border-radius:16px;font-size:22px;background:rgba(255,255,255,.14)}
.control-items b{font-size:13px;margin:18px 0 6px}
.control-items small{font-size:10.5px}
@media(max-width:760px){.control-items>div{display:grid;grid-template-columns:58px 1fr;column-gap:15px;align-items:start}.control-items span{grid-row:1/3}.control-items b{margin:4px 0 5px}.control-items small{grid-column:2}}

/* V0.13 — outils enrichis + icône navigation corrigée */
.road-nav-note{align-items:flex-start}
.road-nav-note .road-nav-icon{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:var(--green);display:grid;place-items:center;box-shadow:0 8px 18px rgba(15,118,110,.14)}
.road-nav-note .road-nav-icon img{width:25px;height:25px;padding:0;background:none;border-radius:0;filter:brightness(0) invert(1)}
.road-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
.rf-lists{background:#fffaf3}
.rf-import{background:#eef5f1}
.rf-custom-icon{width:52px;height:52px;border-radius:17px;background:#5e8f78;display:grid;align-content:center;gap:5px;padding:12px 11px}
.rf-custom-icon>span{display:block;height:4px;border-radius:99px;background:#fff;position:relative}
.rf-custom-icon>span:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-1px,-50%)}
.rf-custom-icon>span{padding-left:8px;background:linear-gradient(to right,transparent 0 8px,#fff 8px)}
.import-icon{position:relative;background:var(--orange);display:grid;place-items:center;padding:0}
.import-icon i{font-style:normal;color:#fff;font-size:23px;font-weight:900;line-height:1;transform:translateY(-2px)}
.import-icon span{position:absolute;left:12px;right:12px;bottom:11px;height:4px;background:#fff;border-radius:99px;padding:0}
.import-icon span:before{display:none}
.rf-lists em{background:#fff3df;color:#9a642e}
.rf-import em{background:#fff;color:var(--green)}
@media(max-width:760px){.road-nav-note .road-nav-icon{width:44px;height:44px;flex-basis:44px}.road-showcase{grid-template-columns:1fr!important}.road-feature{min-height:0}.road-feature b{margin-top:20px}.road-feature>div:nth-child(2)>span{max-width:none}}


/* V0.14 — micro-corrections visuelles */
/* Import liste/parcours : fond et pictogramme traités séparément pour éviter le carré blanc. */
.add-import>img{display:none}
.add-import-icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--deep);display:grid;place-items:center;box-shadow:0 8px 18px rgba(6,63,59,.12)}
.add-import-icon img{width:22px;height:22px;padding:0;background:none;border-radius:0;filter:brightness(0) invert(1)}

/* Le CTA d'installation du header reste lisible au survol. */
.nav nav>a.nav-cta:hover,.nav nav>a.nav-cta:focus-visible{color:#fff;background:var(--deep);transform:translateY(-1px)}

/* Mobile : resserrement léger des grands blancs sans changer la structure validée. */
@media(max-width:760px){.section{padding:64px 0}.road{padding:64px 0}.section-title{margin-bottom:38px}.section-title.centered{margin-bottom:40px}}

/* V0.15 — micro-corrections ciblées */
.add-import-icon{background:#e8f3ef;box-shadow:none;border:1px solid #d5e6df}
.add-import-symbol{position:relative;width:22px;height:22px;display:block}
.add-import-symbol:before{content:"";position:absolute;left:9px;top:1px;width:4px;height:11px;border-radius:3px;background:var(--green)}
.add-import-symbol:after{content:"";position:absolute;left:5px;top:8px;width:10px;height:10px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg);border-radius:1px}
.add-import-icon:after{content:"";position:absolute;width:18px;height:7px;border:2px solid var(--green);border-top:0;border-radius:0 0 5px 5px;bottom:8px;left:11px}
.add-import-icon{position:relative}
.lang-stack{flex-wrap:wrap;max-width:224px}
@media(max-width:760px){
  .control{padding:56px 0}
  .control-grid{gap:24px!important}
  .control-grid>div:first-child>p:not(.kicker){margin-bottom:0}
  .control-items{gap:10px}
  .control-items>div{padding:16px 17px}
  .lang-stack{max-width:none}
}


/* V0.16 — pictogramme import liste/parcours simplifié */
.add-import-icon{position:relative;overflow:hidden;background:#e8f3ef;border:1px solid #d5e6df;box-shadow:none}
.add-import-icon:after{content:none!important}
.add-import-icon .add-import-symbol{display:none}
.add-import-icon svg{width:25px;height:25px;display:block;fill:none;stroke:var(--green);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}


/* V0.17 — suppression du pictogramme d’import qui nuisait à la lisibilité */
.add-import{gap:0!important;}
.add-import-icon{display:none!important;}
.add-import>div{min-width:0;}

/* V0.19 — récit Spots en Poche + fonctions principales / outils pratiques */
.count{bottom:48px;padding:7px 11px;font-size:10px}
.count-carnet{position:absolute;left:14px;bottom:14px;background:#fff;color:#4b5b55;border:1px solid #d6e0dc;font-weight:850;font-size:10px;padding:7px 11px;border-radius:12px;box-shadow:0 5px 12px rgba(20,50,42,.08)}
.spot-flow{background:#073f3b;color:#fff;padding:23px 0}
.spot-flow-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.spot-flow-title small,.spot-flow-title strong{display:block}.spot-flow-title small{font-size:9px;letter-spacing:.16em;font-weight:900;color:#91cfc1;margin-bottom:4px}.spot-flow-title strong{font-size:15px;white-space:nowrap}
.spot-flow-steps{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap}.spot-flow-steps span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:rgba(255,255,255,.88);white-space:nowrap}.spot-flow-steps b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#a7e0d3;font-size:9px}.spot-flow-steps i{font-style:normal;color:rgba(255,255,255,.28)}
.road-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:38px}.road-copy{padding-top:0}.road-copy h2{margin-bottom:18px}.road-nav-note{margin:0;padding:0 0 3px;border-top:0;max-width:470px;justify-self:end}
.road-main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.road-main-card{position:relative;min-height:230px;border-radius:27px;padding:24px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 34px rgba(20,50,42,.055)}.road-main-card b,.road-main-card span{display:block}.road-main-card b{font-size:17px;margin-top:24px}.road-main-card>div:nth-child(2)>span{font-size:11.5px;color:var(--muted);line-height:1.55;margin-top:7px}.road-main-card em{position:absolute;right:16px;top:16px;font-style:normal;font-size:9px;font-weight:950;padding:6px 8px;border-radius:999px;background:#edf5f2;color:var(--green)}.road-book-icon{background:#6c887b}.road-main-card .rf-custom-icon{width:52px;height:52px;border-radius:17px;background:#edf5f2;display:grid;align-content:center;gap:4px;padding:11px}.road-main-card .rf-custom-icon span{height:4px;border-radius:99px;background:var(--green)}.road-main-card .rf-custom-icon span:nth-child(2){width:78%}.road-main-card .rf-custom-icon span:nth-child(3){width:56%}
.road-tools{margin-top:24px;padding:25px;border-radius:28px;background:#edf4f1;border:1px solid #dce8e3}.road-tools-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:17px}.road-tools-heading small{font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:950}.road-tools-heading strong{font-size:14px}.road-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-tool{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #dce6e2;border-radius:20px;padding:17px}.mini-tool b,.mini-tool span,.mini-tool small{display:block}.mini-tool b{font-size:13px;margin:2px 0 4px}.mini-tool>div:last-child>span{font-size:10px;line-height:1.5;color:var(--muted)}.mini-tool>div:last-child>small{font-size:7.5px;letter-spacing:.11em;font-weight:950;color:#81908a;margin-top:9px}.mini-tool-icon{width:54px;height:54px;border-radius:17px;background:#dcece6;color:var(--green);display:grid;place-items:center}.level-mini{border-radius:50%;position:relative;border:2px solid #7ca39a;background:#e8f5f1}.level-mini:before,.level-mini:after{content:"";position:absolute;background:#9ab8b1}.level-mini:before{width:1px;height:37px}.level-mini:after{height:1px;width:37px}.level-mini i{width:15px;height:15px;border-radius:50%;background:#51cbb4;box-shadow:0 0 0 5px rgba(81,203,180,.2);z-index:2}.gas-mini svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lang-mini{grid-template-columns:1fr 1fr;padding:7px;gap:4px;background:#f1ebf5;color:var(--purple)}.lang-mini span{display:grid;place-items:center;width:100%;height:100%;background:#fff;border-radius:8px;font-size:7px;font-weight:950}.gas-tool>div:last-child>small{color:#8b725f}.gas-tool .mini-tool-icon{background:#f3eee7;color:#9a704e}
@media(max-width:980px){.road-head{grid-template-columns:1fr;gap:20px}.road-nav-note{justify-self:start;max-width:600px}.road-main-grid{grid-template-columns:1fr 1fr}.road-tools-grid{grid-template-columns:1fr}.spot-flow-inner{display:grid;gap:13px}.spot-flow-title strong{white-space:normal}.spot-flow-steps{justify-content:flex-start}}
@media(max-width:760px){.spot-flow{padding:18px 0}.spot-flow-title{display:none}.spot-flow-steps{display:grid;grid-template-columns:1fr 14px 1fr;gap:8px}.spot-flow-steps span{font-size:9.5px}.spot-flow-steps i{font-size:10px}.spot-flow-steps i:nth-of-type(2){display:none}.spot-flow-steps span:nth-of-type(3){grid-column:1/2}.spot-flow-steps span:nth-of-type(4){grid-column:3/4}.road-head{margin-bottom:26px}.road-main-grid{grid-template-columns:1fr 1fr;gap:10px}.road-main-card{min-height:185px;padding:17px;border-radius:21px}.road-main-card b{font-size:14px;margin-top:16px}.road-main-card>div:nth-child(2)>span{font-size:10px}.road-main-card .rf-icon,.road-main-card .rf-custom-icon{width:44px;height:44px;border-radius:14px}.road-main-card .rf-icon img{width:23px;height:23px}.road-tools{padding:16px;border-radius:22px}.road-tools-heading{display:block;margin-bottom:12px}.road-tools-heading small,.road-tools-heading strong{display:block}.road-tools-heading strong{font-size:12px;margin-top:4px}.mini-tool{grid-template-columns:48px 1fr;padding:13px;gap:11px}.mini-tool-icon{width:46px;height:46px;border-radius:14px}.level-mini{border-radius:50%}.gas-mini svg{width:29px;height:29px}.count{bottom:45px}.count-carnet{bottom:13px}}
@media(max-width:470px){.spot-flow-steps b{width:22px;height:22px}.road-main-grid{grid-template-columns:1fr}.road-main-card{min-height:0;display:grid;grid-template-columns:46px 1fr;gap:12px}.road-main-card b{margin-top:1px}.road-main-card em{right:12px;top:12px}.road-main-card>div:nth-child(2){padding-right:30px}.road-tools-heading strong{line-height:1.35}.mini-tool>div:last-child>span{font-size:9.5px}}


/* V0.20 — modernisation ciblée + vraies captures, sans refonte de la structure */
.hero{
  padding:82px 0 44px;
  background:
    radial-gradient(circle at 82% 18%,rgba(89,180,149,.14),transparent 28%),
    radial-gradient(circle at 14% 88%,rgba(217,119,69,.09),transparent 26%),
    linear-gradient(180deg,#fbfdfc 0,#f3f8f6 100%);
}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:64px}
.hero-copy{position:relative;z-index:2}
.hero-copy .lead{max-width:630px}
.hero-buttons .btn{border-radius:16px}
.hero-real{min-height:650px;isolation:isolate}
.screen-stage{position:relative;width:100%;display:grid;place-items:center}
.hero-screen-stage{min-height:640px}
.hero-screen-stage:before{
  content:"";position:absolute;width:430px;height:520px;border-radius:46% 54% 56% 44% / 46% 42% 58% 54%;
  background:linear-gradient(145deg,rgba(15,118,110,.10),rgba(255,255,255,.54));
  border:1px solid rgba(15,118,110,.08);transform:rotate(-6deg);z-index:-2
}
.screen-halo{position:absolute;border-radius:50%;filter:blur(1px);z-index:-3;pointer-events:none}
.halo-green{width:390px;height:390px;background:radial-gradient(circle,rgba(72,173,138,.22),rgba(72,173,138,0) 70%);right:2%;top:7%}
.halo-warm{width:260px;height:260px;background:radial-gradient(circle,rgba(217,119,69,.14),rgba(217,119,69,0) 70%);left:5%;bottom:5%}
.app-shot{display:block;width:auto;max-width:100%;height:auto;filter:drop-shadow(0 30px 42px rgba(14,52,44,.16))}
.hero-shot{max-height:635px;position:relative;z-index:2}
.hero-real .float-trip{left:-18px;top:245px}
.hero-real .float-list{right:-18px;bottom:88px}
.hero-real .float{box-shadow:0 18px 50px rgba(18,54,46,.12);border-color:rgba(213,228,222,.92)}
.section{padding:92px 0}

/* Fiche spot réelle, catégories conservées */
.carnet-grid{grid-template-columns:.74fr 1.26fr;gap:58px}
.carnet-showcase-v20{
  display:grid;grid-template-columns:minmax(235px,.78fr) minmax(285px,1fr);gap:18px;align-items:center;
  padding:20px;border-radius:36px;background:linear-gradient(145deg,#f4f8f6,#fff);
  border:1px solid #e0e9e5;box-shadow:0 24px 60px rgba(24,55,46,.08)
}
.feature-phone-card{min-height:575px;display:grid;place-items:center;position:relative;overflow:visible}
.carnet-shot{max-height:570px}
.category-stack{gap:10px}
.category-stack .cat{min-height:106px;border-radius:22px;padding:17px 18px}
.category-stack .cat-icons{gap:5px}
.category-stack .cat-icons span{width:44px;height:44px;border-radius:14px}
.category-stack .cat-icons img{width:26px;height:26px}
.category-stack .cat b{font-size:12.5px}
.category-stack .cat small{font-size:8px}

/* Voyage : la maquette dessinée cède la place à l'interface réelle */
.travel-grid{grid-template-columns:1fr .82fr;gap:72px}
.travel-shot-wrap{position:relative;min-height:610px;display:grid;place-items:center;isolation:isolate}
.travel-shot-wrap:before{
  content:"";position:absolute;inset:7% 2% 4% 14%;border-radius:42px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.13);transform:rotate(4deg);z-index:-1
}
.travel-shot-wrap:after{
  content:"";position:absolute;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(118,190,169,.24),rgba(118,190,169,0) 70%);z-index:-2
}
.travel-shot{max-height:610px;filter:drop-shadow(0 30px 46px rgba(0,0,0,.24))}

/* Sur la route : mêmes fonctions, davantage montrées */
.road-visual-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:28px;align-items:stretch}
.road-visual-grid .road-main-grid{grid-template-columns:1fr 1fr;gap:13px}
.road-visual-grid .road-main-card{min-height:188px;padding:21px;border-radius:24px}
.road-visual-grid .road-main-card b{font-size:16px;margin-top:19px}
.around-shot-wrap{
  position:relative;display:grid;place-items:center;min-height:500px;overflow:hidden;
  border-radius:32px;background:
    radial-gradient(circle at 72% 22%,rgba(91,178,151,.17),transparent 27%),
    linear-gradient(150deg,#eff6f3,#fff);
  border:1px solid #dfe9e5;box-shadow:0 20px 50px rgba(24,55,46,.07)
}
.around-shot-wrap:before{
  content:"AUTOUR";position:absolute;left:21px;top:19px;font-size:9px;font-weight:950;letter-spacing:.16em;
  color:var(--green);background:#fff;border:1px solid #dce7e2;padding:7px 9px;border-radius:999px;z-index:2
}
.around-shot{max-height:560px;max-width:88%;filter:drop-shadow(0 24px 38px rgba(15,60,50,.15))}
.road-tools{margin-top:20px}

/* Contrôle et sauvegardes : ajout discret d'une vraie vue */
.control-grid{grid-template-columns:.78fr 1.22fr;gap:62px}
.control-right{display:grid;gap:16px}
.backup-glimpse{
  display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:center;min-height:190px;
  border-radius:24px;padding:16px 22px 16px 10px;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13)
}
.backup-glimpse img{width:132px;max-height:250px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2))}
.backup-glimpse small,.backup-glimpse b,.backup-glimpse span{display:block}
.backup-glimpse small{font-size:8px;letter-spacing:.15em;font-weight:950;color:#9ed3c6;margin-bottom:6px}
.backup-glimpse b{font-size:15px;line-height:1.35}
.backup-glimpse span{font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.67);margin-top:6px}

/* Un peu plus de relief sans changer l'identité */
.add-panel,.share-device,.road-main-card,.road-tools,.faq-list details{box-shadow:0 16px 42px rgba(24,55,46,.055)}
.carnet-points span,.share-badges span,.travel-actions span{backdrop-filter:blur(4px)}

@media(max-width:980px){
  .hero-grid{gap:18px}
  .hero-real{min-height:610px}
  .hero-screen-stage{min-height:590px}
  .hero-shot{max-height:585px}
  .hero-real .float-trip{left:7%}
  .hero-real .float-list{right:7%}
  .carnet-showcase-v20{grid-template-columns:260px 1fr;max-width:820px;margin:auto}
  .travel-grid{grid-template-columns:1fr;gap:24px}
  .travel-copy{max-width:720px}
  .travel-shot-wrap{min-height:560px}
  .travel-shot{max-height:550px}
  .road-visual-grid{grid-template-columns:1fr;gap:20px}
  .around-shot-wrap{min-height:560px}
  .around-shot{max-height:540px}
  .control-grid{grid-template-columns:1fr;gap:28px}
  .control-copy{max-width:720px}
}

@media(max-width:760px){
  :root{--wrap:min(100% - 28px,1180px)}
  .header{background:rgba(255,255,255,.96)}
  .hero{padding:48px 0 20px}
  .hero-grid{gap:10px}
  .hero-copy .hero-name{font-size:49px}
  .hero-copy h1 small{font-size:26px;margin-top:13px}
  .lead{font-size:15.5px;line-height:1.58;margin-bottom:24px}
  .hero-buttons{display:grid;grid-template-columns:1fr;max-width:430px;margin-left:auto;margin-right:auto}
  .hero-buttons .btn{width:100%;min-height:48px}
  .hero-features{display:grid;grid-template-columns:1fr 1fr;max-width:320px;margin:22px auto 0}
  .hero-features>span{justify-content:flex-start}
  .hero-art{transform:none;margin:0;min-height:455px}
  .hero-real{min-height:455px}
  .hero-screen-stage{min-height:455px}
  .hero-screen-stage:before{width:290px;height:350px;border-radius:38px}
  .hero-shot{max-height:455px}
  .section{padding:58px 0}
  .section-title h2,.carnet h2,.travel h2,.share h2,.control h2,.story h2,.faq h2{font-size:37px}
  .carnet-grid{gap:30px}
  .carnet-showcase-v20{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:27px}
  .feature-phone-card{min-height:500px}
  .carnet-shot{max-height:500px}
  .category-stack{grid-template-columns:1fr;gap:8px}
  .category-stack .cat{min-height:92px;padding:14px 15px}
  .travel-grid{gap:22px}
  .travel-shot-wrap{min-height:510px}
  .travel-shot{max-height:505px}
  .share-flow{margin-top:4px}
  .road{padding:58px 0}
  .road-visual-grid{gap:16px}
  .around-shot-wrap{order:-1;min-height:500px;border-radius:26px}
  .around-shot{max-height:490px;max-width:94%}
  .road-visual-grid .road-main-grid{grid-template-columns:1fr 1fr;gap:10px}
  .road-visual-grid .road-main-card{min-height:166px;padding:16px}
  .road-visual-grid .road-main-card b{font-size:14px;margin-top:14px}
  .backup-glimpse{grid-template-columns:105px 1fr;gap:14px;padding:13px 15px 13px 8px}
  .backup-glimpse img{width:105px;max-height:205px}
}

@media(max-width:470px){
  .hero-copy .hero-name{font-size:44px}
  .hero-copy h1 small{font-size:24px}
  .hero-art,.hero-real,.hero-screen-stage{min-height:430px}
  .hero-shot{max-height:430px}
  .carnet-showcase-v20{padding:10px}
  .feature-phone-card{min-height:455px}
  .carnet-shot{max-height:455px}
  .travel-shot-wrap{min-height:465px}
  .travel-shot{max-height:460px}
  .around-shot-wrap{min-height:455px}
  .around-shot{max-height:445px}
  .road-visual-grid .road-main-grid{grid-template-columns:1fr}
  .road-visual-grid .road-main-card{min-height:0}
  .backup-glimpse{grid-template-columns:84px 1fr}
  .backup-glimpse img{width:84px;max-height:170px}
  .backup-glimpse b{font-size:13px}
}


/* V0.21 — mobile-first lisible, moins de texte, visuels plus présents */
.source .add-layout{align-items:start}
.add-copy>p:not(.kicker),.carnet-copy>p:not(.kicker),.travel-copy>p:not(.kicker),.share-copy>p:not(.kicker),.around-copy>p:not(.kicker),.control-copy>p:not(.kicker){margin-top:0}

/* Autour devient un vrai bloc fonctionnel, distinct des petits outils. */
.road{background:#f7f9f8}
.around-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.around-copy h2{font-size:clamp(40px,4.6vw,64px);line-height:1.01;letter-spacing:-.05em;margin:0 0 22px}
.around-copy h2 span{color:var(--green)}
.around-copy>p:not(.kicker){font-size:17px;line-height:1.7;color:var(--muted);max-width:500px}
.around-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.around-points span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dce6e2;font-size:11px;font-weight:850;color:#4a5a55}
.around-real-card{min-height:610px;display:grid;place-items:center;position:relative;border-radius:34px;background:linear-gradient(145deg,#edf5f2,#fff);border:1px solid #dce8e3;overflow:hidden;box-shadow:0 20px 55px rgba(24,55,46,.08)}
.around-real-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(77,177,145,.18),rgba(77,177,145,0) 70%);top:6%;right:5%}
.around-real-shot{position:relative;z-index:1;max-height:590px;max-width:92%;filter:drop-shadow(0 26px 40px rgba(15,60,50,.16))}
.extras-strip{margin-top:24px;padding:22px 24px;border-radius:26px;background:#fff;border:1px solid #e1e9e5;display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:center}
.extras-heading small,.extras-heading strong{display:block}.extras-heading small{font-size:8px;letter-spacing:.16em;color:var(--green);font-weight:950;margin-bottom:4px}.extras-heading strong{font-size:14px}
.extras-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.extras-items>span{padding:12px 14px;border-radius:16px;background:#f5f8f7;border:1px solid #e3ebe7}.extras-items b,.extras-items small{display:block}.extras-items b{font-size:11.5px}.extras-items small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.4}

/* Espaces de lecture plus réguliers. */
.add-copy h2,.carnet-copy h2,.travel-copy h2,.share-copy h2,.around-copy h2,.control-copy h2{margin-bottom:22px}
.add-copy>p:not(.kicker),.carnet-copy>p:not(.kicker),.travel-copy>p:not(.kicker),.share-copy>p:not(.kicker),.around-copy>p:not(.kicker),.control-copy>p:not(.kicker){margin-bottom:22px}

@media(max-width:980px){
  .around-layout{grid-template-columns:1fr;gap:28px}.around-copy{max-width:720px}.around-real-card{min-height:570px}.around-real-shot{max-height:550px}
  .extras-strip{grid-template-columns:1fr;gap:14px}.extras-items{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:760px){
  :root{--wrap:min(100% - 34px,1180px)}
  body{font-size:16px}
  .section{padding:60px 0}.road{padding:60px 0}.control{padding:60px 0}
  .kicker,.eyebrow{font-size:11px;margin-bottom:13px}
  .add-copy h2,.carnet h2,.travel h2,.share h2,.around-copy h2,.control h2,.story h2,.faq h2{font-size:34px;line-height:1.08;margin-bottom:20px}
  .add-copy>p:not(.kicker),.carnet-copy>p:not(.kicker),.travel-copy>p:not(.kicker),.share-copy>p:not(.kicker),.around-copy>p:not(.kicker),.control-copy>p:not(.kicker),.story-inner p,.faq-title>p:last-child{font-size:16px;line-height:1.62;margin-top:0;margin-bottom:22px}

  /* 1-2-3-4 : quatre vraies étapes lisibles, et non une ligne miniature. */
  .spot-flow{padding:22px 0}
  .spot-flow-inner{display:block}
  .spot-flow-title{display:block;margin-bottom:14px}.spot-flow-title small{font-size:9px}.spot-flow-title strong{font-size:17px;line-height:1.35}
  .spot-flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;justify-content:stretch}
  .spot-flow-steps i{display:none!important}
  .spot-flow-steps span,.spot-flow-steps span:nth-of-type(3),.spot-flow-steps span:nth-of-type(4){grid-column:auto;font-size:13px;line-height:1.25;white-space:normal;min-height:48px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.07);align-items:center}
  .spot-flow-steps b{flex:0 0 30px;width:30px;height:30px;font-size:11px;background:rgba(255,255,255,.12)}

  /* Ajouter : une seule colonne, textes et méthodes réellement lisibles. */
  .add-layout{grid-template-columns:1fr!important;gap:28px!important}
  .add-import{margin-top:20px;padding:15px 16px;border-radius:18px}
  .add-import b{font-size:15px;line-height:1.35}.add-import span{font-size:13.5px;line-height:1.5;margin-top:3px}
  .add-panel{padding:7px 18px;border-radius:24px}
  .add-method{grid-template-columns:56px 1fr;gap:15px;padding:17px 0}.add-method i{width:52px;height:52px}.add-method b{font-size:16px}.add-method span{font-size:14px;line-height:1.45;margin-top:3px}

  /* Carnet : visuel puis catégories pleine largeur, plus aucune mini-colonne serrée. */
  .carnet-grid{grid-template-columns:1fr!important;gap:28px!important}
  .carnet-points{gap:7px}.carnet-points span{font-size:12px;padding:8px 11px}
  .carnet-showcase-v20{display:block;padding:15px;border-radius:28px}
  .feature-phone-card{min-height:0;margin-bottom:17px}.carnet-shot{width:100%;max-width:390px;max-height:none;margin:auto}
  .category-stack{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  .category-stack .cat{display:block!important;min-height:0;padding:16px 17px;border-radius:20px}
  .category-stack .cat-icons{display:flex;gap:7px;margin-bottom:11px}.category-stack .cat-icons span{width:46px;height:46px}.category-stack .cat-icons img{width:28px;height:28px}
  .category-stack .cat>div:last-child{text-align:left;margin:0}.category-stack .cat small{font-size:9px}.category-stack .cat b{font-size:14px;line-height:1.4;margin-top:3px}

  /* Voyage : capture réellement grande ; suppression des décors translucides qui gênent sur mobile. */
  .travel-grid{grid-template-columns:1fr!important;gap:26px!important}.travel-actions{gap:7px}.travel-actions span{font-size:11px;padding:8px 10px}
  .travel-shot-wrap{min-height:0;padding:0}.travel-shot-wrap:before,.travel-shot-wrap:after{display:none}.travel-shot{width:100%;max-width:390px;max-height:none;margin:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.22))}

  /* Partage : dessin beaucoup plus présent, sans rétrécissement artificiel. */
  .share-clean{grid-template-columns:1fr!important;gap:26px!important}.share-flow{width:100%;max-width:430px!important;margin:0 auto!important;gap:12px}
  .share-device{min-height:0;padding:19px;border-radius:22px}.shared-place{margin:25px 0 21px}.shared-place i{width:54px;height:54px}.shared-place b{font-size:15px}.shared-place small{font-size:11px}
  .share-center{grid-template-columns:auto auto auto;gap:10px}.share-qr{width:88px;height:88px}.share-center small{font-size:10px}.received-device>strong{font-size:15px;margin-top:24px}.received-device>small{font-size:11px}.received-chips{margin-top:20px}
  .share-badges{gap:7px}.share-badges span{font-size:11px;padding:8px 10px}

  /* Autour : une vraie capture pleine largeur. */
  .around-layout{grid-template-columns:1fr;gap:25px}.around-points{gap:7px;margin-top:18px}.around-points span{font-size:11px;padding:8px 10px}
  .around-real-card{min-height:0;padding:16px 10px;border-radius:26px}.around-real-card:before{display:none}.around-real-shot{width:100%;max-width:390px;max-height:none;margin:auto}
  .extras-strip{margin-top:18px;padding:18px;border-radius:22px;grid-template-columns:1fr;gap:13px}.extras-heading strong{font-size:13px;line-height:1.4}.extras-items{grid-template-columns:1fr;gap:7px}.extras-items>span{padding:12px 13px}.extras-items b{font-size:13px}.extras-items small{font-size:11px}

  /* Bloc contrôle : doit être un vrai argument fort, pas des micro-textes. */
  .control-grid{grid-template-columns:1fr!important;gap:25px!important}.control-items{gap:9px}.control-items>div{grid-template-columns:54px 1fr;padding:16px;border-radius:18px}.control-items span{width:50px;height:50px}.control-items b{font-size:15px;margin:2px 0 5px}.control-items small{font-size:13px;line-height:1.45}
  .backup-glimpse{grid-template-columns:105px 1fr;gap:14px;padding:13px 14px 13px 8px}.backup-glimpse b{font-size:14px}.backup-glimpse span{font-size:12px;line-height:1.45}.backup-glimpse small{font-size:8px}
}

@media(max-width:470px){
  .hero-copy .hero-name{font-size:43px}.hero-copy h1 small{font-size:23px}.lead{font-size:16px}
  .spot-flow-steps{grid-template-columns:1fr}.spot-flow-steps span{min-height:44px}
  .carnet-shot,.travel-shot,.around-real-shot{max-width:100%}
  .share-flow{max-width:100%!important}.share-center{transform:none!important}
  .backup-glimpse{grid-template-columns:88px 1fr}.backup-glimpse img{width:88px;max-height:180px}
}

/* V0.22 — correction ciblée : hybride illustration/captures, mobile lisible */
.travel-shot-wrap,.carnet-showcase-v20,.extras-strip,.backup-glimpse{display:none!important}
.carnet-grid{grid-template-columns:.82fr 1.18fr;gap:62px;align-items:center}
.category-showcase{display:grid;grid-template-columns:1fr;gap:14px}
.travel-grid{grid-template-columns:1fr .9fr;gap:64px;align-items:center}
.route-scene{display:block!important;position:relative;height:430px;border-radius:30px;overflow:hidden;background:#edf3ed;box-shadow:0 18px 45px rgba(20,50,42,.08);border:1px solid #dce7e2}
.route-scene svg{position:absolute;inset:0;width:100%;height:100%}
.route-scene .terrain{fill:#dbe7d7}.route-scene .route{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 3px 2px rgba(0,0,0,.09))}
.route-scene .start,.route-scene .end{fill:var(--green);stroke:#fff;stroke-width:5}.route-scene .step{fill:var(--orange);stroke:#fff;stroke-width:5}
.route-pin{position:absolute;width:48px;height:48px;border-radius:16px 16px 16px 5px;transform:rotate(-45deg);display:grid;place-items:center;border:3px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.route-pin img{width:29px;height:29px;transform:rotate(45deg)}.route-pin.sleep{background:var(--green)}.route-pin.discover{background:var(--orange)}.route-pin.service{background:var(--purple)}
.rp1{left:16%;bottom:20%}.rp2{left:48%;top:38%}.rp3{right:16%;top:20%}
.route-label{position:absolute;background:#fff;border:1px solid #dce6e2;border-radius:13px;padding:9px 11px;box-shadow:0 10px 26px rgba(20,50,42,.1)}.route-label b,.route-label small{display:block}.route-label b{font-size:10px}.route-label small{font-size:8px;color:var(--muted);margin-top:2px}.rl1{left:6%;bottom:7%}.rl2{left:38%;top:51%}.rl3{right:5%;top:6%}.corridor{position:absolute;right:17px;bottom:16px;background:var(--deep);color:#fff;border-radius:999px;padding:8px 11px;font-size:8.5px;font-weight:850}
.control-grid{grid-template-columns:.78fr 1.22fr;gap:62px;align-items:center}.control-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.road-tools{margin-top:28px}

@media(max-width:980px){
  .carnet-grid,.travel-grid,.control-grid{grid-template-columns:1fr;gap:30px}
}

@media(max-width:760px){
  :root{--wrap:min(100% - 30px,1180px)}
  .hero{padding:42px 0 20px}
  .hero-copy .hero-name{font-size:58px!important;line-height:.92}
  .hero-copy h1 small{font-size:29px!important;margin-top:12px}
  .lead{font-size:16px;line-height:1.55;margin-bottom:22px}
  .hero-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;max-width:330px;margin:20px auto 0!important}
  .hero-features>span{justify-content:center!important;text-align:center;font-size:12px!important;padding:8px 6px;border-radius:14px;background:rgba(255,255,255,.75)}
  .hero-features i{flex:0 0 32px}
  .section,.road,.control{padding:46px 0!important}
  .spot-flow{padding:18px 0!important}
  .spot-flow-title{margin-bottom:12px!important}.spot-flow-title strong{font-size:18px!important}
  .spot-flow-steps{grid-template-columns:1fr 1fr!important;gap:8px!important}.spot-flow-steps span{min-height:46px!important;font-size:13px!important;padding:8px 10px!important}
  .kicker,.eyebrow{margin-bottom:9px!important;font-size:10px!important}
  .add-copy h2,.carnet h2,.travel h2,.share h2,.around-copy h2,.control h2,.story h2,.faq h2{font-size:37px!important;line-height:1.03!important;margin:0 0 13px!important}
  .add-copy>p:not(.kicker),.carnet-copy>p:not(.kicker),.travel-copy>p:not(.kicker),.share-copy>p:not(.kicker),.around-copy>p:not(.kicker),.control-copy>p:not(.kicker),.story-inner p,.faq-title>p:last-child{font-size:16px!important;line-height:1.55!important;margin:0 0 16px!important}
  .add-layout,.carnet-grid,.travel-grid,.share-clean,.around-layout,.control-grid{gap:22px!important}
  .add-import{margin-top:14px!important;padding:14px 15px!important}
  .add-panel{padding:8px 14px!important}
  .category-showcase{gap:9px}.cat{min-height:94px!important;padding:14px!important}.cat-icons span{width:48px!important;height:48px!important}.cat-icons img{width:29px!important;height:29px!important}
  .route-scene{height:340px!important;border-radius:24px!important;background:#edf3ed!important}
  .travel:before,.travel:after,.route-scene:before,.route-scene:after{content:none!important;display:none!important}
  .share-flow{max-width:390px!important;margin:0 auto!important;gap:14px!important}.share-device{min-height:215px!important}.share-center{transform:none!important}
  .around-real-card{min-height:0!important;padding:12px!important;border-radius:24px!important;background:#fff!important}.around-real-card:before{display:none!important}.around-real-shot{width:100%!important;max-width:100%!important;max-height:none!important;filter:none!important}
  .around-points{margin-top:12px!important}
  .road-tools{margin-top:20px!important;padding:17px!important}.road-tools-heading{margin-bottom:12px!important}.road-tools-heading strong{font-size:13px!important}.road-tools-grid{grid-template-columns:1fr!important;gap:10px!important}.mini-tool{grid-template-columns:54px 1fr!important;padding:15px!important}.mini-tool b{font-size:14px!important}.mini-tool>div:last-child>span{font-size:11.5px!important}
  .control-items{grid-template-columns:1fr!important;gap:9px!important}.control-items>div{padding:15px!important}.control-items b{font-size:15px!important}.control-items small{font-size:12.5px!important;line-height:1.45!important}
  .story-inner{gap:22px!important}.faq-grid{gap:24px!important}
}
@media(max-width:470px){
  .hero-copy .hero-name{font-size:52px!important}.hero-copy h1 small{font-size:27px!important}
  .section,.road,.control{padding:42px 0!important}
  .add-copy h2,.carnet h2,.travel h2,.share h2,.around-copy h2,.control h2,.story h2,.faq h2{font-size:34px!important}
  .route-scene{height:315px!important}.route-label{padding:7px 8px}.route-label small{display:none}.corridor{font-size:7.5px;padding:7px 9px}
}


/* V0.23 — correction chirurgicale du hero mobile + illustration Autour */

/* Illustration stable pour "Autour" : pas dépendante d'une capture exacte de l'application. */
.around-illustration{
  position:relative;min-height:510px;border-radius:32px;overflow:hidden;
  background:linear-gradient(145deg,#edf5f1,#fbfdfc);
  border:1px solid #dce8e3;box-shadow:0 20px 55px rgba(24,55,46,.08);
  display:grid;place-items:center;padding:34px;
}
.around-map-art{
  position:relative;width:min(100%,480px);aspect-ratio:1/1;border-radius:34px;overflow:hidden;
  background:
    radial-gradient(circle at 25% 25%,rgba(118,184,109,.22) 0 12%,transparent 13%),
    radial-gradient(circle at 78% 72%,rgba(118,184,109,.16) 0 18%,transparent 19%),
    linear-gradient(145deg,#dfead8,#eef1df);
  border:1px solid rgba(15,118,110,.12);
  box-shadow:0 22px 42px rgba(20,50,42,.10);
}
.around-map-art:before{
  content:"";position:absolute;left:-12%;bottom:-3%;width:72%;height:25%;
  border-radius:50%;background:#b8d9dc;transform:rotate(-18deg);opacity:.9;
}
.around-road{position:absolute;height:3px;background:#fff6eb;border-top:1px solid #e2bfae;transform-origin:left;border-radius:999px}
.ar1{width:118%;left:-8%;top:31%;transform:rotate(18deg)}
.ar2{width:112%;left:-6%;top:65%;transform:rotate(-12deg)}
.ar3{width:92%;left:14%;top:12%;transform:rotate(61deg)}
.around-radius{position:absolute;border:1.5px solid rgba(15,118,110,.28);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.radius-25{width:25%;height:25%;background:rgba(15,118,110,.035)}
.radius-50{width:49%;height:49%}
.radius-100{width:78%;height:78%}
.around-user-dot{position:absolute;left:50%;top:50%;width:21px;height:21px;transform:translate(-50%,-50%);border-radius:50%;background:#2778d3;border:5px solid #fff;box-shadow:0 0 0 7px rgba(39,120,211,.16),0 8px 20px rgba(0,0,0,.16);z-index:5}
.around-pin-art{position:absolute;width:52px;height:52px;border-radius:18px 18px 18px 6px;transform:rotate(-45deg);display:grid;place-items:center;border:4px solid #fff;box-shadow:0 9px 22px rgba(0,0,0,.15);z-index:4}
.around-pin-art img{width:31px;height:31px;object-fit:contain;transform:rotate(45deg)}
.around-pin-art.sleep{background:var(--green)}
.around-pin-art.discover{background:var(--orange)}
.around-pin-art.service{background:var(--purple)}
.ap1{left:25%;top:18%}.ap2{right:18%;top:32%}.ap3{left:18%;bottom:22%}.ap4{right:28%;bottom:14%}
.around-distance{position:absolute;background:#fff;color:var(--green);font-weight:900;font-size:10px;padding:7px 9px;border-radius:999px;border:1px solid #dce8e3;box-shadow:0 7px 16px rgba(20,50,42,.08);z-index:6}
.d25{left:53%;top:39%}.d50{right:10%;top:54%}.d100{left:8%;top:47%}
.around-art-caption{
  position:absolute;left:34px;right:34px;bottom:28px;display:flex;align-items:baseline;justify-content:space-between;gap:15px;
  background:rgba(255,255,255,.92);border:1px solid #dce8e3;border-radius:18px;padding:13px 16px;
  box-shadow:0 12px 30px rgba(20,50,42,.09);backdrop-filter:blur(8px)
}
.around-art-caption b{font-size:14px}.around-art-caption small{font-size:10px;color:var(--muted)}

/* La capture Autour de la version précédente n'est plus utilisée. */
.around-real-card{display:none!important}

/* Le bloc contrôle reste fort et lisible. */
.control-copy h2{max-width:560px}

/* Mobile : le hero devient une vraie composition verticale.
   Titre > écran > texte > boutons > fonctions. */
@media(max-width:760px){
  .hero{padding:34px 0 26px!important}
  .hero-grid{
    display:flex!important;flex-direction:column!important;gap:0!important;
    align-items:stretch!important
  }
  .hero-copy{display:contents!important}
  .hero-copy h1{
    order:1;text-align:center!important;margin:0 auto 18px!important;width:100%;
  }
  .hero-copy .hero-name{
    display:block!important;white-space:nowrap!important;
    font-size:clamp(40px,11.6vw,48px)!important;line-height:.94!important;letter-spacing:-.055em!important
  }
  .hero-copy h1 small{
    display:block!important;font-size:clamp(24px,7.1vw,30px)!important;
    margin-top:10px!important;line-height:1!important
  }
  .hero-art{
    order:2!important;margin:0 auto 17px!important;width:100%!important;
    min-height:0!important;display:grid!important;place-items:center!important
  }
  .hero-real,.hero-screen-stage{min-height:0!important}
  .hero-screen-stage{
    width:100%!important;height:auto!important;padding:0!important;display:grid!important;place-items:center!important
  }
  .hero-screen-stage:before,.hero-screen-stage .screen-halo,.hero-real .float{display:none!important}
  .hero-shot{
    position:relative!important;width:min(74vw,292px)!important;max-width:292px!important;
    height:auto!important;max-height:none!important;margin:0 auto!important;
    filter:drop-shadow(0 22px 34px rgba(15,60,50,.18))!important
  }
  .hero-copy .lead{
    order:3!important;text-align:center!important;font-size:16px!important;line-height:1.55!important;
    max-width:35ch!important;margin:0 auto 18px!important
  }
  .hero-buttons{
    order:4!important;display:grid!important;grid-template-columns:1fr!important;
    gap:9px!important;width:min(100%,390px)!important;margin:0 auto!important
  }
  .hero-buttons .btn{min-height:50px!important;font-size:14px!important}
  .hero-features{
    order:5!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(100%,390px)!important;max-width:390px!important;gap:9px!important;margin:18px auto 0!important
  }
  .hero-features>span{
    min-width:0!important;justify-content:flex-start!important;text-align:left!important;
    font-size:12px!important;padding:10px 11px!important;border-radius:15px!important;
    background:#fff!important;border:1px solid #e0e9e5!important;
    box-shadow:0 8px 20px rgba(20,50,42,.05)!important
  }
  .hero-features i{flex:0 0 34px!important;width:34px!important;height:34px!important}

  /* Autour : illustration compacte et plus respirante que le grand téléphone. */
  .around-illustration{min-height:0!important;padding:18px 18px 62px!important;border-radius:26px!important}
  .around-map-art{width:min(100%,360px)!important;border-radius:26px!important}
  .around-pin-art{width:44px;height:44px;border-radius:15px 15px 15px 5px!important;border-width:3px!important}
  .around-pin-art img{width:26px;height:26px}
  .around-distance{font-size:9px;padding:6px 8px}
  .around-art-caption{left:18px;right:18px;bottom:14px;padding:11px 13px;border-radius:15px}
  .around-art-caption b{font-size:13px}.around-art-caption small{font-size:9.5px}

  /* Espaces mobiles : resserrement ciblé seulement aux jonctions qui étaient trop longues. */
  .source,.carnet,.travel,.share,.road{padding-top:40px!important;padding-bottom:40px!important}
  .spot-flow + .source{padding-top:38px!important}
  .source + .carnet,.carnet + .travel,.travel + .share,.share + .road{margin-top:0!important}
  .control{padding:46px 0!important}
}

@media(max-width:390px){
  .hero-copy .hero-name{font-size:40px!important}
  .hero-copy h1 small{font-size:24px!important}
  .hero-shot{width:min(78vw,278px)!important}
  .hero-features>span{font-size:11.5px!important;padding:9px 10px!important}
  .around-art-caption{display:block}
  .around-art-caption small{display:block;margin-top:2px}
}

/* V0.26 — positionnement sans compte, Collections, outils et soutien */
.hero-trust{display:flex;gap:9px;flex-wrap:wrap;margin:-7px 0 25px}.hero-trust span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;background:#eef6f3;border:1px solid #d6e9e2;color:var(--green3);font-size:11px;font-weight:850}.import-method i{font-size:24px;font-style:normal}

.collections{background:linear-gradient(180deg,#fff 0,#f5f8f7 100%)}
.collections-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:64px;align-items:center}
.collections-copy h2{font-size:clamp(40px,4.7vw,64px);line-height:1.01;letter-spacing:-.05em;margin:0 0 22px}.collections-copy h2 span{color:var(--green)}.collections-copy>p:not(.kicker){font-size:17px;line-height:1.7;color:var(--muted);max-width:540px;margin:0 0 22px}.collection-points{display:flex;gap:8px;flex-wrap:wrap}.collection-points span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dce6e2;font-size:11px;font-weight:850;color:#4a5a55}
.collection-card{position:relative;border-radius:30px;padding:30px;background:#fff;border:1px solid #dce8e3;box-shadow:0 22px 55px rgba(24,55,46,.09);overflow:hidden}.collection-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.12),rgba(15,118,110,0) 70%);right:-35px;top:-55px}.collection-card-top{position:relative;display:grid;grid-template-columns:64px 1fr;gap:17px;align-items:center}.collection-card-top>img{width:64px;height:64px;padding:10px;border-radius:19px;background:var(--mint);border:1px solid #d5e8e1}.collection-card-top small,.collection-card-top strong{display:block}.collection-card-top small{font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:950;margin-bottom:5px}.collection-card-top strong{font-size:21px;line-height:1.22}.collection-card>p{position:relative;font-size:14.5px;line-height:1.65;color:var(--muted);margin:23px 0 18px}.collection-tags{position:relative;display:flex;gap:8px;flex-wrap:wrap}.collection-tags span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#f5f8f7;border:1px solid #e1e9e5;padding:8px 11px;font-size:10px;font-weight:850}.collection-tags img{width:21px;height:21px;object-fit:contain}.quality-note{position:relative;margin-top:20px;padding:15px 17px;border-radius:18px;background:var(--mint);border:1px solid #d4e7df}.quality-note b,.quality-note span{display:block}.quality-note b{font-size:13px;color:var(--green3)}.quality-note span{font-size:11.5px;line-height:1.5;color:#53615c;margin-top:3px}
.partner-strip{margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 24px;border-radius:25px;background:#fff;border:1px solid #dfe8e4;box-shadow:0 14px 34px rgba(24,55,46,.05)}.partner-strip small,.partner-strip strong,.partner-strip span{display:block}.partner-strip small{font-size:8px;letter-spacing:.14em;font-weight:950;color:var(--green);margin-bottom:5px}.partner-strip strong{font-size:15px}.partner-strip span{font-size:11.5px;color:var(--muted);margin-top:4px}.partner-btn{white-space:nowrap;border-color:#bfd7cf;background:#f8fbfa}

.sun-mini{background:#fff7df!important;color:#b86d17!important}.sun-mini svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tools-coming{margin-top:13px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px dashed #cad9d4;background:#fbfcfc}.tools-coming>span{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:12px;background:var(--mint);color:var(--green);font-size:20px;font-weight:700}.tools-coming b,.tools-coming small{display:block}.tools-coming b{font-size:12.5px}.tools-coming small{font-size:10.5px;color:var(--muted);margin-top:2px}

.support{background:#fff}.support-box{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:30px 34px;border-radius:30px;background:linear-gradient(135deg,#eef7f3 0,#fff8ee 100%);border:1px solid #dbe9e4;box-shadow:0 18px 45px rgba(24,55,46,.07)}.support-mark{display:grid;place-items:center;width:68px;height:68px;border-radius:21px;background:#fff;border:1px solid #dce8e3;font-size:30px;box-shadow:0 10px 24px rgba(24,55,46,.07)}.support-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.04em;margin:0 0 9px}.support-copy p:not(.kicker){font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:700px}.support-btn{white-space:nowrap}

@media(max-width:980px){.collections-grid{grid-template-columns:1fr;gap:30px}.collections-copy{max-width:720px}.partner-strip{grid-template-columns:1fr}.partner-btn{justify-self:start}.support-box{grid-template-columns:auto 1fr}.support-btn{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.hero-trust{justify-content:center;margin:-3px auto 18px}.hero-trust span{font-size:10.5px}.collections{padding-top:40px!important;padding-bottom:40px!important}.collections-copy h2{font-size:34px;line-height:1.08}.collections-copy>p:not(.kicker){font-size:16px;line-height:1.62}.collection-card{padding:21px;border-radius:25px}.collection-card-top{grid-template-columns:54px 1fr;gap:13px}.collection-card-top>img{width:54px;height:54px;border-radius:16px}.collection-card-top strong{font-size:18px}.partner-strip{padding:18px;border-radius:22px}.partner-btn{width:100%;text-align:center}.road-tools-grid{grid-template-columns:1fr!important}.tools-coming{padding:14px}.support{padding-top:40px!important;padding-bottom:40px!important}.support-box{grid-template-columns:1fr;gap:15px;padding:22px;border-radius:25px}.support-mark{width:58px;height:58px;border-radius:18px}.support-btn{width:100%;text-align:center;justify-content:center}}

/* V0.27 — Collections clarifiées, plus visuelles et plus ouvertes */
.collections{background:linear-gradient(180deg,#edf6f2 0,#f8fbf9 100%);border-top:1px solid #dcebe5;border-bottom:1px solid #e4ede9}
.collections-grid{align-items:stretch}
.collections-copy{display:flex;flex-direction:column;justify-content:center}
.collections-copy h2{max-width:640px}
.collection-personal-note{margin-top:18px!important;padding:15px 17px;border-left:4px solid var(--green);border-radius:0 14px 14px 0;background:rgba(255,255,255,.72);color:#465650!important;font-size:13px!important;line-height:1.6!important}
.collection-points span{background:#fff;color:#24463f;border-color:#cfe0da;box-shadow:0 5px 12px rgba(24,55,46,.035)}
.collection-card{background:#fff;border-color:#cfdfd9;box-shadow:0 28px 65px rgba(18,57,47,.12)}
.collection-card:before{width:330px;height:330px;right:-95px;top:-125px;background:radial-gradient(circle,rgba(109,165,96,.16),rgba(109,165,96,0) 68%)}
.collection-card-top{grid-template-columns:70px 1fr}
.collection-brand-mark{width:70px;height:70px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#0b5d57,#0f766e);box-shadow:0 12px 28px rgba(15,118,110,.2)}
.collection-brand-mark img{width:38px;height:50px;object-fit:contain;filter:brightness(0) invert(1)}
.collection-card-top>div{position:relative;padding-right:70px}
.collection-card-top small{font-size:9px;letter-spacing:.15em;color:var(--green);font-weight:950;margin-bottom:3px}
.collection-card-top strong{font-size:26px;letter-spacing:-.025em;color:#15322c}
.collection-card-top em{position:absolute;right:0;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;font-weight:900;padding:7px 10px;border-radius:999px;background:#e9f3ef;color:var(--green3);border:1px solid #d5e6df}
.collection-preview{position:relative;margin-top:20px;border:1px solid #dce8e3;border-radius:21px;overflow:hidden;background:#f8fbfa}
.collection-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:#0b5d57;color:#fff}
.collection-preview-head b,.collection-preview-head small{display:block}.collection-preview-head b{font-size:13px}.collection-preview-head small{font-size:9.5px;color:rgba(255,255,255,.72);margin-top:2px}.collection-preview-head>span{font-size:9px;font-weight:900;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.collection-list-row{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:center;padding:13px 15px;border-top:1px solid #e2ebe7;background:#fff}
.collection-list-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px}.collection-list-icon.sleep{background:var(--green)}.collection-list-icon.service{background:var(--purple)}.collection-list-icon img{width:27px;height:27px;object-fit:contain}
.collection-list-row b,.collection-list-row small{display:block}.collection-list-row b{font-size:12.5px}.collection-list-row small{font-size:9.5px;color:var(--muted);margin-top:2px}.collection-state{font-size:9px;font-weight:900;padding:6px 8px;border-radius:999px;color:var(--green3);background:#e8f3ef;border:1px solid #d4e5de}.collection-state.muted{color:#675d44;background:#f7f1e4;border-color:#eadfca}
.collection-tags{display:none}
.quality-note{background:#f0f7f4;border-color:#d0e5dc;margin-top:16px}.quality-note b{font-size:12.5px}.quality-note span{font-size:11.5px}
.partner-strip{margin-top:32px;padding:27px 29px;background:linear-gradient(135deg,#0a514d 0,#0f766e 100%);border:0;color:#fff;box-shadow:0 18px 46px rgba(15,78,71,.16)}
.partner-strip small{color:#aee0d3;font-size:9px}.partner-strip strong{font-size:19px;letter-spacing:-.015em}.partner-strip span{color:rgba(255,255,255,.78);font-size:12.5px;line-height:1.6;max-width:760px}.partner-btn{background:#fff!important;border-color:#fff!important;color:#0b5d57!important;box-shadow:none}
.support{background:#fff}.support-box{background:linear-gradient(135deg,#f0f7f4 0,#fff8ee 100%)}
@media(max-width:760px){.collection-personal-note{font-size:12.5px!important}.collection-card-top{grid-template-columns:58px 1fr}.collection-brand-mark{width:58px;height:58px;border-radius:17px}.collection-brand-mark img{width:31px;height:42px}.collection-card-top>div{padding-right:0}.collection-card-top em{position:static;display:inline-block;transform:none;margin-top:7px}.collection-card-top strong{font-size:21px}.collection-list-row{grid-template-columns:40px 1fr auto;padding:12px}.collection-list-icon{width:40px;height:40px}.partner-strip strong{font-size:17px}}

/* V0.28 — fin de page : soutien plus visible, rythme vertical resserré */
.faq{padding-bottom:52px}
.support{padding:28px 0 48px!important;background:#fff}
.support-box{position:relative;overflow:hidden;min-height:172px;padding:34px 38px;border:1px solid #ead9bd;background:linear-gradient(118deg,#fff4df 0%,#f8efe0 44%,#edf7f3 100%);box-shadow:0 20px 48px rgba(74,58,31,.11)}
.support-box:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:145px;top:-128px;background:rgba(217,119,69,.11);pointer-events:none}
.support-box:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;left:-72px;bottom:-105px;background:rgba(15,118,110,.10);pointer-events:none}
.support-mark,.support-copy,.support-btn{position:relative;z-index:1}
.support-mark{width:76px;height:76px;border-radius:23px;border-color:#ead9bd;background:#fffaf1;font-size:34px;box-shadow:0 12px 28px rgba(100,72,28,.10)}
.support-copy .kicker{color:#9a5c26;margin-bottom:10px}
.support-copy h2{font-size:clamp(32px,3.2vw,44px);margin-bottom:10px}
.support-copy p:not(.kicker){font-size:14px;color:#5f655f;max-width:640px}
.support-btn{min-height:56px;padding:0 25px;background:#0d7b71!important;box-shadow:0 14px 30px rgba(15,118,110,.24)!important}
.install{padding-top:8px;padding-bottom:68px}

@media(max-width:760px){
  .faq{padding-bottom:26px!important}
  .support{padding:18px 0 30px!important}
  .support-box{min-height:0;padding:23px 21px;border-radius:25px}
  .support-box:before{width:150px;height:150px;right:-40px;top:-85px}
  .support-box:after{width:120px;height:120px;left:-62px;bottom:-78px}
  .support-mark{width:60px;height:60px;border-radius:18px;font-size:28px}
  .support-copy h2{font-size:30px;line-height:1.06;margin-bottom:8px}
  .support-copy p:not(.kicker){font-size:14px;line-height:1.55}
  .support-btn{min-height:54px}
  .install{padding-top:0;padding-bottom:52px}
}