:root{--nuit-profonde: #0B1026;--nuit-moyenne: #1A2049;--lune-doree: #F4C24A;--lune-claire: #FFE9A8;--brume: #A4B0CF;--creme-nuit: #F5EFE0;--rose-conte: #E89BB1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;background:var(--nuit-profonde);color:var(--creme-nuit);line-height:1.65;min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(244,194,74,.18),transparent),radial-gradient(ellipse 60% 60% at 100% 100%,rgba(232,155,177,.1),transparent);background-attachment:fixed}a{color:var(--lune-doree);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}img{max-width:100%;display:block}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.site-header{padding:22px 0;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);background:#0b1026b3;border-bottom:1px solid rgba(244,194,74,.12)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;letter-spacing:.02em;color:var(--creme-nuit)}.brand-logo{width:40px;height:40px;border-radius:12px;object-fit:cover;box-shadow:0 0 22px #f4c24a59;animation:logo-glow 4s ease-in-out infinite;transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.08)}@keyframes logo-glow{0%,to{box-shadow:0 0 18px #f4c24a4d}50%{box-shadow:0 0 32px #f4c24a8c}}.app-icon{width:132px;height:132px;border-radius:28px;object-fit:cover;box-shadow:0 14px 38px #00000073,0 0 28px #f4c24a59;display:inline-block;margin:8px auto 0}.nav-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--brume);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--creme-nuit);opacity:1}.lang-switch{margin-left:8px;border:1px solid rgba(244,194,74,.4);padding:4px 12px;border-radius:999px;font-size:.85rem;color:var(--lune-doree)}.hero{padding:80px 0 60px;text-align:center}.hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:18px;color:var(--creme-nuit)}.hero h1 .accent{color:var(--lune-doree)}.hero p.lead{font-size:1.2rem;color:var(--brume);max-width:620px;margin:0 auto 36px}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:.98rem;border:1px solid transparent;transition:transform .15s,box-shadow .2s}.btn-primary{background:var(--lune-doree);color:var(--nuit-profonde);box-shadow:0 8px 24px #f4c24a40}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border-color:#f4c24a66;color:var(--creme-nuit)}.hero-art{margin:48px auto 0;max-width:720px;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 0 1px #f4c24a1f}.hero-art img{width:100%;height:auto}section.feature{padding:80px 0}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em}.section-title p{color:var(--brume);margin-top:10px;max-width:540px;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{padding:28px;border-radius:22px;background:#1a204973;border:1px solid rgba(164,176,207,.12)}.feature-card .emoji{font-size:2rem;margin-bottom:12px}.feature-card h3{font-size:1.15rem;margin-bottom:8px;color:var(--creme-nuit)}.feature-card p{color:var(--brume);font-size:.97rem}.stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.story-card{border-radius:20px;overflow:hidden;position:relative;aspect-ratio:1 / 1;background:var(--nuit-moyenne)}.story-card img{width:100%;height:100%;object-fit:cover}.story-card .label{position:absolute;bottom:0;left:0;right:0;padding:14px 16px 16px;background:linear-gradient(to top,rgba(11,16,38,.95),transparent);font-weight:600;color:var(--creme-nuit)}.prose{max-width:760px;margin:0 auto;padding:60px 24px 80px;color:var(--creme-nuit)}.prose h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:24px}.prose h2{font-size:1.4rem;margin:32px 0 12px;color:var(--lune-claire)}.prose p,.prose li{color:var(--brume);margin-bottom:12px}.prose ul{padding-left:22px;margin-bottom:16px}.prose strong{color:var(--creme-nuit)}.prose a{text-decoration:underline}.prose .meta{font-size:.85rem;color:var(--brume);opacity:.7;margin-bottom:32px}details{background:#1a204973;border:1px solid rgba(164,176,207,.12);border-radius:16px;padding:18px 22px;margin-bottom:12px}details summary{cursor:pointer;font-weight:600;color:var(--creme-nuit);list-style:none}details summary:after{content:"+";float:right;color:var(--lune-doree);font-size:1.4rem;line-height:1}details p{margin-top:12px;color:var(--brume)}.site-footer{padding:40px 0 60px;border-top:1px solid rgba(164,176,207,.1);margin-top:80px;font-size:.9rem;color:var(--brume)}.site-footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}.site-footer a{color:var(--brume)}.site-footer a:hover{color:var(--creme-nuit);opacity:1}.starfield{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.star-layer{position:absolute;inset:-50%;background-repeat:repeat;opacity:.85;will-change:transform}.layer-1{background-image:radial-gradient(1px 1px at 20px 30px,#fff 50%,transparent 100%),radial-gradient(1px 1px at 90px 120px,#fff 50%,transparent 100%),radial-gradient(1.5px 1.5px at 160px 60px,#FFE9A8 50%,transparent 100%),radial-gradient(1px 1px at 240px 200px,#fff 50%,transparent 100%),radial-gradient(1px 1px at 310px 90px,#fff 50%,transparent 100%);background-size:360px 240px;animation:drift-stars 120s linear infinite,twinkle 4s ease-in-out infinite}.layer-2{background-image:radial-gradient(1px 1px at 50px 80px,#FFE9A8 50%,transparent 100%),radial-gradient(2px 2px at 180px 30px,#fff 50%,transparent 100%),radial-gradient(1px 1px at 280px 160px,#fff 50%,transparent 100%),radial-gradient(1.5px 1.5px at 380px 220px,#F4C24A 50%,transparent 100%);background-size:480px 280px;animation:drift-stars 200s linear infinite reverse,twinkle 6s ease-in-out 1s infinite;opacity:.6}.layer-3{background-image:radial-gradient(2px 2px at 100px 100px,#fff 50%,transparent 100%),radial-gradient(1px 1px at 300px 200px,#FFE9A8 50%,transparent 100%);background-size:600px 400px;animation:drift-stars 300s linear infinite,twinkle 8s ease-in-out 2s infinite;opacity:.4}@keyframes drift-stars{0%{transform:translateZ(0)}to{transform:translate3d(-360px,-240px,0)}}@keyframes twinkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}.shooting-star{position:absolute;top:12%;left:-10%;width:140px;height:2px;background:linear-gradient(90deg,transparent,#FFE9A8 40%,#fff 50%,#FFE9A8 60%,transparent);border-radius:999px;filter:drop-shadow(0 0 6px rgba(255,233,168,.8));transform:rotate(15deg);opacity:0;animation:shoot 9s ease-in 2s infinite}.shooting-star.delay{top:38%;animation-duration:11s;animation-delay:6s;width:100px}@keyframes shoot{0%{transform:translate(0) rotate(15deg);opacity:0}6%{opacity:1}20%{transform:translate(120vw,30vh) rotate(15deg);opacity:0}to{transform:translate(120vw,30vh) rotate(15deg);opacity:0}}.site-header,main,.site-footer{position:relative;z-index:1}.hero h1,.hero p.lead,.hero .cta-row{opacity:0;transform:translateY(18px);animation:fade-up .9s cubic-bezier(.2,.7,.2,1) forwards}.hero p.lead{animation-delay:.15s}.hero .cta-row{animation-delay:.3s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.hero-art{animation:float-art 7s ease-in-out infinite;transition:transform .6s ease}@keyframes float-art{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1 .accent{background:linear-gradient(90deg,var(--lune-doree),var(--rose-conte),var(--lune-doree));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .7s ease}.btn:hover:before{left:130%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 34px #f4c24a73}.btn-ghost:hover{border-color:var(--lune-doree);background:#f4c24a14}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.feature-grid .feature-card:nth-child(1){transition-delay:0s}.feature-grid .feature-card:nth-child(2){transition-delay:.08s}.feature-grid .feature-card:nth-child(3){transition-delay:.16s}.feature-grid .feature-card:nth-child(4){transition-delay:.24s}.feature-grid .feature-card:nth-child(5){transition-delay:.32s}.feature-grid .feature-card:nth-child(6){transition-delay:.4s}.stories .story-card:nth-child(1){transition-delay:0s}.stories .story-card:nth-child(2){transition-delay:.1s}.stories .story-card:nth-child(3){transition-delay:.2s}.stories .story-card:nth-child(4){transition-delay:.3s}.feature-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease,background .35s ease}.feature-card:hover{transform:translateY(-6px);border-color:#f4c24a59;background:#1a2049b3;box-shadow:0 18px 40px #00000073,0 0 0 1px #f4c24a1f}.feature-card .emoji{display:inline-block;transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}.feature-card:hover .emoji{transform:translateY(-3px) rotate(-8deg) scale(1.15);filter:drop-shadow(0 4px 10px rgba(244,194,74,.4))}.story-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease;cursor:pointer}.story-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.story-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #0000008c,0 0 0 1px #f4c24a40}.story-card:hover img{transform:scale(1.08)}details[open] p{animation:fade-up .4s ease forwards}details summary:after{transition:transform .3s ease}details[open] summary:after{content:"−"}.section-title h2{display:inline-block;position:relative;padding-bottom:14px}.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,transparent,var(--lune-doree),transparent);border-radius:999px;transform:translate(-50%);transition:width .8s ease}.section-title.is-visible h2:after{width:80px}@media(prefers-reduced-motion:reduce){.star-layer,.shooting-star,.brand-logo,.hero-art,.hero h1 .accent{animation:none!important}.reveal{opacity:1!important;transform:none!important}}html,body{overflow-x:hidden;-webkit-text-size-adjust:100%}.site-header{padding-top:max(22px,env(safe-area-inset-top))}.site-footer{padding-bottom:max(60px,env(safe-area-inset-bottom))}.btn,.nav-links a,.lang-switch,details summary{-webkit-tap-highlight-color:transparent}.btn{min-height:48px}@media(max-width:860px){.container{padding:0 18px}.hero{padding:48px 0 36px}.hero p.lead{font-size:1.05rem}.hero-art{margin-top:32px;border-radius:20px}section.feature{padding:56px 0}.section-title{margin-bottom:32px}.feature-grid{gap:16px}.feature-card{padding:22px;border-radius:18px}.stories{gap:14px}}@media(max-width:640px){.site-header{padding:14px 0}.nav{gap:10px}.nav-links{width:100%;gap:14px 16px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;font-size:.92rem}.brand{font-size:1.1rem}.brand-logo{width:34px;height:34px;border-radius:10px;object-fit:cover}.lang-switch{margin-left:0;padding:4px 10px;font-size:.8rem}.hero{padding:36px 0 28px}.hero h1{letter-spacing:-.01em}.cta-row{gap:10px}.btn{padding:13px 22px;font-size:.95rem;width:100%;justify-content:center}.cta-row .btn{flex:1 1 100%}.feature-grid{grid-template-columns:1fr}.stories{grid-template-columns:repeat(2,1fr)}.story-card .label{font-size:.9rem;padding:12px 12px 14px}.prose{padding:36px 18px 56px}.prose h1{margin-bottom:18px}.prose h2{margin:24px 0 10px}details{padding:14px 16px}.site-footer{padding:28px 0 40px;margin-top:56px}.site-footer .row{flex-direction:column;gap:10px}}@media(max-width:380px){.stories{grid-template-columns:1fr}.hero h1{font-size:2rem}}@media(max-width:640px){.layer-3,.shooting-star.delay{display:none}.hero-art{animation:none}}