/* TAWSA.NET — mise en page des pages refondues (accueil, services, contact).
   S'appuie sur tokens.css et chrome.css. */
html{scroll-behavior:smooth;}
body{overflow-x:hidden;}
a{color:var(--nuit);}a:hover{color:var(--or);}
img{max-width:100%;display:block;}
.shell{max-width:1240px;margin:0 auto;padding:0 var(--pad);}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--tawsa-display);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--or);line-height:1.5;}
.eyebrow::before{content:"";width:32px;height:1px;background:currentColor;flex:0 0 32px;}
em{font-style:italic;}
h1 em,h2 em{color:var(--or);font-weight:500;}
/* mot-clé SEO placé dans le H1, rendu comme l'eyebrow de la maquette */
h1 .h1-kw{display:flex;width:fit-content;margin-bottom:26px;font-style:normal;}
[id]{scroll-margin-top:calc(var(--hdr-h) + 16px);}

/* sections */
.sec{padding:clamp(80px,11vw,140px) 0;}
.sec--sable{background:var(--sable);}
.sec--white{background:#fff;}
.sec--nuit{background:var(--nuit);color:var(--creme);}
.shead{display:grid;grid-template-columns:220px 1fr;gap:56px;margin-bottom:64px;}
.shead__num{font-family:var(--tawsa-serif);font-style:italic;font-size:17px;color:var(--or);padding-top:14px;border-top:1px solid var(--or);align-self:start;}
.shead h2{font-size:clamp(34px,4.2vw,52px);line-height:1.1;max-width:20ch;text-wrap:balance;}
.shead p{margin-top:22px;font-size:18px;line-height:1.65;color:var(--gris);max-width:58ch;}
.sec--nuit .shead h2{color:var(--creme);}
.sec--nuit .shead p{color:rgba(248,247,244,.72);}
@media (max-width:860px){.shead{grid-template-columns:1fr;gap:16px;margin-bottom:44px;}}

/* ====== ACCUEIL ====== */
.home-hero{padding:168px 0 0;background:var(--creme);}
.home-hero__top{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end;margin-bottom:64px;}
.home-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.04;text-wrap:balance;}
.home-hero__sub{font-size:18px;line-height:1.7;color:var(--gris);max-width:46ch;}
.home-hero__sub strong{color:var(--nuit);font-weight:500;}
.home-hero__ctas{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:32px;}
@media (max-width:900px){.home-hero{padding-top:132px;}.home-hero__top{grid-template-columns:1fr;gap:24px;}}

.poles{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:14px;overflow:hidden;box-shadow:var(--tawsa-shadow-lg);}
.pole{padding:clamp(36px,4.5vw,60px);display:flex;flex-direction:column;position:relative;}
.pole--it{background:var(--nuit);color:var(--creme);}
.pole--gestion{background:#fff;}
.pole__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px;}
.pole__num{font-family:var(--tawsa-display);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--or);}
.pole__ic{width:52px;height:52px;color:var(--or);}
.pole__ic svg{width:100%;height:100%;}
.pole h2{font-size:clamp(30px,3.2vw,42px);line-height:1.1;}
.pole--it h2{color:var(--creme);}
.pole__acc{font-family:var(--tawsa-serif);font-style:italic;font-size:20px;line-height:1.4;margin:14px 0 18px;color:var(--or);}
.pole__body{font-size:16px;line-height:1.7;color:var(--gris);max-width:46ch;}
.pole--it .pole__body{color:rgba(248,247,244,.72);}
.pole__list{list-style:none;padding:0;margin:34px 0 40px;border-top:1px solid var(--line);}
.pole--it .pole__list{border-color:rgba(248,247,244,.14);}
.pole__list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-family:var(--tawsa-display);font-size:16px;font-weight:500;color:var(--nuit);transition:padding .2s,color .2s;}
.pole--it .pole__list a{color:var(--creme);border-color:rgba(248,247,244,.14);}
.pole__list a:hover{color:var(--or);padding-left:8px;}
.pole__list a small{display:block;font-family:var(--tawsa-sans);font-size:13px;font-weight:400;color:var(--gris);margin-top:2px;}
.pole--it .pole__list a small{color:rgba(248,247,244,.55);}
.pole__list .arrow{color:var(--or);}
.pole__foot{margin-top:auto;}
@media (max-width:900px){.poles{grid-template-columns:minmax(0,1fr);}}

.trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-top:1px solid var(--line);}
.trust__i{padding:32px 24px 40px 0;border-right:1px solid var(--line);}
.trust__i+.trust__i{padding-left:28px;}
.trust__i:last-child{border-right:none;}
.trust__v{display:block;font-family:var(--tawsa-serif);font-size:28px;font-weight:600;color:var(--nuit);line-height:1.1;}
.trust__l{display:block;font-size:14px;color:var(--gris);margin-top:8px;}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr;}.trust__i:nth-child(2n){border-right:none;}.trust__i:nth-child(3){padding-left:0;}}

.rails{display:grid;gap:44px;}
.rail{display:grid;grid-template-columns:220px 1fr;gap:56px;}
.rail__k{font-family:var(--tawsa-display);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--or);}
.rail__k::before{content:"";display:block;width:40px;height:1px;background:var(--or);margin-bottom:16px;}
.rail p{font-size:17px;line-height:1.75;max-width:62ch;}
.rail p strong{color:var(--nuit);font-weight:500;}
@media (max-width:860px){.rail{grid-template-columns:1fr;gap:14px;}}

/* steps (accueil + services) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.step{border-top:1px solid var(--line);padding-top:26px;}
.sec--nuit .step{border-color:rgba(248,247,244,.18);}
.step__n{font-family:var(--tawsa-serif);font-style:italic;font-size:18px;color:var(--or);}
.step h3{font-family:var(--tawsa-display);font-size:19px;font-weight:600;margin:14px 0 10px;line-height:1.3;}
.sec--nuit .step h3{color:var(--creme);}
.step p{font-size:15px;line-height:1.65;color:var(--gris);}
.sec--nuit .step p{color:rgba(248,247,244,.7);}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.steps{grid-template-columns:1fr;}}

/* blog (accueil) */
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.posts a{display:flex;flex-direction:column;gap:10px;padding:32px 30px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:all .24s;}
.posts a:hover{border-color:var(--or);box-shadow:var(--tawsa-shadow-md);color:var(--nuit);}
.posts small{font-family:var(--tawsa-display);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or);}
.posts b{font-family:var(--tawsa-serif);font-size:24px;font-weight:600;color:var(--nuit);line-height:1.25;}
.posts span{font-size:15px;color:var(--gris);line-height:1.6;}
.posts__more{margin-top:32px;}
@media (max-width:800px){.posts{grid-template-columns:1fr;}}

/* CTA final */
.cta{padding:clamp(96px,12vw,150px) 0;background:var(--nuit);color:var(--creme);text-align:center;}
.cta .eyebrow{margin-bottom:30px;}
.cta h2{font-size:clamp(38px,5.4vw,66px);line-height:1.08;color:var(--creme);max-width:18ch;margin:0 auto 24px;text-wrap:balance;}
.cta p{font-size:18px;line-height:1.65;color:rgba(248,247,244,.74);max-width:52ch;margin:0 auto 44px;}
.cta__btns{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;align-items:center;}

/* ====== PAGES SERVICE ====== */
.svc-hero{padding:150px 0 90px;background:var(--creme);}
.svc-hero.is-it{background:var(--nuit);color:var(--creme);}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--tawsa-display);font-size:13px;color:var(--gris);margin-bottom:40px;}
.crumbs a{color:var(--gris);}.crumbs a:hover{color:var(--or);}
.crumbs span[aria-current]{color:var(--nuit);font-weight:500;}
.is-it .crumbs,.is-it .crumbs a{color:rgba(248,247,244,.55);}
.is-it .crumbs span[aria-current]{color:var(--creme);}
.svc-hero__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:start;}
.svc-hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.06;text-wrap:balance;}
.is-it h1{color:var(--creme);}
.svc-hero__sub{font-size:19px;line-height:1.7;color:var(--gris);max-width:52ch;margin-top:26px;}
.is-it .svc-hero__sub{color:rgba(248,247,244,.74);}
.svc-hero__ctas{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:36px;}
.is-it .btn--navy{background:var(--or);color:var(--nuit);}.is-it .btn--navy:hover{background:var(--creme);}
.brief{background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px 32px;box-shadow:var(--tawsa-shadow-md);color:var(--anth);}
.is-it .brief{background:rgba(248,247,244,.05);border-color:rgba(248,247,244,.16);box-shadow:none;color:var(--creme);}
.brief__t{font-family:var(--tawsa-display);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--or);margin-bottom:10px;}
.brief__row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;}
.is-it .brief__row{border-color:rgba(248,247,244,.14);}
.brief__row span:first-child{color:var(--gris);}
.is-it .brief__row span:first-child{color:rgba(248,247,244,.6);}
.brief__row span:last-child{font-weight:500;color:var(--nuit);text-align:right;}
.is-it .brief__row span:last-child{color:var(--creme);}
.brief__price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:20px;}
.brief__price span{font-size:14px;color:var(--gris);}
.is-it .brief__price span{color:rgba(248,247,244,.6);}
.brief__price b{font-family:var(--tawsa-serif);font-size:32px;font-weight:600;color:var(--nuit);}
.is-it .brief__price b{color:var(--or);}
.brief .btn{width:100%;justify-content:center;margin-top:22px;}
@media (max-width:960px){.svc-hero{padding-top:124px;}.svc-hero__grid{grid-template-columns:1fr;gap:44px;}}

.offer{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.offer__c{background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px 30px;transition:box-shadow .24s,border-color .24s,transform .24s;}
.offer__c:hover{box-shadow:var(--tawsa-shadow-md);border-color:var(--or);transform:translateY(-3px);}
.offer__ic{width:38px;height:38px;color:var(--or);margin-bottom:22px;}
.offer__ic svg{width:100%;height:100%;}
.offer__c h3{font-family:var(--tawsa-display);font-size:19px;font-weight:600;line-height:1.3;margin-bottom:10px;}
.offer__c p{font-size:15px;line-height:1.65;color:var(--gris);}
@media (max-width:960px){.offer{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.offer{grid-template-columns:1fr;}}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.plan{background:#fff;border:1px solid var(--line);border-radius:12px;padding:38px 32px;display:flex;flex-direction:column;}
.plan--feat{background:var(--nuit);border-color:var(--nuit);color:var(--creme);position:relative;}
.plan__tag{position:absolute;top:-13px;left:32px;background:var(--or);color:var(--nuit);font-family:var(--tawsa-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;}
.plan__n{font-family:var(--tawsa-display);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or);}
.plan h3{font-size:28px;margin:10px 0 6px;}
.plan--feat h3{color:var(--creme);}
.plan__d{font-size:14px;line-height:1.6;color:var(--gris);min-height:44px;}
.plan--feat .plan__d{color:rgba(248,247,244,.66);}
.plan__p{margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.plan--feat .plan__p{border-color:rgba(248,247,244,.16);}
.plan__p small{display:block;font-size:12px;color:var(--gris);margin-bottom:4px;}
.plan--feat .plan__p small{color:rgba(248,247,244,.6);}
.plan__p b{font-family:var(--tawsa-serif);font-size:36px;font-weight:600;color:var(--nuit);line-height:1;}
.plan--feat .plan__p b{color:var(--or);}
.plan__p i{font-style:normal;font-size:14px;color:var(--gris);margin-left:4px;}
.plan--feat .plan__p i{color:rgba(248,247,244,.6);}
.plan ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px;}
.plan li{display:flex;gap:12px;font-size:15px;line-height:1.5;}
.plan li::before{content:"";flex:0 0 7px;height:7px;margin-top:8px;background:var(--or);transform:rotate(45deg);}
.plan .btn{margin-top:auto;justify-content:center;}
.plan--feat .btn--navy{background:var(--or);color:var(--nuit);}.plan--feat .btn--navy:hover{background:var(--creme);}
.note{font-size:13px;color:var(--gris);margin-top:24px;font-style:italic;}
@media (max-width:960px){.plans{grid-template-columns:1fr;max-width:520px;}.plan--feat{margin-top:12px;}}

.faq{max-width:860px;}
.faq details{border-bottom:1px solid var(--line);}
.faq details:first-child{border-top:1px solid var(--line);}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;list-style:none;font-family:var(--tawsa-display);font-size:18px;font-weight:500;color:var(--nuit);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--tawsa-serif);font-size:26px;color:var(--or);transition:transform .2s;line-height:1;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details p{padding:0 0 26px;font-size:16px;line-height:1.75;color:var(--gris);max-width:70ch;}

.related{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.related a{display:flex;flex-direction:column;gap:10px;padding:30px 28px;border:1px solid var(--line);border-radius:10px;background:var(--creme);transition:all .24s;}
.related a:hover{border-color:var(--or);background:#fff;color:var(--nuit);}
.related small{font-family:var(--tawsa-display);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or);}
.related b{font-family:var(--tawsa-serif);font-size:23px;font-weight:600;color:var(--nuit);}
.related span{font-size:14px;color:var(--gris);line-height:1.55;}
.related .arrow{color:var(--or);margin-top:6px;}
@media (max-width:900px){.related{grid-template-columns:1fr;}}

/* contact */
.contact{padding:150px 0 120px;}
.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start;}
.contact h1{font-size:clamp(40px,5vw,64px);line-height:1.06;margin:0 0 24px;}
.contact__lead{font-size:18px;line-height:1.7;color:var(--gris);max-width:44ch;}
.coords{margin-top:44px;display:grid;gap:0;border-top:1px solid var(--line);}
.coords div{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;}
.coords span{color:var(--gris);}
.coords a,.coords b{font-weight:500;color:var(--nuit);}
.coords a{border-bottom:1px solid var(--or);}
.form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(28px,4vw,48px);box-shadow:var(--tawsa-shadow-md);}
.form__seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px;border:0;padding:0;}
.form__seg label{position:relative;cursor:pointer;}
.form__seg input{position:absolute;opacity:0;}
.form__seg span{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:8px;font-family:var(--tawsa-display);font-size:15px;font-weight:500;color:var(--nuit);transition:all .2s;}
.form__seg small{display:block;font-family:var(--tawsa-sans);font-size:12.5px;font-weight:400;color:var(--gris);margin-top:3px;}
.form__seg input:checked+span{border-color:var(--nuit);background:var(--nuit);color:var(--creme);}
.form__seg input:checked+span small{color:rgba(248,247,244,.65);}
.form__seg input:focus-visible+span{outline:2px solid var(--or);outline-offset:2px;}
.form__lg{font-family:var(--tawsa-display);font-size:13px;font-weight:600;color:var(--nuit);margin-bottom:8px;padding:0;}
.fld{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.fld label{font-family:var(--tawsa-display);font-size:13px;font-weight:600;color:var(--nuit);}
.fld input,.fld select,.fld textarea{font:inherit;font-size:15px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--creme);color:var(--anth);transition:border-color .2s,background .2s;}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--or);background:#fff;}
.fld textarea{min-height:120px;resize:vertical;}
.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--gris);margin:6px 0 18px;cursor:pointer;}
.consent input{margin-top:3px;accent-color:var(--nuit);flex:0 0 auto;}
.consent a{text-decoration:underline;}
.form__err{background:#FBEDED;border:1px solid #E7C3C3;color:var(--tawsa-rouge-alerte);border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:14px;}
.form .btn{width:100%;justify-content:center;margin-top:8px;}
.form .btn:disabled{opacity:.6;cursor:wait;}
.form__ok{display:none;text-align:center;padding:40px 10px;}
.form__ok h3{font-size:30px;margin:18px 0 12px;}
.form__ok p{color:var(--gris);}
.form__ref{font-family:var(--tawsa-display);font-size:13px;letter-spacing:.08em;color:var(--nuit);margin-top:14px;}
.form.is-sent .form__body{display:none;}
.form.is-sent .form__ok{display:block;}
@media (max-width:960px){.contact{padding-top:124px;}.contact__grid{grid-template-columns:1fr;gap:48px;}}
@media (max-width:560px){.fld-row,.form__seg{grid-template-columns:1fr;}}

@media (max-width:560px){.btn{white-space:normal;text-align:center;line-height:1.3;}.pole__foot .btn,.cta .btn--gold{width:100%;justify-content:center;}}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--tawsa-ease),transform .6s var(--tawsa-ease);}
.rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none;}}