*{box-sizing:border-box}
:root{
 --ink:#081a2b;--ink2:#10283b;--muted:#607283;--paper:#f4f5f3;--paper2:#eef1ef;--white:#fff;
 --teal:#0f8f99;--teal-bright:#22c4c0;--teal-deep:#086e76;--coral:#e48f67;--coral2:#f1b18e;
 --dark:#061018;--dark2:#0b1721;--carbon:#111a20;--line:#d8dee1;--line-dark:rgba(255,255,255,.12);
 --shadow:0 20px 45px rgba(14,31,44,.12);--shadow-dark:0 28px 70px rgba(0,0,0,.38);
 --sans:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
 --title:"Raleway",Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;
}
html{scroll-behavior:smooth;background:#e6ece9}body{margin:0;font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:#e6ece9 url("/assets/site/public-background.svg") center top / cover fixed no-repeat;color:var(--ink)}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(1680px,calc(100% - 96px));margin:0 auto}
/* Public header — carbone noir premium, cohérent avec le bandeau du hero. */
.site-header{
  height:100px;position:sticky;top:0;z-index:100;
  width:100%;max-width:none;left:0;right:0;
  background-color:#070b0d;
  background-image:
    linear-gradient(180deg,rgba(18,23,26,.985),rgba(5,9,11,.99)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.050) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.30) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 50% -25%,rgba(28,191,195,.10),transparent 42%);
  background-blend-mode:normal,screen,multiply,screen;
  border-bottom:1px solid rgba(34,196,192,.26);
  box-shadow:0 10px 28px rgba(1,8,11,.16),inset 0 -1px 0 rgba(34,196,192,.08);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)
}
.site-header:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 2%,rgba(34,196,192,.55) 18%,rgba(34,196,192,.14) 50%,rgba(34,196,192,.48) 82%,transparent 98%);
  opacity:.62
}
.nav-row{height:100px;display:flex;align-items:center;gap:40px;position:relative}
.site-header .nav-row{width:100%;max-width:none;margin:0;padding-left:clamp(34px,2.5vw,48px);padding-right:clamp(34px,2.5vw,48px)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand-word{font-size:27px;font-weight:760;letter-spacing:-.045em}
.site-header .brand-word{font-size:25px;color:#f7f8fa}
.brand-cube{position:relative;width:39px;height:39px;display:block;transform:rotate(0deg)}
.brand-cube i,.brand-cube b,.brand-cube em{position:absolute;display:block;font-style:normal}
.brand-cube i{width:22px;height:22px;left:1px;top:2px;background:linear-gradient(135deg,#42d5d0,#0a7b86);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.brand-cube b{width:22px;height:22px;right:0;bottom:1px;background:linear-gradient(135deg,#e9edf0,#8ea3ad);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.brand-cube em{width:18px;height:18px;left:10px;top:10px;background:#0b2231;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.desktop-nav{display:flex;gap:40px;margin-left:auto}
.desktop-nav a{text-decoration:none;font-size:14px;font-weight:500;position:relative;padding:31px 0;color:#d5d9db}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:23px;background:linear-gradient(90deg,var(--teal-bright),var(--coral));transition:.2s}
.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}
.nav-actions{display:flex;gap:14px}
.ghost,.cta{min-height:48px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:650;transition:.2s}
.site-header .ghost,.site-header .cta{min-height:46px;padding-left:22px;padding-right:22px;border-radius:12px;font-size:13.5px}
.ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.035)}
.cta{background:linear-gradient(180deg,#12a4a6,#08787d);color:#fff;box-shadow:0 12px 24px rgba(7,114,120,.18)}
.ghost:hover,.cta:hover{transform:translateY(-1px)}
.mobile-nav{display:none;margin-left:auto}
.mobile-nav summary{cursor:pointer;list-style:none;min-width:74px;min-height:44px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:750;line-height:1;color:#fff;border:1px solid rgba(34,196,192,.24);background:rgba(255,255,255,.035);user-select:none;touch-action:manipulation}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary:before{content:"";width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;box-shadow:inset 0 4px 0 -2px currentColor}
.mobile-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;padding:14px;border-radius:16px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);display:grid;gap:6px;z-index:120}
.mobile-panel a{text-decoration:none;min-height:44px;padding:10px 12px;border-radius:10px;display:flex;align-items:center;color:#1e3440}
.mobile-panel a:hover,.mobile-panel a.active{background:#edf4f3;color:#0a777d}
.mobile-panel .mobile-cta{justify-content:center;margin-top:4px;background:linear-gradient(180deg,#12a4a6,#08787d);color:#fff;border-radius:10px}
.mobile-nav[open] summary{outline:2px solid rgba(20,151,156,.18);outline-offset:2px}
/* home hero */
.theme-home{background:#fff;color:#0c1e2a}.hero-home{position:relative;min-height:calc(100vh - 100px);height:924px;max-height:1020px;background:#071018;overflow:hidden;color:#fff}.hero-home:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(27,82,88,.15),transparent 28%),linear-gradient(90deg,rgba(1,8,12,.2),transparent 40%,rgba(0,0,0,.08));pointer-events:none}.hero-reference-grid{height:100%;position:relative;z-index:2;display:grid;grid-template-columns:36.5% 63.5%;align-items:stretch}.hero-reference-copy{padding:54px 0 36px 2px;display:flex;flex-direction:column;justify-content:flex-start;max-width:590px;z-index:3}.hero-eyebrow{display:flex;align-items:center;gap:18px;color:#e9a17d;text-transform:uppercase;letter-spacing:.18em;font-size:14px;margin-bottom:36px;font-weight:600}.hero-eyebrow span{width:82px;height:2px;background:linear-gradient(90deg,#ec986e,transparent)}.hero-reference-copy h1{font-size:clamp(70px,5.7vw,96px);font-weight:500;letter-spacing:-.055em;line-height:.84;margin:0 0 50px;color:#f6f4f1}.hero-reference-copy h1 em{font-style:normal;display:block;color:#158996;margin-top:22px;line-height:.84}.hero-reference-copy p{max-width:425px;color:#d5d7d7;font-size:19px;line-height:1.5;margin:0}.hero-reference-actions{display:flex;align-items:center;gap:22px;margin-top:40px}.hero-primary-btn,.hero-outline-btn{height:64px;padding:0 36px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:650;font-size:17px}.hero-primary-btn{background:linear-gradient(180deg,#12a4a6,#08787d);box-shadow:0 12px 24px rgba(7,114,120,.18);color:#fff}.hero-primary-btn span{font-size:24px;margin-left:18px}.hero-outline-btn{border:1px solid rgba(85,205,216,.35);color:#77cfd4;background:rgba(5,18,26,.32)}.hero-play{width:36px;height:36px;display:grid;place-items:center;border:1px solid #1ca2ad;border-radius:50%;font-size:11px;margin-right:12px}.hero-reference-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:75px;width:590px}.hero-reference-benefits>div{display:flex;gap:13px;padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,.28)}.hero-reference-benefits>div:last-child{border-right:0;margin-right:0}.hero-reference-benefits i{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border:2px solid #eef1f2;border-radius:13px;font-style:normal;color:#fff}.hero-reference-benefits span{display:grid;gap:3px}.hero-reference-benefits b{font-family:var(--title);font-size:14px;color:#f3f5f6}.hero-reference-benefits small{font-size:12px;color:#bfc7ca;line-height:1.3}.benefit-cube{border:0!important;border-radius:0!important;position:relative}.benefit-cube:before{content:"⬡";font-size:38px;line-height:1;color:#eef1f2}.benefit-grid-icon{background:linear-gradient(90deg,transparent 43%,#eef1f2 43% 57%,transparent 57%),linear-gradient(transparent 43%,#eef1f2 43% 57%,transparent 57%)}.benefit-shield{border-radius:50% 50% 48% 48%!important}
/* clear site sections */
.section{padding:90px 0}.section-clear,.apps-real,.pricing-home,.faq-home-section{background:transparent;color:#0b1d2a}.apps-real{padding:96px 0}.section-heading{max-width:900px;margin:0 auto 44px;text-align:center}.section-heading>span,.security-copy>span{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.section-heading h2,.security-copy h2{font-family:var(--title);font-size:46px;line-height:1.03;letter-spacing:-.045em;margin:8px 0 12px;color:#0d1d29;font-weight:600}.section-heading p{margin:0;color:#5f707c;font-size:17px;line-height:1.65}.left-heading{text-align:left;margin-left:0;max-width:900px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.premium-value-grid article{min-height:190px;border:1px solid rgba(19,39,50,.12);border-radius:24px;padding:27px;background:rgba(255,255,255,.74);display:flex;gap:18px;box-shadow:0 13px 34px rgba(28,49,59,.06);position:relative;overflow:hidden}.premium-value-grid article:after{content:"";position:absolute;right:-45px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(22,154,159,.11),transparent 68%)}.line-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(20,108,114,.26);border-radius:14px;color:#0d7b82;font-weight:800}.premium-value-grid h3{margin:4px 0 8px;font-family:var(--title);font-size:20px}.premium-value-grid p{margin:0;color:#60717c;font-size:14px;line-height:1.55}.app-real-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.app-real-card{position:relative;min-height:182px;border:1px solid rgba(20,38,48,.14);border-radius:24px;padding:24px;background:rgba(255,255,255,.8);box-shadow:0 12px 30px rgba(21,39,48,.06);display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto 30px;gap:14px 16px;transition:.25s;overflow:hidden}.app-real-card:before{content:"";position:absolute;inset:auto -24px -36px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(21,154,160,.13),transparent 70%)}.app-real-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(19,39,49,.11)}.app-logo{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#123040,#081823);color:#fff;font-size:24px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 20px rgba(20,40,50,.14)}.app-logo{color:#84dce0}.app-real-card h3{font-family:var(--title);font-size:17px;margin:1px 0 5px}.app-real-card p{font-size:13px;color:#60717d;margin:0;line-height:1.45}.app-real-card>span{grid-column:1/-1;align-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#617681;border-top:1px solid rgba(20,38,48,.1);padding-top:10px}.strong-link{display:table;margin:25px auto 0;color:#0c7e86;text-decoration:none;font-weight:800}.strong-link span{margin-left:8px}.security-showcase{padding:86px 0;background:#0b161e;color:#fff;position:relative;overflow:hidden}.security-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.018) 50%,rgba(255,255,255,.018) 75%,transparent 75%);background-size:18px 18px;opacity:.6}.security-showcase:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-100px;top:-200px;background:radial-gradient(circle,rgba(228,143,103,.17),transparent 68%)}.security-showcase-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.security-copy h2{color:#fff;font-size:52px}.security-copy p{color:#bfc8cd;font-size:16px;line-height:1.65}.security-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-panel>div{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));min-height:150px}.security-panel i{display:block;color:#e6a17d;font-style:normal;font-size:12px;letter-spacing:.12em}.security-panel strong{display:block;margin:12px 0 5px;font-family:var(--title)}.security-panel small{color:#aebbc2;line-height:1.45}.pricing-home{padding:94px 0}.pricing-trial-promise{margin:12px auto 32px;max-width:760px;text-align:center;font-family:var(--title);font-size:22px;font-weight:800;line-height:1.3;color:#102433}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto}.plan{position:relative;min-height:410px;padding:26px;border-radius:24px;border:1px solid rgba(20,40,50,.14);background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(20,40,50,.06);display:flex;flex-direction:column;color:#0c1e2a}.plan.featured{border:2px solid #0b979c;box-shadow:0 22px 46px rgba(11,151,156,.16)}.plan-ribbon{position:absolute;top:-1px;left:28px;right:28px;height:26px;background:#0b8f95;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;border-radius:0 0 8px 8px}.plan>small{color:#0a858b;font-weight:850;margin-top:10px}.plan h3{font-size:21px;margin:5px 0}.plan>p{font-size:12px;color:#687985;min-height:38px}.price{font-size:39px;font-weight:850;letter-spacing:-.05em;margin:15px 0}.price span{font-size:11px;color:#71818b;font-weight:600;letter-spacing:0}.plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;color:#4f6470;font-size:12px}.plan li:before{content:"✓";color:#0a9298;margin-right:8px;font-weight:900}.plan-btn{margin-top:auto;height:43px;border:1px solid #8cbec0;border-radius:10px;display:grid;place-items:center;text-decoration:none;font-size:12px;font-weight:800;color:#08787d}.featured .plan-btn{background:#0b8f95;color:#fff;border-color:#0b8f95}.faq-home-section{padding:86px 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1180px;margin:0 auto}.faq-grid details{border:1px solid rgba(20,40,50,.13);border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.78)}.faq-grid summary{cursor:pointer;font-family:var(--title);font-weight:800;color:#122633}.faq-grid p{color:#60717c;font-size:14px}.final-cta-home{padding:72px 0;background:rgba(248,250,249,.78);border-top:1px solid rgba(10,30,40,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1320px}.final-cta-inner>div>span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#0d7c82}.final-cta h2{font-family:var(--title);font-size:38px;letter-spacing:-.04em;margin:7px 0;color:#0e2230}.final-cta p{margin:0;color:#5c707c}.final-cta .cta{min-height:56px;padding:0 28px}
/* inner pages: light + texture + carbon accent */
.theme-inner{background:transparent;color:#0b1c29}.page-hero{position:relative;padding:72px 0 50px;background:transparent;overflow:hidden;border-bottom:1px solid rgba(17,40,51,.08)}.page-hero:before,.page-hero:after,.page-hero-texture{display:none}.page-hero-inner{position:relative;z-index:2;max-width:960px;margin-left:max(0px,calc((100vw - min(1680px,calc(100vw - 96px)))/2))}.page-hero .eyebrow{display:inline-flex;color:#0b868c;text-transform:uppercase;letter-spacing:.15em;font-weight:850;font-size:12px;margin:0}.page-hero h1{font-family:var(--title);font-size:48px;line-height:1.04;letter-spacing:-.04em;margin:8px 0 10px;max-width:900px;font-weight:760}.page-hero p{color:#51636e;font-size:16px;max-width:760px;line-height:1.6}.content-page,.theme-inner .section{padding:72px 0}.wrap{width:min(1380px,calc(100% - 96px));margin:0 auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prose,.form-card,.faq-list details{background:rgba(255,255,255,.88);border:1px solid rgba(17,40,51,.12);border-radius:22px;box-shadow:0 12px 30px rgba(18,42,54,.045)}.prose{max-width:1080px;margin:0 auto;padding:34px}.prose h2{font-family:var(--title);font-size:30px;letter-spacing:-.035em;margin-top:32px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#5e707b;line-height:1.72}.legal-prep{max-width:1080px;margin:0 auto 18px;padding:15px 18px;border:1px solid #d7dee2;background:rgba(255,255,255,.9);border-radius:14px;color:#43545d}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.form-card{padding:30px}label{display:block;font-weight:750;margin:15px 0 7px}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #c6d1d4;border-radius:11px;background:#fff;font:inherit}textarea{min-height:150px}.form-btn{margin-top:18px;border:0;border-radius:11px;background:linear-gradient(180deg,#159da1,#0c7c83);color:#fff;font-weight:800;padding:14px 22px;cursor:pointer}.success,.error{padding:13px 15px;border-radius:10px;margin-bottom:15px}.success{background:#e1f5f2}.error{background:#ffebe7}.honeypot{position:absolute;left:-9999px}.form-privacy{font-size:12px;color:#6a7b86}.btn.outline{margin-top:auto;display:grid;place-items:center;height:44px;border:1px solid #86bfc2;border-radius:10px;text-decoration:none;color:#0a777d;font-weight:800}.faq-list{display:grid;gap:12px;max-width:1080px;margin:0 auto}.faq-list details{padding:18px 20px}.faq-list summary{font-family:var(--title);font-weight:800;cursor:pointer}.faq-list p{color:#60727d}.section .wrap>h2{font-family:var(--title)}
/* footer */
.site-footer{padding:58px 0 22px;background:#071018;color:#d8dfe2;border-top:1px solid rgba(255,255,255,.07)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:46px}.footer-brand-link .brand-word{color:#f4f5f6}.footer-brand p{font-size:12px;color:#9eabb0}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:6px}.footer-grid a{text-decoration:none;color:#aeb9bd;font-size:12px}.footer-grid a:hover{color:#74d2d1}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:10px;color:#7e8d93}
/* reveal */
.section-reveal{opacity:1;transform:none}.js .section-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.js .section-reveal.visible{opacity:1;transform:none}

/* Tarification BOXTYL — grille publique */
.price-steps{list-style:none!important;padding:0!important;display:grid!important;gap:7px!important;margin:0 0 18px!important}.price-steps li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border-radius:9px;background:rgba(12,126,134,.055);font-size:12px}.price-steps li:before{display:none!important}.price-steps strong{font-weight:700;color:#39515d}.price-steps b{color:#0a7f85;font-weight:850;white-space:nowrap}.plan-note{min-height:0!important;margin:-4px 0 18px!important;font-size:11px!important;line-height:1.45;color:#6b7d87!important}.pricing-rule{max-width:980px;margin:28px auto 0;padding:16px 19px;border-radius:14px;border:1px solid rgba(10,143,149,.2);background:rgba(255,255,255,.66);color:#4c626e;font-size:14px;line-height:1.55;text-align:center}.pricing-rule strong{color:#0d2735}
@media (pointer:coarse){body{background-attachment:scroll}}
@media(max-width:1320px){.shell{width:min(100% - 48px,1680px)}.desktop-nav{display:none}.mobile-nav{display:block}.nav-actions{display:none!important}.hero-home{height:auto;min-height:860px}.hero-reference-grid{grid-template-columns:44% 56%}.hero-reference-copy h1{font-size:68px}.hero-reference-benefits{width:100%}.value-grid,.app-real-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.security-showcase-grid{grid-template-columns:1fr;gap:30px}.wrap{width:min(100% - 48px,1380px)}}
@media(max-width:820px){.pricing-rule{text-align:left}.site-header,.nav-row{height:76px}.nav-actions{display:none}.hero-home{min-height:auto;height:auto;padding:36px 0 0}.hero-reference-grid{grid-template-columns:1fr}.hero-reference-copy{padding:34px 0 24px;max-width:none}.hero-eyebrow{font-size:11px;margin-bottom:24px}.hero-reference-copy h1{font-size:55px;line-height:.92}.hero-reference-copy h1 em{margin-top:14px}.hero-reference-copy p{font-size:16px}.hero-reference-actions{align-items:stretch;flex-direction:column}.hero-primary-btn,.hero-outline-btn{height:56px;width:100%}.hero-reference-benefits{grid-template-columns:1fr;gap:14px;margin-top:34px}.hero-reference-benefits>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:14px;margin:0}.section{padding:66px 0}.value-grid,.app-real-grid,.plan-grid,.cards{grid-template-columns:1fr}.section-heading h2,.security-copy h2{font-size:38px}.security-panel{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.final-cta-inner{flex-direction:column;align-items:flex-start}.page-hero{padding:58px 0 42px}.page-hero h1{font-size:38px;max-width:100%}.page-hero p{font-size:15px;max-width:100%}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:500px){.shell,.wrap{width:min(100% - 28px,1680px)}.brand-word{font-size:23px}.brand-cube{width:34px;height:34px}.hero-reference-copy h1{font-size:48px}.section-heading h2{font-size:34px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.page-hero h1{font-size:34px;max-width:100%}.page-hero p{max-width:100%}}

/* ==========================================================================
   HOME HERO — clean responsive foundation
   Historical hero patches removed. This block is the single source of truth
   for the public home hero.
   ========================================================================== */

html{scroll-padding-top:112px}

/* Home hero: fond SaaS validé et illustration principale. */
.theme-home .hero-home{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  height:auto;
  max-height:none;
  min-height:max(720px,calc(100vh - 88px));min-height:max(720px,calc(100svh - 88px));
  padding:0;
  color:#0b1821;
  background-color:#f4f5f5;
  background-image:none!important;
}
.theme-home .hero-home:before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:0;
  pointer-events:none;
  background-image:url("/assets/site/hero-background.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:rotate(-1.7deg) scale(1.06) translate(-2.4%,1.8%);
  transform-origin:50% 50%;
}
.theme-home .hero-home:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:none!important}
.theme-home .hero-reference-grid{
  min-height:inherit;
  height:auto;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,49%) minmax(0,51%);
  align-items:center;
  gap:0;
}
.theme-home .hero-reference-copy{
  z-index:4;
  max-width:735px;
  min-height:590px;
  padding:8px 0 14px 4px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.theme-home .hero-eyebrow{
  gap:14px;
  color:#0b777c;
  font-size:13px;
  letter-spacing:.175em;
  margin-bottom:38px;
}
.theme-home .hero-eyebrow span{background:linear-gradient(90deg,#f05d38,rgba(240,93,56,.05))}
.theme-home .hero-reference-copy h1,
.theme-home .hero-reference-copy h1 .hero-title-main,
.theme-home .hero-reference-copy h1 em{
  font-family:var(--title);
  font-style:normal;
  font-stretch:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.theme-home .hero-reference-copy h1{
  max-width:760px;
  margin:0 0 52px;
  font-size:clamp(59px,4vw,68px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.035em;
  color:#090d10;
  text-shadow:none;
}
.theme-home .hero-reference-copy h1 .hero-title-main{font-weight:400;letter-spacing:-.036em}
.theme-home .hero-reference-copy h1 em{
  display:block;
  margin-top:13px;
  font-weight:400;
  line-height:.97;
  letter-spacing:-.042em;
  color:#0d878c;
}
.theme-home .hero-reference-actions{
  width:100%;
  max-width:none;
  margin-top:34px;
  gap:17px;
  justify-content:center;
}
.theme-home .hero-primary-btn,.theme-home .hero-outline-btn{height:58px;padding:0 29px;font-size:14.5px}
.theme-home .hero-outline-btn{color:#0a686e;background:rgba(255,255,255,.58);border:1px solid rgba(8,116,122,.45);box-shadow:0 8px 20px rgba(25,47,51,.035)}
.theme-home .hero-play{color:#0a777d;border-color:#0a8f95}
.theme-home .hero-reference-benefits{
  position:relative;
  width:100%;
  max-width:630px;
  margin-top:auto;
  padding:15px 18px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:1px solid rgba(10,177,185,.38);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 27%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.024) 0 2px,rgba(0,0,0,.025) 2px 5px),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.035) 1px 4px),
    linear-gradient(180deg,#181d20 0%,#0b0f11 55%,#080b0d 100%);
  box-shadow:
    0 14px 30px rgba(6,20,23,.18),
    0 3px 7px rgba(6,20,23,.18),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.72),
    0 0 0 1px rgba(0,0,0,.36);
  overflow:hidden;
}
.theme-home .hero-reference-benefits:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent 2%,rgba(33,215,220,.72) 18%,rgba(17,166,174,.24) 50%,rgba(33,215,220,.60) 82%,transparent 98%) top/100% 1px no-repeat,
    linear-gradient(90deg,transparent 4%,rgba(17,166,174,.32) 24%,rgba(34,223,226,.74) 50%,rgba(17,166,174,.32) 76%,transparent 96%) bottom/100% 2px no-repeat;
  opacity:.88;
}
.theme-home .hero-reference-benefits:after{
  content:"";
  position:absolute;
  inset:1px;
  pointer-events:none;
  border-radius:14px;
  box-shadow:inset 0 0 24px rgba(0,0,0,.32);
}
.theme-home .hero-reference-benefits>div{
  position:relative;
  z-index:1;
  gap:12px;
  min-width:0;
  padding:5px 18px 5px 0;
  margin-right:18px;
  border-right:1px solid rgba(117,204,207,.23);
}
.theme-home .hero-reference-benefits>div:last-child{margin-right:0;padding-right:0;border-right:0}
.theme-home .hero-reference-benefits i{
  flex-basis:42px;
  width:42px;
  height:42px;
  color:#29c7cb;
  border-color:#29c7cb;
  filter:drop-shadow(0 0 5px rgba(24,188,194,.16));
}
.theme-home .benefit-cube:before{color:#29c7cb}
.theme-home .benefit-grid-icon{background:linear-gradient(90deg,transparent 43%,#29c7cb 43% 57%,transparent 57%),linear-gradient(transparent 43%,#29c7cb 43% 57%,transparent 57%)}
.theme-home .hero-reference-benefits b{font-size:12.5px;color:#f4f8f8;font-weight:650;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.theme-home .hero-reference-benefits small{font-size:11px;color:#c3ced0;line-height:1.35}
.theme-home .hero-reference-art{
  position:relative;
  height:100%;
  padding-right:clamp(8px,1.8vw,28px);
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  overflow:visible;
  isolation:isolate;
}
.theme-home .hero-reference-art:before,.theme-home .hero-reference-art:after{content:none!important;display:none!important}
.theme-home .hero-reference-art img{
  position:absolute;
  z-index:2;
  width:min(930px,52vw);
  max-width:none;
  height:auto;
  left:auto;
  right:6px;
  top:auto;
  bottom:58px;
  object-fit:contain;
  object-position:center center;
  filter:none!important;
}

@media (min-width:501px){
  .site-header .brand-cube{width:36px;height:36px}
}

@media (min-width:901px){
  .theme-home .hero-primary-btn,.theme-home .hero-outline-btn{border-radius:13px}
  .theme-home .hero-primary-btn span{font-size:20px;margin-left:14px}
  .theme-home .hero-play{width:30px;height:30px;margin-right:9px}
}

@media (min-width:1321px){
  .site-header,.site-header .nav-row{height:88px}
}

@media (min-width:1680px){
  .theme-home .hero-reference-copy{max-width:760px;min-height:605px}
  .theme-home .hero-reference-copy h1{font-size:clamp(64px,3.75vw,72px)}
  .theme-home .hero-reference-art img{width:min(965px,51vw);right:10px;bottom:64px}
}

/* Tablet / compact desktop: one menu, two-column hero in landscape widths. */
@media (max-width:1320px){
  .page-hero-inner{margin-left:auto;margin-right:auto}
  .site-header .nav-row{padding-left:22px;padding-right:22px}
  .mobile-panel{right:22px}
  .theme-home .hero-home{min-height:max(700px,calc(100vh - 100px));min-height:max(700px,calc(100svh - 100px))}
  .theme-home .hero-home:before{inset:-3.5%;transform:rotate(-1.45deg) scale(1.05) translate(-2.1%,1.5%)}
  .theme-home .hero-reference-grid{grid-template-columns:minmax(0,48%) minmax(0,52%)}
  .theme-home .hero-reference-copy{max-width:635px;min-height:485px;padding:12px 0 18px}
  .theme-home .hero-eyebrow{font-size:12px;margin-bottom:30px}
  .theme-home .hero-reference-copy h1{max-width:590px;margin-bottom:42px;font-size:clamp(44px,4.7vw,58px)}
  .theme-home .hero-reference-actions{width:100%;max-width:550px;margin-top:28px;gap:12px;justify-content:center}
  .theme-home .hero-primary-btn,.theme-home .hero-outline-btn{height:50px;padding:0 22px;font-size:13.5px}
  .theme-home .hero-reference-benefits{max-width:550px;margin-top:auto;padding:14px 16px}
  .theme-home .hero-reference-art{padding-right:6px;justify-content:flex-end}
  .theme-home .hero-reference-art img{width:min(760px,56vw);right:-2px;bottom:46px}
}

/* Portrait tablets and phones: stack the hero instead of forcing a narrow 50/50 split. */
@media (max-width:900px), (min-width:901px) and (max-width:1100px) and (orientation:portrait){
  html{scroll-padding-top:92px}
  .theme-home .hero-home{min-height:0;height:auto;padding:28px 0 0}
  .theme-home .hero-home:before{inset:-2.5%;transform:rotate(-1deg) scale(1.03) translate(-1.2%,.8%)}
  .theme-home .hero-reference-grid{min-height:0;grid-template-columns:1fr;align-items:start}
  .theme-home .hero-reference-copy{width:100%;max-width:none;min-height:0;padding:24px 0 18px}
  .theme-home .hero-eyebrow{font-size:11px;margin-bottom:24px}
  .theme-home .hero-reference-copy h1{max-width:100%;margin-bottom:30px;font-size:clamp(42px,7vw,56px);line-height:.98}
  .theme-home .hero-reference-copy h1 em{margin-top:9px}
  .theme-home .hero-reference-actions{max-width:620px;margin:0;justify-content:flex-start}
  .theme-home .hero-reference-benefits{max-width:none;margin-top:34px;padding:14px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .theme-home .hero-reference-benefits>div{padding:4px 14px 4px 0;margin-right:14px}
  .theme-home .hero-reference-art{height:clamp(430px,62vw,560px);margin-top:10px;padding:0;justify-content:center}
  .theme-home .hero-reference-art img{width:min(780px,104vw);left:50%;right:auto;bottom:26px;transform:translateX(-50%)}
  .contact-grid,.security-showcase-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
  .site-header .nav-row{padding-left:14px;padding-right:14px}
  .mobile-panel{right:0;width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px)}
  .theme-home .hero-home{padding-top:20px}
  .theme-home .hero-reference-copy{padding:16px 0 14px}
  .theme-home .hero-reference-copy h1{font-size:clamp(36px,9vw,46px);margin-bottom:28px}
  .theme-home .hero-reference-actions{max-width:none;flex-direction:column;align-items:stretch;gap:12px}
  .theme-home .hero-primary-btn,.theme-home .hero-outline-btn{width:100%;height:56px;padding:0 24px;font-size:16px}
  .theme-home .hero-reference-benefits{grid-template-columns:1fr;gap:0;margin-top:28px;padding:10px 15px}
  .theme-home .hero-reference-benefits>div{margin:0;padding:12px 0;border-right:0;border-bottom:1px solid rgba(117,204,207,.20)}
  .theme-home .hero-reference-benefits>div:last-child{border-bottom:0}
  .theme-home .hero-reference-benefits i{flex-basis:48px;width:48px;height:48px}
  .theme-home .hero-reference-benefits b{font-size:14px}
  .theme-home .hero-reference-benefits small{font-size:12px}
  .theme-home .hero-reference-art{height:clamp(290px,78vw,350px);margin-top:4px}
  .theme-home .hero-reference-art img{width:min(520px,100%);left:50%;right:auto;bottom:18px;transform:translateX(-50%)}
}


@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .section-reveal{transition:none}
  .ghost,.cta,.app-real-card{transition:none}
}


/* Principe et aperçu du catalogue réunis dans un flux continu. */
.theme-home #principe{padding-bottom:30px}
.theme-home .apps-real{padding-top:18px;background-color:#f4f5f3}
.theme-home #principe .section-heading{margin-bottom:34px}
@media (max-width:820px){
  .theme-home #principe{padding-bottom:22px}
  .theme-home .apps-real{padding-top:10px}
  .theme-home #principe .section-heading{margin-bottom:28px}
}

/* Pricing typography follows the shared modern title family. */
.pricing-home .section-heading h2{font-family:var(--title)}

/* V17 — le bloc sombre présente désormais la sécurité réelle du socle */
.security-panel .security-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#f0ad86;background:rgba(240,173,134,.08);border:1px solid rgba(240,173,134,.18)}.security-panel .security-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-panel>div strong{margin-top:13px}


/* V18.3 — interaction nette sur les cartes et commandes du site public */
.app-real-card,
.app-real-card *,
.catalogue-card,
.catalogue-card *,
.site-head a,
.main-nav a,
.cta,.ghost,.plan-btn,.strong-link {
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.app-real-card{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.app-real-card:focus-visible{outline:3px solid rgba(11,143,149,.30);outline-offset:3px}
input,textarea,select,[contenteditable="true"],.selectable,.copyable{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}
.app-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}

/* V19.4 — identité officielle BOXTYL */
.brand-logo{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.site-header .brand-logo{width:40px;height:40px}
.footer-brand-link .brand-logo{width:38px;height:38px}
@media(max-width:500px){.site-header .brand-logo{width:34px;height:34px;flex-basis:34px}.brand{gap:10px}}

/* V19.7 — zone Principe + applications : carbone premium, lumière propre, cartes plus actuelles */
.theme-home #principe,
.theme-home .apps-real{
  position:relative;
  background-color:#090c10 !important;
  background-image:
    radial-gradient(circle at 18% 12%,rgba(24,182,190,.075) 0%,rgba(24,182,190,.024) 18%,transparent 42%),
    radial-gradient(circle at 78% 10%,rgba(255,255,255,.055) 0%,rgba(255,255,255,.012) 20%,transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.025) 0%,rgba(255,255,255,0) 22%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.16) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#11161b 0%,#0a0e12 45%,#080b0e 100%) !important;
  background-size:auto,auto,auto,8px 8px,8px 8px,auto;
  color:#f4f7f8;
}
.theme-home #principe::before,
.theme-home .apps-real::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(0,0,0,.18));
}
.theme-home #principe > .shell,
.theme-home .apps-real > .shell{position:relative;z-index:1}
.theme-home #principe{
  padding-bottom:48px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),inset 0 -16px 26px rgba(0,0,0,.14);
}
.theme-home .apps-real{
  padding-top:12px;
  padding-bottom:86px;
  box-shadow:inset 0 16px 24px rgba(0,0,0,.12),inset 0 -1px 0 rgba(255,255,255,.02);
}
.theme-home #principe .section-heading>span,
.theme-home .apps-real .strong-link{
  color:#19b5b9;
}
.theme-home #principe .premium-value-grid{
  gap:20px;
}
.theme-home #principe .premium-value-grid article{
  min-height:200px;
  padding:28px 26px 24px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,250,251,.965));
  border:1px solid rgba(255,255,255,.38);
  box-shadow:0 24px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.92);
}
.theme-home #principe .premium-value-grid article::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,rgba(20,181,186,.85),rgba(20,181,186,.18),transparent 68%);
}
.theme-home #principe .premium-value-grid article::after,
.theme-home .apps-real .app-real-card::before{
  opacity:.45;
  filter:blur(3px);
}
.theme-home #principe .premium-value-grid article:hover,
.theme-home .apps-real .app-real-card:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 54px rgba(0,0,0,.24);
}
.theme-home #principe .line-icon{
  border-color:rgba(21,155,161,.18);
  background:linear-gradient(180deg,#ffffff,#f3f7f8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 22px rgba(18,33,42,.06);
  color:#0d8e94;
}
.theme-home #principe .premium-value-grid h3,
.theme-home .apps-real .app-real-card h3{
  color:#102230;
}
.theme-home #principe .premium-value-grid p,
.theme-home .apps-real .app-real-card p,
.theme-home .apps-real .app-real-card>span{
  color:#62737e;
}
.theme-home .apps-real .app-real-grid{
  gap:20px;
}
.theme-home .apps-real .app-real-card{
  min-height:188px;
  border-radius:28px;
  padding:24px 22px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,251,.968));
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 24px 46px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.92);
}
.theme-home .apps-real .app-real-card > span{
  border-top:1px solid rgba(18,39,52,.08);
}
.theme-home .apps-real .app-logo{
  background:linear-gradient(165deg,#173445 0%,#0b1723 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 24px rgba(10,20,28,.16);
}
.theme-home .apps-real .app-logo{color:#84dce0}
.theme-home .apps-real .app-logo img{
  filter:grayscale(1) brightness(.92) contrast(1.06);
}
.theme-home .apps-real .strong-link{
  margin-top:28px;
}
@media(max-width:820px){
  .theme-home #principe{padding-bottom:32px}
  .theme-home .apps-real{padding-top:8px;padding-bottom:60px}
}

/* V20.2 — Landing : carbone uni sur toute la séquence principe + applis + tarifs + FAQ + CTA */
:root{
  --home-carbon:#0a0d10;
  --home-carbon-grid-a:rgba(255,255,255,.012);
  --home-carbon-grid-b:rgba(0,0,0,.18);
  --home-carbon-border:rgba(255,255,255,.035);
}
.theme-home #principe,
.theme-home .apps-real,
.theme-home .security-showcase,
.theme-home .pricing-home,
.theme-home .faq-home-section,
.theme-home .final-cta-home{
  position:relative;
  background-color:var(--home-carbon) !important;
  background-image:
    repeating-linear-gradient(135deg,var(--home-carbon-grid-a) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(45deg,var(--home-carbon-grid-b) 0 1px,transparent 1px 6px) !important;
  background-size:8px 8px,8px 8px !important;
  color:#f3f6f7;
  border-top:1px solid var(--home-carbon-border);
}
.theme-home #principe::before,
.theme-home .apps-real::before,
.theme-home .security-showcase::before,
.theme-home .security-showcase::after,
.theme-home .pricing-home::before,
.theme-home .pricing-home::after,
.theme-home .faq-home-section::before,
.theme-home .faq-home-section::after,
.theme-home .final-cta-home::before,
.theme-home .final-cta-home::after{
  content:none !important;
  display:none !important;
}
.theme-home #principe{padding-bottom:44px;box-shadow:none !important;border-bottom:0}
.theme-home .apps-real{padding-top:12px;padding-bottom:78px;box-shadow:none !important;border-top:0}
.theme-home .security-showcase,
.theme-home .pricing-home,
.theme-home .faq-home-section,
.theme-home .final-cta-home{box-shadow:none !important}

.theme-home .security-copy h2,
.theme-home .section-heading h2,
.theme-home .final-cta h2,
.theme-home .pricing-home .section-heading h2,
.theme-home .faq-home-section .section-heading h2{
  color:#f4f7f8;
}
.theme-home .security-copy p,
.theme-home .section-heading p,
.theme-home .final-cta p,
.theme-home .pricing-home .section-heading p,
.theme-home .faq-home-section .section-heading p{
  color:#aeb9c0;
}
.theme-home .pricing-home .section-heading>span,
.theme-home .faq-home-section .section-heading>span,
.theme-home .final-cta-inner>div>span,
.theme-home .security-copy>span,
.theme-home #principe .section-heading>span,
.theme-home .apps-real .strong-link{color:#18b5ba}

.theme-home .pricing-rule{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  color:#d8e1e5;
  box-shadow:none;
}
.theme-home .faq-grid details{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}
.theme-home .faq-grid summary{color:#102433}
.theme-home .faq-grid p{color:#5f707c}
.theme-home .final-cta-home{
  background-color:var(--home-carbon) !important;
  border-top:1px solid var(--home-carbon-border);
  backdrop-filter:none;
}
.theme-home .final-cta .cta{box-shadow:0 18px 28px rgba(8,18,24,.28)}

/* neutralise les dominantes jaunes/oranges dans les icônes de la landing */
.theme-home .apps-real .app-logo img{
  filter:grayscale(1) brightness(.55) contrast(1.08) !important;
}

@media(max-width:820px){
  .theme-home .apps-real{padding-bottom:56px}
  .theme-home .pricing-home,
  .theme-home .faq-home-section,
  .theme-home .final-cta-home,
  .theme-home .security-showcase{padding-top:62px;padding-bottom:62px}
}

/* V21 — Principe + applications : style 1 adapté au carbone BOXTYL */
.theme-home .home-toolbox{
  position:relative;
  padding:72px 0 82px;
  background-color:var(--home-carbon,#0a0d10) !important;
  background-image:
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 1px,transparent 1px 6px) !important;
  background-size:8px 8px,8px 8px !important;
  color:#f4f7f8;
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.035);
}
.theme-home .home-toolbox::before,
.theme-home .home-toolbox::after{content:none!important}
.theme-home .toolbox-frame{
  position:relative;
  max-width:1600px;
  margin:0 auto;
  padding:38px 38px 34px;
  border:1px solid rgba(158,185,194,.18);
  border-radius:30px;
  background:rgba(12,16,20,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 26px 70px rgba(0,0,0,.18);
  overflow:hidden;
}
.theme-home .toolbox-frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#1ac0c4 0 72px,transparent 72px calc(100% - 72px),#1ac0c4 calc(100% - 72px));
  height:1px;
  opacity:.42;
}
.theme-home .toolbox-heading{text-align:center;margin:0 0 30px;position:relative}
.theme-home .toolbox-heading>span{display:block;color:#20b8bd;font-size:11px;font-weight:850;letter-spacing:.22em;text-transform:uppercase;margin-bottom:7px}
.theme-home .toolbox-heading h2{margin:0;color:#f7f9fa;font-family:var(--title);font-size:clamp(28px,2.8vw,42px);font-weight:700;letter-spacing:.16em;line-height:1}
.theme-home .toolbox-heading i{display:block;width:54px;height:2px;background:#19b9be;margin:15px auto 0;border-radius:2px}

.theme-home .toolbox-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.theme-home .toolbox-step{
  position:relative;
  min-height:214px;
  padding:24px 24px 22px;
  border-radius:22px;
  border:1px solid rgba(162,190,200,.18);
  background:linear-gradient(180deg,rgba(31,38,43,.94),rgba(20,25,29,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.16);
  overflow:hidden;
}
.theme-home .toolbox-step::after{
  content:"";
  position:absolute;
  left:24px;
  bottom:20px;
  width:28px;
  height:2px;
  border-radius:2px;
  background:#17b8bd;
}
.theme-home .toolbox-step-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.theme-home .toolbox-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(24,190,195,.65);color:#5ce1e4;font-size:14px;font-weight:850;letter-spacing:.03em}
.theme-home .toolbox-step svg{width:34px;height:34px;fill:none;stroke:#27c7cc;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;opacity:.88}
.theme-home .toolbox-step h3{margin:0 0 12px;color:#fff;font-family:var(--title);font-size:19px;font-weight:700}
.theme-home .toolbox-step p{margin:0;max-width:260px;color:#b8c2c8;font-size:13px;line-height:1.62}

.theme-home .toolbox-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:38px 0 26px}
.theme-home .toolbox-divider span{height:1px;background:rgba(146,177,187,.18)}
.theme-home .toolbox-divider b{color:#1db9be;font-size:11px;letter-spacing:.20em;text-transform:uppercase;font-weight:850;white-space:nowrap}

.theme-home .toolbox-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px}
.theme-home .toolbox-app{
  position:relative;
  min-height:116px;
  padding:18px 46px 18px 18px;
  display:grid;
  grid-template-columns:54px 1fr;
  align-items:center;
  gap:16px;
  border-radius:17px;
  border:1px solid rgba(154,184,194,.17);
  background:linear-gradient(180deg,rgba(35,42,47,.94),rgba(23,29,33,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.14);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.theme-home .toolbox-app::before{content:"";position:absolute;left:18px;bottom:0;width:34px;height:2px;background:#18b8bd;opacity:.78}
.theme-home .toolbox-app:hover{transform:translateY(-3px);border-color:rgba(45,200,204,.40);box-shadow:0 16px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)}
.theme-home .toolbox-app-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#111a1f;border:1px solid rgba(30,190,196,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.theme-home .toolbox-app-icon img{display:block;width:44px;height:44px;object-fit:contain;filter:grayscale(1) brightness(1.8) contrast(.92) sepia(.15) hue-rotate(130deg) saturate(1.45)}
.theme-home .toolbox-app-icon strong{font-size:22px;color:#34c8cc;font-weight:800}
.theme-home .toolbox-app-copy{min-width:0}
.theme-home .toolbox-app h3{margin:0 0 5px;color:#fff;font-family:var(--title);font-size:16px;font-weight:700}
.theme-home .toolbox-app p{margin:0;color:#aebbc2;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.theme-home .toolbox-app-arrow{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#66d7da;font-size:18px;transition:transform .22s ease}
.theme-home .toolbox-app:hover .toolbox-app-arrow{transform:translate(3px,-50%)}
.theme-home .toolbox-catalogue-link{display:flex;width:max-content;align-items:center;gap:12px;margin:29px auto 0;padding:11px 18px;color:#35c7cb;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.04em;border:1px solid rgba(42,192,197,.25);border-radius:999px;background:rgba(13,23,28,.58);transition:.22s ease}
.theme-home .toolbox-catalogue-link:hover{border-color:rgba(42,192,197,.55);background:rgba(15,31,36,.76);transform:translateY(-2px)}
.theme-home .toolbox-catalogue-link>span{font-size:18px}.theme-home .toolbox-catalogue-link>b{font-size:16px}

/* Les anciennes sections Principe/Applications ne sont plus utilisées dans la landing V21. */
.theme-home #principe.home-toolbox{padding-top:72px;padding-bottom:82px;box-shadow:none!important}

/* Entrée des cartes : elles descendent et se rangent une à une. */
.js .theme-home .toolbox-rack-card{opacity:0;transform:translate3d(0,-34px,0) scale(.985);transition:opacity .48s ease,transform .62s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.js .theme-home .rack-delay-0{transition-delay:0ms}.js .theme-home .rack-delay-1{transition-delay:62ms}.js .theme-home .rack-delay-2{transition-delay:124ms}.js .theme-home .rack-delay-3{transition-delay:186ms}.js .theme-home .rack-delay-4{transition-delay:248ms}.js .theme-home .rack-delay-5{transition-delay:310ms}.js .theme-home .rack-delay-6{transition-delay:372ms}.js .theme-home .rack-delay-7{transition-delay:434ms}.js .theme-home .rack-delay-8{transition-delay:496ms}.js .theme-home .rack-delay-9{transition-delay:558ms}.js .theme-home .rack-delay-10{transition-delay:620ms}.js .theme-home .rack-delay-11{transition-delay:682ms}
.js .theme-home .toolbox-frame.is-racked .toolbox-rack-card{opacity:1;transform:translate3d(0,0,0) scale(1)}

@media(max-width:1100px){
  .theme-home .toolbox-frame{padding:32px 26px 30px}
  .theme-home .toolbox-steps,.theme-home .toolbox-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .theme-home .home-toolbox{padding:48px 0 54px}
  .theme-home .toolbox-frame{padding:28px 16px 24px;border-radius:22px}
  .theme-home .toolbox-heading{margin-bottom:24px}
  .theme-home .toolbox-heading h2{font-size:28px}
  .theme-home .toolbox-steps,.theme-home .toolbox-apps{grid-template-columns:1fr;gap:14px}
  .theme-home .toolbox-step{min-height:178px;padding:21px 20px}
  .theme-home .toolbox-divider{gap:10px;margin:30px 0 20px}
  .theme-home .toolbox-divider b{font-size:9px;letter-spacing:.13em;white-space:normal;text-align:center}
  .theme-home .toolbox-app{min-height:104px;padding:15px 42px 15px 15px;grid-template-columns:48px 1fr;gap:13px}
  .theme-home .toolbox-app-icon{width:48px;height:48px}
  .theme-home .toolbox-app-icon img{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .js .theme-home .toolbox-rack-card{opacity:1!important;transform:none!important;transition:none!important}
}

/* V22 — Header marque validée + carbone blanc premium tarifs/FAQ */
.site-header .brand-header{
  gap:0;
  flex:0 0 auto;
  min-width:0;
}
.brand-lockup{
  display:block;
  width:230px;
  line-height:0;
}
.brand-lockup-img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
}
.theme-home .pricing-home,
.theme-home .faq-home-section{
  position:relative;
  color:#0b1d2a;
  background-color:#f5f6f4 !important;
  background-image:
    radial-gradient(circle at 50% -18%,rgba(255,255,255,.90),transparent 42%),
    repeating-linear-gradient(135deg,rgba(14,36,43,.027) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(45deg,rgba(255,255,255,.58) 0 1px,transparent 1px 7px) !important;
  background-size:auto,10px 10px,10px 10px !important;
  border-color:rgba(14,36,43,.08);
}
.theme-home .pricing-home{
  border-top:1px solid rgba(14,36,43,.10);
  border-bottom:0;
}
.theme-home .faq-home-section{
  border-top:0;
  border-bottom:1px solid rgba(14,36,43,.10);
}
.theme-home .pricing-home .section-heading h2,
.theme-home .faq-home-section .section-heading h2{
  color:#0d1d29;
}
.theme-home .pricing-home .section-heading p,
.theme-home .faq-home-section .section-heading p{
  color:#5f707c;
}
.theme-home .pricing-home .section-heading>span,
.theme-home .faq-home-section .section-heading>span{
  color:#0f8f99;
}
.theme-home .pricing-rule{
  background:rgba(255,255,255,.64);
  border:1px solid rgba(13,90,96,.16);
  color:#4d626d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 8px 24px rgba(12,31,38,.035);
}
.theme-home .pricing-rule strong{color:#0d2735}
.theme-home .pricing-home .plan{
  background:rgba(255,255,255,.84);
  border-color:rgba(18,43,51,.14);
  box-shadow:0 14px 34px rgba(17,42,50,.07),inset 0 1px 0 rgba(255,255,255,.75);
}
.theme-home .pricing-home .plan.featured{
  border-color:#0b979c;
  box-shadow:0 18px 40px rgba(11,151,156,.14),inset 0 1px 0 rgba(255,255,255,.72);
}
.theme-home .faq-grid details{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(18,43,51,.13);
  box-shadow:0 10px 24px rgba(17,42,50,.045),inset 0 1px 0 rgba(255,255,255,.75);
}
.theme-home .final-cta-home{
  background-color:var(--home-carbon,#0a0d10) !important;
  background-image:
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 1px,transparent 1px 6px) !important;
  background-size:8px 8px,8px 8px !important;
  border-top:1px solid rgba(255,255,255,.04);
}
.theme-home .site-footer{
  background-color:#071018;
  background-image:
    linear-gradient(180deg,rgba(7,16,24,.98),rgba(4,10,15,1)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 1px,transparent 1px 7px);
  border-top:1px solid rgba(255,255,255,.07);
}
@media(max-width:820px){
  .brand-lockup{width:178px}
}
@media(max-width:500px){
  .brand-lockup{width:162px}
}


/* V22.2 — Header : centrage VISUEL du B + taille réduite
   Le PNG est recadré sur ses pixels utiles : le B est donc centré
   verticalement dans le bandeau, sans modifier OXTYL. */
.site-header .brand-header{
  height:100%;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
  line-height:0;
}
.site-header .brand-lockup{
  width:152px;
  display:block;
  line-height:0;
  flex:0 0 auto;
}
.site-header .brand-lockup-img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:1320px){
  .site-header .brand-lockup{width:146px}
}
@media(max-width:900px){
  .site-header .brand-lockup{width:138px}
}
@media(max-width:600px){
  .site-header .brand-lockup{width:132px}
}
@media(max-width:380px){
  .site-header .brand-lockup{width:126px}
}


/* V22.3 — Toutes les pages publiques internes :
   remplacement du fond beige/jaunâtre par le carbone blanc validé. */
body.theme-inner{
  background-color:#f5f6f4 !important;
  background-image:
    radial-gradient(circle at 50% -18%,rgba(255,255,255,.90),transparent 42%),
    repeating-linear-gradient(135deg,rgba(14,36,43,.027) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(45deg,rgba(255,255,255,.58) 0 1px,transparent 1px 7px) !important;
  background-size:auto,10px 10px,10px 10px !important;
  background-repeat:no-repeat,repeat,repeat !important;
  background-attachment:scroll !important;
  color:#0b1c29;
}
body.theme-inner .page-hero,
body.theme-inner .content-page,
body.theme-inner .section{
  background:transparent;
}

/* V22.5 — Landing / LE PRINCIPE : fond extérieur blanc pur, sans texture.
   Le panneau central conserve volontairement son rendu carbone noir. */
.theme-home #principe.home-toolbox{
  background:#ffffff !important;
  background-image:none !important;
}
.theme-home #principe .toolbox-frame{
  background-color:var(--home-carbon,#0a0d10);
  background-image:
    linear-gradient(rgba(12,16,20,.48),rgba(12,16,20,.48)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 1px,transparent 1px 6px);
  background-size:auto,8px 8px,8px 8px;
}

/* V22.6 — FAQ landing : blanc pur, sans carbone, sans motif, sans dégradé. */
.theme-home .faq-home-section{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
}

/* V22.6 — Nouvelle marque PNG : centrage du visuel dans la taille de header existante. */
.site-header .brand-lockup,
.site-header .brand-lockup-img{
  overflow:visible;
}
.site-header .brand-lockup-img{
  object-fit:contain !important;
  object-position:center center !important;
}

/* V8 — la carte de sauvegarde personnelle occupe toute la largeur quand elle est seule sur la dernière ligne. */
.security-panel>div:last-child:nth-child(odd){grid-column:1/-1;min-height:118px}
@media(max-width:820px){.security-panel>div:last-child:nth-child(odd){grid-column:auto}}

/* V9.6 - promesse essai 7 jours */
.theme-home .pricing-home .section-heading .pricing-trial-promise{color:#102433;margin:12px auto 32px;font-size:22px;font-weight:800;line-height:1.3}
@media(max-width:820px){.theme-home .pricing-home .section-heading .pricing-trial-promise{font-size:19px;margin-bottom:24px}}

/* V9.13 — même fond noir sur les trois zones basses, sans toucher à leur structure */
.final-cta,
.theme-home .final-cta-home,
.site-footer,
.theme-home .site-footer{
  background-color:#000 !important;
  background-image:none !important;
}