:root{--bg:#08111f;--panel:#101c31;--panel2:#13243d;--ink:#f6fbff;--muted:#b7c6dc;--line:rgba(255,255,255,.14);--blue:#60a5fa;--cyan:#22d3ee;--green:#5ee6a8;--orange:#fbbf24;--red:#fb7185;--purple:#b790ff;--max:1180px;--r:24px;--shadow:0 24px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,#173868 0,#08111f 34%,#060b15 100%);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:auto}.skip{position:absolute;left:-999px;top:1rem;background:#fff;color:#000;padding:.6rem 1rem;border-radius:.75rem;z-index:20}.skip:focus{left:1rem}.hero{padding:18px clamp(18px,4vw,56px) 72px;overflow:hidden}.nav{max-width:var(--max);margin:0 auto 54px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:.16em;text-decoration:none;background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.navlinks{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.94rem}.navlinks a{text-decoration:none}.navlinks a:hover{color:#fff}.hero-grid,.section{max-width:var(--max);margin:0 auto}.hero-grid{display:grid;grid-template-columns:1fr minmax(360px,48%);gap:44px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}.hero h1{font-size:clamp(3rem,8vw,6.9rem);line-height:.9;letter-spacing:-.07em;margin:0 0 24px;max-width:760px}.lede,.section-lede{font-size:clamp(1.08rem,2vw,1.38rem);color:#d8e6f7;max-width:720px;margin:0 0 26px}.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.chip-row span,.pill-list li{border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:999px;padding:.55rem .8rem;color:#e7f2ff;font-weight:700}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:.75rem 1.05rem;text-decoration:none;font-weight:850}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03111f;box-shadow:0 12px 28px rgba(34,211,238,.24)}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.06)}.hero-art,.feature figure{margin:0;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#0d1627;border:1px solid var(--line)}.hero-art img{aspect-ratio:3/2;object-fit:cover}.section{padding:76px clamp(18px,4vw,36px);border-top:1px solid rgba(255,255,255,.08)}.section-heading{max-width:780px;margin-bottom:26px}.section h2{font-size:clamp(2rem,4.6vw,4rem);line-height:.96;letter-spacing:-.055em;margin:0 0 14px}.section h3{font-size:1.08rem;margin:0 0 8px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.timeline article,.card,.formula-grid article,.workflow article,.guard-grid article,.download-grid a,.prompt-box{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:0 10px 38px rgba(0,0,0,.13)}.timeline strong{display:block;color:var(--orange);font-size:1.5rem;line-height:1}.timeline span,.card p,.workflow p,.formula-grid p,.download-grid span,.prompt-box p{color:var(--muted);margin:0}.card-grid{display:grid;gap:16px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.card h3{color:#fff}.split{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:30px;align-items:start}.formula-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.formula-grid span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--orange),var(--red));color:#19090d;font-weight:950;margin-bottom:12px}.prompt-compare{display:grid;gap:14px}.prompt-compare>div{padding:20px;border-radius:var(--r);border:1px solid var(--line)}.prompt-compare b{display:block;margin-bottom:10px}.prompt-compare p{margin:0;color:#e5eefb}.prompt-compare .bad{background:rgba(251,113,133,.12)}.prompt-compare .good{background:rgba(94,230,168,.12)}.feature{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;align-items:center}.feature.reverse{grid-template-columns:1.08fr .92fr}.feature.reverse figure{order:2}.feature img{aspect-ratio:3/2;object-fit:cover}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.workflow strong{color:var(--cyan);font-size:1.15rem}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0;padding:0}.steps li{counter-increment:s;position:relative;padding:48px 18px 18px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.07);color:#dfeaff}.steps li:before{content:counter(s);position:absolute;left:18px;top:16px;width:26px;height:26px;border-radius:9px;background:var(--cyan);color:#04101d;font-weight:950;display:grid;place-items:center}.pill-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 0}.guard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guard-grid ul,.sources ul,.check-list{margin:0;padding-left:1.2rem;color:#dce8f8}.guard-grid li,.check-list li,.sources li{margin:.45rem 0}.five{grid-template-columns:repeat(5,1fr)}.five strong{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#07101d}.practice{display:grid;grid-template-columns:1fr 1fr;gap:26px}.compact{grid-template-columns:repeat(5,1fr)}.downloads{background:linear-gradient(180deg,rgba(34,211,238,.05),rgba(183,144,255,.06));border-radius:34px}.download-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.download-grid a{text-decoration:none;transition:transform .18s ease,border-color .18s ease}.download-grid a:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.55)}.download-grid b{display:block;margin-bottom:8px}.sources{padding-top:48px}.footer{display:flex;justify-content:space-between;gap:16px;max-width:var(--max);margin:0 auto;padding:34px clamp(18px,4vw,36px) 54px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:980px){.hero-grid,.split,.feature,.feature.reverse,.practice{grid-template-columns:1fr}.feature.reverse figure{order:0}.timeline,.formula-grid,.workflow,.steps,.download-grid{grid-template-columns:repeat(2,1fr)}.four,.three,.guard-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(3rem,13vw,5.8rem)}}
@media(max-width:620px){.nav{align-items:flex-start}.navlinks{justify-content:flex-end}.timeline,.formula-grid,.workflow,.steps,.download-grid,.four,.three,.guard-grid,.mini-grid{grid-template-columns:1fr}.hero{padding-bottom:44px}.section{padding-top:54px;padding-bottom:54px}.hero h1{letter-spacing:-.055em}.footer{flex-direction:column}.compact{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-grid a{transition:none}}