:root{--navy:#12194a;--navy-2:#1b2566;--purple:#6f5eef;--purple-light:#efeaff;--pink:#ee7fa8;--pink-light:#fdeef4;--teal:#22b6ae;--teal-light:#e5f9f7;--green:#4caf7d;--green-light:#e8f6ee;--orange:#f2a93b;--orange-light:#fdf1de;--bg:#f7f7fc;--ink:#1c2140;--ink-soft:#5a5f7d;--line:#e6e5f4;--white:#fff;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple);background:var(--purple-light);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}h1,h2,h3{letter-spacing:-.01em;font-weight:800}section{padding:88px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head h2{color:var(--navy);margin-bottom:14px;font-size:34px}.section-head p{color:var(--ink-soft);font-size:16px}header{z-index:100;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:16px 32px;display:flex}.logo{color:var(--navy);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.logo-badge{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:var(--ink-soft);font-size:14px;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--purple)}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px #12194a2e}.btn-outline{color:var(--navy);border:1.5px solid var(--line);background:#fff}.btn-purple{background:var(--purple);color:#fff;box-shadow:0 8px 18px #6f5eef47}.hero{background:radial-gradient(1100px 500px at 80% -10%, #ece8ff 0%, transparent 60%),linear-gradient(180deg,#fbfaff 0%, var(--bg) 100%);padding:80px 0 60px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero h1{color:var(--navy);margin-bottom:10px;font-size:46px;line-height:1.12}.hero .role{color:var(--purple);margin-bottom:18px;font-size:19px;font-weight:700}.hero .desc{color:var(--ink-soft);max-width:480px;margin-bottom:28px;font-size:15.5px}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:40px;display:flex}.hero-stats{gap:34px;display:flex}.hero-stats div strong{color:var(--navy);font-size:22px;display:block}.hero-stats div span{color:var(--ink-soft);font-size:12.5px}.laptop{background:linear-gradient(160deg,#1b2566,#12194a);border-radius:20px;padding:16px;box-shadow:0 30px 60px -20px #12194a73}.laptop-screen{background:#fff;border-radius:10px;overflow:hidden}.laptop-topbar{background:#f1f1fb;gap:6px;padding:10px 14px;display:flex}.dot{background:#d8d8ea;border-radius:50%;width:8px;height:8px}.laptop-body{padding:20px}.mini-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mini-logo{color:var(--navy);font-size:11px;font-weight:800}.mini-pill{background:var(--navy);color:#fff;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700}.mini-hero{background:var(--purple-light);border-radius:10px;margin-bottom:12px;padding:16px}.mini-hero .bar{background:var(--purple);border-radius:4px;width:60%;height:8px;margin-bottom:8px}.mini-hero .bar2{background:#d8d0ff;border-radius:4px;width:85%;height:6px}.mini-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-card{border:1px solid var(--line);border-radius:8px;padding:10px}.mini-card .tag{border-radius:6px;width:20px;height:20px;margin-bottom:8px}.mini-card .line{background:#eee;border-radius:3px;height:5px;margin-bottom:4px}.laptop-base{background:#0e1442;border-radius:0 0 10px 10px;height:14px;margin-top:-2px}.hero-visual{position:relative}.badge-float{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;display:flex;position:absolute;bottom:-18px;left:-18px;box-shadow:0 12px 30px #12194a24}.badge-float .ico{background:var(--teal-light);width:34px;height:34px;color:var(--teal);border-radius:9px;justify-content:center;align-items:center;display:flex}.badge-float strong{color:var(--navy);font-size:15px;display:block}.badge-float span{color:var(--ink-soft);font-size:11.5px}.usp-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:72px;display:grid}.usp{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:22px;display:flex}.usp .ico{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.usp h4{color:var(--navy);margin-bottom:4px;font-size:15px}.usp p{color:var(--ink-soft);font-size:13px}.ico-purple{background:var(--purple-light);color:var(--purple)}.ico-teal{background:var(--teal-light);color:var(--teal)}.ico-orange{background:var(--orange-light);color:var(--orange)}.ico-pink{background:var(--pink-light);color:var(--pink)}.ico-green{background:var(--green-light);color:var(--green)}svg{display:block}.apropos{background:#fff}.apropos-grid{grid-template-columns:.75fr 1.25fr;align-items:center;gap:56px;display:grid}.portrait{aspect-ratio:4/5;background:linear-gradient(160deg,var(--purple-light),var(--pink-light));border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portrait video{object-fit:cover;border-radius:20px;width:100%;height:100%}.portrait .initials{color:var(--purple);opacity:.55;font-size:64px;font-weight:800}.apropos h2{color:var(--navy);margin-bottom:16px;font-size:30px}.apropos p{color:var(--ink-soft);margin-bottom:14px;font-size:15px}.timeline{border-left:2px solid var(--line);margin-top:28px;padding-left:22px}.tl-item{padding-bottom:22px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--purple);width:12px;height:12px;box-shadow:0 0 0 2px var(--purple);border:3px solid #fff;border-radius:50%;position:absolute;top:2px;left:-28px}.tl-item .date{color:var(--purple);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.tl-item h4{color:var(--navy);margin:2px 0 3px;font-size:15.5px}.tl-item p{color:var(--ink-soft);margin:0;font-size:13.5px}.comp-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.comp-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px 22px;transition:box-shadow .2s,transform .2s}.comp-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -12px #12194a26}.comp-card .ico{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.comp-card h4{color:var(--navy);margin-bottom:10px;font-size:15.5px}.comp-card ul{color:var(--ink-soft);font-size:13px;list-style:none}.comp-card li{padding:4px 0 4px 16px;position:relative}.comp-card li:before{content:"";background:var(--purple);border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:0}.realisations{background:#fff}.real-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.real-card{border:1px solid var(--line);background:var(--bg);border-radius:16px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.real-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -12px #12194a2e}.real-thumb{justify-content:center;align-items:center;height:140px;display:flex;position:relative}.real-thumb .chip{color:var(--navy);background:#ffffffe6;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.real-body{padding:20px}.real-body h4{color:var(--navy);margin-bottom:8px;font-size:15.5px}.real-body p{color:var(--ink-soft);margin-bottom:14px;font-size:13px}.real-stats{border-top:1px solid var(--line);gap:16px;padding-top:14px;display:flex}.real-stats div strong{color:var(--purple);font-size:17px;display:block}.real-stats div span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px}.real-more{color:var(--purple);align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;display:inline-flex}.demo{color:#fff;background:linear-gradient(160deg,#12194a,#1b2566)}.demo .section-head h2{color:#fff}.demo .section-head p{color:#c7c9e6}.demo-embed{background:#f4f3fb;border:none;border-radius:10px;width:100%;min-height:420px}.demo-activity{max-width:900px;margin:0 auto 52px}.demo-activity:last-child{margin-bottom:0}.demo-activity h3{color:#fff;margin-bottom:6px;font-size:18px}.demo-activity>p{color:#c7c9e6;margin-bottom:16px;font-size:13.5px}.h5p-embed{background:#fff;border:none;border-radius:12px;width:100%;height:520px;display:block;box-shadow:0 30px 60px -30px #00000080}@media (width<=720px){.h5p-embed{height:320px}}.res-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.res-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:22px;display:flex}.res-card .ico{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.res-card h4{color:var(--navy);font-size:14.5px}.res-card p{color:var(--ink-soft);font-size:12.5px}.res-card .dl{color:var(--purple);align-items:center;gap:6px;margin-top:auto;font-size:12.5px;font-weight:700;display:flex}.blog{background:#fff}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden}.blog-thumb{background:linear-gradient(135deg,var(--purple-light),var(--teal-light));height:130px}.blog-body{padding:20px}.blog-tag{color:var(--purple);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:10.5px;font-weight:700;display:block}.blog-body h4{color:var(--navy);margin-bottom:8px;font-size:15px}.blog-body p{color:var(--ink-soft);font-size:12.5px}.blog-meta{color:var(--ink-soft);margin-top:12px;font-size:11.5px}.contact{background:var(--bg)}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:48px;display:grid}.contact-info h2{color:var(--navy);margin-bottom:14px;font-size:30px}.contact-info p{color:var(--ink-soft);margin-bottom:28px;font-size:15px}.contact-item{align-items:center;gap:14px;margin-bottom:18px;display:flex}.contact-item .ico{background:var(--purple-light);width:38px;height:38px;color:var(--purple);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.contact-item strong{color:var(--navy);font-size:13.5px;display:block}.contact-item span{color:var(--ink-soft);font-size:12.5px}.contact-form{border:1px solid var(--line);background:#fff;border-radius:18px;padding:32px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.field label{color:var(--navy);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field input,.field textarea{border:1.5px solid var(--line);background:#fbfaff;border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:13.5px}.field textarea{resize:vertical;min-height:110px}.field{margin-bottom:16px}footer{background:var(--navy);color:#c7c9e6;padding:56px 0 24px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-weight:800;display:flex}.footer-col h5{color:#fff;letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px;font-size:13px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px;font-size:13px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;font-size:12.5px;display:flex}.project-hero{color:#fff;background:linear-gradient(160deg,#12194a,#1b2566);padding:64px 0}.project-hero .eyebrow{color:#fff;background:#ffffff1f}.project-hero h1{margin-bottom:12px;font-size:34px}.project-hero p{color:#c7c9e6;max-width:640px}.breadcrumb{color:#a9adcf;margin-bottom:18px;font-size:12.5px}.breadcrumb a{color:#fff;font-weight:600}.project-body{max-width:820px;margin:0 auto}.project-block{margin-bottom:44px}.project-block h2{color:var(--navy);margin-bottom:14px;font-size:22px}.project-block p{color:var(--ink-soft);margin-bottom:10px;font-size:15px}.step-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.step{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:16px}.step .n{background:var(--purple-light);width:28px;height:28px;color:var(--purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:13px;font-weight:700;display:flex}.step strong{color:var(--navy);margin-bottom:4px;font-size:13.5px;display:block}.step span{color:var(--ink-soft);font-size:11.5px}.result-stats{flex-wrap:wrap;gap:20px;display:flex}.result-stats div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;min-width:120px;padding:18px 22px}.result-stats div strong{color:var(--purple);font-size:24px;display:block}.result-stats div span{color:var(--ink-soft);font-size:11.5px}.back-link{color:var(--purple);gap:6px;margin-bottom:24px;font-size:13.5px;font-weight:700;display:inline-flex}.maquette-tag{color:#fff;z-index:200;opacity:.85;letter-spacing:.03em;background:#12194a;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;position:fixed;top:14px;right:14px}@media (width<=980px){.nav-links{display:none}.hero-grid,.apropos-grid,.contact-grid{grid-template-columns:1fr}.comp-grid,.real-grid,.res-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.usp-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.comp-grid,.real-grid,.res-grid,.blog-grid,.form-row{grid-template-columns:1fr}.hero h1{font-size:32px}section{padding:56px 0}.footer-grid{grid-template-columns:1fr}}.objectifs-list{list-style:none}.objectifs-list li{color:var(--ink-soft);padding:6px 0 6px 20px;font-size:15px;position:relative}.objectifs-list li:before{content:"";background:var(--purple);border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:0}