@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Inter;font-weight:800;font-display:swap;src:url(fonts/inter-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/inter-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:Inter;font-weight:800;font-display:swap;src:url(fonts/inter-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}

/* Charte LYL Software (version figée août 2026) */
:root{--black:#0D0F12;--green:#0E8A5F;--green-l:#19D67A;--green-ui:#0B7A53;--grey-bg:#F6F8F7;--grey-txt:#5A6570;
--bg:#ffffff;--ink:#0D0F12;--muted:#5A6570;--line:#E3E8E6;--card:#ffffff;--soft:#F6F8F7;--link:#0B7A53;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
a{color:var(--link)}
h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:1.15}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:0 0 .8em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px}
.small{font-size:.86rem;color:var(--muted)}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green-ui);color:#fff!important;padding:14px 24px;border-radius:10px;font:500 1rem Inter,sans-serif;text-decoration:none;border:0;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:var(--green);transform:translateY(-1px)}
.btn.sm{padding:9px 16px;font-size:.92rem}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.4)}
.btn.ghost:hover{border-color:var(--green-l);background:rgba(25,214,122,.08)}

/* en-tête */
.top{position:sticky;top:0;z-index:30;background:rgba(13,15,18,.94);backdrop-filter:blur(10px);border-bottom:1px solid #1d2227}
.bar{display:flex;align-items:center;gap:22px;height:72px}
.brand{display:flex;flex:none}.logo{display:block;height:44px;width:auto}
.nav{display:flex;gap:4px;margin-left:8px}
.nav a{color:#dfe5e2;text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 10px;border-radius:8px}
.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.right{margin-left:auto;display:flex;align-items:center;gap:14px}
.langs{display:flex;gap:2px}
.langs a{color:#9aa5ad;text-decoration:none;font-size:.8rem;font-weight:500;padding:5px 6px;border-radius:6px}
.langs a[aria-current]{color:var(--green-l)}
.langs a:hover{color:#fff}
.burger{display:none;position:relative}
.burger summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center}
.burger summary::-webkit-details-marker{display:none}
.burger summary span,.burger summary span::before,.burger summary span::after{display:block;width:22px;height:2px;background:#fff;position:relative;content:""}
.burger summary span::before{position:absolute;top:-7px}.burger summary span::after{position:absolute;top:7px}
.burger nav{position:absolute;right:0;top:48px;background:#0D0F12;border:1px solid #22282E;border-radius:12px;padding:10px;display:grid;min-width:220px}
.burger nav a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:8px}.burger nav a:hover{background:#1a1f24}
@media (max-width:1020px){.nav{display:none}.burger{display:block}}
@media (max-width:560px){.langs{display:none}.btn.sm{display:none}.logo{height:38px}}

/* hero */
.hero{background:radial-gradient(1200px 500px at 85% 10%,rgba(25,214,122,.14),transparent 60%),#0D0F12;color:#fff;padding:72px 0 80px;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.kicker{display:inline-block;color:var(--green-l);font-weight:500;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:0 0 .4em}
.hero .sub{color:#c6cfcb;font-size:1.15rem;max-width:36em}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:#c6cfcb;font-size:.93rem}
.trust li{display:flex;gap:8px;align-items:center}.trust .ico{stroke:var(--green-l);width:18px;height:18px}
.visual{position:relative;aspect-ratio:1;display:grid;place-items:center;max-width:440px;justify-self:center;width:100%}
.pix{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;opacity:.55}
.pix i{border-radius:3px;background:var(--green-l);opacity:.08;animation:blink 3.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes blink{50%{opacity:.5}}
.hlogo{position:relative;width:62%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.lyl{position:absolute;bottom:4%;margin:0;color:var(--green-l);font-weight:800;letter-spacing:.42em;text-transform:uppercase;font-size:.85rem}
@media (max-width:860px){.hgrid{grid-template-columns:1fr}.visual{max-width:300px}}
@media (prefers-reduced-motion:reduce){.pix i{animation:none}}

/* sections */
.section{padding:64px 0 8px}
.band{background:var(--soft);padding:64px 0;margin-top:56px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cards.three{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 14px 30px rgba(13,15,18,.08)}
.card strong{font-size:1.08rem;line-height:1.3}
.card span:last-child{color:var(--muted);font-size:.94rem;line-height:1.55}
.ci{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#0D0F12;margin-bottom:6px}
.ci .ico{stroke:var(--green-l)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px}
.steps .n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green-ui);color:#fff;font-weight:800}
.steps span:last-child{color:var(--muted);font-size:.94rem}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:500;background:var(--card)}
.chips a:hover{border-color:var(--green)}.chips .ico{width:18px;height:18px;stroke:var(--green)}
.more{margin-top:18px;font-weight:500}

/* CTA */
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#0D0F12;color:#fff;border-radius:20px;padding:32px 36px;margin:48px 0;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(25,214,122,.35),transparent 70%)}
.cta-t{font-weight:800;font-size:1.35rem;margin:0 0 4px}.cta p{margin:0;color:#c6cfcb;max-width:40em}
.cta .btn{position:relative;z-index:1}

/* pages */
.phead{background:#0D0F12;color:#fff;padding:48px 0 44px}
.phead h1{font-size:clamp(1.8rem,4.2vw,2.8rem);margin:.2em 0 .3em;max-width:22em}
.phead .lead{color:#c6cfcb;font-size:1.15rem;max-width:40em;margin:0}
.crumbs{font-size:.88rem;color:#9aa5ad;margin:0 0 10px}.crumbs a{color:#c6cfcb}
.pi{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:rgba(25,214,122,.12);margin-top:10px}
.pi .ico{stroke:var(--green-l);width:28px;height:28px}
.article{padding-top:40px;padding-bottom:20px}
.prose{max-width:760px}
.prose h2{font-size:1.55rem;margin:1.8em 0 .5em}
.prose h3{font-size:1.2rem}
.prose li{margin:.35em 0}
.prose strong{font-weight:800}
.table{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--line);padding:10px;text-align:left}
.faq{margin-top:40px}.faq details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0;background:var(--card)}
.faq summary{cursor:pointer;font-weight:500}
.narrow .prose{max-width:820px}

/* formulaire */
.contact{display:grid;gap:14px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:26px;margin:24px 0}
.contact label{display:grid;gap:6px;font-weight:500;font-size:.94rem}
.contact input,.contact select,.contact textarea{font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--green);border-color:transparent}
.contact .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:620px){.contact .row{grid-template-columns:1fr}}
.contact .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.contact .consent input{margin-top:5px}
.hp{position:absolute;left:-9999px}

/* pied de page */
.foot{background:#0D0F12;color:#c6cfcb;margin-top:72px;padding:56px 0 20px;font-size:.94rem}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.foot a{color:#c6cfcb;text-decoration:none;display:block;padding:3px 0}.foot a:hover{color:var(--green-l)}
.foot p a{display:inline}
.flogo{height:52px}
.slogan{color:var(--green-l);font-weight:800;letter-spacing:.32em;text-transform:uppercase;font-size:.78rem}
.fh{color:#fff;font-weight:800;margin:0 0 10px}
.copy{border-top:1px solid #22282E;margin-top:32px;padding-top:16px;font-size:.84rem;color:#7d8891}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* racine */
body.root{background:#0D0F12;color:#fff;min-height:100vh;display:grid;place-items:center}
.rootbox{text-align:center;padding:40px 20px;position:relative}
.rootbox .hlogo{width:200px}.rootbox .lyl{position:static;margin:18px 0 30px}
.rootlangs{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;justify-content:center}
.rootlangs a{display:grid;gap:4px;padding:18px;border:1px solid #22282E;border-radius:14px;color:#fff;text-decoration:none;background:#14181C}
.rootlangs a:hover{border-color:var(--green-l)}.rootlangs span{color:#9aa5ad;font-size:.85rem}
@media (max-width:520px){.rootlangs{grid-template-columns:1fr}}
@media (min-width:1000px){.cards.five{grid-template-columns:repeat(5,1fr)}}

/* ---- v2 : version claire et simple ---- */
.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.nav a{color:#0D0F12}.nav a:hover{color:var(--green-ui);background:var(--soft)}
.burger summary span,.burger summary span::before,.burger summary span::after{background:#0D0F12}
.burger nav{background:#fff;border-color:var(--line);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.burger nav a{color:#0D0F12}.burger nav a:hover{background:var(--soft)}
.langsel{position:relative}
.langsel summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-weight:500;font-size:.9rem;color:#0D0F12}
.langsel summary::-webkit-details-marker{display:none}
.langsel summary .ico{width:16px;height:16px}
.langsel nav{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;display:grid;min-width:150px;box-shadow:0 12px 30px rgba(0,0,0,.08);z-index:40}
.langsel nav a{color:#0D0F12;text-decoration:none;padding:9px 12px;border-radius:8px}.langsel nav a:hover{background:var(--soft);color:var(--green-ui)}
@media (max-width:560px){.btn.sm{display:none}}
.hero{background:linear-gradient(180deg,#F6F8F7,#fff);color:var(--ink);padding:80px 0 64px}
.hsimple{text-align:center;max-width:860px}
.hero .sub{color:var(--muted);margin:0 auto}
.hsimple .actions,.hsimple .trust{justify-content:center}
.trust{color:var(--muted)}.trust .ico{stroke:var(--green)}
.kicker{color:var(--green-ui)}
.btn.ghost{color:#0D0F12!important;border-color:var(--line);background:#fff}
.btn.ghost:hover{border-color:var(--green);background:#fff}
.ci{background:rgba(14,138,95,.1)}.ci .ico{stroke:var(--green)}
.cta{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.cta p{color:var(--muted)}.cta::after{background:radial-gradient(circle,rgba(25,214,122,.18),transparent 70%)}
.phead{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line)}
.phead .lead{color:var(--muted)}.crumbs,.crumbs a{color:var(--muted)}
.pi{background:rgba(14,138,95,.1)}.pi .ico{stroke:var(--green)}
.foot{background:var(--soft);color:var(--muted);border-top:1px solid var(--line)}
.foot a{color:var(--muted)}.foot a:hover{color:var(--green-ui)}
.fh{color:var(--ink)}.slogan{color:var(--green)}.copy{border-color:var(--line)}
body.root{background:#fff;color:var(--ink)}
.rootlangs a{background:#fff;border-color:var(--line);color:var(--ink)}.rootlangs a:hover{border-color:var(--green)}
.rootbox .lyl{color:var(--green)}

/* ---- v3 : présentation haut de gamme ---- */
.hero2{position:relative;padding:84px 0 96px;overflow:hidden;background:
 radial-gradient(900px 420px at 80% 0%,rgba(25,214,122,.13),transparent 60%),
 radial-gradient(700px 380px at 0% 100%,rgba(14,138,95,.07),transparent 60%),#fff}
.hero2::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,15,18,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,15,18,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%)}
.h2grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.htext h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.05;letter-spacing:-.035em;margin:.25em 0 .35em}
.htext .sub{font-size:1.18rem;color:var(--muted);max-width:34em}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.78rem}
.kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--green-l);box-shadow:0 0 0 4px rgba(25,214,122,.18)}
.htext .trust{margin-top:8px}
.showcase{position:relative;min-height:470px}
.mock{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -20px rgba(13,15,18,.18),0 2px 6px rgba(13,15,18,.04);padding:18px}
.mh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mh .ci{width:36px;height:36px;margin:0;border-radius:10px}.mh .ci .ico{width:18px;height:18px}
.mh b{font-size:.95rem}
.live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--green-ui);font-weight:500}
.live i{width:7px;height:7px;border-radius:50%;background:var(--green-l);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.voice{top:0;right:0;width:min(400px,100%);animation:float 7s ease-in-out infinite}
.wave{display:flex;align-items:center;gap:3px;height:40px;margin:2px 0 12px}
.wave i{flex:1;border-radius:3px;background:linear-gradient(var(--green-l),var(--green));height:calc(var(--h)*1%);animation:wv 1.2s ease-in-out infinite;animation-delay:var(--d);transform-origin:center}
@keyframes wv{50%{transform:scaleY(.35)}}
.bub{margin:8px 0;padding:9px 13px;border-radius:14px;font-size:.88rem;line-height:1.4;max-width:85%}
.bub.c{background:var(--soft);border-bottom-left-radius:4px}
.bub.a{background:#0B7A53;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.ok{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:.82rem;font-weight:500;color:var(--green-ui)}.ok .ico{width:16px;height:16px}
.flow{left:0;bottom:30px;width:min(360px,90%);animation:float 8s ease-in-out infinite reverse}
.nodes{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.node{padding:7px 11px;border:1px solid var(--line);border-radius:10px;font-size:.8rem;font-weight:500;background:#fff}
.node.ai{background:#0E8A5F;color:#fff;border-color:#0E8A5F}
.flowarr{width:14px;height:2px;background:var(--green-l);position:relative}.flowarr::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:var(--green-l)}
.swiss{right:20px;bottom:0;display:flex;align-items:center;gap:12px;padding:14px 18px}
.swiss .flag svg{width:34px;height:34px;display:block}.swiss b{display:block;font-size:.92rem}.swiss span{font-size:.8rem;color:var(--muted)}
@keyframes float{50%{transform:translateY(-10px)}}
@media (max-width:960px){.h2grid{grid-template-columns:1fr}.showcase{min-height:520px;max-width:520px;width:100%;margin:0 auto}}
@media (max-width:480px){.showcase{min-height:560px}.voice{position:relative}.flow{position:relative;bottom:auto;margin-top:14px;width:100%}.swiss{position:relative;right:auto;margin-top:14px;display:inline-flex}}
@media (prefers-reduced-motion:reduce){.voice,.flow,.wave i,.live i{animation:none}}
.shead{margin-bottom:28px}.shead h2{margin:.2em 0 0;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.03em}
.eyebrow{display:block;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--green-ui)}
.svcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.svc{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 28px;background:#fff;color:var(--ink);text-decoration:none;transition:background .2s}
.svc:hover{background:#FBFDFC}
.svc .sn{position:absolute;top:26px;right:26px;font-size:.8rem;font-weight:500;color:#B8C2BE}
.svc strong{font-size:1.15rem;letter-spacing:-.01em}
.svc>span:not(.sn):not(.ci){color:var(--muted);font-size:.95rem}
.svc em{margin-top:auto;font-style:normal;font-weight:500;font-size:.9rem;color:var(--green-ui);display:inline-flex;align-items:center;gap:6px;opacity:0;transform:translateX(-6px);transition:.2s}
.svc em .ico{width:16px;height:16px}.svc:hover em{opacity:1;transform:none}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar{padding:30px;border-radius:22px;background:linear-gradient(180deg,#F6F8F7,#fff);border:1px solid var(--line)}
.pillar .pn{font-weight:800;font-size:2rem;color:var(--green);letter-spacing:-.03em}
.pillar h3{margin:.4em 0 .3em;font-size:1.25rem}.pillar p{margin:0;color:var(--muted)}
@media (max-width:860px){.pillars{grid-template-columns:1fr}}
.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.timeline::before{content:"";position:absolute;top:18px;left:18px;right:18px;height:2px;background:linear-gradient(90deg,var(--green-l),var(--green))}
.timeline li{position:relative;display:flex;flex-direction:column;gap:6px}
.timeline .n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid var(--green);color:var(--green);font-weight:800;margin-bottom:8px;position:relative}
.timeline strong{font-size:1.1rem}.timeline span:last-child{color:var(--muted);font-size:.95rem}
@media (max-width:860px){.timeline{grid-template-columns:1fr 1fr}.timeline::before{display:none}}
@media (max-width:520px){.timeline{grid-template-columns:1fr}}
.ctabig{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:48px;border-radius:28px;color:#fff;background:radial-gradient(600px 300px at 90% 0%,rgba(25,214,122,.45),transparent 60%),linear-gradient(135deg,#0B7A53,#0E8A5F 60%,#12a06e);margin:40px 0 0}
.ctabig h2{margin:0 0 .3em;color:#fff;font-size:clamp(1.5rem,3vw,2.2rem)}.ctabig p{margin:0;color:rgba(255,255,255,.85);max-width:36em}
.btn.white{background:#fff;color:#0B7A53!important}.btn.white:hover{background:#F6F8F7}
.showcase{min-height:560px}
.flow{bottom:56px}
.swiss{bottom:0;right:0}
.svccta{background:linear-gradient(135deg,#0B7A53,#0E8A5F)!important;color:#fff!important}
.svccta>span{color:rgba(255,255,255,.85)!important}.svccta em{opacity:1;transform:none;color:#fff}
.mission{padding:72px 0 8px;text-align:center}
.mtitle{font-weight:800;font-size:clamp(1.6rem,3.6vw,2.6rem);letter-spacing:-.03em;line-height:1.15;max-width:22em;margin:.3em auto .4em}
.mtext{color:var(--muted);font-size:1.12rem;max-width:40em;margin:0 auto 34px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.mgrid>div{padding:26px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px -18px rgba(13,15,18,.2)}
.mgrid .mn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(14,138,95,.1);color:var(--green);font-weight:800}
.mgrid h3{margin:.6em 0 .3em;font-size:1.2rem}.mgrid p{margin:0;color:var(--muted)}
@media (max-width:860px){.mgrid{grid-template-columns:1fr}}