/* ELYONE — direction 02 : chaleur, couleur et profondeur. */
:root{--paper:#fbfaf5;--ink:#12323f;--muted:#52676c;--line:#dce3dc;--navy:#061c2b}
body{background:var(--paper)}
.topbar,.dark .topbar{background:#fffefb;color:var(--ink);border-bottom:1px solid #e9ece3}
.header-inner{height:94px}.brand{width:168px}
.nav-trigger{font-size:12px}.nav-trigger:after{background:linear-gradient(90deg,var(--blue),var(--green))}
.dropdown{background:#fffefb;box-shadow:0 20px 55px #052b3720;border-color:#dce5da;padding:12px}
.dropdown a{font-size:12px;padding:12px 14px}.dropdown a:hover{background:#fff3b9;color:#12323f}
.btn{font-size:12px;min-height:50px;padding:13px 25px;border-radius:13px}
.btn.primary,.dark .btn.primary,.dark .light-band .btn.primary{background:var(--yellow);border-color:var(--yellow);color:#142a32;box-shadow:0 7px 20px #87640014;font-weight:800}
.btn.primary:hover,.dark .btn.primary:hover,.dark .light-band .btn.primary:hover{background:#f2bd00;border-color:#f2bd00;box-shadow:0 10px 25px #7c630025;transform:translateY(-3px)}
.header-cta,.dark .header-cta{color:var(--ink);border-color:#d1b557;background:#ffcb011b;border-radius:30px;min-width:106px;min-height:43px;box-shadow:none;font-weight:700;padding:10px 18px}
.header-cta:hover,.dark .header-cta:hover{background:var(--yellow);border-color:var(--yellow);color:#142a32}
.text-link{border-color:#9aaead}.dark .text-link{border-color:#779cac}.text-link:hover{color:#0074bc}
.dark .text-link:hover{color:#ffdb50;border-color:#ffdb50}
.hero-home{padding:76px 0 60px;background:#061b2c;isolation:isolate}
.hero-home:before{width:1050px;height:850px;right:-270px;top:-230px;background:radial-gradient(ellipse at 48% 28%,#0066daaf,transparent 57%),radial-gradient(ellipse at 86% 38%,#00a96d8c,transparent 55%);filter:blur(65px);animation:brand-atmosphere 13s ease-in-out infinite alternate;opacity:.9;z-index:-2}
.hero-home:after{z-index:-1;opacity:.09}
.hero-atmosphere{position:absolute;width:100%;height:125%;right:-26%;top:-12%;background:linear-gradient(128deg,transparent 16%,#0066da19 28%,#0077c343 43%,#00a55e38 58%,transparent 75%);filter:blur(65px);background-size:170% 140%;animation:brand-current 16s ease-in-out infinite alternate;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.5s ease-out;pointer-events:none;z-index:-1}
.hero-home h1{font-size:clamp(48px,5.8vw,83px);font-weight:700;line-height:1.13;letter-spacing:-.052em}
.hero-home h1 em{background:linear-gradient(105deg,#68baff 3%,#53d68e 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-home .eyebrow{color:#b9d9e1;margin-bottom:26px}.hero-home .lead{max-width:670px;font-size:18px;line-height:1.8;color:#cfdee7}
.hero-home .actions{margin-top:30px}.hero-home .btn.primary{padding:15px 27px;min-height:53px}
.method-tiles{gap:22px;margin-top:56px}.method-tile{position:relative;min-height:142px;padding:41px 25px 25px;background:linear-gradient(130deg,#103b57bf,#0a2d40d9);border:1px solid #2579af;box-shadow:0 12px 26px #00101c38;border-radius:19px;backdrop-filter:blur(8px)}
.method-tile:before{content:'';position:absolute;height:3px;width:30px;left:25px;top:24px;background:#56aeff;border-radius:5px}
.method-tile:nth-child(2){background:linear-gradient(130deg,#0f433cbf,#092e34d9);border-color:#268e68}.method-tile:nth-child(2):before{background:#56dc98}
.method-tile:nth-child(3){background:linear-gradient(130deg,#41432abf,#182f33d9);border-color:#93843c}.method-tile:nth-child(3):before{background:var(--yellow)}
.method-tile:nth-child(4){background:linear-gradient(130deg,#133c5bbf,#0d2d42d9)}
.method-tile h3{font-size:22px;font-weight:700;color:#fff}.method-tile p{font-size:12px;color:#cae1eb;max-width:24ch}
.tile-arrow{position:absolute;right:21px;top:20px;color:#84b6cf;font-size:17px;opacity:.85;transition:transform .25s}
.method-tile:hover{transform:translateY(-6px);background:linear-gradient(130deg,#174e68,#0b3045);border-color:#7dc2ef;box-shadow:0 18px 32px #00101c55}
.method-tile:nth-child(2):hover{background:linear-gradient(130deg,#155b4b,#0a3336);border-color:#65d79b}.method-tile:nth-child(3):hover{background:linear-gradient(130deg,#55512b,#1f3538);border-color:#e2c25d}
.method-tile:hover .tile-arrow{transform:translate(2px,-2px)}
.home-expertises{padding-top:65px}.home-expertises .section-top{margin-bottom:30px}
.expertise-story{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center;padding:42px 0;border-top:1px solid #284b5d}
.expertise-story:last-child{border-bottom:1px solid #284b5d}.story-category{display:flex;gap:18px;font-size:11px;letter-spacing:.07em;color:#c0d1dc;margin-bottom:18px}
.story-category>span{font-size:13px;font-weight:700;color:#61b1ff}.expertise-story-2 .story-category>span{color:#54db91}.expertise-story-3 .story-category>span{color:#ffcf32}
.story-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.17;max-width:570px;font-weight:600;letter-spacing:-.045em}
.story-copy>p{font-size:14px;color:#bcd1de;max-width:490px;margin-top:18px;line-height:1.8}.story-explore{display:inline-flex;align-items:center;gap:24px;font-size:11px;color:#e2edf3;margin-top:24px;padding-bottom:3px;border-bottom:1px solid #597c8d}
.expertise-story:hover .story-explore{color:var(--yellow);border-color:var(--yellow)}
.story-uses{position:relative;padding:26px 36px;border-radius:22px;border:1px solid #27516a;background:linear-gradient(135deg,#103c5e88,#0c303e33);box-shadow:12px 16px 45px #00111e23;transition:transform .35s;max-width:350px;justify-self:end;width:100%}
.expertise-story-2 .story-uses{background:linear-gradient(135deg,#16493c88,#0c303e33);border-color:#2c6256}.expertise-story-3 .story-uses{background:linear-gradient(135deg,#51502c66,#0c303e33);border-color:#645e36}
.expertise-story:hover .story-uses{transform:translateY(-3px)}
.use-line{display:flex;position:relative;align-items:center;gap:18px;font-size:13px;font-weight:600;padding:15px 0;color:#d7e7ed}.use-line i{width:22px;height:2px;background:#5ca5df;display:block;flex-shrink:0}.expertise-story-2 .use-line i{background:#51b991}.expertise-story-3 .use-line i{background:#d0b64f}.use-line b{position:absolute;font-size:14px;left:8px;bottom:-12px;color:#6a8a9e;font-weight:400}
.photo-frame{border-radius:24px;box-shadow:0 18px 45px -25px #0a453b6b;border:1px solid #ffffff2b}
.home-story .photo-frame{border-radius:24px 24px 50px 24px}.home-story .lead{color:#c6d8e1}.home-story .story-points span{border-image:linear-gradient(90deg,#42b4af,#1874c1) 1}
.band-cta,.dark .band-cta{border:1px solid #24869a;background:linear-gradient(115deg,#07558a,#12645c);padding:50px 55px;border-radius:26px;box-shadow:0 18px 45px -25px #00202b6b;color:#f5fcff;overflow:hidden;position:relative}
.band-cta:before{content:'';position:absolute;inset:-100px -150px -100px 50%;background:radial-gradient(ellipse,#1a9e964d,transparent 65%);pointer-events:none}
.band-cta>*{position:relative}.band-cta p,.dark .band-cta p{color:#d4e8e5}
.band-cta .btn,.dark .band-cta .btn{background:var(--yellow);color:#102d36;border-color:var(--yellow);white-space:nowrap;font-weight:800}
.band-cta .btn:hover,.dark .band-cta .btn:hover{background:#f2bd00;color:#102d36;border-color:#f2bd00}
.light-band,.dark .light-band{background:linear-gradient(115deg,#e5f1ed,#dcece9 54%,#e8eef8);border-color:#b4d7cf;color:var(--ink);box-shadow:0 16px 40px -32px #1c695c66}
.light-band p,.dark .light-band p{color:#49676b}.light-band .btn,.dark .light-band .btn{background:var(--yellow);color:#102d36;border-color:var(--yellow)}
.inner-hero{padding:56px 0 58px;background:var(--paper);isolation:isolate}.inner-hero:before{inset:-100px -100px -150px 15%;background:radial-gradient(ellipse at 88% 26%,#b2dac785,transparent 53%),radial-gradient(ellipse at 42% 55%,#a8d4f25e,transparent 50%);filter:blur(58px);z-index:-1}
.inner-hero h1{font-weight:600}.inner-hero h1 em{color:#006664}.inner-hero .lead{color:#4c656b}
.expertise-hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:65px;align-items:center}
.expertise-hero-grid h1{font-size:clamp(43px,4.3vw,62px);line-height:1.13;letter-spacing:-.047em}.expertise-hero-grid .lead{font-size:15px;max-width:610px;margin-top:24px}.expertise-hero-grid .actions{margin-top:28px}
.hero-photo{padding-top:15px;position:relative}.hero-photo:before{content:'';position:absolute;inset:0 -15px 35px 20px;background:linear-gradient(135deg,#c8e6d3,#bcd7eb);border-radius:25px 45px 25px 25px;transform:rotate(3deg);z-index:-1}.hero-photo .photo-frame{aspect-ratio:1.08;border:5px solid #fffdf6;box-shadow:0 20px 40px -24px #1a5c585f;border-radius:23px 42px 23px 23px}.hero-photo .photo-frame img{object-position:48% center}.hero-photo .photo-caption{color:#5c746f;font-size:9px;margin-top:15px;max-width:380px}
.hero-bottom{margin-top:32px;align-items:center}.hero-note{font-size:10px;color:#557a78;letter-spacing:.04em}.tag{background:#fffdf9b8;border-color:#c7dad1;font-size:10px}.tag:before{display:none}
.needs-layout{gap:90px}.need-item{padding:27px 0}.need-item h3{font-weight:650}.need-item .small-num{font-weight:800}.need-item:nth-child(2) .small-num{color:#00804a}.need-item:nth-child(3) .small-num{color:#947000}
.project-note{background:linear-gradient(135deg,#edf2df,#e2efe7 55%,#e1edf5);border:1px solid #ceded0;border-radius:24px;padding:36px 38px;position:relative;box-shadow:0 14px 35px -30px #215d4b88}
.project-note h3{font-size:29px;line-height:1.22;letter-spacing:-.035em;margin-bottom:27px}.project-note .eyebrow{font-size:10px;color:#3c7269}.project-question{display:flex;gap:25px;align-items:center;padding:19px 0;border-top:1px solid #b9d3c5}.project-question>span{font-size:12px;font-weight:700;color:#0066da}.project-question:nth-last-child(2)>span{color:#00844c}.project-question:last-child>span{color:#927000}.project-question p{font-size:14px!important;line-height:1.6;color:#35545c!important}
.step{border-image:linear-gradient(90deg,#93c5d3,#bddbb7) 1}.step h3{color:#1a4a53}.quote-note{background:#edf3e9;padding:17px 20px;border-left-color:#1a9c64;border-radius:0 10px 10px 0}
.product-window{background:linear-gradient(145deg,#fffef9,#fff 65%);border-color:#b0d5d0;box-shadow:0 30px 65px -28px #165f5d66;border-top:3px solid #238796;border-radius:20px}
.window-bar{background:linear-gradient(90deg,#e7f1f7,#eaf5e7);color:#3f6871}.window-heading{font-size:17px}.window-tabs button{font-size:11px}.window-tabs button:hover{color:#133b48;background:#fff3bd}.window-row{font-size:11px;padding:15px 0}.window-row span:last-child{color:#19764b}.system{background:#eef5fc;border-color:#c1d8ec;border-radius:12px}.system.green{background:#edf6e8;border-color:#b8d9af}
.gallery{background:linear-gradient(135deg,#e7eeda,#dfefeb 55%,#dceaf7);border:1px solid #d0e2d6;border-radius:24px}.circle-btn{background:#fffdf5;border-color:#b8cfc1}.circle-btn:hover{background:var(--yellow);border-color:var(--yellow)}
.product-benefits>div{border-top:2px solid #8abbd7;padding-top:20px}.product-benefits>div:nth-child(2){border-color:#89bd98}.product-benefits>div:nth-child(3){border-color:#dec97a}.product-benefits h3{color:#1b4952}
.catalog-row{border-color:#d3e1d4;padding:32px 12px 32px 0}.catalog-row:hover{background:linear-gradient(90deg,#ecf3e68a,transparent);border-radius:14px}.catalog-row:nth-child(2) .small-num{color:#00874b}.catalog-row:nth-child(3) .small-num{color:#947000}.catalog-row h3{font-size:25px}
.resource-visual{box-shadow:0 12px 25px -20px #104a4c70;border-radius:18px;background:linear-gradient(135deg,#e4edcf,#d2e7dd)}.resource-visual.blue{background:linear-gradient(135deg,#dbe9f6,#d4eae5)}.resource-visual.yellow{background:linear-gradient(135deg,#fff0b4,#f0ead4)}.resource-visual.darkblue{background:linear-gradient(130deg,#124a68,#176d62)}
.resource-switch a.active{color:#006765;border-color:#009577}.filter-bar input,.filter-bar select{background:#fffef9;border-color:#ccd9cc}.resource-card:hover h3{color:#006a81}.resource-card:hover .resource-visual{box-shadow:0 16px 27px -18px #104a4c60}
.article-aside{background:linear-gradient(130deg,#edf2dc,#dfefe8);border:1px solid #d0dfca;border-radius:20px}.video-placeholder{background:linear-gradient(125deg,#164f72,#176f5e);border:1px solid #72a8a6}.play-outline{background:#ffcb01;color:#14313b;border-color:#ffcb01}
.contact-layout{position:relative;isolation:isolate}.contact-layout:before{content:'';position:absolute;z-index:-1;inset:-120px -55px 0 25%;background:radial-gradient(ellipse at 75% 20%,#0066da35,transparent 65%),radial-gradient(ellipse at 100% 80%,#00a96b22,transparent 60%);filter:blur(55px)}
.contact-layout h1 em{color:#64d6b4}.contact-form{background:linear-gradient(135deg,#10384a,#0b2f38);border-color:#3f7a81;border-radius:23px;box-shadow:0 20px 50px -30px #000b14}.field input,.field textarea,.field select{background:#082734;border-color:#557c87}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ffcb01;outline:2px solid #ffcb0130;outline-offset:1px}
.footer,.dark .footer{background:#f3f4e9;color:var(--ink);border-top:1px solid #d9e2d1}.footer p,.dark .footer p,.footer a,.dark .footer a{color:#52686d}.footer a:hover,.dark .footer a:hover{color:#0066b5}.dark .footer-legal{border-color:#d5dfd0}.footer-legal a,.dark .footer-legal a{font-size:10px}.footer-bottom{color:#637a7c}
.legal-hero{background:var(--paper)}.legal-hero .eyebrow{color:#526570}.legal-hero h1{font-weight:600}.legal-article{font-size:14px}.legal-article .legal-intro{background:#eef2e7}.legal-nav a.active{color:#00666d}.legal-layout{padding-bottom:80px}.legal-toc a{font-size:10px}
.review-button{background:#fffdf3;border-color:#d5ddcb;color:#173c48}.review-button:before{background:#008958}.review-panel{background:#fffef8}.mobile-toggle{color:var(--ink);border-color:#b8ccc6}
@keyframes brand-current{0%{background-position:0% 15%;opacity:.65}100%{background-position:90% 75%;opacity:1}}
@keyframes brand-atmosphere{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-45px,40px,0) scale(1.09)}}
@media(max-width:1250px){.expertise-hero-grid{gap:45px}.expertise-hero-grid h1{font-size:52px}.expertise-story{gap:70px}.nav-trigger{font-size:11px}.header-inner{gap:20px}.desktop-nav{gap:21px}.header-cta{min-width:96px}}
@media(max-width:1050px){.brand{width:145px}.desktop-nav{gap:17px}.nav-trigger{font-size:10px}.expertise-hero-grid{grid-template-columns:1.2fr .8fr;gap:35px}.expertise-hero-grid h1{font-size:46px}.hero-photo .photo-frame{aspect-ratio:.92}.expertise-story{gap:45px}.story-uses{padding:24px}.method-tile{padding:41px 18px 23px}.method-tile h3{font-size:20px}.method-tile:before{left:18px}.method-tile p{font-size:11px}.tile-arrow{right:17px}}
@media(max-width:860px){.header-inner{height:82px}.desktop-nav{background:#fffefb;top:82px}.nav-trigger{font-size:13px}.dropdown{box-shadow:none}.dropdown a{font-size:12px}.hero-home{padding:58px 0 48px}.hero-home h1{font-size:61px}.hero-home .lead{font-size:16px}.method-tiles{margin-top:42px;gap:17px}.method-tile{min-height:137px;padding:42px 25px 24px}.method-tile:before{left:25px}.method-tile h3{font-size:23px}.method-tile p{font-size:12px}.tile-arrow{right:22px}.expertise-story{gap:35px;grid-template-columns:1.1fr .9fr}.story-copy h3{font-size:31px}.story-uses{padding:20px}.story-copy>p{font-size:13px}.use-line{font-size:11px;gap:12px}.expertise-hero-grid{grid-template-columns:1fr;gap:35px}.expertise-hero-grid h1{font-size:54px;max-width:700px}.hero-photo{width:100%;max-width:680px;padding-top:0}.hero-photo .photo-frame{aspect-ratio:2.3;border-radius:21px 35px 21px 21px}.hero-photo:before{inset:-8px -8px 32px 20px}.hero-photo .photo-caption{max-width:none}.hero-bottom{margin-top:22px}.hero-note{font-size:9px}.band-cta,.dark .band-cta{padding:37px;border-radius:23px}.project-note{padding:32px}.footer-legal a,.dark .footer-legal a{font-size:9px}.legal-sidebar{max-height:none}}
@media(max-width:520px){.header-inner{height:76px;gap:13px}.brand{width:135px}.header-cta,.dark .header-cta{font-size:11px;min-width:90px;min-height:39px;padding:9px 14px}.mobile-toggle{padding:7px 9px}.desktop-nav{top:76px}.hero-home{padding:43px 0 38px}.hero-home h1{font-size:44px;line-height:1.15;letter-spacing:-.05em}.hero-home .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:24px}.hero-home .lead{font-size:14px;line-height:1.85;margin-top:22px}.hero-home .actions{gap:23px;margin-top:26px}.hero-home .btn.primary{padding:14px 20px;min-height:49px;font-size:11px}.hero-home:before{right:-520px;top:-60px;opacity:.9}.hero-atmosphere{right:-52%;top:-15%;width:150%;height:100%;filter:blur(45px)}.method-tiles{gap:13px;margin-top:36px}.method-tile{padding:36px 17px 21px;min-height:133px;border-radius:16px}.method-tile:before{left:17px;top:20px;width:24px;height:2px}.method-tile h3{font-size:18px;letter-spacing:-.04em}.method-tile p{font-size:10px;max-width:16ch;line-height:1.7}.tile-arrow{font-size:14px;right:13px;top:15px}.home-expertises{padding-top:47px}.expertise-story{grid-template-columns:1fr;gap:25px;padding:32px 0}.story-category{margin-bottom:13px;font-size:10px;gap:13px}.story-copy h3{font-size:31px}.story-copy>p{font-size:13px;margin-top:15px}.story-explore{margin-top:18px}.story-uses{justify-self:start;max-width:none;padding:16px 20px;display:flex;gap:12px;border-radius:15px}.use-line{flex:1;flex-direction:column;gap:10px;padding:10px 0;font-size:10px;text-align:center;line-height:1.5;align-items:center;justify-content:start}.use-line i{width:20px;flex-shrink:0}.use-line b{display:none}.expertise-hero-grid h1{font-size:41px}.expertise-hero-grid .lead{font-size:14px}.expertise-hero-grid{gap:30px}.hero-photo .photo-frame{aspect-ratio:1.6}.hero-photo .photo-caption{font-size:8px;line-height:1.7;margin-top:12px}.hero-bottom{gap:16px;align-items:start}.hero-note{font-size:9px}.inner-hero{padding:37px 0 37px}.inner-hero:before{inset:-10px -100px -100px 0;filter:blur(40px)}.inner-hero h1{font-size:41px}.inner-hero .lead{font-size:14px}.btn{font-size:11px;padding:13px 20px;min-height:48px}.project-note{padding:27px 24px;border-radius:20px}.project-note h3{font-size:27px}.project-question{gap:20px;padding:18px 0}.project-question p{font-size:13px!important}.band-cta,.dark .band-cta{padding:29px 25px;border-radius:22px}.band-cta h2{font-size:31px}.band-cta p{font-size:12px}.band-cta .btn{white-space:normal}.light-band,.dark .light-band{background:linear-gradient(135deg,#e8efdb,#d8eee6 65%,#e4edf5)}.product-window{border-radius:16px}.window-heading{font-size:16px}.window-tabs button{font-size:10px}.window-row{font-size:9px;padding:14px 0}.resource-visual{border-radius:16px}.contact-form{padding:27px 21px;border-radius:20px}.legal-article{font-size:12px}.footer .brand{width:145px}.footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.hero-home:before{animation:none!important;transform:none!important}.method-tile:hover,.expertise-story:hover .story-uses{transform:none}}
.expertise-hero h1 em{white-space:nowrap}.header-cta:focus-visible,.dark .header-cta:focus-visible{background:var(--yellow);color:#142a32}