:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f8fc;background:#07090d;scroll-behavior:smooth;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07090d 0%,#0a0e16 58%,#07090d 100%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,.drop:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7aa9ff;outline-offset:3px}.top{display:flex;justify-content:space-between;align-items:center;padding:23px max(5%,calc((100% - 1180px)/2));border-bottom:1px solid #ffffff14;position:relative;z-index:2;background:#080b10d9;backdrop-filter:blur(18px)}.brand{font-weight:780;font-size:20px;letter-spacing:-.9px}.brandmark{display:inline-grid;place-items:center;background:linear-gradient(140deg,#4285ff,#1b4fd0);border-radius:11px;width:35px;height:35px;margin-right:9px;box-shadow:0 5px 22px #2864ff50}.yellow{color:#a9c6ff}.top nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#b6bfcc}.navbtn,.cta,.primary{background:#f5f7fb;color:#101522;border:1px solid #ffffff40;border-radius:999px;padding:14px 23px;font-weight:650;transition:transform .22s,background .22s,box-shadow .22s}.navbtn{padding:11px 19px}.hero{min-height:640px;padding:145px 20px 120px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 53% 52% at 50% 8%,#254b8b50 0%,#0d172a36 45%,transparent 90%),linear-gradient(180deg,#0a101c 0%,#07090d 100%)}.hero:after{content:"";position:absolute;inset:auto 12% 0;height:1px;background:linear-gradient(90deg,transparent,#83aaff50,transparent)}.hero>*:not(.glow){position:relative;z-index:1}.eyebrow,.kicker{color:#9fbfff;font-size:11px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase}.hero h1{font-size:clamp(46px,7.4vw,96px);font-weight:750;line-height:1.06;letter-spacing:-.066em;margin:30px 0 24px}.hero h1 span{background:linear-gradient(100deg,#f7f9ff 0%,#a7c5ff 50%,#548af7 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero p{max-width:560px;margin:0 auto 36px;color:#a4afc1;font-size:17px;line-height:1.75}.cta{display:inline-flex;gap:30px;align-items:center;box-shadow:0 12px 42px #3268e425}.cta:hover,.navbtn:hover,.primary:hover{transform:translateY(-2px);background:#dce8ff;box-shadow:0 14px 35px #3577ff24}.glow{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(105px);opacity:.14;pointer-events:none}.glow1{background:#527dff;left:-160px;bottom:-150px}.glow2{background:#457fff;right:-120px;top:30px}.workspace{max-width:1130px;margin:110px auto 60px;padding:0 24px;display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.intro{padding-top:55px}.intro h2,.result h2,.how h2{font-size:clamp(32px,3.8vw,52px);font-weight:690;line-height:1.12;letter-spacing:-.05em}.intro p,.how p,.result p{color:#a3afc1;line-height:1.8}.formcard,.result{background:linear-gradient(150deg,#171e2b,#10151f 78%);border:1px solid #ffffff1b;border-radius:25px;padding:34px;box-shadow:0 25px 85px #0005, inset 0 1px #ffffff0c}.formcard label{display:block;font-size:13px;font-weight:650;margin:18px 0 11px;color:#e8edf7}.formcard textarea,.formcard select{width:100%;border:1px solid #ffffff24;background:#0c121c;color:#f5f8ff;border-radius:13px;padding:16px;outline:none;transition:border-color .2s}.formcard textarea{min-height:145px;resize:vertical;line-height:1.6}.formcard textarea:focus,.formcard select:focus{border-color:#7da8ff}.quick{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 24px}.quick button{background:#ffffff0a;color:#cbd5e5;border:1px solid #ffffff22;border-radius:30px;padding:9px 13px;font-size:11px;transition:background .2s}.quick button:hover{background:#315c9e45}.muted{font-weight:400;color:#8796aa}.drop{padding:31px 15px;border:1.5px dashed #64748b80;border-radius:16px;text-align:center;background:#0b121e;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:background .2s,border-color .2s}.drop.drag,.drop:hover{background:#16253b;border-color:#7eb0ff}.uploadicon{font-size:34px;color:#92b4ff}.drop small{font-size:11px;color:#9daec6}.drop small.yellow{color:#9fbfff}.filelist{list-style:none;padding:0;margin:12px 0;color:#b9c9df;font-size:12px}.filelist li{padding:6px 0}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:25px;border-radius:13px}.fine{font-size:11px;color:#8998ae!important}.formcard .fine{text-align:center}.result{max-width:800px;margin:32px auto;padding:36px}.hidden{display:none}.resulthead{display:flex;justify-content:space-between;gap:10px;align-items:center}.status{color:#9fc0ff;font-size:11px}.price{font-size:clamp(45px,6vw,70px);font-weight:750;letter-spacing:-.05em;color:#fff;margin:22px 0}.actions{display:flex;gap:12px}.actions .primary{flex:1}.secondary{background:#ffffff12;border:1px solid #ffffff22;border-radius:13px;color:#fff;padding:12px 18px;margin-top:25px}.payment{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.payment span{padding:15px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:12px;color:#b6c4d8;font-size:13px}.timeline{display:grid;gap:12px;margin-top:25px}.timeline div{padding:16px;background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px}.how{max-width:1130px;margin:125px auto 125px;padding:0 24px;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;text-align:left}.steps article{background:linear-gradient(160deg,#161e2a,#0f141d);border:1px solid #ffffff18;padding:32px;border-radius:20px}.steps b{color:#9fc0ff;font-size:13px}.steps h3{margin:24px 0 9px;font-size:20px;letter-spacing:-.5px}.steps p{font-size:13px;margin:0}footer{border-top:1px solid #ffffff17;display:flex;gap:18px;justify-content:space-between;padding:34px max(5%,calc((100% - 1180px)/2));font-size:12px;color:#8996aa}footer strong{color:white;font-size:17px}@media(prefers-reduced-motion:no-preference){.hero h1,.hero p,.hero .cta{animation:rise .7s both}.hero p{animation-delay:.12s}.hero .cta{animation-delay:.22s}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:740px){.top{padding:17px}.top nav a:first-child{display:none}.workspace{grid-template-columns:1fr;gap:12px;margin-top:45px;padding:0 16px}.intro{padding:0}.hero{min-height:530px;padding:110px 18px 90px}.hero h1{letter-spacing:-.055em}.hero p{font-size:15px}.formcard{padding:23px}.steps{grid-template-columns:1fr}.result{margin:25px 16px;padding:24px}.actions{flex-direction:column}.actions .secondary{margin-top:0}footer{flex-direction:column;padding:25px}.how{margin:85px auto}}

/* Proposition WEBZELYA · Apple / Tesla */
.ai-proposal{margin-top:34px;color:#f5f7fb}.ai-header{padding:38px 34px 32px;border:1px solid #ffffff25;border-radius:24px;background:radial-gradient(ellipse at 95% 0%,#386de440,transparent 54%),linear-gradient(145deg,#17243a,#0a101a);position:relative;overflow:hidden}.ai-header:after{content:'';position:absolute;right:-45px;top:-65px;width:210px;height:210px;border:1px solid #86adff35;border-radius:50%;box-shadow:0 0 0 35px #86adff0b,0 0 0 75px #86adff06;pointer-events:none}.ai-eyebrow{font-size:10px;letter-spacing:2.3px;color:#a7c4ff;font-weight:750}.ai-header h3{font-size:clamp(27px,4vw,43px);letter-spacing:-.055em;line-height:1.12;margin:18px 0 10px;max-width:490px}.ai-header p{font-size:13px;color:#aabbd1;max-width:440px;margin:0;line-height:1.65}.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.ai-card{background:linear-gradient(150deg,#182233,#101722);border:1px solid #ffffff1c;border-radius:20px;padding:24px;min-width:0;transition:border-color .2s,transform .2s}.ai-card:hover{border-color:#79a7ff65;transform:translateY(-2px)}.ai-objectif,.ai-pointsclarifier{grid-column:span 2}.ai-card-top{display:flex;align-items:center;gap:12px;margin-bottom:17px}.ai-card-icon{width:35px;height:35px;border-radius:11px;background:#315eae36;border:1px solid #8aafff35;display:grid;place-items:center;color:#b5cdff;font-size:19px;flex-shrink:0}.ai-card h4{font-size:16px;font-weight:680;letter-spacing:-.4px;margin:0}.ai-copy{font-size:13px!important;color:#b9c7d8!important;line-height:1.75!important;margin:0}.ai-pages{display:grid;gap:8px}.ai-page{display:flex;gap:13px;align-items:flex-start;padding:12px 13px;border-radius:11px;background:#ffffff08;border:1px solid #ffffff0c;font-size:12px;color:#dce6f7;line-height:1.5}.ai-page>span:first-child{color:#83b0ff;font-size:11px;font-weight:750;min-width:21px}.ai-tags{display:flex;flex-wrap:wrap;gap:8px}.ai-tags span{padding:9px 11px;border-radius:10px;background:#7da7ff0e;border:1px solid #8baeff22;color:#cfddf2;font-size:11px;line-height:1.5}.ai-questions{display:grid;gap:8px}.ai-questions p{margin:0;padding:12px 15px;border-left:2px solid #8baeff;background:#ffffff07;border-radius:0 9px 9px 0;color:#c4d1e1;font-size:12px;line-height:1.6}.ai-footer{font-size:11px;color:#8d9fb8;text-align:center;margin:20px 0 4px;letter-spacing:.15px}@media(max-width:620px){.ai-grid{grid-template-columns:1fr}.ai-objectif,.ai-pointsclarifier{grid-column:auto}.ai-header{padding:28px 22px}.ai-card{padding:20px}}

/* Dialogue interactif WEBZELYA */
.ai-chat{margin-top:20px;padding:30px;border:1px solid #89b0ff35;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#3169c020,transparent 60%),#101827;box-shadow:0 18px 55px #0003}.ai-chat h3{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;margin:12px 0 6px}.ai-chat-hint{font-size:13px!important;color:#aabbd1!important;line-height:1.65!important}.ai-thread{display:grid;gap:12px;max-height:430px;overflow:auto;margin:20px 0}.ai-bubble{padding:15px 17px;border-radius:16px;max-width:94%;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.ai-bubble strong{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:7px;color:#a5c4ff}.ai-bubble-user{justify-self:end;background:#25477b;color:#f6f9ff;border-bottom-right-radius:5px}.ai-bubble-assistant{justify-self:start;background:#ffffff0b;border:1px solid #ffffff17;color:#d5e2f5;border-bottom-left-radius:5px}.ai-chat-form textarea{display:block;width:100%;min-height:90px;background:#090f1b;border:1px solid #7796c14d;border-radius:14px;padding:16px;color:#f5f8ff;resize:vertical;font:inherit;font-size:13px;line-height:1.6}.ai-chat-form textarea:focus{outline:2px solid #7caaff;outline-offset:1px}.ai-chat-form .primary{margin-top:12px;justify-content:center}.ai-chat-form .primary:disabled{opacity:.55;cursor:wait}.ai-chat-status{font-size:12px!important;color:#a7c4ff!important;margin:10px 0 0!important}@media(max-width:620px){.ai-chat{padding:20px}.ai-bubble{max-width:100%}}

.ai-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 15px}.ai-choice{background:#1a2b48;border:1px solid #6b96dc70;color:#e3ecff;border-radius:999px;padding:10px 14px;font-size:12px;transition:.2s}.ai-choice:hover{background:#315b98;border-color:#9cbcff}.ai-thread{max-height:520px}.ai-bubble-assistant{white-space:pre-wrap}.ai-chat{scroll-margin-top:20px}

/* WEBZELYA V4 — Neo-Retro Futurism / noir & blanc, console premium */
:root{color-scheme:dark;color:#f6f6f6;background:#050607;--line:#ffffff33;--muted:#a5a9ae}
body{background:radial-gradient(ellipse at 50% 0%,#24272c 0%,#090a0c 38%,#050607 85%);color:#f6f6f6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.065;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#fff 4px);mix-blend-mode:screen}
.top{background:#070809ee;border-bottom:1px solid var(--line)}
.brand{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.095em;font-size:22px}
.brandmark{background:#f4f4f4;color:#090909;box-shadow:0 0 24px #ffffff33;border-radius:4px}
.yellow,.eyebrow,.kicker,.ai-eyebrow,.steps b,.uploadicon,.status{color:#e8e8e8!important}
.hero{background:radial-gradient(ellipse 65% 55% at 50% 18%,#36383c77,transparent 75%),#08090b}
.hero:after{background:linear-gradient(90deg,transparent,#ffffff88,transparent)}
.hero h1{font-weight:730;letter-spacing:-.067em}
.hero h1 span{background:linear-gradient(110deg,#fff,#c1c4c8,#fff);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero p,.intro p,.how p,.result p,.ai-header p,.ai-chat-hint{color:#b5b7ba!important}
.glow1,.glow2{background:#ddd;opacity:.065}
.formcard,.result,.steps article{background:linear-gradient(145deg,#17191c,#0a0b0d);border:1px solid #ffffff36;border-radius:12px;box-shadow:0 24px 70px #0008}
.formcard textarea,.formcard select,.drop{background:#08090b;border:1px solid #ffffff36;border-radius:6px;color:#f6f6f6}
.formcard textarea:focus,.formcard select:focus,.drop:hover{border-color:#fff}
.primary,.navbtn,.cta{background:#f7f7f7;color:#070809;border:1px solid #fff;border-radius:6px;box-shadow:0 0 23px #ffffff1a}
.primary:hover,.navbtn:hover,.cta:hover{background:#fff;color:#050505;box-shadow:0 0 34px #ffffff44}
.quick button,.secondary,.payment span,.timeline div{border-radius:6px;border:1px solid #ffffff38;background:#ffffff09;color:#eee}
.ai-proposal{color:#fff}
.ai-header{background:radial-gradient(ellipse at 95% 0%,#ffffff12,transparent 60%),#0c0d10;border:1px solid #ffffff55;border-radius:10px}
.ai-header:after{border-color:#ffffff26;box-shadow:0 0 0 35px #ffffff06,0 0 0 75px #ffffff04}
.ai-header h3,.ai-chat h3{font-weight:720;letter-spacing:-.045em}
.ai-card{background:#101113;border:1px solid #ffffff34;border-radius:8px}
.ai-card:hover{border-color:#ffffffb0}
.ai-card-icon{background:#ffffff12;border:1px solid #ffffff4a;color:#fff;border-radius:5px}
.ai-copy,.ai-page,.ai-tags span,.ai-questions p{color:#ddd!important}
.ai-page,.ai-tags span,.ai-questions p{background:#ffffff08;border-color:#ffffff24;border-radius:4px}
.ai-page>span:first-child{color:#fff}
.ai-questions p{border-left:2px solid #fff}
.ai-chat{background:radial-gradient(ellipse at 100% 0%,#ffffff0d,transparent 58%),#090a0c;border:1px solid #ffffff88;border-radius:10px;box-shadow:0 0 0 1px #ffffff08,0 20px 70px #0009;position:relative}
.ai-chat:before{content:'WEBZELYA_  /  CONSOLE 04';display:block;border-bottom:1px solid #ffffff33;padding-bottom:15px;margin-bottom:22px;color:#d0d2d5;font:11px ui-monospace,monospace;letter-spacing:.15em}
.ai-eyebrow,.kicker,.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.ai-progress{display:flex;justify-content:space-between;gap:12px;border:1px solid #ffffff30;background:#ffffff06;padding:11px 13px;margin-top:20px;font:10px ui-monospace,monospace;letter-spacing:.1em;color:#c8c8c8}
.ai-progress-value{color:#fff}
.ai-thread{max-height:520px;scrollbar-color:#777 #111}
.ai-bubble{border-radius:8px;font-size:14px;line-height:1.75}
.ai-bubble-assistant{background:#161719;border:1px solid #ffffff35;color:#f1f1f1}
.ai-bubble-user{background:#e8e8e8;color:#101010}
.ai-bubble strong{font:11px ui-monospace,monospace;letter-spacing:.12em;color:#c9c9c9}
.ai-bubble-user strong{color:#444}
.ai-chat-form textarea{background:#08090b;border:1px solid #ffffff88;border-radius:5px;color:#fff;font-size:14px}
.ai-chat-form textarea:focus{outline:1px solid #fff}
.ai-choice{background:#161719;border:1px solid #ffffff60;color:#fff;border-radius:5px}
.ai-choice:hover{background:#eee;color:#111;border-color:#fff}
.ai-chat-status{color:#bbb!important}
@media(max-width:740px){.brand{font-size:18px}.ai-chat{padding:19px}.ai-bubble{font-size:13px}.hero{min-height:510px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}