/*
Theme Name: Family Digital Empire V3 Working
Theme URI: https://family-digital-empire.com
Author: Julien / Family Digital Empire
Description: Thème WordPress HTML5 ultra premium, robuste, responsive, avec image locale, graph 25/95 et effets lumineux.
Version: 3.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: family-digital-empire-v3
*/
:root{--bg:#05070a;--bg2:#0b1018;--text:#f7f4ee;--muted:rgba(247,244,238,.72);--gold:#d8b979;--gold2:#fff0c9;--line:rgba(255,255,255,.16);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 2%,rgba(216,185,121,.22),transparent 28%),linear-gradient(180deg,#f2f4f6 0,#e9edf2 8%,#0a0d12 30%,#05070a 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.fde-wrap{min-height:100vh}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.header{position:fixed;z-index:20;top:14px;left:0;right:0}.nav{height:70px;border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(0,0,0,.18);color:#06080c;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.logo{display:flex;align-items:center;gap:12px}.mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,var(--gold));font-weight:950;letter-spacing:-.08em}.brand b{display:block;font-size:12px;letter-spacing:.22em}.brand span{display:block;font-size:10px;letter-spacing:.48em;margin-top:3px}.menu{display:flex;gap:24px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:850}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 19px;border-radius:14px;text-transform:uppercase;letter-spacing:.10em;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-115%);transition:.55s}.btn:hover:before{transform:translateX(115%)}.btn-dark{background:#06080c;color:#fff}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#06080c;border-color:rgba(216,185,121,.65)}.btn-ghost{background:rgba(255,255,255,.045);color:#fff}.hero{position:relative;min-height:930px;padding-top:122px;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.05)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.62) 40%,rgba(5,7,10,.08) 72%,rgba(5,7,10,.65)),linear-gradient(180deg,rgba(255,255,255,.08),rgba(5,7,10,.08) 52%,#05070a 100%)}.hero-grid{position:relative;z-index:1;min-height:730px;display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:center}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}.eyebrow:after{content:"";width:70px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}h1{max-width:850px;font-size:clamp(44px,6vw,86px);line-height:.98;margin:25px 0 22px;letter-spacing:-.065em}h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#fff,var(--gold2));-webkit-background-clip:text;background-clip:text}.lead{max-width:655px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.8;margin:0 0 32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.price{margin-top:30px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}.price strong{display:block;margin-top:6px;color:var(--gold2);font-size:64px;letter-spacing:-.06em}.price small{font-size:22px;color:var(--gold)}.light-border{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 26px 90px rgba(0,0,0,.35);overflow:hidden}.light-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 0,rgba(255,240,202,.95) 18%,transparent 34%,transparent 67%,rgba(160,220,255,.55) 83%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.phone{justify-self:end;width:335px;border-radius:52px;padding:12px;background:linear-gradient(145deg,#161a20,#020305);box-shadow:0 40px 110px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.18)}.screen{height:655px;border-radius:40px;padding:26px;background:linear-gradient(180deg,rgba(5,8,12,.18),rgba(5,8,12,.98));border:1px solid rgba(255,255,255,.16)}.mobile-top{display:flex;justify-content:space-between;align-items:center}.screen h2{font-size:33px;line-height:1.06;letter-spacing:-.05em;margin:62px 0 16px}.screen p{color:rgba(255,255,255,.75);line-height:1.65}.screen .btn{width:100%;margin-top:14px}.section{padding:82px 0;position:relative}.quality{margin-top:-82px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.section-title{text-align:center;margin-bottom:42px}.section-title span{color:var(--gold);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}.section-title h2{font-size:42px;letter-spacing:-.05em;margin:12px 0 0}.bars{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:end}.bar-card{padding:34px;border-radius:28px}.bar-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--muted)}.bar-label strong{font-size:38px;color:#fff;letter-spacing:-.05em}.bar{height:12px;background:rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.fill{height:100%;border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.85))}.f25{width:25%}.f95{width:95%;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 24px rgba(255,240,202,.88)}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.feature{border-radius:24px;padding:28px 22px;min-height:220px}.icon{font-size:34px;color:var(--gold);margin-bottom:26px}.feature h3{font-size:13px;text-transform:uppercase;letter-spacing:.15em}.feature p{color:var(--muted);line-height:1.65;font-size:14px}.offer{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;border-radius:32px;padding:42px;align-items:center}.offer h2{font-size:52px;margin:0;letter-spacing:-.06em}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:rgba(255,255,255,.82)}.tick:before{content:"✓";color:var(--gold);margin-right:10px}.tech{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:13px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);font-weight:800}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;border-radius:32px;padding:48px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),radial-gradient(circle at 85% 25%,rgba(216,185,121,.24),transparent 32%)}.contact h2{font-size:72px;letter-spacing:.16em;font-weight:300;margin:0 0 10px}.phone-number{font-size:42px;font-weight:900;color:var(--gold2);letter-spacing:.02em}.footer{padding:38px 0;color:rgba(255,255,255,.45);text-align:center;font-size:13px}@media(max-width:980px){.menu{display:none}.hero-grid,.bars,.offer,.contact{grid-template-columns:1fr}.phone{justify-self:center}.features{grid-template-columns:1fr 1fr}.hero{min-height:auto}.hero-grid{padding-bottom:120px}}@media(max-width:620px){.container{width:min(100% - 24px,var(--max))}.nav{height:64px}.brand b{font-size:10px}.header{top:10px}.hero{padding-top:95px}.hero-grid{gap:22px}.phone{width:100%}.screen{height:auto;min-height:560px}.actions .btn{width:100%}h1{font-size:42px}.price strong{font-size:52px}.features{grid-template-columns:1fr}.ticks{grid-template-columns:1fr}.offer,.contact{padding:26px}.contact h2{font-size:42px}.phone-number{font-size:28px}.section{padding:56px 0}}