:root{--bg:#0b0d12;--panel:#12151d;--panel2:#171b25;--text:#f5f2ea;--muted:#9da3b0;--accent:#ff4d5f;--gold:#e6bd72;--line:rgba(255,255,255,.09);--radius:28px;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(255,77,95,.12),transparent 34%),radial-gradient(circle at 90% 70%,rgba(230,189,114,.06),transparent 28%);z-index:-1}.topbar{height:76px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-weight:900;letter-spacing:.18em;display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--accent);border-radius:50%;color:var(--accent)}nav{display:flex;gap:8px}.navbtn{background:transparent;color:var(--muted);border:0;padding:10px 12px;cursor:pointer}.navbtn:hover{color:var(--text)}main{max-width:var(--max);margin:auto;padding:60px 24px 80px}.view{display:none}.view.active{display:block}.hero{max-width:780px;margin-bottom:36px}.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.5rem,7vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:14px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.lead,.section-head>p:last-child{font-size:clamp(1rem,2vw,1.2rem);line-height:1.65;color:var(--muted);max-width:700px}.controls{display:flex;justify-content:space-between;gap:16px;margin:26px 0 18px}.segmented{display:flex;flex-wrap:wrap;background:var(--panel);padding:5px;border-radius:999px;border:1px solid var(--line)}.diff,.secondary{border:0;color:var(--muted);background:transparent;padding:10px 16px;border-radius:999px;cursor:pointer}.diff.active{background:var(--text);color:var(--bg);font-weight:800}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text)}.story-card{min-height:480px;padding:34px;background:linear-gradient(145deg,#171b25,#11141b);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 80px rgba(0,0,0,.28);display:flex;flex-direction:column;position:relative;overflow:hidden}.story-card.solution{background:linear-gradient(145deg,#2a1720,#15131a);border-color:rgba(255,77,95,.28)}.story-card:after{content:"?";position:absolute;right:-10px;bottom:-90px;font:700 20rem/1 Georgia,serif;color:rgba(255,255,255,.025);pointer-events:none}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.badge{padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--gold);font-weight:800}.card-content{margin:auto 0;max-width:760px;position:relative;z-index:1}.card-label{font-size:.72rem;letter-spacing:.18em;color:var(--accent);font-weight:900}.story-card h2{font-size:clamp(2rem,5vw,4.1rem);letter-spacing:-.04em;margin:10px 0 18px}.story-text{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.55;color:#d8d9de;max-width:780px}.reveal{align-self:flex-start;border:0;border-radius:999px;background:var(--accent);color:white;font-weight:850;padding:14px 20px;cursor:pointer;position:relative;z-index:2}.reveal span{margin-left:18px}.hint{font-size:.75rem;color:#747b88;margin:12px 0 0}.pager{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.pager button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;padding:14px 18px;cursor:pointer}.ad-slot{min-height:110px;border:1px dashed rgba(255,255,255,.16);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#656b77;margin-top:42px;text-align:center;padding:18px}.ad-slot span{font-size:.68rem;letter-spacing:.15em}.ad-slot small{margin-top:7px}.section-head{margin-bottom:34px}.section-head h1{font-size:clamp(2.7rem,6vw,5rem)}.library-tools{display:flex;gap:12px;margin-bottom:22px}.library-tools input,.library-tools select,.contact-card input,.contact-card select,.contact-card textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:14px;outline:none}.library-tools input:focus,.contact-card input:focus,.contact-card textarea:focus{border-color:rgba(255,77,95,.6)}.library-tools select{max-width:180px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;cursor:pointer;min-height:150px;transition:transform .2s ease,border-color .2s ease}.mini-card:hover{transform:translateY(-3px);border-color:rgba(255,77,95,.35)}.mini-card small{color:var(--gold)}.mini-card h3{font-size:1.2rem;margin:12px 0 8px}.mini-card p{color:var(--muted);font-size:.9rem;line-height:1.45;margin:0}.contact-card{max-width:700px;display:grid;gap:18px;background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.contact-card label{display:grid;gap:8px;font-size:.88rem;font-weight:700}.primary{background:var(--accent);color:white;border:0;border-radius:14px;padding:15px 20px;font-weight:850;cursor:pointer}.contact-card small{color:var(--muted)}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:28px 24px 40px;display:flex;justify-content:space-between;color:#747b88;font-size:.82rem}
@media(max-width:760px){.topbar{height:64px;padding:0 16px}.brand span:last-child{display:none}nav{gap:0}.navbtn{padding:8px}main{padding:38px 16px 60px}.hero{margin-bottom:28px}.controls{align-items:stretch;flex-direction:column}.segmented{border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr)}.diff{padding:10px 6px;font-size:.8rem}.story-card{min-height:500px;padding:24px;border-radius:22px}.story-card h2{font-size:2.4rem}.story-text{font-size:1.12rem}.story-grid{grid-template-columns:1fr}.library-tools{flex-direction:column}.library-tools select{max-width:none}.pager button{flex:1}.pager button:first-child{max-width:58px}footer{flex-direction:column;gap:8px;padding-inline:16px}}
@media(min-width:761px) and (max-width:1024px){.story-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.navbtn{text-decoration:none;display:inline-flex;align-items:center}