:root{--ink:#0A1030;--bg:#F6F2E8;--p:#F5A524;--pd:#D98A0B;--a:#F5A524;--m:#51567A;--ln:#E6DFCF;--night:#070B1F;--night2:#101A44;--lamp:#FFD27A}
body{background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,.logo,.pp,.how .n{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-weight:700;letter-spacing:-.015em}
a{color:#1b3fa8}
header{background:var(--night);border-bottom:1px solid #1a2455}
.logo{color:#fff}nav a{color:#E4E8FF}nav a:hover{color:var(--lamp)}
select{background:#101A44;color:#fff;border-color:#2a3677}
.btn{background:var(--a);border-color:var(--a);color:#1a1200;font-weight:700}.btn:hover{background:#FFBE45;border-color:#FFBE45}
.btn.s{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.s:hover{background:var(--ink);color:#fff}
.dark .btn.s{color:#fff;border-color:#8a96d8}.dark .btn.s:hover{background:#fff;color:var(--night)}
.pc.best{background:var(--night);border-color:var(--night)}.pc.best .btn{background:var(--a);color:#1a1200}
.tag,.tg{background:var(--a);color:#1a1200}
.qz{background:var(--night)}.bar i{background:var(--a)}
.chips a.on{color:#fff}
footer{background:var(--night);color:#aab2de;border:0}footer a{color:#fff}
.sky{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1200px 500px at 70% 30%,rgba(255,210,122,.18),transparent 60%),linear-gradient(180deg,#050816 0%,#0B1233 60%,#16245C 100%)}
.sky:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 62%,#fff,transparent),radial-gradient(1.4px 1.4px at 46% 14%,#fff,transparent),radial-gradient(1px 1px at 63% 40%,#fff,transparent),radial-gradient(1.2px 1.2px at 80% 12%,#fff,transparent),radial-gradient(1px 1px at 90% 55%,#fff,transparent),radial-gradient(1px 1px at 6% 80%,#fff,transparent),radial-gradient(1.2px 1.2px at 55% 85%,#fff,transparent);opacity:.7}
.sky .w{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;padding-top:56px;padding-bottom:0}
.sky h1{font-size:clamp(38px,6.4vw,72px);line-height:1.02}.sky h1 em{font-style:normal;color:var(--lamp)}
.sky p{font-size:20px;color:#CBD3F5;max-width:560px;margin:18px 0 26px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0 0 40px;list-style:none;color:#AEB8E8;font-weight:600;font-size:14px}.trust li:before{content:"◆ ";color:var(--a)}
.phare{width:100%;max-width:420px;height:auto;display:block;margin:0 auto;align-self:end}
.b1,.b2{transform-origin:200px 150px;animation:sweep 7s ease-in-out infinite}.b2{animation-delay:-3.5s}
@keyframes sweep{0%,100%{opacity:.05}45%,55%{opacity:1}}
@media(prefers-reduced-motion:reduce){.b1,.b2{animation:none;opacity:.55}}
@media(max-width:760px){.sky .w{grid-template-columns:1fr;padding-top:36px}.phare{max-width:300px}.sky p{font-size:18px}}
.sec2{padding:64px 0 8px}.sec2 h2{font-size:clamp(28px,4vw,42px);max-width:760px;margin-bottom:12px}.lead{font-size:19px;color:var(--m);max-width:720px;margin:0 0 26px}
.night{background:var(--night);color:#fff;padding:64px 0 56px;margin-top:56px}.night h2{color:#fff}.night .lead{color:#B5BEEA}
.lights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;counter-reset:l}
.light{background:rgba(255,255,255,.06);border:1px solid #27336f;border-radius:16px;padding:22px;position:relative}
.light:before{counter-increment:l;content:counter(l);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--a);color:#1a1200;font:700 22px Georgia,serif;box-shadow:0 0 0 8px rgba(245,165,36,.18),0 0 26px 6px rgba(245,165,36,.45);margin-bottom:14px}
.light b{display:block;font:700 22px Georgia,serif;margin-bottom:6px}.light span{color:#B5BEEA}
.out div{background:#fff;border:1px solid var(--ln);border-left:6px solid var(--a);border-radius:12px;padding:18px;font-weight:700;font-size:17px}
.aud{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.aud div{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:22px}.aud b{display:block;font:700 20px Georgia,serif;margin-bottom:6px}.aud span{color:var(--m)}
.final{background:linear-gradient(180deg,#0B1233,#050816);color:#fff;border-radius:22px;padding:44px 28px;text-align:center;margin:56px 0 0;position:relative;overflow:hidden}
.final h2{font-size:clamp(30px,5vw,50px);color:var(--lamp)}.final p{color:#CBD3F5;margin:10px auto 22px;max-width:520px}.final .su{justify-content:center;max-width:620px;margin:0 auto}.final .ck{color:#9aa6dd}.final input[type=email]{background:#fff}
.final small{display:block;margin-top:16px;color:#8E99D3}
.sky .btn.s,.night .btn.s,.final .btn.s{color:#fff;border-color:#8a96d8;background:transparent}.sky .btn.s:hover{background:#fff;color:var(--night)}
.night h2{margin-bottom:22px}.sec2 .g,.sec2 .chips,.sec2 .out,.sec2 .aud{margin-top:6px}
.out{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.out div{border:1px solid var(--ln);border-top:3px solid var(--a);border-left:1px solid var(--ln);border-radius:12px;padding:20px 20px 22px;font-size:17px;line-height:1.35}
.out i{display:block;font:700 34px/1 Georgia,serif;font-style:normal;color:var(--a);margin-bottom:12px}
.parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.parts a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);font-weight:700;transition:.15s}
.parts a:hover{border-color:var(--a);transform:translateY(-2px);box-shadow:0 6px 18px rgba(10,16,48,.1)}
.parts i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--night2);color:var(--lamp);display:flex;align-items:center;justify-content:center;font:700 16px Georgia,serif;font-style:normal}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.tools a{display:flex;align-items:center;gap:10px;background:var(--night2);color:#fff;border-radius:12px;padding:15px 16px;text-decoration:none;font-weight:700}
.tools a:hover{background:#18265e}.tools em{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px 2px currentColor;flex:none}.tools b{margin-left:auto;color:var(--lamp)}
