:root{--ink:#15332f;--ink2:#48635d;--forest:#0b554b;--forest-deep:#073d37;--green:#1c9d81;--mint:#b9efe0;--soft:#eef8f3;--soft2:#f6faf7;--line:#e1eee7;--white:#fff;--shadow:0 20px 65px rgba(19,64,53,.10);--radius:24px;--container:1200px}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:95px}
    body{margin:0;background:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}svg{display:block}
    :focus-visible{outline:3px solid #1fae92;outline-offset:4px}::selection{background:#b8f0de;color:#063b34}
    .container{width:min(calc(100% - 56px),var(--container));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .icon{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .announcement{background:var(--forest-deep);color:#e2fff3;text-align:center;font-size:12px;font-weight:650;letter-spacing:.035em;padding:9px 16px}
    .announcement span{color:#a2ebd0}.nav-shell{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(217,234,224,.75)}
    .navbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:27px;font-weight:850;line-height:1;letter-spacing:-1.5px;white-space:nowrap}.brand-mark{height:39px;width:39px;border-radius:12px;display:grid;place-items:center;background:var(--forest);color:#fff;position:relative;box-shadow:0 5px 15px #0b554b26}.brand-mark::before,.brand-mark::after{content:"";position:absolute;background:#fff;border-radius:3px}.brand-mark::before{width:20px;height:6px}.brand-mark::after{height:20px;width:6px}.brand b{color:var(--green)}
    .nav-links{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:650;color:#45615a}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--green)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--forest);color:#fff!important;padding:13px 18px;border-radius:12px;box-shadow:0 6px 17px #0b554b20;font-weight:750;transition:transform .2s,background .2s}.nav-cta:hover{background:#0a7462;transform:translateY(-2px)}.nav-cta .icon{width:16px;height:16px}
    .menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--forest)}
    .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 79% 25%,#def6ed 0,transparent 41%),linear-gradient(153deg,#fbfdfb 18%,#ecf8f2 100%);isolation:isolate}.hero::before{content:"";position:absolute;width:670px;height:670px;border:1px solid #fff9;border-radius:50%;left:-420px;top:210px;box-shadow:0 0 0 100px #ffffff27,0 0 0 200px #ffffff20;pointer-events:none}
    .hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:32px;min-height:660px;padding:73px 0 86px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #dbeae1;border-radius:50px;color:var(--forest);font-size:12px;letter-spacing:.045em;font-weight:800;padding:9px 15px;box-shadow:0 6px 20px #173e3010}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#21b48e;box-shadow:0 0 0 4px #d9f8ea}
    h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.043em}h1{font-size:clamp(43px,5.2vw,76px);line-height:1.065;letter-spacing:-.066em;margin:25px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero-desc{font-size:16px;line-height:1.85;color:#4e6960;max-width:515px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:13px;padding:15px 22px;font-size:14px;font-weight:760;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;min-height:51px}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{color:#fff;background:var(--forest);box-shadow:0 10px 22px #0b554b2b}.btn-primary:hover{background:#087260;box-shadow:0 14px 25px #0b554b2d}.btn-secondary{color:var(--forest);border-color:#d3e5db;background:#fff}.btn-secondary:hover{background:#f7fdf9}.btn-white{background:#fff;color:var(--forest)}
    .hero-points{display:flex;gap:26px;flex-wrap:wrap;margin-top:41px}.hero-point{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:720;color:#567167}.hero-point .icon{color:var(--green);width:18px;height:18px}
    .visual{min-height:550px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle,#c9f0de 0 50%,#d8f2e7 51% 61%,transparent 62%);opacity:.82}.halo::after{content:"";position:absolute;inset:35px;border:1px dashed #ffffffaf;border-radius:50%}.phone{z-index:2;position:relative;width:272px;height:526px;border:7px solid #153d38;border-radius:40px;background:#fff;box-shadow:13px 31px 60px #164e3c32,0 0 0 2px #9fbfb33b;overflow:hidden;transform:rotate(5deg);transition:transform .4s}.phone:hover{transform:rotate(0) translateY(-5px)}.phone::before{position:absolute;content:"";left:50%;top:0;transform:translateX(-50%);width:90px;height:17px;border-radius:0 0 14px 14px;background:#153d38;z-index:4}.phone-inner{background:#fbfdfb;height:100%;overflow:hidden}.phone-head{background:linear-gradient(137deg,#e5f7ec,#f8fdf8);padding:30px 18px 18px}.phone-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#668276;margin-bottom:15px}.phone-avatar{width:26px;height:26px;background:#c1ebd8;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--forest)}.phone-greeting{font-size:10px;color:#668276}.phone-title{font-size:20px;font-weight:850;letter-spacing:-.055em;line-height:1.25;color:#123e34;margin:5px 0 15px}.phone-search{display:flex;align-items:center;gap:7px;background:#fff;color:#8ba29a;border-radius:10px;padding:10px;font-size:9px;box-shadow:0 4px 15px #114c3620}.phone-search .icon{width:14px;height:14px;color:#449984}.phone-body{padding:18px}.phone-section{font-size:11px;font-weight:840;letter-spacing:-.025em;margin-bottom:10px}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:19px}.phone-tile{text-align:center;border-radius:9px;padding:12px 3px 10px;background:#eff7f2;font-size:8px;font-weight:670;color:#517366}.phone-tile:nth-child(2){background:#fff1e5;color:#9f733b}.phone-tile:nth-child(3){background:#e8f4fd;color:#50749a}.phone-tile svg{width:21px;height:21px;margin:auto auto 7px;stroke-width:1.8}.pharmacy-mini{background:#fff;border:1px solid #e5f1e9;display:flex;gap:9px;padding:9px;border-radius:10px;align-items:center;margin-bottom:8px}.mini-icon{display:grid;place-items:center;border-radius:8px;width:35px;height:35px;background:#e4f6ed;color:#11967e}.mini-icon .icon{width:19px;height:19px}.mini-name{font-size:9px;font-weight:800;line-height:1.3}.mini-sub{font-size:8px;color:#91a69b;line-height:1.5}.mini-status{font-size:8px;color:#279778;font-weight:730;margin-left:auto;align-self:flex-end}.phone-tab{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #edf2ee;display:flex;justify-content:space-around;padding:12px 8px 16px;color:#a2b9ad}.phone-tab .icon{width:17px;height:17px}.phone-tab .active{color:var(--forest)}
    .float-card{z-index:3;position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #e1f0e8;border-radius:15px;background:#ffffffed;padding:13px 16px;box-shadow:0 15px 35px #1248371e;transform:rotate(-4deg)}.float-card.left{left:0;top:105px}.float-card.right{right:-4px;bottom:91px;transform:rotate(4deg)}.float-icon{height:39px;width:39px;border-radius:11px;display:grid;place-items:center;background:#e4f7ec;color:#168c70}.float-icon.orange{background:#fff0dd;color:#d99b4b}.float-label{font-size:10px;color:#718b7d}.float-card strong{display:block;font-size:12px;line-height:1.4;color:#174639}
    .strip{background:#fff;border-bottom:1px solid var(--line)}.strip-inner{padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.strip-label{font-size:12px;font-weight:760;color:#70867c;white-space:nowrap}.strip-feats{display:flex;align-items:center;justify-content:flex-end;gap:40px;flex-wrap:wrap}.strip-feats span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:780;color:#385a50}.strip-feats .icon{color:var(--green);width:19px;height:19px}
    .section{padding:104px 0}.section-soft{background:var(--soft2)}.section-heading{max-width:710px;margin:0 auto 49px;text-align:center}.kicker{display:block;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:14px}.section-heading h2,.split-copy h2,.cta h2{font-size:clamp(31px,3.5vw,47px);line-height:1.19;margin:0 0 17px}.section-heading p,.split-copy>p{color:#678078;line-height:1.8;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:30px 28px 28px;min-height:228px;transition:transform .25s,box-shadow .25s,border .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bfdfd2}.feature-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:#e8f8ee;color:#15856e;margin-bottom:24px}.feature-card:nth-child(3n+2) .feature-icon{background:#fff2e5;color:#bd894f}.feature-card:nth-child(3n+3) .feature-icon{background:#e8f2fa;color:#4c7aa5}.feature-icon .icon{width:26px;height:26px;stroke-width:1.65}.feature-card h3{font-size:19px;margin-bottom:11px;letter-spacing:-.035em}.feature-card p{font-size:13px;color:#6b8179;line-height:1.8;margin:0}
    .how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:83px;align-items:center}.how-visual{min-height:465px;border-radius:30px;position:relative;background:radial-gradient(circle at 15% 15%,#ceefdd 0,transparent 35%),linear-gradient(145deg,#eaf8ee,#f9fdfa);border:1px solid #e0eee5;display:flex;align-items:center;justify-content:center;padding:45px;overflow:hidden}.how-visual::before,.how-visual::after{content:"";position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid #c9e8d6}.how-visual::before{width:390px}.how-visual::after{width:285px}.how-panel{z-index:2;width:min(100%,320px);background:#fff;border:1px solid #e1f1e7;border-radius:21px;box-shadow:0 24px 50px #0b554b1c;padding:24px;transform:rotate(-3deg)}.how-panel-top{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:850;margin-bottom:23px}.how-panel-top .brand-mark{height:29px;width:29px;border-radius:9px}.how-panel-top .brand-mark::before{width:14px;height:4px}.how-panel-top .brand-mark::after{height:14px;width:4px}.how-row{display:flex;align-items:center;gap:11px;margin-bottom:15px}.how-row:last-child{margin-bottom:0}.how-dot{width:39px;height:39px;flex:none;border-radius:12px;background:#e9f7f1;display:grid;place-items:center;color:var(--forest)}.how-dot .icon{height:19px;width:19px}.how-row b{font-size:12px;display:block;line-height:1.5}.how-row small{font-size:10px;color:#8aa499}.how-connector{width:1px;height:20px;border-left:2px dashed #c6e1d1;margin:-7px 0 8px 19px}.how-steps{display:grid;gap:28px;margin-top:31px}.step{display:grid;grid-template-columns:45px auto;gap:17px}.step-number{display:grid;place-items:center;align-self:start;width:43px;height:43px;border-radius:13px;background:#e9f6ef;color:var(--forest);font-size:14px;font-weight:850}.step h3{font-size:18px;margin:2px 0 7px}.step p{font-size:14px;color:#6b8179;line-height:1.75;max-width:430px;margin:0}
    .audience{display:grid;grid-template-columns:1fr 1fr;gap:22px}.audience-card{position:relative;overflow:hidden;border-radius:27px;padding:43px 40px;min-height:345px;display:flex;flex-direction:column;align-items:start}.audience-card.patient{background:linear-gradient(145deg,#eaf8ef,#eff9f4);border:1px solid #dbede1}.audience-card.pharma{background:linear-gradient(145deg,#104f47,#083b36);color:#fff}.audience-card::after{content:"";position:absolute;width:225px;height:225px;border:1px solid currentColor;opacity:.09;border-radius:50%;bottom:-110px;right:-50px;box-shadow:0 0 0 52px currentColor}.audience-card .aud-icon{display:grid;place-items:center;width:53px;height:53px;background:#fff;border-radius:16px;color:var(--forest);margin-bottom:23px}.audience-card.pharma .aud-icon{background:#ffffff1a;color:#bdf6dc}.audience-card h3{font-size:28px;letter-spacing:-.05em;margin-bottom:10px}.audience-card p{font-size:14px;line-height:1.85;max-width:390px;margin-bottom:23px;color:#58786b}.audience-card.pharma p{color:#d3e8df}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:850;color:var(--forest)}.audience-card.pharma .text-link{color:#d2ffee}.text-link:hover{gap:12px}.text-link .icon{width:16px;height:16px}
    .ethics{background:#ebf6f0;border-top:1px solid #d8e9df;border-bottom:1px solid #d8e9df}.ethics-inner{display:flex;align-items:center;gap:22px;padding:31px 0}.ethics-badge{flex:none;width:58px;height:58px;display:grid;place-items:center;background:#d1ebda;color:var(--forest);border-radius:17px}.ethics h3{font-size:18px;margin:0 0 6px}.ethics p{font-size:13px;color:#668072;line-height:1.7;margin:0}.ethics a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:73px}.faq-aside h2{font-size:clamp(31px,3.2vw,45px);margin:10px 0 16px}.faq-aside p{font-size:14px;line-height:1.8;color:#71857b}.faq-list{display:grid;gap:11px}.faq-list details{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:750;padding:20px 22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";color:var(--green);font-size:24px;font-weight:400;line-height:1}.faq-list details[open] summary::after{content:"−"}.faq-list details[open]{box-shadow:0 8px 27px #0b554b0a;border-color:#cee5d6}.faq-list details p{font-size:13px;color:#73877e;line-height:1.8;padding:0 22px 21px;margin:0}
    .cta-wrap{padding:0 0 88px}.cta{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:linear-gradient(110deg,#08463d,#087360);color:#fff;padding:69px 66px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta::before,.cta::after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff2e;border-radius:50%;width:460px;height:460px;right:-120px;top:-190px;box-shadow:0 0 0 72px #ffffff08,0 0 0 150px #ffffff07}.cta .kicker{color:#a8edd7}.cta h2{max-width:630px;font-size:clamp(31px,3.5vw,47px)}.cta p{margin:0;color:#cbe9de;max-width:570px;font-size:14px;line-height:1.75}.cta .btn{flex:none;position:relative;z-index:2}
    .contact{background:#f7faf8;border-top:1px solid var(--line);padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:34px;margin:0 0 16px}.contact p{max-width:480px;font-size:14px;color:#637d72;line-height:1.8}.contact-items{display:grid;gap:13px}.contact-item{display:flex;align-items:center;gap:14px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:border .2s,transform .2s}.contact-item:hover{border-color:#b4dfcc;transform:translateY(-2px)}.contact-item .icon{color:var(--green)}.contact-item small{display:block;color:#80978d;font-size:11px}.contact-item b{font-size:14px;word-break:break-word}.footer{background:#07372f;color:#fff;padding:38px 0 26px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-bottom:36px}.footer .brand-mark{background:#d8f9e6;color:var(--forest)}.footer .brand-mark::after,.footer .brand-mark::before{background:var(--forest)}.footer .brand{font-size:23px}.footer .brand b{color:#76ddb8}.footer-about{max-width:340px;color:#bad2c7;font-size:12px;line-height:1.9;margin:15px 0 0}.footer-links{display:flex;gap:29px;flex-wrap:wrap;font-size:12px;color:#c7dfd3;font-weight:650}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:22px;color:#9fc6b5;font-size:11px}.back-top{position:fixed;right:24px;bottom:22px;width:44px;height:44px;border:0;border-radius:13px;background:var(--forest);color:#fff;z-index:25;display:grid;place-items:center;box-shadow:0 10px 27px #114f4052;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .2s,transform .2s}.back-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
    [data-reveal]{opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s ease}[data-reveal].shown{opacity:1;transform:none}
    @media(max-width:1100px){.float-card.left{left:-8px}.float-card.right{right:-8px}.how-grid{gap:45px}.faq-grid{gap:36px}}
    @media(max-width:900px){.nav-links{gap:15px}.nav-links>a:not(.nav-cta){font-size:12px}.hero-layout{grid-template-columns:1fr 1fr;gap:14px;min-height:590px}.hero h1{font-size:clamp(42px,5.6vw,55px)}.visual{min-height:500px}.phone{transform:rotate(4deg) scale(.88)}.halo{width:390px;height:390px}.float-card.left{left:-20px;top:76px}.float-card.right{right:-13px;bottom:74px}.hero-points{gap:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr 1fr;gap:28px}.section{padding:80px 0}.strip-feats{gap:16px}}
    @media(max-width:720px){.container{width:min(calc(100% - 36px),var(--container))}.announcement{font-size:10px}.navbar{min-height:68px}.brand{font-size:24px}.brand-mark{height:36px;width:36px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 25px #174e3a0c;padding:16px 18px 22px;flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:12px;font-size:14px!important}.nav-links .nav-cta{margin-top:8px}.hero-layout{display:flex;flex-direction:column;gap:0;padding:62px 0 37px;min-height:auto}.hero-copy{text-align:left;width:100%}.eyebrow{font-size:10px}h1{font-size:44px!important}.hero-desc{font-size:14px}.hero-actions .btn{padding:14px 17px;font-size:13px}.hero-points{margin-top:27px;gap:12px 21px}.hero-point{font-size:11px}.visual{width:100%;height:540px;min-height:540px}.phone{transform:rotate(4deg) scale(.92)}.halo{width:415px;height:415px}.float-card.left{left:max(0px,calc(50% - 205px));top:76px}.float-card.right{right:max(0px,calc(50% - 205px));bottom:66px}.strip-inner{align-items:start;flex-direction:column;gap:16px;padding:20px 0}.strip-feats{gap:16px;justify-content:flex-start}.strip-feats span{font-size:11px}.section{padding:68px 0}.section-heading{text-align:left;margin-bottom:29px}.section-heading h2,.split-copy h2{font-size:34px}.section-heading p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{min-height:0;padding:24px}.feature-icon{margin-bottom:19px;width:48px;height:48px}.how-grid{grid-template-columns:1fr;gap:34px}.how-visual{min-height:385px;order:2}.how-copy{order:1}.audience{grid-template-columns:1fr}.audience-card{min-height:315px;padding:32px}.ethics-inner{align-items:flex-start;padding:26px 0}.ethics-badge{width:45px;height:45px;border-radius:12px}.faq-grid{grid-template-columns:1fr;gap:17px}.faq-aside h2{font-size:35px}.cta-wrap{padding-bottom:55px}.cta{padding:39px 28px;border-radius:24px;display:flex;align-items:start;flex-direction:column}.cta h2{font-size:32px}.contact{padding:55px 0}.contact-grid{grid-template-columns:1fr;gap:20px}.footer-top{flex-direction:column;gap:27px}.footer-links{gap:18px}}
    @media(max-width:390px){h1{font-size:39px!important}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.visual{height:480px;min-height:480px}.phone{transform:rotate(3deg) scale(.79)}.halo{width:340px;height:340px}.float-card{padding:10px;font-size:10px}.float-card.left{top:38px;left:-5px}.float-card.right{bottom:35px;right:-5px}.float-icon{height:32px;width:32px}.float-card strong{font-size:10px}.float-label{font-size:9px}.strip-feats{gap:9px 18px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

    /* V2 — Intégration des visuels MASSA+ fournis par le client */
    :root{--ink:#173d32;--ink2:#486d5c;--forest:#226f50;--forest-deep:#164d3a;--green:#3a9c6b;--mint:#c6f0d7;--soft:#eef8f1;--soft2:#f7fbf8}
    .brand{gap:8px;letter-spacing:-1.3px}
    .brand-logo{display:block;object-fit:contain;width:56px;height:56px;flex:none;margin:-7px -7px -7px -8px}
    .footer .brand-logo{filter:drop-shadow(0 3px 5px #0002)}
    .panel-logo{width:39px;height:39px;object-fit:contain;margin:-7px -4px -7px -7px;flex:none}
    .hero{background:radial-gradient(circle at 78% 23%,#dcf4e8 0%,transparent 44%),linear-gradient(153deg,#ffffff 12%,#eff8f2 100%)}
    .hero-layout{grid-template-columns:1.02fr .98fr;gap:32px;padding:57px 0 67px;min-height:650px}
    .hero-visual{min-height:615px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
    .hero-glow{position:absolute;inset:10% 2% 10% 4%;z-index:0;border-radius:44% 56% 43% 57% / 52% 41% 59% 48%;background:radial-gradient(circle at 53% 50%,#dcf7e7b5 0%,#dbf2e29c 51%,#d4f2e500 74%)}
    .hero-device{display:block;position:relative;z-index:1;width:min(100%,500px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(9,45,38,.07));transform:translateY(5px);transition:transform .4s ease}
    .hero-device:hover{transform:translateY(-5px)}
    .hero-caption{z-index:2;position:absolute;top:46px;right:-4px;display:flex;align-items:center;gap:8px;background:#ffffffee;border:1px solid #dcefe3;box-shadow:0 13px 38px #103f2b1c;border-radius:999px;padding:11px 15px;color:var(--forest-deep);font-size:11px;font-weight:780;white-space:nowrap}
    .online-dot{display:inline-block;height:8px;width:8px;background:#3a9c6b;border-radius:50%;box-shadow:0 0 0 4px #d6f3e0}
    .showcase-section{padding-top:95px;padding-bottom:96px;background:#fff}
    .showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .showcase-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:29px;min-height:560px;border:1px solid #dcece4;isolation:isolate}
    .showcase-card--blue{background:linear-gradient(152deg,#edf8ff 0%,#ecf9fe 42%,#e3f4fa 100%)}
    .showcase-card--mint{background:linear-gradient(155deg,#edf9f1 0%,#e9f8ee 53%,#daf2e3 100%)}
    .showcase-card::before{position:absolute;z-index:-1;content:"";width:530px;height:530px;border:1px solid #ffffffbc;border-radius:50%;bottom:-260px;right:-135px;box-shadow:0 0 0 60px #ffffff32,0 0 0 120px #ffffff21}
    .showcase-copy{padding:33px 38px 6px;max-width:470px;z-index:1}
    .showcase-label{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
    .showcase-label .icon{width:17px;height:17px}
    .showcase-copy h3{font-size:clamp(25px,2.8vw,36px);line-height:1.15;letter-spacing:-.047em;margin:16px 0 11px;max-width:410px}
    .showcase-copy p{font-size:13px;line-height:1.75;color:#517064;max-width:440px;margin:0}
    .showcase-media{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:295px;padding:4px 8px 0}
    .showcase-media img{display:block;max-width:100%;width:auto;height:auto;max-height:365px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(19,76,63,.06));transition:transform .4s}
    .showcase-card:hover .showcase-media img{transform:translateY(-5px)}
    @media(max-width:1100px){.showcase-card{min-height:535px}.showcase-media img{max-height:325px}.hero-caption{right:0}}
    @media(max-width:900px){.hero-visual{min-height:525px}.hero-device{width:min(100%,425px)}.hero-caption{top:34px;right:-7px;font-size:10px;padding:9px 10px}.showcase-copy{padding:30px 28px 7px}.showcase-card{min-height:530px}.showcase-media img{max-height:300px}}
    @media(max-width:720px){.brand-logo{width:49px;height:49px;margin:-6px -7px -6px -7px}.hero-layout{padding:52px 0 28px;gap:0}.hero-visual{width:100%;height:auto;min-height:0;padding-top:28px;padding-bottom:5px}.hero-device{width:min(100%,440px)}.hero-caption{right:0;top:36px;font-size:10px}.showcase-section{padding-top:70px;padding-bottom:68px}.showcase-grid{grid-template-columns:1fr;gap:17px}.showcase-card{min-height:0}.showcase-copy{padding:30px 27px 6px}.showcase-copy h3{font-size:30px}.showcase-media{min-height:250px}.showcase-media img{max-height:365px}}
    @media(max-width:390px){.hero-visual{height:auto;min-height:0;padding-top:30px}.hero-device{width:100%}.hero-caption{top:27px;right:-4px;font-size:9px}.showcase-card{border-radius:24px}.showcase-copy h3{font-size:27px}.showcase-media img{max-height:325px}}
    @media(prefers-reduced-motion:reduce){.hero-device,.showcase-media img{transition:none!important}}