:root{color-scheme:light;--ink:#132e2f;--ink2:#355255;--teal:#0a4c52;--line:#dce5e0;--paper:#f7f8f4;--white:#fff;--cream:#eff1e9;--accent:#b2dfd0;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.cc-site{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #23998f;outline-offset:3px}.cc-container{width:min(1180px,calc(100% - 42px));margin-inline:auto}.cc-topbar{background:#092e34;color:#ecf8f3;padding:7px 0;text-align:center;font-size:.75rem;font-weight:650;letter-spacing:.04em}.cc-header{position:sticky;top:0;background:#f7f8f4ec;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid #e2e8e1}.cc-nav{min-height:77px;display:flex;align-items:center;gap:23px}.cc-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.07rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.cc-logo img{width:41px;height:41px;object-fit:cover;border-radius:50%}.cc-links{display:flex;align-items:center;gap:29px;margin-left:auto}.cc-links a{text-decoration:none;color:var(--ink2);font-size:.88rem;font-weight:580;white-space:nowrap}.cc-links a:hover{color:#00867f}.cc-pill,.cc-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:100px;padding:11px 20px;text-decoration:none;font-weight:740;border:1px solid var(--teal);font-size:.9rem;cursor:pointer;transition:transform .2s ease}.cc-pill,.cc-button.primary{background:var(--teal);color:#fff}.cc-button.secondary{background:#fff;color:var(--ink);border-color:#c8d4ce}.cc-button.ghost{border-color:#b7cebf;background:transparent;color:var(--ink)}.cc-pill:hover,.cc-button:hover{transform:translateY(-2px)}.cc-skip{position:absolute;left:-9999px}.cc-skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:50}.cc-hero{padding:72px 0 66px}.cc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.cc-eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;color:#36766e;font-size:.75rem;letter-spacing:.16em;font-weight:800;margin:0 0 21px}.cc-eyebrow::before{content:'';width:26px;height:2px;background:#72b6a8}.cc-hero h1{font-size:clamp(2.65rem,5.8vw,5.1rem);line-height:1.08;letter-spacing:-.064em;margin:0 0 26px;max-width:700px;font-weight:790}.cc-hero h1 em{font-style:normal;color:#41756b}.cc-lede{font-size:clamp(1.06rem,1.6vw,1.25rem);max-width:580px;color:var(--ink2);margin:0 0 28px}.cc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.cc-micro{display:flex;gap:10px;flex-wrap:wrap;color:#506c67;font-size:.82rem;font-weight:620}.cc-micro span{padding-right:10px;border-right:1px solid #d3dfd8}.cc-micro span:last-child{border:0}.cc-showcase{position:relative;padding:25px;background:linear-gradient(145deg,#d7eee1,#9dc6b7);border:1px solid #bedacc;border-radius:28px;min-height:445px;display:flex;align-items:center;box-shadow:0 22px 60px #15483419;overflow:hidden}.cc-showcase:after{content:'';position:absolute;inset:auto -80px -150px 30%;height:320px;border-radius:50%;border:60px solid #e7f2e740;pointer-events:none}.cc-screenshot{width:100%;border-radius:13px;box-shadow:0 20px 48px #1c4f4e28;border:1px solid #ffffffb8;position:relative;z-index:1}.cc-floating{position:absolute;z-index:3;bottom:21px;left:32px;background:#fdfef9;padding:12px 18px;border-radius:15px;box-shadow:0 12px 40px #1645352f;line-height:1.3}.cc-floating strong{display:block;font-size:1.2rem}.cc-floating span{color:#667871;font-size:.76rem}.cc-section{padding:74px 0}.cc-section.sm{padding:46px 0}.cc-section h2{font-size:clamp(2rem,3.3vw,3.35rem);line-height:1.13;letter-spacing:-.052em;margin:0 0 18px}.cc-section-intro{max-width:660px;color:var(--ink2);font-size:1.05rem;margin:0 0 35px}.cc-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.cc-feature{background:#fff;border:1px solid var(--line);border-radius:23px;padding:29px;min-height:270px;display:flex;flex-direction:column}.cc-feature .cc-index{font-size:.76rem;font-weight:800;letter-spacing:.12em;color:#599686}.cc-feature h3{font-size:1.36rem;letter-spacing:-.03em;line-height:1.25;margin:20px 0 9px}.cc-feature p{color:#567068;margin:0 0 21px}.cc-feature a{margin-top:auto;text-decoration:none;color:#0d665e;font-weight:750}.cc-feature a:hover{text-decoration:underline}.cc-icon{display:grid;place-items:center;border-radius:17px;background:#e7f2eb;color:#245f58;width:51px;height:51px;font-size:1.55rem}.cc-alternate{background:#f0f4ef;border-top:1px solid #e2e7df;border-bottom:1px solid #e2e7df}.cc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:38px}.cc-steps article{border-top:1px solid #bbd1c6;padding-top:18px}.cc-steps span{color:#5b8f7d;font-weight:800;font-size:.8rem;letter-spacing:.16em}.cc-steps h3{font-size:1.2rem;letter-spacing:-.02em;margin:14px 0 4px}.cc-steps p{margin:0;color:#556e67;font-size:.9rem}.cc-photo-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px}.cc-photo-grid img{width:100%;border-radius:23px;box-shadow:0 14px 40px #23423b1a}.cc-list{padding-left:19px;color:#506f64}.cc-list li{margin-bottom:10px}.cc-price{background:#103f44;border-radius:28px;color:#fff;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.cc-price h2{color:#fff;margin:0 0 10px}.cc-price p{color:#d8e9e5;margin:0}.cc-price-card{border:1px solid #75a99e;background:#20585a;border-radius:22px;padding:28px}.cc-number{font-size:4.3rem;line-height:1;letter-spacing:-.08em;font-weight:820}.cc-number small{font-size:1.06rem;letter-spacing:0;font-weight:580;margin-left:7px}.cc-price-card p{margin:12px 0 23px}.cc-price-card .cc-button{background:#e5efe5;border-color:#e5efe5;color:#153a39}.cc-note{display:block;margin-top:14px;font-size:.8rem;color:#cadecf}.cc-mini-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.cc-footer{margin-top:72px;border-top:1px solid var(--line);padding:27px 0 39px;font-size:.82rem;color:#65776d}.cc-footer .cc-container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.cc-footer-links{display:flex;gap:22px;flex-wrap:wrap}.cc-footer a{text-decoration:none}.cc-subhero{padding:65px 0 20px;max-width:800px}.cc-subhero h1{font-size:clamp(2.45rem,4.9vw,4.7rem);letter-spacing:-.06em;line-height:1.08;margin:0 0 18px}.cc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cc-detail{padding:28px;border-radius:19px;background:#fff;border:1px solid var(--line)}.cc-detail h2,.cc-detail h3{margin:0 0 10px;font-size:1.22rem}.cc-detail p{margin:0;color:#55716b}.cc-status{background:#fff5e9;border:1px solid #ead2b0;border-radius:18px;padding:18px 21px;color:#72532d;font-size:.92rem}.cc-form{display:grid;gap:15px;max-width:600px}.cc-form label{font-weight:750;color:#214542}.cc-form input,.cc-form textarea{width:100%;display:block;border:1px solid #b9cfc5;background:#fff;border-radius:11px;padding:12px 14px;margin-top:7px;font:inherit;color:#173b35}.cc-form textarea{min-height:155px}.cc-form button{justify-self:start}.cc-form-status{font-size:.9rem}.cc-line{height:1px;background:var(--line);margin:30px 0}.cc-legal{max-width:810px}.cc-legal dt{font-weight:750;margin-top:10px}.cc-legal dd{margin:0;color:#50655d}
@media(max-width:960px){.cc-hero-grid,.cc-photo-grid{grid-template-columns:1fr;gap:29px}.cc-showcase{min-height:280px}.cc-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-links{gap:16px}.cc-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.cc-container{width:min(100% - 30px,540px)}.cc-nav{flex-wrap:wrap;padding:12px 0;gap:12px;min-height:0}.cc-links{flex:1 0 100%;order:3;display:flex;overflow:auto;padding:4px 0 5px;gap:20px}.cc-links a{font-size:.84rem}.cc-pill{margin-left:auto;padding:8px 13px;font-size:.78rem}.cc-hero{padding:38px 0 24px}.cc-hero h1{font-size:clamp(2.6rem,11.5vw,3.6rem)}.cc-section{padding:50px 0}.cc-grid3,.cc-steps,.cc-detail-grid,.cc-price{grid-template-columns:1fr}.cc-feature{min-height:0}.cc-price{padding:25px;gap:23px}.cc-number{font-size:3.8rem}.cc-floating{left:10px;bottom:10px}.cc-topbar{font-size:.7rem}}

.cc-price .cc-eyebrow{color:#b6e6d7}.cc-detail p+.cc-button,.cc-detail p+button{margin-top:20px}

/* Pages de présentation corrigées */
.cc-showcase:has(.cc-hero-photo){padding:0;min-height:380px;background:#d8e4de}
.cc-hero-photo{display:block;position:relative;z-index:1;width:100%;height:100%;min-height:380px;max-height:540px;object-fit:cover;object-position:50% 48%;border-radius:27px}
.cc-phone-showcase{display:grid;grid-template-columns:1fr minmax(270px,430px);gap:42px;align-items:center}
.cc-phone-first{display:block;width:100%;border-radius:26px;box-shadow:0 18px 48px #153e4625}
.cc-phone-note{max-width:430px;font-size:.82rem;color:#526d67;text-align:center;margin:12px auto 0}
.cc-photo-grid img[src$=".svg"]{object-fit:contain;max-height:450px}
.cc-caisse-shot img{max-height:470px;object-fit:contain;background:#f5f7f7}
@media(max-width:760px){.cc-phone-showcase{grid-template-columns:1fr}.cc-phone-first{max-width:370px;margin:0 auto}.cc-showcase:has(.cc-hero-photo){min-height:280px}.cc-hero-photo{min-height:280px;max-height:400px}}

/* Visuel de l’accueil de CC Téléphone — édition octobre 2026 */
.cc-photo-grid img[src$="telephone-premiere-interface.svg"]{width:auto;max-width:100%;max-height:670px;object-fit:contain;margin-inline:auto;display:block;box-shadow:none;border-radius:0}
.cc-phone-first{height:auto;max-width:min(430px,100%);object-fit:contain}

/* Mise en avant tablette, écrans d'application inchangés */
.cc-tablet-presentation{min-width:0;width:100%;max-width:660px;margin-inline:auto}
.cc-tablet-frame{position:relative;border:11px solid #182631;border-radius:27px;background:#17252e;box-shadow:0 24px 45px rgba(15,42,46,.23);padding:2px;overflow:hidden;aspect-ratio:1.84/1;display:flex;align-items:center;justify-content:center}
.cc-tablet-screen{width:100%;height:100%;overflow:hidden;background:#f0f2f3;display:grid;place-items:center;border-radius:13px}
.cc-tablet-screen img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
.cc-tablet-lens{position:absolute;z-index:3;top:50%;right:3px;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#4f6570;box-shadow:0 0 0 2px #21313c}
.cc-tablet-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.cc-tablet-thumb{text-decoration:none;display:block;background:#fff;border:1px solid #dce7e3;border-radius:12px;overflow:hidden;transition:box-shadow .15s ease}
.cc-tablet-thumb:hover{box-shadow:0 7px 22px #23423b22}
.cc-tablet-thumb img{display:block;width:100%;height:auto;aspect-ratio:2.15 / 1;object-fit:cover;object-position:left top;border-radius:0;box-shadow:none}
.cc-tablet-thumb span{display:block;padding:7px 6px;text-align:center;font-size:.76rem;font-weight:670;color:#244e4b}
.cc-tablet-note{font-size:.75rem;color:#506e65;text-align:center;margin:9px 0 0;line-height:1.45}
@media(max-width:760px){.cc-tablet-frame{border-width:7px;border-radius:19px}.cc-tablet-previews{gap:5px}.cc-tablet-thumb span{font-size:.65rem;padding:5px 2px}}

/* Catalogue des logiciels : les captures pointent vers leur logiciel,
   sans ajouter de logiciel au menu principal. */
.cc-product-visual{display:block;min-width:0;width:100%;border-radius:23px;text-decoration:none}
.cc-product-visual:hover img,.cc-product-visual:hover .cc-tablet-frame{box-shadow:0 20px 45px rgba(12,70,67,.24)}
.cc-product-visual:focus-visible{outline:3px solid #23998f;outline-offset:5px}
.cc-product-alt{margin-left:7px}
@media(max-width:680px){.cc-product-alt{margin:12px 0 0}}