/* Show Me Teranga — numéro zéro (26 octobre 2026) */
@font-face{font-family:"Inter";src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#FFFBF2;--ink:#1B1F3B;--muted:#555A70;--card:#FFFFFF;--line:#E9E2D2;--indigo:#23308F;--indigo-ink:#FFFFFF;
--saffron:#F2B705;--terra:#B8401F;--green:#1C7C54;--link:#23308F;--t-indigo:#E8EAF6;--t-saffron:#FDF1CC;--t-terra:#F8E3DA;
--t-green:#DDEFE5;--n-indigo:#23308F;--n-saffron:#7A5C00;--n-terra:#A23A1C;--n-green:#17663F;--nav:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--bg:#10132A;--ink:#F1EEE6;--muted:#B6BACF;--card:#1A1E3A;--line:#2C3157;--link:#AFC0FF;
--t-indigo:#1E2552;--t-saffron:#352D12;--t-terra:#3A2219;--t-green:#14322A;--n-indigo:#AFC0FF;--n-saffron:#F2C94C;--n-terra:#F0A58C;
--n-green:#7ED3A8;--nav:#151933}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
padding-bottom:calc(76px + env(safe-area-inset-bottom))}
main,.top,.foot{max-width:560px;margin:0 auto}
a{color:var(--link)}
h1,h2,h3{font-family:"Montserrat","Inter",Arial,sans-serif;line-height:1.15;margin:0}
img{max-width:100%;height:auto;display:block}
.top{display:flex;align-items:center;gap:12px;padding:18px 18px 12px}
.back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:var(--ink);border:1px solid var(--line)}
.brand{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;text-decoration:none;color:var(--ink);flex:1;min-width:0}
.dot{width:11px;height:11px;border-radius:999px;background:var(--saffron)}
.brand-t{font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.3px;color:var(--n-indigo)}
.brand-s{grid-column:2;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-t{white-space:nowrap}
.back~.brand .brand-s{display:none}
.back~.brand .brand-t{font-size:17px}
.lang{display:flex;gap:6px}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;border-radius:999px;border:2px solid var(--n-indigo);
color:var(--n-indigo);font-weight:700;font-size:13px;text-decoration:none}
.lang a[aria-current]{background:var(--indigo);border-color:var(--indigo);color:#fff}
.hero{margin:0 16px;padding:24px 22px 22px;border-radius:28px;background:var(--indigo);color:#fff}
.hero .hello{margin:0 0 8px;font-weight:600;font-size:15px;color:var(--saffron)}
.hero h1{font-weight:800;font-size:38px;letter-spacing:-.8px;margin-bottom:10px}
.hero p{margin:0;color:#E3E6F7}
.hero .arch{width:100%;height:210px;object-fit:cover;border-radius:173px 173px 18px 18px;margin-top:16px}
.install{margin:16px 16px 0;padding:16px 18px;border-radius:20px;background:var(--card);border:2px solid var(--t-indigo)}
.install h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--n-indigo)}
.install p{margin:8px 0 12px;color:var(--muted);font-size:14.5px}
.install .install-state{margin:10px 0 0;font-weight:600;color:var(--n-green)}
.install .install-state:empty{display:none}
.weave{height:10px;margin:22px 16px 0;border-radius:3px;background:repeating-linear-gradient(90deg,#23308F 0 18px,#F2B705 18px 36px,#B8401F 36px 54px,#1C7C54 54px 72px)}
.block{padding:22px 16px 0}
.h{font-weight:800;font-size:24px;letter-spacing:-.4px;margin:0 4px 12px}
.hrow{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px}
.hrow a{font-weight:700;font-size:14px}
.profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profiles button{height:46px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink);font:600 14.5px "Inter",Arial,sans-serif}
.profiles button[aria-pressed=true]{background:var(--indigo);border-color:var(--indigo);color:#fff;font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:108px;padding:13px 12px;border-radius:18px;
text-decoration:none;color:var(--ink);font-weight:700;font-size:14.5px;line-height:1.25}
.tile-top{display:flex;justify-content:space-between;align-items:flex-start}
.tile .n{font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:13px}
.t-indigo{background:var(--t-indigo)}.t-indigo svg,.t-indigo .n{color:var(--n-indigo)}
.t-saffron{background:var(--t-saffron)}.t-saffron svg,.t-saffron .n{color:var(--n-saffron)}
.t-terra{background:var(--t-terra)}.t-terra svg,.t-terra .n{color:var(--n-terra)}
.t-green{background:var(--t-green)}.t-green svg,.t-green .n{color:var(--n-green)}
.feature{background:var(--indigo);color:#fff}.feature svg,.feature .n{color:var(--saffron)}
.fact{padding:20px 22px;border-radius:24px;background:var(--saffron);color:#1B1F3B}
.fact-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.fact-v{display:flex;align-items:center;gap:5px;letter-spacing:0;text-transform:none;font-size:12.5px}
.fact-n{font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:54px;letter-spacing:-1.5px;color:#23308F;line-height:1.05;margin:6px 0}
.fact p{margin:0}.fact .fact-s{margin-top:6px;font-size:12.5px;color:#3A3F5C}
.dests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:12px}
.dest{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.dest img{width:100%;height:196px;object-fit:cover;border-radius:90px 90px 14px 14px}
.dest-t{font-weight:700;font-size:15px}.dest-s{font-size:13px;color:var(--muted)}
.rows{margin:0;display:flex;flex-direction:column}
.rows div{padding:12px 0;border-bottom:1px solid var(--line)}
.rows div:last-child{border-bottom:0}
.rows dt{font-weight:700;font-size:14.5px;margin-bottom:2px}
.rows dd{margin:0;color:var(--muted);font-size:15px}
.more{margin:12px 0 0;font-weight:700;font-size:14.5px}
.offer,.card,.memo{margin:16px 16px 0;padding:20px 22px;border-radius:24px;background:var(--card);border:2px solid var(--line)}
.offer{border-color:var(--indigo)}
.block .offer{margin:0}
.offer h2,.memo h2{font-size:19px;color:var(--n-indigo);margin:4px 0 8px}
.card h2{font-size:20px;margin-bottom:10px;color:var(--n-indigo)}
.card.accent{background:var(--t-indigo);border-color:var(--t-indigo)}
.kick{margin:0;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--n-green)}
.offer p,.card p,.memo p{margin:0 0 10px}
.btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;margin-top:6px;border-radius:14px;border:0;
background:var(--indigo);color:#fff;font:700 15px "Inter",Arial,sans-serif;text-decoration:none;cursor:pointer;width:100%;text-align:center}
.btn.saffron{background:var(--saffron);color:#1B1F3B}
.btn.line{background:transparent;color:var(--n-indigo);border:2px solid var(--n-indigo)}
.urgent{padding:18px;border-radius:24px;background:var(--terra);color:#fff}
.urgent h2{font-size:16px;margin-bottom:12px}
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nums a{display:flex;flex-direction:column;align-items:center;padding:12px 0;border-radius:16px;background:#FFFBF2;color:#1B1F3B;text-decoration:none}
.nums b{font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:25px}
.nums span{font-size:13px;font-weight:600}
.urgent .more a{color:#fff}
.urgent.big{margin:16px 16px 0}
.sos{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:10px;border-radius:14px;background:rgba(255,255,255,.16);
color:#fff;font-weight:700;text-decoration:none}
.phead{margin:0 16px;padding:22px;border-radius:28px}
.phead-n{display:flex;align-items:center;justify-content:space-between;font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:14px}
.phead h1{font-weight:800;font-size:30px;letter-spacing:-.6px;margin:14px 0 8px}
.phead p{margin:0;font-size:15.5px}
.phead.t-indigo h1,.phead.t-saffron h1,.phead.t-terra h1,.phead.t-green h1{color:var(--ink)}
.pic{margin:16px 16px 0}.pic img{width:100%;max-height:300px;object-fit:cover;border-radius:20px}
.trips{display:flex;flex-direction:column;gap:10px}
.trip{padding:12px 14px;border-radius:16px;background:var(--t-indigo)}
.trip h3{font-size:15.5px;margin-bottom:6px;color:var(--n-indigo)}
.trip p{margin:2px 0;font-size:14.5px;display:flex;justify-content:space-between;gap:10px}
.lab{color:var(--muted);flex:0 0 auto}
.note{font-size:13px;color:var(--muted)}
.poles{display:flex;flex-direction:column;gap:12px}
.pole{padding:14px 16px;border-radius:16px;background:var(--t-saffron)}
.pole h3{font-size:16px;color:var(--ink)}
.pole-k{font-size:13px;font-weight:700;color:var(--n-terra);margin:4px 0 6px}
.pole p{margin:0;font-size:14.5px}
.destcard{margin:16px 16px 0;border-radius:24px;overflow:hidden;background:var(--card);border:2px solid var(--line)}
.destcard .arch{width:100%;height:230px;object-fit:cover;border-radius:0 0 0 0}
.destcard-b{padding:18px 20px 20px}
.destcard h2{font-size:22px;color:var(--n-indigo)}
.destcard ul{margin:8px 0 0;padding-left:20px}
.destcard li{margin:4px 0;font-size:15px}
.foot{padding:26px 22px 20px;color:var(--muted);font-size:13px}
.foot .verif{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--n-green);margin:0 0 6px}
.foot .src,.foot .edit{margin:0 0 6px}
.bottom{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
padding:6px 6px calc(8px + env(safe-area-inset-bottom));background:var(--nav);border-top:2px solid var(--saffron);z-index:20}
.bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:var(--muted);
text-decoration:none;font-size:11.5px;font-weight:600}
.bottom a[aria-current]{color:var(--n-indigo);font-weight:700}
@media (min-width:600px){.bottom{max-width:560px;margin:0 auto;border-radius:18px 18px 0 0}}
a:focus-visible,button:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}