*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#0f1115;--muted:#5b636e;--line:#e7e9ee;--bg:#ffffff;--soft:#f6f7f9;--orange:#e8621a;--orange-d:#c9500f}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--orange-d);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:10}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:'Inter Tight',sans-serif;font-weight:900;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.logo .dot{color:var(--orange)}
.nav a.cta{background:var(--orange);color:#fff;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:14px;padding:10px 18px;border-radius:10px}
.nav a.cta:hover{text-decoration:none}
/* hero éditorial */
.arthero{background-size:cover;background-position:center;color:#fff}
.arthero .wrap{max-width:840px}
.ah-inner{padding:70px 0 56px}
.ah-tag{display:inline-block;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--orange);padding:6px 12px;border-radius:7px;margin-bottom:18px}
.arthero h1{font-family:'Inter Tight',sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(28px,4.7vw,42px);line-height:1.08;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.45);max-width:720px}
.ah-by{margin-top:18px;color:rgba(255,255,255,.92);font-size:14.5px;font-weight:500}
.ah-by b{font-weight:700;color:#fff}
.crumb{font-size:13px;color:var(--muted);margin:22px 0 0}.crumb a{color:var(--muted)}
article{max-width:720px;margin:0 auto;padding:14px 0 10px}
article h2{font-family:'Inter Tight',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:25px;margin:42px 0 8px;padding-top:6px}
article h2:after{content:"";display:block;width:44px;height:3px;background:var(--orange);border-radius:2px;margin-top:12px}
article p{font-size:17.5px;line-height:1.78;margin:0 0 20px;color:#2a2f37}
article ul{margin:6px 0 22px;padding-left:0;list-style:none}
article li{position:relative;padding-left:24px;margin-bottom:11px;font-size:17px;line-height:1.65;color:#2a2f37}
article li:before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.lead p{font-size:19.5px;line-height:1.65;color:#141821;font-weight:450}
.lead p:first-child{margin-top:6px}
.take{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:20px 22px;margin:34px 0;font-size:17px;line-height:1.7}
.take b{font-family:'Inter Tight',sans-serif}
.faq{margin-top:44px;border-top:1px solid var(--line);padding-top:10px}
.faq>h2{margin-bottom:4px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:17.5px;cursor:pointer;list-style:none;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"+";color:var(--orange);font-weight:800;margin-right:10px}
.faq details[open] summary:before{content:"–"}
.faq p{margin:12px 0 2px;font-size:16.5px;line-height:1.7}
.also{margin:40px 0 6px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.also h2{font-size:20px;font-family:'Inter Tight',sans-serif;font-weight:800;margin-bottom:12px}
.also ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.also li{position:relative;padding-left:20px;font-size:16.5px}
.also li:before{content:"→";position:absolute;left:0;top:0;color:var(--orange);font-weight:700}
.cta-band{background:linear-gradient(rgba(9,11,15,.78),rgba(9,11,15,.86)),url('https://horizon-borne.com/blog/assets/hero-dusk.jpg') center/cover;color:#fff;border-radius:18px;padding:44px 34px;text-align:center;margin:38px 0}
.cta-band h2{font-family:'Inter Tight',sans-serif;font-weight:900;font-size:25px;letter-spacing:-.02em;color:#fff;margin:0 0 10px}
.cta-band p{color:#b9c0cb;margin:0 0 18px;font-size:16px}
.cta-band a{background:var(--orange);color:#fff;font-family:'Inter Tight',sans-serif;font-weight:800;padding:14px 28px;border-radius:12px;display:inline-block}
.cta-band a:hover{text-decoration:none}
.midcta{display:block;margin:36px 0;border-radius:14px;overflow:hidden;box-shadow:0 12px 34px -14px rgba(0,0,0,.4);transition:transform .15s ease}
.midcta:hover{transform:translateY(-2px)}
.midcta img{display:block;width:100%;height:auto}
.toolblock{margin:40px 0;padding:22px 22px 18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.toolblock h2{margin:0 0 6px;font-size:22px;padding-top:0}
.toolblock h2:after{display:none}
.toolblock>p{color:var(--muted);font-size:15.5px;margin:0 0 14px;line-height:1.55}
.toolblock iframe{background:#fff;border-radius:12px;display:block}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:13.5px;margin-top:26px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--muted)}
@media(max-width:560px){.ah-inner{padding:48px 0 40px}article p,.lead p{font-size:17px}.lead p{font-size:18px}}
.vhero{background-size:cover;background-position:center;color:#fff}
.vhero .wrap{max-width:840px}.vh-inner{padding:64px 0 52px}
.vh-tag{display:inline-block;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--orange);padding:6px 12px;border-radius:7px;margin-bottom:16px}
.vhero h1{font-family:'Inter Tight',sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(27px,4.6vw,40px);line-height:1.08;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.45);max-width:760px}
.vh-sub{margin-top:16px;color:rgba(255,255,255,.92);font-size:15.5px}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px}
.fact{border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--soft);font-size:14.5px}
.fact b{font-family:'Inter Tight',sans-serif;display:block;font-size:18px}
.near{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.near a{border:1px solid var(--line);border-radius:20px;padding:7px 14px;font-size:14px;background:#fff}
.near a:hover{border-color:var(--orange);text-decoration:none}


.hero{padding:52px 0 30px;border-bottom:1px solid var(--line)}
.hero h1{font-family:'Inter Tight',sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(28px,5vw,44px);line-height:1.08;color:var(--ink)}
.hero p{color:var(--muted);font-size:18px;margin-top:14px;max-width:680px}
section{padding:38px 0}h2.sec{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:24px;margin-bottom:6px;color:var(--ink)}
.sec-sub{color:var(--muted);font-size:15px;margin-bottom:22px}
.feat{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;background:var(--soft);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.feat .txt{padding:30px}
.feat .tag{display:inline-block;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--orange);margin-bottom:10px}
.feat h3{font-family:'Inter Tight',sans-serif;font-weight:900;letter-spacing:-.02em;font-size:25px;line-height:1.14;color:var(--ink)}
.feat p{color:var(--muted);margin-top:10px}.feat a.read{display:inline-block;margin-top:16px;font-family:'Inter Tight',sans-serif;font-weight:800}
.feat .ph{min-height:230px;background-size:cover;background-position:center}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cat{border:1px solid var(--line);border-radius:16px;padding:22px}
.cat h3{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:19px;color:var(--ink)}
.cat p{color:var(--muted);font-size:14px;margin:8px 0 14px}
.cat ul{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0}
.cat li{font-size:15px;padding-left:16px;position:relative;line-height:1.4}
.cat li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--orange)}
@media(max-width:760px){.feat{grid-template-columns:1fr}.feat .ph{order:-1;min-height:180px}.grid{grid-template-columns:1fr}}

.also{margin:44px 0 6px;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:24px 26px}
.also h2{font-size:20px;font-family:'Inter Tight',sans-serif;font-weight:800;margin-bottom:16px}
.also ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.also li{margin:0;padding:0;position:static}.also li:before{content:none !important;display:none}
.also li a.rc{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .18s,transform .15s}
.also li a.rc:hover{border-color:var(--orange);box-shadow:0 16px 32px -16px rgba(9,11,15,.5);transform:translateY(-3px);text-decoration:none}
.rc-img{display:block;height:120px;background-size:cover;background-position:center;position:relative}
.rc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,11,15,0) 55%,rgba(9,11,15,.28) 100%)}
.rc-body{padding:14px 16px 16px}
.rc-t{display:block;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:16px;line-height:1.25;color:var(--ink)}
.rc-go{display:inline-block;margin-top:9px;font-family:'Inter Tight',sans-serif;font-weight:700;font-size:13.5px;color:var(--orange)}
@media(max-width:600px){.also ul{grid-template-columns:1fr}}
.near a{transition:border-color .15s,box-shadow .15s,transform .15s}
.near a:hover{border-color:var(--orange);box-shadow:0 6px 18px -10px rgba(232,98,26,.4);transform:translateY(-1px)}
/* CTA header (libellé long) */
.nav a.cta{font-size:13.5px !important;padding:9px 15px !important;line-height:1.12;white-space:nowrap}
@media(max-width:640px){.nav .wrap{height:auto;min-height:60px;padding-top:10px;padding-bottom:10px;gap:10px}
.nav a.cta{font-size:11.5px !important;padding:8px 12px !important;white-space:normal;text-align:center;max-width:200px}
.logo{font-size:19px}}

/* fleche cliquable sur le bouton header */
.nav a.cta{display:inline-flex;align-items:center;gap:8px}
.nav a.cta:after{content:"";width:15px;height:15px;flex:none;background-color:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}