/*
Theme Name: Euno ECF
Theme URI: https://mundai.fr
Author: ECF CDUI
Description: Thème WordPress personnalisé pour le projet pédagogique Euno.
Version: 1.0.0
Text Domain: euno-ecf
*/

:root{
  --bg:#ffffff;
  --surface:#f6f6f5;
  --surface-2:#f1f1ef;
  --ink:#090909;
  --muted:#666664;
  --line:#d8d8d4;
  --blue:#9fe0ff;
  --max:1180px;
  --radius:26px;
  --radius-sm:14px;
  --shadow:0 1px 0 rgba(0,0,0,.02);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.site-header{height:64px;background:#fff;border-bottom:1px solid #e8e8e5;position:sticky;top:0;z-index:100}
.header-inner{height:100%;display:grid;grid-template-columns:150px 1fr 150px;align-items:center;gap:20px}
.brand{display:flex;align-items:center}.brand img{width:34px;height:34px;object-fit:contain}
.main-nav{display:flex;justify-content:center;align-items:center;gap:42px;font-size:13px;font-weight:700}
.main-nav a{transition:opacity .18s ease}.main-nav a:hover{opacity:.55}
.header-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:145px;height:42px;background:#080808;color:#fff;font-size:13px;font-weight:600;padding:0 18px}
.page{padding:16px 0 0}
.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-intro{padding:52px 36px 50px;text-align:center}
.hero-intro h1{margin:0 0 25px;font-size:48px;line-height:1.04;letter-spacing:-.045em}
.hero-intro p{max-width:720px;margin:0 auto;color:#444;line-height:1.5;font-size:14px}
.hero-variants{height:390px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#fff;margin-top:10px}
.hero-variants img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.split-card{display:grid;grid-template-columns:1.06fr .94fr;min-height:560px;margin:16px 0;overflow:hidden}
.split-card .media{display:flex;align-items:center;justify-content:center;padding:30px}
.split-card .media img{width:min(94%,500px);max-height:500px;object-fit:contain}
.split-card .copy{display:flex;align-items:center;padding:64px 62px}
.split-card h2{font-size:34px;line-height:1.06;letter-spacing:-.045em;margin:0 0 18px}
.split-card p{font-size:13px;line-height:1.55;color:#4c4c4a;margin:0 0 25px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 26px;border:0;background:#090909;color:#fff;font-size:12px;font-weight:600}
.tech{padding:54px 62px;margin-bottom:16px}
.tech h2{font-size:30px;letter-spacing:-.035em;margin:0 0 32px}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.spec{min-height:126px;padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.spec:nth-child(3n){border-right:0}.spec:nth-child(n+4){border-bottom:0}
.spec b{display:block;font-size:13px;margin-bottom:18px}.spec p{margin:0;color:#555;font-size:10.5px;line-height:1.42}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.product-card{min-height:440px;padding:42px 32px 16px;position:relative;overflow:hidden}
.product-card h2{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}
.product-card p{font-size:11.5px;line-height:1.45;color:#50504e;max-width:360px;margin:0}
.product-card .art{height:305px;display:flex;align-items:flex-end;justify-content:center;margin-top:8px}
.product-card .art img{max-height:285px;max-width:92%;object-fit:contain}
.story-row{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;overflow:hidden;background:#fff}
.story-row .photo{min-height:440px}.story-row .photo img{width:100%;height:100%;object-fit:cover}
.story-row .copy{display:flex;align-items:center;padding:58px 62px}
.story-row h2{font-size:31px;line-height:1.06;letter-spacing:-.042em;margin:0 0 20px}
.story-row p{font-size:12px;line-height:1.55;color:#555;margin:0}
.trust{display:grid;grid-template-columns:1fr 1.08fr;min-height:500px;margin-bottom:16px;overflow:hidden}
.trust .copy{display:flex;flex-direction:column;justify-content:center;padding:56px 62px}
.trust h2{font-size:32px;line-height:1.06;letter-spacing:-.044em;margin:0 0 23px}
.trust p{font-size:11.5px;line-height:1.55;color:#4d4d4b;margin:0;max-width:470px}
.badges{display:flex;gap:10px;margin-top:22px}.badge{min-width:118px;border:1px solid #ddd;background:#fff;border-radius:12px;padding:14px 12px;font-size:10px;line-height:1.45}.badge.blue{background:var(--blue);border-color:transparent}.badge b{display:block;margin-bottom:7px;font-size:10.5px}
.trust .robot{display:flex;align-items:flex-end;justify-content:center;padding:26px}.trust .robot img{max-height:455px;object-fit:contain}
.black-section{background:#080808;color:#fff}.cta-band{padding:56px 0 34px}.cta-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center;padding-bottom:36px;border-bottom:1px solid #2d2d2d}.cta-grid h2{font-size:31px;line-height:1.08;letter-spacing:-.04em;margin:0;max-width:430px}.cta-grid p{font-size:11.5px;line-height:1.55;color:#c1c1c1;margin:0 0 20px}.button-light{background:#fff;color:#111;min-width:132px}
.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:27px 0 0}.newsletter h3{font-size:15px;margin:0 0 8px}.newsletter p{font-size:10.5px;color:#8d8d8d;margin:0}.newsletter form{display:grid;grid-template-columns:1fr 128px;gap:8px}.newsletter input{height:40px;background:#080808;color:#fff;border:1px solid #4c4c4c;padding:0 12px;font-size:11px;outline:none}.newsletter input:focus{border-color:#fff}.newsletter button{height:40px;border:0;background:#fff;color:#111;font-size:11px;font-weight:600}.newsletter-note{grid-column:2;font-size:8.5px!important;margin-top:-3px!important}
.site-footer{padding:42px 0 20px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:64px}.footer-brand img{height:34px;margin-bottom:12px}.footer-grid h4{font-size:13px;margin:0 0 14px}.footer-grid p,.footer-grid a{font-size:10.5px;line-height:1.9;color:#444}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:28px;padding-top:16px;border-top:1px solid #ededeb;color:#777;font-size:8.8px}
.page-hero{background:var(--surface);padding:58px 34px 55px;text-align:center;margin-bottom:28px}.page-hero h1{font-size:48px;line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}.page-hero p{font-size:15px;line-height:1.45;color:#666;margin:0 auto;max-width:770px}
.preorder-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.visual-card,.form-card,.info-card{background:var(--surface);border-radius:var(--radius)}.visual-card{min-height:570px;padding:38px 34px 24px;display:flex;flex-direction:column}.scribble{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:19px;line-height:1.15;transform:rotate(-5deg);max-width:180px;margin:12px 0 -8px 12px}.visual-main{height:350px;display:flex;align-items:center;justify-content:center}.visual-main img{max-height:330px;max-width:90%;object-fit:contain}.thumbs{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto}.thumb{width:68px;height:68px;border:1px solid #cfcfcb;border-radius:10px;background:#fff;padding:4px}.thumb img{width:100%;height:100%;object-fit:contain}.thumb.active{border-color:#111}
.form-card{padding:42px 48px}.form-card h2{font-size:30px;line-height:1.05;letter-spacing:-.038em;margin:0 0 9px}.form-card>p{font-size:12px;line-height:1.45;color:#61615f;margin:0 0 22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;height:45px;border:1px solid #d0d0cc;border-radius:12px;background:#fff;color:#111;padding:0 14px;font-size:12px;outline:none}.field textarea{height:130px;padding-top:13px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111}.phone-wrap{display:grid;grid-template-columns:86px 1fr;border:1px solid #d0d0cc;border-radius:12px;overflow:hidden;background:#fff}.phone-wrap span{height:45px;display:flex;align-items:center;padding-left:13px;border-right:1px solid #d0d0cc;font-size:12px}.phone-wrap input{border:0!important;border-radius:0}.checks{display:grid;gap:10px;margin-top:14px}.check{display:flex;align-items:flex-start;gap:8px;color:#3f3f3e;font-size:10.5px;line-height:1.35}.check input{margin-top:1px}.form-submit{width:100%;margin-top:16px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-bottom:28px}.benefit{padding:28px 20px;text-align:center;border-right:1px solid #dcdcd8}.benefit:last-child{border-right:0}.benefit .ico{width:30px;height:30px;margin:0 auto 10px;display:grid;place-items:center}.benefit svg{width:24px;height:24px;stroke:#111;fill:none;stroke-width:1.6}.benefit h3{font-size:12px;margin:0 0 8px}.benefit p{font-size:10.5px;line-height:1.4;color:#656563;margin:0 auto;max-width:180px}
.faq-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.photo-card{border-radius:var(--radius);overflow:hidden;background:var(--surface);min-height:350px}.photo-card img{width:100%;height:100%;object-fit:cover}.faq-card{background:var(--surface);border-radius:var(--radius);padding:46px 54px}.faq-card h2{font-size:29px;letter-spacing:-.035em;margin:0 0 18px}.faq-card details{border-bottom:1px solid #d8d8d4;padding:13px 0}.faq-card summary{list-style:none;display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:11.5px;color:#535351}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"+";font-size:16px;color:#111}.faq-card details[open] summary:after{content:"–"}.faq-card details p{font-size:10.5px;line-height:1.45;color:#666}
.confirm-visual{height:405px;display:flex;align-items:center;justify-content:center}.confirm-visual img{max-height:390px;object-fit:contain}.confirm-message{background:var(--surface);padding:68px 40px;text-align:center;margin-bottom:0}.confirm-message h1{font-size:50px;line-height:1.1;letter-spacing:-.045em;max-width:800px;margin:0 auto 26px}.confirm-message p{font-size:15px;color:#666;margin:0}.steps{background:var(--surface);border-radius:var(--radius);padding:38px 48px 46px;margin:22px 0 28px}.steps h2{text-align:center;font-size:28px;margin:0 0 7px}.steps>p{text-align:center;color:#777;font-size:11.5px;margin:0 0 28px}.step-row{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;align-items:center}.step{background:#fff;border-radius:13px;min-height:145px;padding:18px 17px;text-align:center}.step .n{width:24px;height:24px;border-radius:50%;background:#070707;color:#fff;display:grid;place-items:center;margin:0 auto 13px;font-size:10px;font-weight:700}.step h3{font-size:11.5px;line-height:1.25;margin:0 0 8px}.step p{font-size:9.8px;line-height:1.38;color:#666;margin:0}.arrow{text-align:center;font-size:24px;font-weight:300}
.legal-hero{background:var(--surface);padding:50px 36px;text-align:center;margin-bottom:36px}.legal-hero h1{font-size:48px;line-height:1.06;letter-spacing:-.043em;margin:0 0 12px}.legal-hero p{font-size:14px;line-height:1.45;color:#666;margin:0}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 58px;padding:0 14px 20px}.legal-card .icon{height:34px;margin-bottom:12px}.legal-card svg{width:32px;height:32px;stroke:#111;fill:none;stroke-width:1.7}.legal-card h2{font-size:24px;line-height:1.1;letter-spacing:-.028em;margin:0 0 12px}.legal-card p{font-size:11px;line-height:1.5;color:#565654;margin:0 0 8px}.legal-card a,.legal-center a{font-size:10.8px;color:#1683ff;text-decoration:underline}.legal-center{max-width:820px;text-align:center;margin:32px auto 44px}.legal-center .icon{display:flex;justify-content:center;margin-bottom:13px}.legal-center svg{width:34px;height:34px;stroke:#111;fill:none;stroke-width:1.6}.legal-center h2{font-size:27px;line-height:1.1;margin:0 0 12px}.legal-center p{font-size:11px;line-height:1.55;color:#565654;margin:0 0 8px}.mentions-spacer{height:280px}
.contact-hero{background:var(--surface);padding:56px 34px 52px;text-align:center;margin-bottom:28px}.contact-hero h1{font-size:48px;line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}.contact-hero p{max-width:760px;margin:0 auto;color:#555;font-size:14px;line-height:1.5}.contact-grid{display:grid;grid-template-columns:.66fr 1.34fr;gap:16px;margin-bottom:28px}.info-card{padding:42px 38px}.info-card h2{font-size:28px;letter-spacing:-.034em;margin:0 0 18px}.info-card>p{font-size:11.5px;line-height:1.45;color:#666;margin:0 0 18px}.coord{display:grid;grid-template-columns:42px 1fr;gap:14px;margin:16px 0}.coord-icon{width:42px;height:42px;border-radius:50%;background:#dededb;display:grid;place-items:center}.coord-icon svg{width:21px;height:21px;stroke:#111;fill:none;stroke-width:1.6}.coord h3{font-size:12px;margin:0 0 2px}.coord p{font-size:10.5px!important;line-height:1.35!important;color:#555!important;margin:0!important}.coord .faded{color:#aaa!important}.info-link{display:inline-block;margin:4px 0 0 56px;font-size:10.8px;text-decoration:underline}.contact-form{padding:42px 46px}.contact-form h2{font-size:28px;margin:0 0 12px}.contact-form>p{font-size:11.5px;color:#666;line-height:1.45;margin:0 0 18px}.faq-wide{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;background:var(--surface);border-radius:var(--radius);padding:58px 64px;margin-bottom:28px}.faq-wide h2{font-size:29px;letter-spacing:-.035em;margin:0 0 18px}.faq-wide p{font-size:13px;color:#666;margin:0}.faq-links{border-left:1px solid #dededa;padding-left:20px}.faq-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d8d4;padding:12px 0;color:#575755;font-size:11.5px}
.toast{display:none;margin-top:12px;padding:10px 12px;border:1px solid #b9e6c4;background:#eefbf2;border-radius:9px;color:#265c35;font-size:11px}.toast.show{display:block}
@media(max-width:900px){
 .container{width:min(var(--max),calc(100% - 28px))}.header-inner{grid-template-columns:auto 1fr auto}.main-nav{display:none}.hero-intro h1,.page-hero h1,.confirm-message h1,.legal-hero h1,.contact-hero h1{font-size:38px}.hero-variants{height:300px}.split-card,.story-row,.trust,.preorder-grid,.faq-showcase,.contact-grid,.faq-wide{grid-template-columns:1fr}.split-card .copy,.story-row .copy,.trust .copy{padding:42px 30px}.tech{padding:44px 26px}.spec-grid{grid-template-columns:1fr}.spec{border-right:0!important;border-bottom:1px solid var(--line)!important}.spec:last-child{border-bottom:0!important}.cards-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cta-grid,.newsletter{grid-template-columns:1fr;gap:26px}.newsletter-note{grid-column:1}.benefits{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid #dcdcd8}.step-row{grid-template-columns:1fr;gap:12px}.arrow{transform:rotate(90deg)}.legal-grid{grid-template-columns:1fr 1fr}.faq-wide{padding:42px 34px}.faq-links{border-left:0;border-top:1px solid #dededa;padding:18px 0 0}.confirm-visual{height:330px}.mentions-spacer{height:120px}}
@media(max-width:560px){
 .container{width:calc(100% - 20px)}.site-header{height:58px}.header-cta{min-width:auto;height:38px;padding:0 13px;font-size:11px}.brand img{width:30px;height:30px}.hero-intro{padding:42px 20px}.hero-intro h1,.page-hero h1,.confirm-message h1,.legal-hero h1,.contact-hero h1{font-size:31px}.hero-variants{height:235px}.split-card{min-height:auto}.split-card .media{min-height:340px}.split-card h2,.story-row h2,.trust h2{font-size:28px}.product-card{min-height:410px}.story-row .photo{min-height:330px}.badges{flex-direction:column}.newsletter form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.form-card,.visual-card,.info-card,.contact-form,.faq-card{padding:30px 24px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.benefits{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid #dcdcd8}.benefit:last-child{border-bottom:0}.legal-grid{grid-template-columns:1fr}.page-hero,.legal-hero,.contact-hero{padding:42px 20px}.confirm-visual{height:285px}.visual-card{min-height:490px}.visual-main{height:290px}.cta-grid{gap:30px}.cta-grid h2{font-size:27px}.newsletter{gap:20px}.mentions-spacer{height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}