/* ========================================================================== HYSOS - Design System << Signal >> - CSS UNIFIE (global partage + sections scopees) GLOBAL = design system commun a toutes les pages. .pg-{slug} = CSS specifique d'une page (sections bespoke) - ajoute au par le theme. Editer le global ICI = change tout le site. Genere depuis les 40 pages (0 conflit). ========================================================================== */ /* ---------- GLOBAL (design system partage) ---------- */ *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--signal)} .dot{width:8px;height:8px;border-radius:50%;background:var(--signal);animation:pulse 2.4s var(--ease) infinite;flex:none} @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,30,40,.45)}70%{box-shadow:0 0 0 11px rgba(224,30,40,0)}100%{box-shadow:0 0 0 0 rgba(224,30,40,0)}} .btn{display:inline-flex;align-items:center;gap:13px;font-family:var(--font-b);font-weight:700;font-size:15px;padding:14px 16px 14px 26px;border-radius:100px;border:0;cursor:pointer;text-decoration:none;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .4s var(--ease)} .btn .ic{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;transition:transform .5s var(--ease);font-size:15px} .btn-p{background:var(--signal);color:#fff;box-shadow:0 12px 30px -10px var(--signal-deep)} .btn-p .ic{background:rgba(255,255,255,.2)} .btn-p:hover .ic{transform:translate(3px,-2px)} .btn-p:active{transform:scale(.97)} .btn-d{background:var(--ink);color:#fff;padding:14px 26px} .btn-g{background:transparent;color:var(--ink);padding:13px 24px;border:1px solid var(--hair)} .btn-g:hover{background:var(--ink);color:#fff} .tray{background:var(--canvas-2);border:1px solid var(--hair);border-radius:var(--r-out);padding:8px;box-shadow:var(--amb)} .core{background:#fff;border-radius:var(--r-in);padding:26px} .reveal{opacity:0;transform:translateY(34px);filter:blur(6px);transition:all .9s var(--ease)} .reveal.in{opacity:1;transform:none;filter:none} .tag{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--bone-mut);margin-bottom:20px} .underline{position:relative;color:var(--signal);white-space:nowrap} .underline svg{position:absolute;left:0;bottom:-.18em;width:100%;height:.34em;overflow:visible} .head p{color:var(--bone-mut);font-size:17px;margin-top:16px} .hrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap} header{position:sticky;top:0;z-index:40;display:flex;justify-content:center;padding:18px 12px} .navpill{display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid var(--hair);border-radius:100px;padding:9px 9px 9px 22px;box-shadow:0 10px 30px -16px rgba(21,17,16,.3)} .brand .mark{width:28px;height:28px;border-radius:7px;background:var(--ink);display:grid;place-items:center} .brand .mark::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px 1px var(--signal)} .navpill nav{display:flex;gap:20px;font-size:13.5px;font-weight:500;color:var(--bone-mut)} .navpill nav a:hover{color:var(--ink)} .navpill .cta{background:var(--signal);color:#fff;padding:10px 18px;border-radius:100px;font-size:13.5px;font-weight:700;text-decoration:none} .cine-bg{position:absolute;inset:0;z-index:0} .cine-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)} .crumb a{color:inherit;text-decoration:none} .crumb a:hover{color:#fff} .story{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center} .story .txt p{color:var(--bone-mut);font-size:17px;margin-top:16px} .story .txt p b{color:var(--ink);font-weight:700} .story .img{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .story .img img{width:100%;height:100%;object-fit:cover;display:block} .vp .c .i{width:44px;height:44px;border-radius:12px;background:var(--signal-soft);display:grid;place-items:center;margin-bottom:16px;font-size:20px} .vp .c h3{font-size:1.15rem;margin-bottom:6px} .certif{background:var(--ink);color:#fff} .cgrid .col ul{list-style:none;margin-top:16px} .cgrid .col li{padding:9px 0;border-top:1px solid var(--hair-dk);color:var(--ink-mut);font-size:.92rem;display:flex;gap:10px} .cgrid .col li::before{content:"✓";color:var(--signal);font-weight:700} .teambox{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:38px;box-shadow:var(--amb);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center} .teambox .ph{width:96px;height:96px;border-radius:50%;background:var(--canvas-2);border:1px dashed var(--hair);display:grid;place-items:center;text-align:center;font-size:11px;color:var(--bone-mut);font-weight:600;padding:12px;flex:none} .teambox h3{font-size:1.5rem;margin-bottom:8px} .teambox p{color:var(--bone-mut);font-size:16px} .teambox p b{color:var(--ink);font-weight:700} .checks li{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--hair);font-size:1rem;color:var(--bone-mut)} .checks li:first-child{border-top:0} .checks li b{color:var(--ink);font-weight:700} .checks li::before{content:"✓";color:var(--signal);font-weight:800;flex:none} .zones{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .zones a{background:#fff;border:1px solid var(--hair);border-radius:100px;padding:9px 17px;font-size:13.5px;color:var(--ink);text-decoration:none;font-weight:500;transition:all .3s} .zones a:hover{background:var(--signal);color:#fff;border-color:var(--signal)} .final{background:var(--ink);color:#fff;text-align:center;overflow:hidden;position:relative} .final::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--signal-soft),transparent 60%);pointer-events:none} .final p{color:var(--ink-mut);margin-bottom:32px;font-size:17px} .final .hrow{justify-content:center} .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;margin-bottom:44px} footer h5{color:#fff;font-family:var(--font-d);font-weight:500;font-size:14px;margin-bottom:16px} footer a:hover{color:var(--signal)} .fbar{border-top:1px solid var(--hair-dk);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px} .mbar{display:none} .mbar .wa{background:var(--wa);color:#fff} .mbar .wa .ic{background:rgba(255,255,255,.2)} .btn-wa{background:var(--wa);color:#fff;padding:14px 26px} .form label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--bone-mut);display:block;margin:0 0 6px} .form input:focus{outline:none;border-color:var(--signal)} .form .two{display:flex;gap:11px} .form .two>div{flex:1} .form .btn{width:100%;justify-content:center;margin-top:4px} .form .fine{display:block;text-align:center;color:var(--bone-mut);font-size:11px;margin-top:12px} .cmp thead th.crit{color:var(--bone-mut);font-family:var(--font-b);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.14em;width:26%} .cmp thead th .lg{display:inline-flex;align-items:center;gap:9px} .cmp thead th .lg .b{width:11px;height:11px;border-radius:3px} .cmp .ajax .b{background:var(--signal)} .cmp .somfy .b{background:#1B4DFF} .cmp tbody tr:last-child td{border-bottom:0} .cmp tbody td:first-child{font-weight:700;color:var(--bone-mut);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em} .cmp tbody td.win{background:var(--signal-soft)} .cmp .mid{color:var(--amber);font-weight:700} .cmp-note{color:var(--bone-mut);font-size:.86rem;margin-top:16px;text-align:center} .fw{padding:32px;border-radius:var(--r-out);border:1px solid var(--hair);box-shadow:var(--amb)} .fw.a{background:var(--ink);color:#fff} .fw.s{background:#fff} .fw .lab{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-d);font-weight:600;font-size:1.4rem;margin-bottom:8px} .fw .lab .b{width:13px;height:13px;border-radius:4px} .fw.a .lab .b{background:var(--signal)} .fw.s .lab .b{background:#1B4DFF} .fw .sub2{font-size:.9rem;font-weight:700;letter-spacing:.02em;margin-bottom:18px} .fw.a .sub2{color:var(--ink-mut)} .fw.s .sub2{color:var(--bone-mut)} .fw ul{list-style:none} .fw li{padding:11px 0;border-top:1px solid;display:flex;gap:12px;font-size:.94rem} .fw.a li{border-color:var(--hair-dk);color:rgba(255,255,255,.85)} .fw.s li{border-color:var(--hair);color:var(--ink)} .fw li::before{content:"→";color:var(--signal);font-weight:700;flex:none} .fw.s li::before{color:#1B4DFF} .reco-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .reco .badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid var(--hair-dk);border-radius:100px;padding:8px 16px;font-size:12px;font-weight:700;color:#fff;margin-bottom:20px} .reco h2{font-size:clamp(1.9rem,3.4vw,2.7rem)} .reco p{color:var(--ink-mut);font-size:16.5px;margin-top:16px} .reco .quote{border-left:3px solid var(--signal);padding-left:22px;margin-top:26px;font-family:var(--font-d);font-weight:500;font-size:1.25rem;line-height:1.35;color:#fff} .mini{background:rgba(255,255,255,.04);border:1px solid var(--hair-dk);border-radius:var(--r-out);padding:30px} .mini .row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--hair-dk);font-size:.94rem} .mini .row:first-child{border-top:0} .mini .row span:first-child{color:var(--ink-mut)} .mini .row b{color:#fff;font-family:var(--font-d);font-weight:500} .seo-lead{font-family:var(--font-d);font-weight:500;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.35;margin-bottom:32px;max-width:22ch} .brief{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px} .brief .bc{padding:26px;border-radius:var(--r-in);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb)} .brief .bc .lab{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-d);font-weight:600;font-size:1.2rem;margin-bottom:14px} .brief .bc .lab .b{width:11px;height:11px;border-radius:3px} .brief .bc.a .lab .b{background:var(--signal)} .brief .bc.s .lab .b{background:#1B4DFF} .brief ul{list-style:none} .brief li{padding:9px 0;border-top:1px solid var(--hair);color:var(--ink);font-size:.92rem;display:flex;gap:9px} .brief li:first-child{border-top:0} .brief li::before{content:"›";color:var(--signal);font-weight:700;flex:none} .brief .bc.s li::before{color:#1B4DFF} .brief li b{font-weight:700} .kfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px} .kf .t{color:var(--bone-mut);font-size:.82rem;margin-top:7px} .seo-close{color:var(--bone-mut);font-size:1rem;max-width:60ch} .seo-close a{color:var(--signal);font-weight:600;text-decoration:none} .seo-close b{color:var(--ink)} .qa h3{font-family:var(--font-d);font-weight:500;font-size:1.1rem;margin-bottom:8px;display:flex;gap:10px} .finalform{max-width:520px;margin:32px auto 0} .finalform .tray{background:rgba(255,255,255,.05);border-color:var(--hair-dk)} .finalform .badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px} .finalform .badges span{font-size:11px;font-weight:700;color:var(--ink-mut);background:rgba(255,255,255,.05);border:1px solid var(--hair-dk);border-radius:100px;padding:6px 13px} footer h4{color:#fff;font-family:var(--font-d);font-weight:500;font-size:14px;margin-bottom:16px} .cmp thead th.ajax{background:var(--signal)} .cmp thead th:first-child{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mut);background:var(--ink)} .cmp tbody tr:nth-child(even){background:var(--canvas)} .cmp td.crit{font-weight:700;color:var(--ink);width:26%} .cmp td.ajax{background:var(--signal-soft)} .cmp tbody tr:nth-child(even) td.ajax{background:rgba(224,30,40,.14)} .cmp .no{color:var(--signal-deep);font-weight:700} .cmp .val{display:block;color:var(--bone-mut);font-size:.86rem;margin-top:3px} .barbox{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:34px;box-shadow:var(--amb)} .bl{margin-bottom:24px} .bl:last-child{margin-bottom:0} .bl .lab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px} .bl .lab b{font-family:var(--font-d);font-weight:600;font-size:1.05rem} .bl .lab .amt{font-family:var(--font-d);font-weight:600;font-size:1.3rem} .bl .track{height:22px;background:var(--canvas-2);border-radius:100px;overflow:hidden} .bl .fill{height:100%;border-radius:100px;transition:width 1.2s var(--ease)} .bl .fill.v{background:linear-gradient(90deg,var(--signal-deep),var(--signal))} .bl .fill.a{background:linear-gradient(90deg,var(--ink),var(--bone-mut))} .bl .note{font-size:.8rem;color:var(--bone-mut);margin-top:7px} .info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px} .ic2{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb)} .ic2 .kw{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--signal);margin-bottom:10px} .ic2 h3{font-size:1.1rem;margin-bottom:8px} .ic2 p{color:var(--bone-mut);font-size:.92rem} .ic2 p a{color:var(--signal);font-weight:600;text-decoration:none} .honest .grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .honest ul{list-style:none;margin-top:14px} .honest li{padding:13px 0;border-top:1px solid var(--hair-dk);color:var(--ink-mut);display:flex;gap:12px;font-size:.98rem} .honest li::before{content:"→";color:var(--amber);font-weight:700} .honest .grid p{color:var(--ink-mut);font-size:17px;margin-top:16px} .rcard .amt{font-family:var(--font-d);font-size:2.6rem;color:var(--signal);font-weight:600;letter-spacing:-.03em} .rcard ul{list-style:none;margin-top:20px} .rcard li{padding:9px 0;border-top:1px solid var(--hair-dk);color:var(--ink-mut);font-size:.95rem;display:flex;gap:10px} .rcard li::before{content:"✓";color:var(--signal);font-weight:700} .aeo .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px} .aeo .chips span{background:var(--canvas);border:1px solid var(--hair);border-radius:100px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--ink)} .aeo .chips span b{color:var(--signal)} .lead b{color:var(--ink);font-weight:700} .split.rev .txt{order:2} .shot{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair);background:var(--canvas-2)} .shot img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} .factors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px} .factors .fc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb)} .factors .fc h3{font-size:1.1rem;margin-bottom:8px;display:flex;gap:10px;align-items:center} .factors .fc h3 .b{width:26px;height:26px;border-radius:8px;background:var(--signal-soft);display:grid;place-items:center;font-size:14px;flex:none} .factors .fc p{color:var(--bone-mut);font-size:.9rem} .compare{background:var(--ink);color:#fff} .cgrid .col.win{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)} .cgrid .col.win .lbl{color:var(--signal)} .cgrid .col a{color:var(--signal);font-weight:600;text-decoration:none;font-size:.9rem} .priceband{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pcard{background:var(--ink);color:#fff;border-radius:var(--r-out);padding:38px;box-shadow:var(--amb)} .pcard ul{list-style:none;margin-top:20px} .pcard li{padding:9px 0;border-top:1px solid var(--hair-dk);color:var(--ink-mut);font-size:.95rem;display:flex;gap:10px} .pcard li::before{content:"✓";color:var(--signal);font-weight:700} .ptable{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);box-shadow:var(--amb);overflow:hidden} .ptable table{width:100%;border-collapse:collapse;font-size:.95rem} .ptable thead th{background:var(--ink);color:#fff;font-family:var(--font-d);font-weight:500;text-align:left;padding:20px 22px;font-size:.9rem;letter-spacing:-.01em} .ptable thead th.win{color:var(--signal)} .ptable tbody tr:hover{background:var(--canvas)} .ptable .conf small{display:block;font-family:var(--font-b);font-weight:400;font-size:.82rem;color:var(--bone-mut);margin-top:3px;letter-spacing:0} .ptable td.win{background:rgba(224,30,40,.04);color:var(--ink);font-weight:600} .ptable td.win b{color:var(--signal)} .ptable tfoot td{padding:16px 22px;background:var(--canvas-2);font-size:.82rem;color:var(--bone-mut);border-top:1px solid var(--hair)} .cmp .col{background:var(--ink-2);border:1px solid var(--hair-dk);border-radius:var(--r-out);padding:32px} .cmp .col.win{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)} .cmp .col .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--ink-mut)} .cmp .col.win .lbl{color:var(--signal)} .cmp .col .note{color:var(--ink-mut);font-size:.9rem;margin-bottom:18px} .cmp .col ul{list-style:none} .cmp .col li{padding:9px 0;border-top:1px solid var(--hair-dk);color:var(--ink-mut);font-size:.92rem;display:flex;gap:10px} .cmp .col li::before{content:"–";color:var(--ink-mut);font-weight:700} .cmp .col.win li::before{content:"✓";color:var(--signal)} .gamme{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .gcard{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);overflow:hidden;box-shadow:var(--amb);display:flex;flex-direction:column} .gcard .ph{aspect-ratio:4/3;overflow:hidden;background:var(--canvas-2)} .gcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)} .gcard:hover .ph img{transform:scale(1.05)} .gcard .bd{padding:20px 22px 24px} .gcard h3{font-size:1.1rem;margin-bottom:7px} .gcard p{color:var(--bone-mut);font-size:.9rem} .gcard .kw{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--signal);margin-bottom:10px} .split.rev .im{order:2} .split .im{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);aspect-ratio:5/4} .split .im img{width:100%;height:100%;object-fit:cover} .split .tx h2{font-size:clamp(1.9rem,3.4vw,2.7rem)} .split .tx p{color:var(--bone-mut);font-size:16.5px;margin-top:16px} .prose p b{color:var(--ink);font-weight:700} .figure{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .figure img{width:100%;height:100%;object-fit:cover;display:block} .split img{width:100%;border-radius:var(--r-out);box-shadow:var(--amb);border:1px solid var(--hair)} .cmp .col .big span{font-size:1rem;color:var(--ink-mut);font-family:var(--font-b);font-weight:400} .vp.two{grid-template-columns:repeat(2,1fr)} .vp.two .c ul{list-style:none;margin-top:14px} .vp.two .c li{padding:8px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.9rem;display:flex;gap:10px} .vp.two .c li::before{content:"›";color:var(--signal);font-weight:800;flex:none} .split.rev .visual{order:2} .split .visual{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);position:relative;min-height:340px;border:1px solid var(--hair)} .split .visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .split .visual .badge{position:absolute;left:18px;bottom:18px;z-index:2;background:rgba(21,17,16,.86);color:#fff;backdrop-filter:blur(6px);border-radius:100px;padding:9px 16px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px} .split .visual .badge .d{width:8px;height:8px;border-radius:50%;background:var(--signal)} .ptable thead th:last-child{text-align:right} .ptable .price{text-align:right;white-space:nowrap} .ptable .price b{font-family:var(--font-d);font-weight:600;font-size:1.25rem;color:var(--signal)} .ptable .price small{display:block;color:var(--bone-mut);font-size:.78rem;margin-top:2px} .note-band{background:var(--ink);color:#fff} .note-band .inner{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start} .note-band .checks li{border-top-color:var(--hair-dk);color:var(--ink-mut)} .note-band .checks li b{color:#fff} .localimg{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .localimg .ph{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .localimg .ph img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} .split .shot{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair);aspect-ratio:4/3} .split .shot img{width:100%;height:100%;object-fit:cover} .split .txt h2{font-size:clamp(1.8rem,3.2vw,2.6rem)} .split .txt>p{color:var(--bone-mut);font-size:17px;margin-top:16px} .types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .types .c{padding:0;border-radius:var(--r-in);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb);overflow:hidden} .types .c .ph{height:158px;overflow:hidden} .types .c .ph img{width:100%;height:100%;object-fit:cover} .types .c .bd{padding:24px} .types .c .kg{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--signal);margin-bottom:9px} .types .c h3{font-size:1.2rem;margin-bottom:8px} .types .c p{color:var(--bone-mut);font-size:.92rem} .types .c .fr{margin-top:14px;padding-top:14px;border-top:1px solid var(--hair);font-size:.82rem;color:var(--ink);font-weight:600} .split .col{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:32px;box-shadow:var(--amb)} .split .col .h{display:flex;align-items:center;gap:12px;margin-bottom:16px} .split .col .h .i{width:40px;height:40px;border-radius:11px;background:var(--signal-soft);display:grid;place-items:center;font-size:19px;flex:none} .split .col h3{font-size:1.25rem} .split .col ul{list-style:none;margin-top:6px} .split .col li{padding:9px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.94rem;display:flex;gap:10px} .split .col li:first-child{border-top:0} .split .col li::before{content:"›";color:var(--signal);font-weight:800;flex:none} .cmp .verdict a{color:var(--signal);font-weight:600;text-decoration:none} .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px} .pgrid .pc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:18px 20px} .pgrid .pc .l{font-size:.82rem;color:var(--bone-mut);font-weight:600} .pgrid .pc .v{font-family:var(--font-d);font-weight:600;font-size:1.35rem;color:var(--signal);margin-top:3px} .tl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s} .tl .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .tl .st::before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:22px;width:34px;height:34px;border-radius:50%;background:var(--signal);color:#fff;font-family:var(--font-d);font-weight:600;display:grid;place-items:center;font-size:1rem;box-shadow:0 8px 18px -6px var(--signal-deep)} .tl .st .d{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--signal);font-weight:700;margin:12px 0 8px} .tl .st h3{font-size:1.1rem;margin-bottom:7px} .tl .st p{color:var(--bone-mut);font-size:.88rem} .qa p a{color:var(--signal);font-weight:600;text-decoration:none} .imgband{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center} .imgband .shot{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .imgband .shot img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} .split .card-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-out);box-shadow:var(--amb)} .split ul{list-style:none;margin-top:22px} .split li{display:flex;gap:14px;padding:13px 0;border-top:1px solid var(--hair);font-size:1rem;color:var(--bone-mut)} .split li:first-child{border-top:0} .split li b{color:var(--ink);font-weight:700} .split li .k{color:var(--signal);font-weight:700;flex:none} .cost .head h2,.cost .tag{color:#fff} .cost .tag{color:var(--ink-mut)} .cost .head p{color:var(--ink-mut)} .barcard{background:rgba(255,255,255,.05);border:1px solid var(--hair-dk);border-radius:var(--r-out);padding:30px} .barcard.win{border-color:var(--signal);background:var(--signal-soft)} .barcard h3{font-size:1.35rem;margin-bottom:4px} .barcard .lede{color:var(--ink-mut);font-size:.9rem;margin-bottom:22px} .barrow{margin-bottom:15px} .barrow .lbl{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-mut);margin-bottom:7px} .barrow .lbl b{color:#fff;font-family:var(--font-d);font-weight:500} .fill.zero{background:linear-gradient(90deg,#2f8f4f,var(--green))} .total{display:flex;align-items:baseline;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid var(--hair-dk)} .total .amt{font-family:var(--font-d);font-weight:600;font-size:2.4rem;letter-spacing:-.03em} .total .win .amt,.barcard.win .amt{color:var(--green)} .total span{color:var(--ink-mut);font-size:.85rem} .costnote{margin-top:24px;font-size:12.5px;color:var(--ink-mut);max-width:70ch} .hsteps{display:grid;gap:0;margin-top:14px} .hstep:first-child{border-top:0} .hstep .num{font-family:var(--font-d);font-size:2.4rem;color:var(--signal);font-weight:600;line-height:1} .hstep h3{font-size:1.4rem;margin-bottom:8px} .range{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px} .rc.big{grid-row:span 2;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between} .rc h3{font-size:1.3rem;margin-bottom:8px} .rc.big p{color:var(--ink-mut)} .rc .from{font-family:var(--font-d);font-weight:600;font-size:1.9rem;color:var(--signal);letter-spacing:-.03em;margin:14px 0 4px} .rc.big .from{color:var(--green);font-size:2.4rem} .rc .img{width:100%;aspect-ratio:16/10;border-radius:12px;object-fit:cover;margin-bottom:16px} .rc ul{list-style:none;margin-top:12px} .rc li{padding:7px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.88rem;display:flex;gap:9px} .rc.big li{border-color:var(--hair-dk);color:var(--ink-mut)} .rc li::before{content:"✓";color:var(--signal);font-weight:700} .rc.big li::before{color:var(--green)} .hc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:32px;box-shadow:var(--amb)} .hc h3{font-size:1.3rem;margin-bottom:14px;display:flex;gap:11px;align-items:center} .hc h3 .badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:100px;font-family:var(--font-b)} .hc .b-y{background:var(--signal-soft);color:var(--signal-deep)} .hc .b-n{background:rgba(21,17,16,.06);color:var(--bone-mut)} .hc ul{list-style:none} .hc li{padding:10px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.95rem;display:flex;gap:11px} .hc li:first-of-type{border-top:0} .seoc{max-width:1000px} .seoc .lede{font-family:var(--font-d);font-weight:500;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.35;margin-bottom:36px;max-width:20ch} .seoc a{color:var(--signal);font-weight:700;text-decoration:none} .seocard{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:26px 28px;box-shadow:var(--amb)} .seocard h3{font-size:1.15rem;margin-bottom:10px} .seocard p{color:var(--bone-mut);font-size:.95rem} .seocard p b{color:var(--ink)} .seogrid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .seolede-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:36px} .kfig{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 8px} .kf.g .n{color:#2f8f4f} .kf small{display:block;color:var(--bone-mut);font-size:.82rem;margin-top:8px;line-height:1.4} .split.rev .media{order:-1} .split h2{font-size:clamp(1.8rem,3.2vw,2.5rem)} .split p{color:var(--bone-mut);font-size:16px;margin-top:16px} .worth{display:grid;grid-template-columns:1fr 1fr;gap:16px} .worth .wc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:32px;box-shadow:var(--amb)} .worth .wc h3{font-size:1.3rem;margin-bottom:16px;display:flex;gap:11px;align-items:center} .worth .wc .badge{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:16px;flex:none} .worth .wc.yes .badge{background:var(--signal-soft);color:var(--signal)} .worth .wc.no .badge{background:var(--canvas-2);color:var(--bone-mut)} .worth .wc ul{list-style:none} .worth .wc li{padding:10px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.95rem;display:flex;gap:11px} .worth .wc li:first-of-type{border-top:0} .worth .wc.yes li::before{content:"✓";color:var(--signal);font-weight:800;flex:none} .worth .wc.no li::before{content:"○";color:var(--ink-mut);font-weight:700;flex:none} .honesty{background:#fff;border:1px solid var(--hair);border-left:4px solid var(--signal);border-radius:var(--r-in);padding:32px 34px;max-width:860px;box-shadow:var(--amb)} .honesty p{font-family:var(--font-d);font-weight:500;font-size:clamp(1.2rem,2.1vw,1.6rem);line-height:1.35} .honesty .lead{margin-top:16px;font-family:var(--font-b);font-size:16px} .invite{background:var(--ink);color:#fff;border-radius:var(--r-out);padding:44px;box-shadow:var(--amb);position:relative;overflow:hidden} .invite::before{content:"";position:absolute;top:-40%;right:-10%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--signal-soft),transparent 62%);pointer-events:none} .invite .stars{font-size:1.6rem;letter-spacing:4px;color:var(--amber);margin-bottom:14px} .invite h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);position:relative} .invite p{color:var(--ink-mut);margin-top:14px;max-width:52ch;position:relative} .invite .hrow{margin-top:26px;position:relative} .invite .gbtn{background:#fff;color:var(--ink)} .invite .gbtn .ic{background:var(--signal-soft)} .slot{background:var(--canvas-2);border:1.5px dashed var(--hair);border-radius:var(--r-out);padding:52px 40px;text-align:center;max-width:860px;margin:0 auto} .slot .badge{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--signal);background:var(--signal-soft);border-radius:100px;padding:7px 15px;margin-bottom:18px} .slot h3{font-size:1.5rem;margin-bottom:10px} .slot p{color:var(--bone-mut);font-size:15px;max-width:48ch;margin:0 auto} .ahero{padding:60px 0 36px;border-bottom:1px solid var(--hair)} .acrumb{font-size:12.5px;color:var(--bone-mut);margin-bottom:20px} .acrumb a{color:inherit;text-decoration:none} .acrumb a:hover{color:var(--ink)} .ameta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--bone-mut);font-weight:500;align-items:center} .ameta span{display:inline-flex;align-items:center;gap:7px} .ameta b{color:var(--ink);font-weight:700} .ahero-img{margin-top:34px;border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair);aspect-ratio:16/7} .ahero-img img{width:100%;height:100%;object-fit:cover;display:block} .art{max-width:760px;margin:0 auto} .art .lede{font-family:var(--font-d);font-weight:500;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.4;color:var(--ink);margin:44px 0 8px} .art p{color:var(--ink-2);font-size:1.06rem;line-height:1.72;margin:18px 0} .art h2{font-size:clamp(1.6rem,2.8vw,2.1rem);margin:52px 0 6px} .art h3{font-size:1.28rem;margin:34px 0 4px} .art b,.art strong{color:var(--ink);font-weight:700} .art a{color:var(--signal);font-weight:600;text-decoration:none;border-bottom:1px solid var(--signal-soft)} .art a:hover{border-color:var(--signal)} .art ul,.art ol{margin:18px 0;padding-left:0;list-style:none} .art ul li{position:relative;padding:9px 0 9px 30px;color:var(--ink-2);font-size:1.04rem;line-height:1.6;border-top:1px solid var(--hair)} .art ul li:first-child{border-top:0} .art ul li::before{content:"›";position:absolute;left:6px;top:9px;color:var(--signal);font-weight:800;font-size:1.15rem} .art ol{counter-reset:st} .art ol li:first-child{border-top:0} .art ol li b{color:var(--ink)} .box{background:#fff;border:1px solid var(--hair);border-left:4px solid var(--signal);border-radius:var(--r-in);padding:24px 26px;margin:30px 0;box-shadow:var(--amb)} .box .bt{font-family:var(--font-d);font-weight:600;font-size:1.05rem;margin-bottom:6px;display:flex;gap:9px;align-items:center} .box .bt::before{content:"!";width:24px;height:24px;border-radius:7px;background:var(--signal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:none} .box p{margin:6px 0 0;font-size:.98rem;color:var(--bone-mut)} .box.calm .bt::before{content:"✓";background:var(--ink)} .simg{margin:34px 0;border-radius:var(--r-in);overflow:hidden;border:1px solid var(--hair);box-shadow:var(--amb)} .simg img{width:100%;height:auto;display:block} .simg figcaption{background:var(--canvas-2);color:var(--bone-mut);font-size:12.5px;padding:11px 18px;text-align:center} .gtable{margin:30px 0;border:1px solid var(--hair);border-radius:var(--r-in);overflow:hidden;box-shadow:var(--amb)} .gtable table{width:100%;border-collapse:collapse;font-size:.96rem} .gtable thead th{background:var(--ink);color:#fff;font-family:var(--font-d);font-weight:500;text-align:left;padding:15px 18px;font-size:.9rem} .gtable tbody td{padding:15px 18px;border-top:1px solid var(--hair);color:var(--ink-2);vertical-align:top} .gtable tbody tr:hover{background:var(--canvas)} .gtable .g{font-family:var(--font-d);font-weight:600;color:var(--signal);white-space:nowrap} .author{display:flex;gap:18px;align-items:center;background:var(--ink);color:#fff;border-radius:var(--r-out);padding:26px 30px;margin:50px 0;box-shadow:var(--amb)} .author .av{width:56px;height:56px;border-radius:50%;background:var(--signal-soft);border:1px solid var(--signal);display:grid;place-items:center;flex:none;font-size:22px} .author .an{font-family:var(--font-d);font-weight:600;font-size:1.1rem} .author .ad{color:var(--ink-mut);font-size:.92rem;margin-top:3px;max-width:52ch} .ctabox{background:var(--ink);color:#fff;border-radius:var(--r-out);padding:40px;text-align:center;margin:52px 0;position:relative;overflow:hidden} .ctabox::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--signal-soft),transparent 60%);pointer-events:none} .ctabox h3{font-size:clamp(1.5rem,3vw,2.1rem);max-width:22ch;margin:0 auto 12px;position:relative} .ctabox p{color:var(--ink-mut);margin-bottom:26px;position:relative} .ctabox .hrow{justify-content:center;position:relative} .faq{max-width:760px;margin:0 auto} .qa{border-top:1px solid var(--hair);padding:22px 0} .related{max-width:760px;margin:0 auto} .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px} .rc:hover{transform:translateY(-4px)} .rc .rt{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--signal);font-weight:700} .rc h4{font-size:1.05rem;margin:10px 0 6px;line-height:1.2} .forwho .col{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px;box-shadow:var(--amb)} .forwho .col.yes{border-top:3px solid var(--signal)} .forwho .col.no{border-top:3px solid var(--bone-mut)} .forwho .col .lbl{font-family:var(--font-d);font-weight:600;font-size:1.05rem;margin-bottom:12px;display:flex;gap:9px;align-items:center} .forwho .col.yes .lbl::before{content:"✓";width:22px;height:22px;border-radius:6px;background:var(--signal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:none} .forwho .col.no .lbl::before{content:"›";width:22px;height:22px;border-radius:6px;background:var(--bone-mut);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:none} .forwho .col ul{margin:0;list-style:none} .forwho .col li{position:relative;padding:8px 0 8px 22px;font-size:.96rem;color:var(--ink-2);border-top:1px solid var(--hair);line-height:1.5} .forwho .col li:first-child{border-top:0} .forwho .col li::before{content:"›";position:absolute;left:2px;top:8px;color:var(--signal);font-weight:800} .forwho .col.no li::before{color:var(--bone-mut)} .clayout{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start} .napcard{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb);display:flex;gap:16px;align-items:flex-start;margin-bottom:14px;text-decoration:none;color:var(--ink)} .napcard .i{width:46px;height:46px;border-radius:12px;background:var(--signal-soft);display:grid;place-items:center;font-size:20px;flex:none} .napcard .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--bone-mut);font-weight:700} .napcard .val{font-family:var(--font-d);font-weight:600;font-size:1.2rem;margin-top:4px} .napcard .sub{color:var(--bone-mut);font-size:.88rem;margin-top:3px} a.napcard:hover{border-color:var(--signal)} .hours{background:var(--ink);color:#fff;border-radius:var(--r-in);padding:26px;box-shadow:var(--amb)} .hours h3{color:#fff;font-size:1.15rem;margin-bottom:6px;display:flex;gap:10px;align-items:center} .hours .note{color:var(--ink-mut);font-size:.82rem;margin-bottom:14px} .hours ul{list-style:none} .hours li{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--hair-dk);color:var(--ink-mut);font-size:.92rem} .hours li:first-child{border-top:0} .hours li b{color:#fff;font-weight:600} .form input,.form textarea,.form select{width:100%;background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:13px 15px;font-size:16px;margin-bottom:13px;font-family:var(--font-b);color:var(--ink)} .form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--signal)} .stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px} .step .num{font-family:var(--font-d);font-weight:600;font-size:2.4rem;color:var(--signal);letter-spacing:-.03em} .step h3{color:#fff;font-size:1.25rem;margin:8px 0 8px} .btn-d:hover{background:var(--ink-2)} .navpill.on-dark{background:rgba(21,17,16,.55)} .navpill.on-dark .brand,.navpill.on-dark nav a{color:#fff} .cine-glow{position:absolute;top:8%;right:4%;width:520px;height:520px;z-index:1;pointer-events:none;background:radial-gradient(circle,var(--signal-soft),transparent 62%)} .cine .radar{position:absolute;top:50%;right:-140px;transform:translateY(-50%);width:620px;height:620px;z-index:1;pointer-events:none;opacity:.55} .cine .radar .sweep{transform-origin:320px 320px;animation:sweep 5s linear infinite} @keyframes sweep{to{transform:rotate(360deg)}} .cine .trust{border-top-color:var(--hair-dk);color:rgba(255,255,255,.7)} .cine .trust b{color:#fff} .cine .phone{color:#fff} .stars{color:var(--signal);font-size:13px;font-weight:700} .logos{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;align-items:center;padding:26px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font-family:var(--font-d);font-weight:600;color:var(--bone-mut);font-size:15px;opacity:.85} .cost .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center} .cost h2{font-size:clamp(2rem,3.6vw,3rem)} .cost h2 em{font-style:normal;color:var(--signal)} .cost p{color:var(--ink-mut);margin-top:16px;max-width:40ch} .bar .lbl{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;font-size:15px} .bar .lbl .amt{font-family:var(--font-d);font-size:1.3rem} .fill.veri{background:linear-gradient(90deg,#6E655D,#A79E95)} .fill.hys{background:linear-gradient(90deg,var(--signal-deep),var(--signal))} .reveal.in .fill.veri{width:100%} .reveal.in .fill.hys{width:9%} .cost .note{margin-top:22px;font-size:13px;color:var(--ink-mut)} .pains{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .pain{padding:30px;border-radius:var(--r-out);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb)} .pain:nth-child(1){transform:rotate(-1.4deg)} .pain:nth-child(2){transform:translateY(28px) rotate(.8deg)} .pain:nth-child(3){transform:rotate(-.6deg)} .pain .n{font-family:var(--font-d);color:var(--amber);font-weight:600;font-size:2.4rem;letter-spacing:-.03em;line-height:1} .pain h3{font-size:1.28rem;margin:14px 0 8px} .pain p{color:var(--bone-mut);font-size:.95rem} .bento{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:1fr;gap:16px} .scard{display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:var(--r-out);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb);text-decoration:none;color:inherit;transition:transform .5s var(--ease);min-height:210px} .scard:hover{transform:translateY(-4px)} .scard.big{grid-row:span 2;background:var(--ink);color:#fff;justify-content:space-between} .scard.big h3{font-size:2rem} .scard.big p{color:var(--ink-mut)} .scard h3{font-size:1.4rem;margin-bottom:8px} .scard p{color:var(--bone-mut);font-size:.95rem} .scard .go{margin-top:16px;font-weight:700;color:var(--signal);font-size:14px} .scard.big .go{color:#fff} .step::before{content:"";position:absolute;top:19px;left:0;right:0;height:2px;background:var(--hair)} .step:first-child::before{left:50%} .step:last-child::before{right:50%} .step .node{width:40px;height:40px;border-radius:50%;background:var(--signal);color:#fff;font-family:var(--font-d);font-weight:600;display:grid;place-items:center;position:relative;z-index:1;margin-bottom:20px;box-shadow:0 8px 20px -6px var(--signal-deep)} .step h4{font-size:1.15rem;margin-bottom:6px} .pband{position:relative;border-radius:var(--r-out);overflow:hidden;min-height:420px;display:flex;align-items:flex-end;box-shadow:var(--amb)} .pband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)} .pband::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,17,16,.9) 0%,rgba(21,17,16,.55) 45%,transparent 100%)} .pband .in-c{position:relative;z-index:1;padding:48px;color:#fff;max-width:640px} .pband h2{font-size:clamp(1.9rem,3.4vw,2.7rem)} .pband p{color:rgba(255,255,255,.8);margin-top:14px} .pkpi{display:flex;gap:40px;margin-top:28px;flex-wrap:wrap} .pkpi b{font-family:var(--font-d);font-size:2.5rem;color:#fff;font-weight:600;display:block;line-height:1} .pkpi b em{font-style:normal;color:var(--signal)} .pkpi span{font-size:.82rem;color:rgba(255,255,255,.65)} .revg{display:grid;grid-template-columns:1.5fr 1fr;gap:16px} .rside{display:flex;flex-direction:column;gap:16px} .rcard.feat{background:var(--signal);color:#fff;display:flex;flex-direction:column;justify-content:center} .rcard.feat .q{font-family:var(--font-d);font-size:1.7rem;font-weight:500;line-height:1.25} .rcard .s{color:var(--signal);letter-spacing:2px;font-size:14px} .rcard.feat .s{color:#fff} .rcard p{margin:10px 0 14px;font-size:.95rem} .rcard .who{font-size:.85rem;color:var(--bone-mut)} .rcard .who b{color:var(--ink);font-family:var(--font-d)} .rcard.feat .who{color:rgba(255,255,255,.8)} .rcard.feat .who b{color:#fff} .secteurs{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:20px} .secteur h4{font-family:var(--font-d);color:var(--signal);font-size:13px;letter-spacing:.08em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--hair)} .secteur a{display:block;color:var(--ink);text-decoration:none;font-size:15px;padding:6px 0;transition:color .3s} .secteur a:hover{color:var(--signal)} .seo-c{max-width:920px} .seo-c .lead{font-family:var(--font-d);font-weight:500;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.32;margin-bottom:30px} .seo-c .lead b{color:var(--signal)} .seo-c .cols{columns:2;column-gap:46px;color:var(--bone-mut);font-size:1.02rem} .seo-c .cols p{margin-bottom:16px;break-inside:avoid} .seo-c a{color:var(--signal);text-decoration:none;font-weight:600} .seo-c a:hover{text-decoration:underline} .howto{background:var(--ink);color:#fff} .pk.win{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal),var(--amb)} .pk .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--bone-mut)} .pk .who{color:var(--bone-mut);font-size:.88rem;margin-bottom:18px} .pk li:first-child{border-top:0} .pk li b{color:var(--ink);font-weight:700} .pk .amt{font-family:var(--font-d);font-weight:600;font-size:1.9rem;color:var(--signal);letter-spacing:-.02em} .pk .amt small{display:block;font-family:var(--font-b);font-weight:400;font-size:.8rem;color:var(--bone-mut);letter-spacing:0;margin-top:2px} .pk .amt.dk{color:var(--ink)} .pk .go{margin-top:16px} .contents{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .contents .fc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb)} .contents .fc h3{font-size:1.08rem;margin-bottom:8px;display:flex;gap:10px;align-items:center} .contents .fc h3 .b{width:26px;height:26px;border-radius:8px;background:var(--signal-soft);display:grid;place-items:center;font-size:14px;flex:none} .contents .fc p{color:var(--bone-mut);font-size:.9rem} .pk .top{padding:26px 26px 20px;border-bottom:1px solid var(--hair);position:relative} .pk .flag{position:absolute;top:22px;right:22px;background:var(--signal);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:5px 11px;border-radius:100px} .pk .surf{color:var(--bone-mut);font-size:.88rem;margin-top:2px} .pk .from{margin-top:16px;font-family:var(--font-d);font-weight:600;font-size:1.9rem;color:var(--signal);letter-spacing:-.03em} .pk .from small{display:block;font-family:var(--font-b);font-weight:400;font-size:.8rem;color:var(--bone-mut);letter-spacing:0;margin-top:2px} .pk .foot{padding:0 26px 26px} .pk .foot a{width:100%;justify-content:center} .packs-note{margin-top:22px;color:var(--bone-mut);font-size:.88rem;max-width:70ch} .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px} .gc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb)} .gc h3{font-size:1.08rem;margin-bottom:8px;display:flex;gap:10px;align-items:center} .gc h3 .b{width:26px;height:26px;border-radius:8px;background:var(--signal-soft);display:grid;place-items:center;font-size:14px;flex:none} .gc p{color:var(--bone-mut);font-size:.9rem} .noabo .visu{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);aspect-ratio:4/3} .noabo .visu img{width:100%;height:100%;object-fit:cover} .ctable{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);box-shadow:var(--amb);overflow:hidden} .ctable table{width:100%;border-collapse:collapse;font-size:.95rem} .ctable thead th{background:var(--ink);color:#fff;font-family:var(--font-d);font-weight:500;text-align:left;padding:20px 22px;font-size:.9rem;letter-spacing:-.01em} .ctable thead th:last-child{text-align:right} .ctable tbody td{padding:19px 22px;border-top:1px solid var(--hair);vertical-align:top} .ctable tbody tr:hover{background:var(--canvas)} .ctable .crit{font-family:var(--font-d);font-weight:600;font-size:1.02rem;color:var(--ink)} .ctable .crit small{display:block;font-family:var(--font-b);font-weight:400;font-size:.82rem;color:var(--bone-mut);margin-top:3px;letter-spacing:0} .ctable .det{color:var(--bone-mut);font-size:.9rem} .ctable .weight{text-align:right;white-space:nowrap} .ctable .weight b{font-family:var(--font-d);font-weight:600;font-size:.95rem;color:var(--signal);display:inline-block;background:var(--signal-soft);border-radius:100px;padding:5px 13px} .ctable tfoot td{padding:16px 22px;background:var(--canvas-2);font-size:.82rem;color:var(--bone-mut);border-top:1px solid var(--hair)} .podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px} .pk .rank{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--bone-mut)} .pk.win .rank{color:var(--signal)} .pk h3{font-size:1.55rem;margin:8px 0 4px} .pk .for{color:var(--bone-mut);font-size:.9rem;margin-bottom:16px} .pk .badge{position:absolute;top:-11px;right:22px;background:var(--signal);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:5px 13px;border-radius:100px} .lhead{background:var(--ink);color:#fff;padding:120px 0 66px;margin-top:-72px} .lhead .wrap{max-width:820px} .legal{max-width:820px;margin:0 auto;padding:72px 28px 100px} .legal section{padding:34px 0;border-top:1px solid var(--hair)} .legal section:first-of-type{border-top:0;padding-top:44px} .legal h2{font-size:1.5rem;margin-bottom:16px;display:flex;gap:12px;align-items:baseline} .legal h2 .num{font-family:var(--font-b);font-weight:700;font-size:12px;color:var(--signal);letter-spacing:.1em} .legal h3{font-size:1.05rem;margin:22px 0 8px} .legal p{color:var(--bone-mut);font-size:15.5px;margin-bottom:12px} .legal p b{color:var(--ink);font-weight:700} .legal ul{list-style:none;margin:8px 0 12px} .legal li{position:relative;padding:7px 0 7px 22px;color:var(--bone-mut);font-size:15.5px;border-top:1px solid var(--hair)} .legal li:first-child{border-top:0} .legal li::before{content:"›";position:absolute;left:0;color:var(--signal);font-weight:700} .legal a{color:var(--signal);font-weight:600;text-decoration:none} .legal a:hover{text-decoration:underline} .legal .ph{color:var(--ink);font-weight:600;background:var(--signal-soft);border-radius:6px;padding:1px 7px;white-space:nowrap} .idcard{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 28px;box-shadow:var(--amb);margin:8px 0} .idcard dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:15px} .idcard dt{color:var(--bone-mut);font-weight:500} .idcard dd{color:var(--ink);font-weight:600} .updated{font-size:13px;color:var(--ink-mut);margin-top:8px} main{flex:1;display:flex;align-items:center;padding:70px 0} .tycard{max-width:760px;margin:0 auto;text-align:center} .check{width:82px;height:82px;border-radius:50%;background:var(--signal-soft);border:1px solid var(--signal);display:grid;place-items:center;margin:0 auto 26px;font-size:36px;color:var(--signal)} .tycard h1{font-size:clamp(2.1rem,4vw,3.1rem);max-width:20ch;margin:0 auto 16px} .tycard .lead{color:var(--bone-mut);font-size:18px;max-width:56ch;margin:0 auto 30px} .tycard .lead b{color:var(--ink);font-weight:700} .tycard .hrow{justify-content:center;margin-bottom:14px} .nextwrap{max-width:900px;margin:44px auto 0} .nexthead{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--bone-mut);font-weight:700;text-align:center;margin-bottom:20px} .links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .links a{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease),border-color .4s;text-align:left;display:block} .links a:hover{transform:translateY(-4px);border-color:var(--signal)} .links a h3{font-family:var(--font-d);font-weight:600;font-size:1.1rem;margin-bottom:5px;display:flex;justify-content:space-between} .links a h3 .ar{color:var(--signal)} .links a p{color:var(--bone-mut);font-size:.88rem} .urgency{margin-top:34px;background:var(--ink);color:#fff;border-radius:var(--r-out);padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap} .urgency .t h3{color:#fff;font-size:1.2rem;margin-bottom:4px} .urgency .t p{color:var(--ink-mut);font-size:.92rem} .urgency .phone{color:#fff} footer .brand{color:#fff;justify-content:center;margin-bottom:12px} .legal li b{color:var(--ink);font-weight:700} .callout{background:#fff;border:1px solid var(--hair);border-left:4px solid var(--signal);border-radius:var(--r-in);padding:22px 26px;box-shadow:var(--amb);margin:8px 0} .callout p{margin-bottom:0;font-size:15.5px} .callout p b{color:var(--ink)} .sector{margin-bottom:44px} .sector h3{font-size:1.5rem;display:flex;align-items:center;gap:12px;margin-bottom:6px} .sector h3 .b{width:34px;height:34px;border-radius:10px;background:var(--signal-soft);display:grid;place-items:center;font-size:16px;flex:none} .sector .desc{color:var(--bone-mut);font-size:.95rem;margin-bottom:20px;max-width:64ch} .cities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .city{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:20px 22px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease),border-color .4s} .city:hover{transform:translateY(-4px);border-color:var(--signal)} .city .n{font-family:var(--font-d);font-weight:600;font-size:1.15rem;display:flex;justify-content:space-between;align-items:center} .city .n .ar{color:var(--signal);font-weight:700} .city .z{color:var(--bone-mut);font-size:.82rem;margin-top:4px} .natband{background:var(--ink);color:#fff} .natgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center} .natgrid .txt p{color:var(--ink-mut);font-size:17px;margin-top:16px} .natgrid .txt p b{color:#fff;font-weight:700} .natgrid .img{border-radius:var(--r-out);overflow:hidden;border:1px solid var(--hair-dk)} .natgrid .img img{width:100%;height:100%;object-fit:cover;display:block} .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px} .svc a{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease),border-color .4s;display:block} .svc a:hover{transform:translateY(-4px);border-color:var(--signal)} .svc a h4{font-family:var(--font-d);font-weight:600;font-size:1.15rem;margin-bottom:6px;display:flex;justify-content:space-between} .svc a h4 .ar{color:var(--signal)} .svc a p{color:var(--bone-mut);font-size:.9rem} .pcard .amt{font-family:var(--font-d);font-size:3.2rem;color:var(--signal);font-weight:600;letter-spacing:-.03em} .crumb{font-size:12.5px;color:rgba(255,255,255,.6);margin-bottom:22px} .phone{font-family:var(--font-d);font-weight:600;font-size:16px;color:#fff;text-decoration:none} .cine .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;width:100%} .vp .c p{color:var(--bone-mut);font-size:.9rem} h1,h2,h3,h4{font-family:var(--font-d);font-weight:600;letter-spacing:-.03em;line-height:1.05} .cine{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;color:#fff;margin-top:-72px;padding:120px 0 54px} .cine h1{font-size:clamp(2.5rem,4.6vw,4rem);color:#fff} .sec-pad{padding:100px 0} .head{max-width:680px;margin-bottom:50px} .vp .c{padding:26px;border-radius:var(--r-in);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb)} .navpill nav a{color:inherit;text-decoration:none} .cine-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(8,8,10,.96) 0%,rgba(8,8,10,.85) 42%,rgba(8,8,10,.4) 80%,rgba(8,8,10,.2) 100%)} .faq2{display:grid;grid-template-columns:1fr 1fr;gap:20px 44px;max-width:960px} .qa h4{font-family:var(--font-d);font-weight:500;font-size:1.1rem;margin-bottom:8px;display:flex;gap:10px} .ptable .det{color:var(--bone-mut);font-size:.9rem} .aeo p{font-family:var(--font-d);font-weight:500;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.35} .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink);text-decoration:none} .ptable tbody td{padding:20px 22px;border-top:1px solid var(--hair);vertical-align:top} .ptable .conf{font-family:var(--font-d);font-weight:600;font-size:1.05rem;color:var(--ink)} :root{--canvas:#F4F1EA;--canvas-2:#ECE7DC;--ink:#151110;--ink-2:#1E1917;--signal:#E01E28;--signal-deep:#9E141C;--signal-soft:rgba(224,30,40,.10);--bone-mut:#6E655D;--ink-mut:#A79E95;--hair:rgba(21,17,16,.12);--hair-dk:rgba(255,255,255,.10);--amber:#E8A317;--wa:#25D366;--r-out:1.6rem;--r-in:1.15rem;--ease:cubic-bezier(.32,.72,0,1);--amb:0 30px 60px -30px rgba(21,17,16,.28);--font-d:'Clash Display',sans-serif;--font-b:'Satoshi',sans-serif} .cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px} .vp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .checks{list-style:none;max-width:600px} footer{background:var(--ink-2);color:var(--ink-mut);padding:64px 0 32px;font-size:14px} .qa p{color:var(--bone-mut);font-size:.94rem} .final h2{font-size:clamp(2.2rem,4vw,3.2rem);max-width:22ch;margin:0 auto 18px} .cmp .col .big{font-family:var(--font-d);font-weight:600;font-size:2.6rem;color:#fff;letter-spacing:-.03em;margin:12px 0 4px} .form input{width:100%;background:var(--canvas);border:1px solid var(--hair);border-radius:12px;padding:13px 15px;font-size:16px;margin-bottom:13px;font-family:var(--font-b)} .wrap{max-width:1180px;margin:0 auto;padding:0 28px} .aeo{background:#fff;border:1px solid var(--hair);border-left:4px solid var(--signal);border-radius:var(--r-in);padding:32px 34px;max-width:820px;box-shadow:var(--amb)} footer a{color:var(--ink-mut);text-decoration:none;display:block;margin-bottom:9px} .cine .sub{color:rgba(255,255,255,.78);font-size:18px;margin:22px 0 28px;max-width:46ch} .lead{color:var(--bone-mut);font-size:16px;margin-top:14px;max-width:60ch} .trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--hair-dk);font-size:12.5px;color:rgba(255,255,255,.7);font-weight:500} body{background:var(--canvas);color:var(--ink);font-family:var(--font-b);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden} .qa h4::before{content:"›";color:var(--signal)} .trust b{color:#fff} .btn-p:hover{background:var(--signal-deep)} .head h2{font-size:clamp(2rem,3.6vw,2.9rem)} .cmp .verdict{margin-top:22px;color:var(--ink-mut);font-size:.95rem;max-width:70ch} @media(max-width:860px){.story,.vp,.cgrid,.fgrid{grid-template-columns:1fr}.teambox{grid-template-columns:1fr}.sec-pad{padding:70px 0}.mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--hair);padding:10px 14px;gap:10px}.mbar a{flex:1;justify-content:center;flex-direction:column;gap:2px;padding:10px}.mbar a .lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.mbar a .main{font-size:14px;font-weight:700}body{padding-bottom:76px}.cine .wrap{grid-template-columns:1fr;gap:28px}.vp,.forwho,.reco-grid,.faq2,.fgrid,.brief{grid-template-columns:1fr}.kfacts{grid-template-columns:1fr 1fr}.cmp{overflow-x:auto}.mbar a{flex:1;justify-content:center;padding:13px;text-align:center}.mbar .mt{display:block;font-size:10px;font-weight:600;opacity:.75;margin-top:2px}body{padding-bottom:74px}.vp,.cost,.reco,.faq2,.fgrid,.honest .grid,.info{grid-template-columns:1fr}.mbar a{flex:1;justify-content:center;padding:13px}.mbar .wa{background:var(--wa);color:#fff}.vp,.priceband,.faq2,.fgrid,.factors,.cgrid,.split{grid-template-columns:1fr}.split.rev .txt{order:0}.vp,.priceband,.faq2,.fgrid,.factors,.cmp,.steps,.split{grid-template-columns:1fr}.ptable{overflow-x:auto}.ptable table{min-width:620px}.vp,.gamme,.priceband,.faq2,.fgrid,.factors,.cmp{grid-template-columns:1fr}.split.rev .im{order:0}.vp,.priceband,.faq2,.fgrid,.factors,.split,.steps{grid-template-columns:1fr}.vp,.vp.two,.priceband,.faq2,.fgrid,.factors,.steps,.split,.note-band .inner{grid-template-columns:1fr}.split.rev .visual{order:0}.ptable table{min-width:560px}.vp,.priceband,.faq2,.fgrid,.factors,.cmp,.localimg{grid-template-columns:1fr}.vp,.priceband,.faq2,.fgrid,.factors,.cmp,.split,.steps{grid-template-columns:1fr}.types,.split,.priceband,.faq2,.fgrid,.tl,.cmp,.pgrid{grid-template-columns:1fr}.vp,.priceband,.faq2,.fgrid,.factors,.cmp,.imgband{grid-template-columns:1fr}.split,.bars,.range,.honest,.faq2,.fgrid,.seogrid,.seolede-row{grid-template-columns:1fr}.kfig{grid-template-columns:1fr}.rc.big{grid-row:auto}.mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--hair);padding:9px 12px;gap:10px}.mbar a{flex:1;justify-content:center;flex-direction:column;gap:1px;text-align:center;padding:9px 8px;border-radius:14px;text-decoration:none;font-family:var(--font-b);font-weight:700;font-size:14px}.mbar .m-tel{background:var(--green);color:#fff}.mbar .m-dev{background:var(--signal);color:#fff}.mbar small{font-weight:500;font-size:10px;opacity:.85}.vp,.priceband,.faq2,.fgrid,.steps,.cmp,.worth,.split{grid-template-columns:1fr}.split.rev .media{order:0}.vp,.split,.faq2,.fgrid{grid-template-columns:1fr}.rgrid,.fgrid{grid-template-columns:1fr}.sec-pad{padding:56px 0}.ahero-img{aspect-ratio:16/10}.author{flex-direction:column;text-align:center}.gtable{overflow-x:auto}.gtable table{min-width:520px}.rgrid,.fgrid,.forwho{grid-template-columns:1fr}.clayout,.fgrid{grid-template-columns:1fr}.vp,.stepgrid,.fgrid{grid-template-columns:1fr}.seo-c .cols{columns:1}.hero{grid-template-columns:1fr;gap:30px;padding:32px 0 60px}.radar{display:none}.cost .grid{grid-template-columns:1fr;gap:34px}.pains,.bento,.steps,.secteurs,.revg,.faq2,.fgrid{grid-template-columns:1fr}.pain{transform:none!important}.scard.big{grid-row:auto}.step::before{display:none}.sec-pad{padding:72px 0}.mbar a{flex:1;justify-content:center;font-size:14px}.mbar .btn{padding:13px}body{padding-bottom:70px}.vp,.range,.priceband,.faq2,.fgrid{grid-template-columns:1fr}.mbar a{flex:1;justify-content:center}.priceband,.faq2,.fgrid,.contents,.cmp,.packs,.split{grid-template-columns:1fr}.vp,.priceband,.faq2,.fgrid,.grid3,.cmp,.packs,.noabo{grid-template-columns:1fr}.vp,.priceband,.faq2,.fgrid,.factors,.cmp,.podium{grid-template-columns:1fr}.ctable{overflow-x:auto}.ctable table{min-width:600px}.pk .badge{right:auto;left:22px}.fgrid{grid-template-columns:1fr}.idcard dl{grid-template-columns:1fr;gap:4px 0}.idcard dd{margin-bottom:10px}.links{grid-template-columns:1fr}.urgency{flex-direction:column;text-align:center}.urgency .t{text-align:center}.vp,.priceband,.faq2,.fgrid,.factors,.cmp{grid-template-columns:1fr}.cities{grid-template-columns:1fr 1fr}.natgrid,.svc,.fgrid{grid-template-columns:1fr}} @media(max-width:1080px){.vp,.gamme{grid-template-columns:1fr 1fr}} /* ---------- SCOPE PAR PAGE (sections bespoke) ---------- */ /* ===== page: a-propos ===== */ .pg-a-propos .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px} .pg-a-propos .cgrid .col{background:var(--ink-2);border:1px solid var(--hair-dk);border-radius:var(--r-out);padding:32px} .pg-a-propos .cgrid .col .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--signal)} .pg-a-propos .cgrid .col h3{color:#fff;font-size:1.4rem;margin:12px 0 10px} .pg-a-propos .cgrid .col p{color:var(--ink-mut);font-size:.95rem} /* ===== page: ajax-vs-somfy ===== */ .pg-ajax-vs-somfy .cmp table{width:100%;border-collapse:collapse} .pg-ajax-vs-somfy .cmp thead th{font-family:var(--font-d);font-weight:600;padding:22px 20px;text-align:left;font-size:1.05rem;border-bottom:1px solid var(--hair)} .pg-ajax-vs-somfy .cmp tbody td{padding:17px 20px;border-bottom:1px solid var(--hair);font-size:.95rem;color:var(--ink);vertical-align:top} .pg-ajax-vs-somfy .cmp .yes{color:var(--signal);font-weight:700} .pg-ajax-vs-somfy .forwho{display:grid;grid-template-columns:1fr 1fr;gap:16px} .pg-ajax-vs-somfy .reco{background:var(--ink);color:#fff} .pg-ajax-vs-somfy .kf{background:var(--canvas-2);border:1px solid var(--hair);border-radius:var(--r-in);padding:20px} .pg-ajax-vs-somfy .kf .n{font-family:var(--font-d);font-weight:600;font-size:1.7rem;color:var(--signal);line-height:1} .pg-ajax-vs-somfy .qa h3::before{content:"›";color:var(--signal)} @media(max-width:860px){.pg-ajax-vs-somfy .cmp table{min-width:560px}} /* ===== page: ajax-vs-verisure ===== */ .pg-ajax-vs-verisure .cmp table{width:100%;border-collapse:collapse;font-size:.95rem} .pg-ajax-vs-verisure .cmp thead th{padding:22px 20px;text-align:left;font-family:var(--font-d);font-weight:600;font-size:1.05rem;background:var(--ink);color:#fff;border-bottom:0} .pg-ajax-vs-verisure .cmp tbody td{padding:18px 20px;border-top:1px solid var(--hair);vertical-align:top} .pg-ajax-vs-verisure .cmp .yes{color:#1a7d3c;font-weight:700} .pg-ajax-vs-verisure .cost{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-ajax-vs-verisure .honest{background:var(--ink);color:#fff} .pg-ajax-vs-verisure .reco{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-ajax-vs-verisure .rcard{background:var(--ink);color:#fff;border-radius:var(--r-out);padding:38px;box-shadow:var(--amb)} .pg-ajax-vs-verisure .qa h3::before{content:"›";color:var(--signal)} @media(max-width:860px){.pg-ajax-vs-verisure .cmp table{min-width:640px}} /* ===== page: alarme-ajax-avis ===== */ .pg-alarme-ajax-avis .split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} .pg-alarme-ajax-avis .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px} .pg-alarme-ajax-avis .cgrid .col{background:var(--ink-2);border:1px solid var(--hair-dk);border-radius:var(--r-out);padding:30px} .pg-alarme-ajax-avis .cgrid .col .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--ink-mut)} .pg-alarme-ajax-avis .cgrid .col h3{font-family:var(--font-d);font-weight:600;font-size:1.5rem;color:#fff;margin:10px 0 10px} .pg-alarme-ajax-avis .cgrid .col p{color:var(--ink-mut);font-size:.92rem;margin-bottom:16px} /* ===== page: alarme-ajax-hub-2-plus ===== */ .pg-alarme-ajax-hub-2-plus .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center} .pg-alarme-ajax-hub-2-plus .split .media{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair);background:var(--ink);aspect-ratio:16/11} .pg-alarme-ajax-hub-2-plus .split .media img{width:100%;height:100%;object-fit:cover;display:block} .pg-alarme-ajax-hub-2-plus .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px} .pg-alarme-ajax-hub-2-plus .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb)} .pg-alarme-ajax-hub-2-plus .steps .st .n{font-family:var(--font-d);font-weight:600;font-size:1.5rem;color:var(--signal);margin-bottom:10px} .pg-alarme-ajax-hub-2-plus .steps .st h3{font-size:1.02rem;margin-bottom:6px} .pg-alarme-ajax-hub-2-plus .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-ajax-hub-2-plus .split{gap:28px}} /* ===== page: alarme-ajax ===== */ .pg-alarme-ajax .split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} @media(max-width:860px){.pg-alarme-ajax .split{grid-template-columns:1fr;gap:28px}} /* ===== page: alarme-bron ===== */ .pg-alarme-bron .prose{max-width:720px} .pg-alarme-bron .prose p{color:var(--bone-mut);font-size:1.02rem;margin-bottom:16px} .pg-alarme-bron .split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .pg-alarme-bron .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s} .pg-alarme-bron .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-bron .steps .st::before{counter-increment:s;content:"0" counter(s);font-family:var(--font-d);font-weight:600;font-size:1.6rem;color:var(--signal);display:block;margin-bottom:12px} .pg-alarme-bron .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-bron .steps .st p{color:var(--bone-mut);font-size:.9rem} .pg-alarme-bron .noabo{background:var(--ink);color:#fff} /* ===== page: alarme-caluire ===== */ .pg-alarme-caluire .prose{max-width:760px} .pg-alarme-caluire .prose p{color:var(--bone-mut);font-size:16px;margin-top:16px} .pg-alarme-caluire .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-alarme-caluire .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px} .pg-alarme-caluire .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-caluire .steps .st::before{counter-increment:s;content:counter(s);font-family:var(--font-d);font-weight:600;font-size:1.4rem;color:var(--signal);display:block;margin-bottom:10px} .pg-alarme-caluire .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-caluire .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-caluire .split{gap:28px}} /* ===== page: alarme-camera-videosurveillance ===== */ .pg-alarme-camera-videosurveillance .split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-alarme-camera-videosurveillance .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px} .pg-alarme-camera-videosurveillance .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb);position:relative} .pg-alarme-camera-videosurveillance .steps .st .n{font-family:var(--font-d);font-weight:600;font-size:1rem;color:#fff;background:var(--signal);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin-bottom:14px} .pg-alarme-camera-videosurveillance .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-camera-videosurveillance .steps .st p{color:var(--bone-mut);font-size:.9rem} /* ===== page: alarme-craponne ===== */ .pg-alarme-craponne .prose{max-width:760px} .pg-alarme-craponne .prose p{color:var(--bone-mut);font-size:16px;margin-top:16px} .pg-alarme-craponne .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-alarme-craponne .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px} .pg-alarme-craponne .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-craponne .steps .st::before{counter-increment:s;content:counter(s);font-family:var(--font-d);font-weight:600;font-size:1.4rem;color:var(--signal);display:block;margin-bottom:10px} .pg-alarme-craponne .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-craponne .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-craponne .split{gap:28px}} /* ===== page: alarme-dardilly ===== */ .pg-alarme-dardilly .prose{max-width:760px} .pg-alarme-dardilly .prose p{color:var(--bone-mut);font-size:16px;margin-top:16px} .pg-alarme-dardilly .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-alarme-dardilly .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px} .pg-alarme-dardilly .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-dardilly .steps .st::before{counter-increment:s;content:counter(s);font-family:var(--font-d);font-weight:600;font-size:1.4rem;color:var(--signal);display:block;margin-bottom:10px} .pg-alarme-dardilly .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-dardilly .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-dardilly .split{gap:28px}} /* ===== page: alarme-ecully ===== */ .pg-alarme-ecully .prose{max-width:760px} .pg-alarme-ecully .prose p{color:var(--bone-mut);font-size:16px;margin-top:16px} .pg-alarme-ecully .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-alarme-ecully .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px} .pg-alarme-ecully .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-ecully .steps .st::before{counter-increment:s;content:counter(s);font-family:var(--font-d);font-weight:600;font-size:1.4rem;color:var(--signal);display:block;margin-bottom:10px} .pg-alarme-ecully .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-ecully .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-ecully .split{gap:28px}} /* ===== page: alarme-francheville ===== */ .pg-alarme-francheville .prose{max-width:760px} .pg-alarme-francheville .prose p{color:var(--bone-mut);font-size:16px;margin-top:16px} .pg-alarme-francheville .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-alarme-francheville .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px} .pg-alarme-francheville .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-francheville .steps .st::before{counter-increment:s;content:counter(s);font-family:var(--font-d);font-weight:600;font-size:1.4rem;color:var(--signal);display:block;margin-bottom:10px} .pg-alarme-francheville .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-francheville .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-francheville .split{gap:28px}} /* ===== page: alarme-maison-sans-fil ===== */ .pg-alarme-maison-sans-fil .split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-alarme-maison-sans-fil .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px} .pg-alarme-maison-sans-fil .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb);position:relative} .pg-alarme-maison-sans-fil .steps .st .n{font-family:var(--font-d);font-weight:600;font-size:2.2rem;color:var(--signal-soft);line-height:1;position:absolute;top:16px;right:20px} .pg-alarme-maison-sans-fil .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-maison-sans-fil .steps .st p{color:var(--bone-mut);font-size:.9rem} .pg-alarme-maison-sans-fil img{max-width:100%} /* ===== page: alarme-maison ===== */ .pg-alarme-maison img{max-width:100%;display:block} .pg-alarme-maison .split{display:grid;grid-template-columns:1fr 1fr;gap:16px} /* ===== page: alarme-sainte-foy ===== */ .pg-alarme-sainte-foy .prose{max-width:720px} .pg-alarme-sainte-foy .prose p{color:var(--bone-mut);font-size:1.02rem;margin-bottom:16px} .pg-alarme-sainte-foy .split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .pg-alarme-sainte-foy .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s} .pg-alarme-sainte-foy .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-sainte-foy .steps .st::before{counter-increment:s;content:"0" counter(s);font-family:var(--font-d);font-weight:600;font-size:1.6rem;color:var(--signal);display:block;margin-bottom:12px} .pg-alarme-sainte-foy .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-sainte-foy .steps .st p{color:var(--bone-mut);font-size:.9rem} .pg-alarme-sainte-foy .noabo{background:var(--ink);color:#fff} /* ===== page: alarme-sans-abonnement ===== */ .pg-alarme-sans-abonnement .split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-alarme-sans-abonnement .cost{background:var(--ink);color:#fff} .pg-alarme-sans-abonnement .bars{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px} .pg-alarme-sans-abonnement .track{height:12px;background:rgba(255,255,255,.08);border-radius:100px;overflow:hidden} .pg-alarme-sans-abonnement .fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--signal-deep),var(--signal));width:0;transition:width 1.4s var(--ease)} .pg-alarme-sans-abonnement .hstep{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--hair);align-items:start} .pg-alarme-sans-abonnement .hstep p{color:var(--bone-mut);max-width:60ch} .pg-alarme-sans-abonnement .rc{padding:28px;border-radius:var(--r-out);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb)} .pg-alarme-sans-abonnement .rc.big h3{font-size:1.7rem} .pg-alarme-sans-abonnement .rc p{color:var(--bone-mut);font-size:.92rem} .pg-alarme-sans-abonnement .honest{display:grid;grid-template-columns:1fr 1fr;gap:20px} .pg-alarme-sans-abonnement .kf{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:22px 20px;box-shadow:var(--amb)} .pg-alarme-sans-abonnement .kf .n{font-family:var(--font-d);font-weight:600;font-size:2.1rem;color:var(--signal);letter-spacing:-.03em;line-height:1} .pg-alarme-sans-abonnement .qa h3::before{content:"?";color:var(--signal);font-weight:700} .pg-alarme-sans-abonnement img{max-width:100%} @media(max-width:860px){.pg-alarme-sans-abonnement .hstep{grid-template-columns:44px 1fr;gap:16px}} /* ===== page: alarme-tassin ===== */ .pg-alarme-tassin .prose{max-width:720px} .pg-alarme-tassin .prose p{color:var(--bone-mut);font-size:1.02rem;margin-bottom:16px} .pg-alarme-tassin .split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .pg-alarme-tassin .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s} .pg-alarme-tassin .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-tassin .steps .st::before{counter-increment:s;content:"0" counter(s);font-family:var(--font-d);font-weight:600;font-size:1.6rem;color:var(--signal);display:block;margin-bottom:12px} .pg-alarme-tassin .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-tassin .steps .st p{color:var(--bone-mut);font-size:.9rem} .pg-alarme-tassin .noabo{background:var(--ink);color:#fff} /* ===== page: alarme-telesurveillance ===== */ .pg-alarme-telesurveillance .split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center} .pg-alarme-telesurveillance .split .media{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .pg-alarme-telesurveillance .split .media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} .pg-alarme-telesurveillance .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .pg-alarme-telesurveillance .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px;box-shadow:var(--amb);position:relative} .pg-alarme-telesurveillance .steps .st .n{font-family:var(--font-d);font-weight:600;font-size:1.1rem;color:var(--signal);width:38px;height:38px;border-radius:11px;background:var(--signal-soft);display:grid;place-items:center;margin-bottom:16px} .pg-alarme-telesurveillance .steps .st h3{font-size:1.1rem;margin-bottom:7px} .pg-alarme-telesurveillance .steps .st p{color:var(--bone-mut);font-size:.9rem} /* ===== page: alarme-venissieux ===== */ .pg-alarme-venissieux .split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-alarme-venissieux .split .media{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .pg-alarme-venissieux .split .media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} .pg-alarme-venissieux .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;counter-reset:st} .pg-alarme-venissieux .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:24px;box-shadow:var(--amb);position:relative} .pg-alarme-venissieux .steps .st .n{font-family:var(--font-d);font-weight:600;font-size:1.6rem;color:var(--signal);margin-bottom:10px} .pg-alarme-venissieux .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-venissieux .steps .st p{color:var(--bone-mut);font-size:.9rem} /* ===== page: alarme-villeurbanne ===== */ .pg-alarme-villeurbanne .prose{max-width:760px} .pg-alarme-villeurbanne .prose p{color:var(--bone-mut);font-size:16px;margin-top:16px} .pg-alarme-villeurbanne .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-alarme-villeurbanne .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px} .pg-alarme-villeurbanne .steps .st{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:26px 22px;box-shadow:var(--amb);position:relative} .pg-alarme-villeurbanne .steps .st::before{counter-increment:s;content:counter(s);font-family:var(--font-d);font-weight:600;font-size:1.4rem;color:var(--signal);display:block;margin-bottom:10px} .pg-alarme-villeurbanne .steps .st h3{font-size:1.05rem;margin-bottom:6px} .pg-alarme-villeurbanne .steps .st p{color:var(--bone-mut);font-size:.88rem} @media(max-width:860px){.pg-alarme-villeurbanne .split{gap:28px}} /* ===== page: avis-clients ===== */ .pg-avis-clients .split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} .pg-avis-clients .split .media{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .pg-avis-clients .split .media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} /* ===== page: blog-alarme-ajax-nfa2p-assurance ===== */ .pg-blog-alarme-ajax-nfa2p-assurance .ahero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:22ch;margin:14px 0 18px} .pg-blog-alarme-ajax-nfa2p-assurance .art ol li{position:relative;padding:16px 0 16px 56px;counter-increment:st;border-top:1px solid var(--hair);color:var(--ink-2);font-size:1.05rem;line-height:1.62} .pg-blog-alarme-ajax-nfa2p-assurance .art ol li::before{content:counter(st);position:absolute;left:0;top:13px;width:36px;height:36px;border-radius:9px;background:var(--signal-soft);color:var(--signal);font-family:var(--font-d);font-weight:600;display:grid;place-items:center;font-size:1.05rem} .pg-blog-alarme-ajax-nfa2p-assurance .rc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease)} .pg-blog-alarme-ajax-nfa2p-assurance .rc p{color:var(--bone-mut);font-size:.86rem} /* ===== page: blog-comment-eviter-un-cambriolage ===== */ .pg-blog-comment-eviter-un-cambriolage .ahero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:20ch;margin:14px 0 18px} .pg-blog-comment-eviter-un-cambriolage .art ol li{position:relative;padding:16px 0 16px 56px;counter-increment:st;border-top:1px solid var(--hair);color:var(--ink-2);font-size:1.05rem;line-height:1.62} .pg-blog-comment-eviter-un-cambriolage .art ol li::before{content:counter(st);position:absolute;left:0;top:13px;width:36px;height:36px;border-radius:9px;background:var(--signal-soft);color:var(--signal);font-family:var(--font-d);font-weight:600;display:grid;place-items:center;font-size:1.05rem} .pg-blog-comment-eviter-un-cambriolage .rc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease)} .pg-blog-comment-eviter-un-cambriolage .rc p{color:var(--bone-mut);font-size:.86rem} /* ===== page: blog-que-faire-apres-cambriolage ===== */ .pg-blog-que-faire-apres-cambriolage .ahero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:20ch;margin:14px 0 18px} .pg-blog-que-faire-apres-cambriolage .art ol li{position:relative;padding:14px 0 14px 52px;counter-increment:st;border-top:1px solid var(--hair);color:var(--ink-2);font-size:1.05rem;line-height:1.62} .pg-blog-que-faire-apres-cambriolage .art ol li::before{content:counter(st);position:absolute;left:0;top:12px;width:32px;height:32px;border-radius:9px;background:var(--signal-soft);color:var(--signal);font-family:var(--font-d);font-weight:600;display:grid;place-items:center;font-size:1rem} .pg-blog-que-faire-apres-cambriolage .rc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease)} .pg-blog-que-faire-apres-cambriolage .rc p{color:var(--bone-mut);font-size:.86rem} /* ===== page: blog-telesurveillance-vaut-le-coup ===== */ .pg-blog-telesurveillance-vaut-le-coup .ahero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:22ch;margin:14px 0 18px} .pg-blog-telesurveillance-vaut-le-coup .art ol li{position:relative;padding:16px 0 16px 56px;counter-increment:st;border-top:1px solid var(--hair);color:var(--ink-2);font-size:1.05rem;line-height:1.62} .pg-blog-telesurveillance-vaut-le-coup .art ol li::before{content:counter(st);position:absolute;left:0;top:13px;width:36px;height:36px;border-radius:9px;background:var(--signal-soft);color:var(--signal);font-family:var(--font-d);font-weight:600;display:grid;place-items:center;font-size:1.05rem} .pg-blog-telesurveillance-vaut-le-coup .forwho{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0} .pg-blog-telesurveillance-vaut-le-coup .rc{background:#fff;border:1px solid var(--hair);border-radius:var(--r-in);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--amb);transition:transform .4s var(--ease)} .pg-blog-telesurveillance-vaut-le-coup .rc p{color:var(--bone-mut);font-size:.86rem} /* ===== page: contact ===== */ .pg-contact .form textarea{resize:vertical;min-height:110px} /* ===== page: devis-gratuit ===== */ .pg-devis-gratuit .form textarea{resize:vertical;min-height:100px} .pg-devis-gratuit .steps{background:var(--ink);color:#fff} .pg-devis-gratuit .step{background:var(--ink-2);border:1px solid var(--hair-dk);border-radius:var(--r-out);padding:32px} .pg-devis-gratuit .step p{color:var(--ink-mut);font-size:.95rem} /* ===== page: home ===== */ .pg-home .cost{background:var(--ink);color:#fff;overflow:hidden} .pg-home .bars{display:flex;flex-direction:column;gap:26px} .pg-home .track{height:20px;border-radius:100px;background:var(--ink-2);overflow:hidden;position:relative} .pg-home .fill{height:100%;border-radius:100px;width:0;transition:width 1.4s var(--ease) .2s} .pg-home .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px;position:relative} .pg-home .step{padding:0 22px;position:relative} .pg-home .step p{color:var(--bone-mut);font-size:.9rem} .pg-home .rcard{padding:30px;border-radius:var(--r-out);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb)} @media(max-width:860px){.pg-home .step{padding:0 0 8px}} /* ===== page: installateur-alarme-ajax ===== */ .pg-installateur-alarme-ajax .hstep{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--hair-dk);align-items:start} .pg-installateur-alarme-ajax .hstep p{color:var(--ink-mut);max-width:60ch} .pg-installateur-alarme-ajax .rc{padding:28px;border-radius:var(--r-out);background:#fff;border:1px solid var(--hair);box-shadow:var(--amb)} .pg-installateur-alarme-ajax .rc.big h3{font-size:1.8rem} .pg-installateur-alarme-ajax .rc p{color:var(--bone-mut);font-size:.92rem} @media(max-width:860px){.pg-installateur-alarme-ajax .hstep{grid-template-columns:44px 1fr;gap:16px}} /* ===== page: kit-alarme-ajax ===== */ .pg-kit-alarme-ajax .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .pg-kit-alarme-ajax .split .media{border-radius:var(--r-out);overflow:hidden;box-shadow:var(--amb);border:1px solid var(--hair)} .pg-kit-alarme-ajax .split .media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3} .pg-kit-alarme-ajax .packs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .pg-kit-alarme-ajax .pk{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:30px;box-shadow:var(--amb);display:flex;flex-direction:column} .pg-kit-alarme-ajax .pk .name{font-family:var(--font-d);font-weight:600;font-size:1.45rem;margin:6px 0 2px;letter-spacing:-.02em} .pg-kit-alarme-ajax .pk ul{list-style:none;margin-bottom:20px;flex:1} .pg-kit-alarme-ajax .pk li{padding:9px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.92rem;display:flex;gap:10px} .pg-kit-alarme-ajax .pk li::before{content:"◦";color:var(--signal);font-weight:800;flex:none} @media(max-width:860px){.pg-kit-alarme-ajax .split{gap:28px}} /* ===== page: kit-alarme-maison ===== */ .pg-kit-alarme-maison .packs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .pg-kit-alarme-maison .pk{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);box-shadow:var(--amb);overflow:hidden;display:flex;flex-direction:column} .pg-kit-alarme-maison .pk .name{font-family:var(--font-d);font-weight:600;font-size:1.35rem;letter-spacing:-.02em} .pg-kit-alarme-maison .pk ul{list-style:none;padding:22px 26px;flex:1} .pg-kit-alarme-maison .pk li{display:flex;gap:11px;padding:8px 0;font-size:.92rem;color:var(--bone-mut);border-top:1px solid var(--hair)} .pg-kit-alarme-maison .pk li::before{content:"✓";color:var(--signal);font-weight:800;flex:none} .pg-kit-alarme-maison .noabo{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center} /* ===== page: meilleure-alarme-maison ===== */ .pg-meilleure-alarme-maison .pk{background:#fff;border:1px solid var(--hair);border-radius:var(--r-out);padding:30px;box-shadow:var(--amb);position:relative;display:flex;flex-direction:column} .pg-meilleure-alarme-maison .pk ul{list-style:none;margin-top:auto} .pg-meilleure-alarme-maison .pk li{padding:8px 0;border-top:1px solid var(--hair);color:var(--bone-mut);font-size:.9rem;display:flex;gap:9px} .pg-meilleure-alarme-maison .pk li::before{content:"✓";color:var(--signal);font-weight:700;flex:none} /* ===== page: mentions-legales ===== */ .pg-mentions-legales .lhead h1{font-size:clamp(2.4rem,4.4vw,3.4rem);color:#fff} .pg-mentions-legales .lhead p{color:var(--ink-mut);font-size:16px;margin-top:16px;max-width:56ch} /* ===== page: politique-confidentialite ===== */ .pg-politique-confidentialite .lhead h1{font-size:clamp(2.2rem,4.2vw,3.2rem);color:#fff} .pg-politique-confidentialite .lhead p{color:var(--ink-mut);font-size:16px;margin-top:16px;max-width:58ch}