:root {
  --void: #03040a;
  --panel: #080a17;
  --ink: #f5f0e6;
  --mist: #aeb8d0;
  --violet: #7657ff;
  --cyan: #33d9f0;
  --gold: #d8b77a;
  --line: rgba(174, 184, 208, 0.2);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--void); }
body { margin: 0; overflow-x: hidden; background: var(--void); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0; }

.site-header { position: absolute; z-index: 20; inset: 0 0 auto; height: 96px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: clamp(30px, 5vw, 76px); padding: 0 clamp(24px, 4.2vw, 72px); border-bottom: 1px solid rgba(174,184,208,.08); }
.wordmark { width: fit-content; display: flex; align-items: baseline; gap: 12px; }
.wordmark span { font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: clamp(22px, 2.1vw, 34px); letter-spacing: .075em; text-transform: uppercase; white-space: nowrap; }
.wordmark small { color: var(--mist); font-size: 10px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; }
.logo-link { line-height: 0; }
.brand-logo { width: 180px; height: auto; display: block; }
.desktop-nav { display: flex; gap: clamp(28px, 4vw, 64px); color: #c4c9d8; font-size: 15px; }
.desktop-nav a { position: relative; padding: 10px 0; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 1px; background: var(--cyan); transition: right .22s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { right: 0; }
.coming-pill { min-height: 42px; display: inline-flex; align-items: center; gap: 12px; padding: 0 19px; border: 1px solid rgba(197,204,220,.5); border-radius: 7px; color: #d3d7e3; font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.coming-pill i, .status i { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px rgba(51,217,240,.95); animation: pulse 2.8s ease-in-out infinite; }
.header-tools { display:flex; align-items:center; gap:18px; }
.language-switcher { display:flex; align-items:center; gap:5px; color:#73809b; font-size:9px; font-weight:750; letter-spacing:.12em; }
.language-switcher button { padding:6px 3px; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.language-switcher button[aria-pressed="true"] { color:var(--cyan); text-shadow:0 0 12px rgba(51,217,240,.65); }
.language-switcher button:hover,.language-switcher button:focus-visible { color:white; }
.header-cta { transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.header-cta:hover,.header-cta:focus-visible { transform:translateY(-1px); border-color:var(--cyan); background:rgba(51,217,240,.07); }

.hero { position: relative; min-height: max(780px, 100svh); display: flex; align-items: center; isolation: isolate; overflow: hidden; padding: 136px clamp(24px, 4.2vw, 72px) 76px; background: radial-gradient(circle at 77% 38%, rgba(80,52,196,.22), transparent 27%), radial-gradient(circle at 72% 82%, rgba(20,115,180,.18), transparent 25%), linear-gradient(90deg,#03040a 0%,#04050b 42%,#09071a 100%); }
.hero::before, .coming::before { content: ""; position: absolute; inset: 0; opacity: .45; background-image: radial-gradient(circle at 12% 20%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 30% 64%,#8ceafa 0 1px,transparent 1.6px),radial-gradient(circle at 58% 16%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 83% 22%,#a99aff 0 1.2px,transparent 1.8px),radial-gradient(circle at 91% 70%,#fff 0 1px,transparent 1.5px); background-size: 233px 197px,319px 293px,271px 251px,181px 211px,347px 307px; }
.hero::after { content: ""; position: absolute; z-index: 2; inset: auto 0 0; height: 180px; background: linear-gradient(to bottom,transparent,rgba(3,4,10,.94)); }
.hero-content { position: relative; z-index: 5; width: min(690px,52vw); animation: reveal .85s cubic-bezier(.22,1,.36,1) both; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: #b8c3da; font-size: 11px; font-weight: 650; letter-spacing: .19em; text-transform: uppercase; }
.eyebrow i { width: 34px; height: 1px; background: linear-gradient(90deg,var(--violet),var(--cyan)); }
.hero h1 { max-width: 690px; margin-bottom: 30px; font-family: "Iowan Old Style","Palatino Linotype",Georgia,serif; font-size: clamp(62px,6.2vw,104px); font-weight: 400; letter-spacing: -.045em; line-height: .89; text-wrap: balance; }
.hero h1 em { color: #d9d0ff; font-weight: 400; }
.lead { max-width: 575px; margin-bottom: 34px; color: var(--mist); font-size: clamp(17px,1.35vw,21px); line-height: 1.55; }
.hero-actions { display: flex; gap: 18px; }
.button { min-height: 62px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 30px; border: 1px solid; border-radius: 7px; font-size: 15px; font-weight: 650; transition: transform .18s ease,box-shadow .18s ease,background .18s ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.primary { border-color: rgba(92,226,255,.72); background: linear-gradient(120deg,#4c2acf,#126fa6); box-shadow: 0 0 28px rgba(39,215,245,.16),inset 0 1px 0 rgba(255,255,255,.18); }
.secondary { border-color: rgba(245,240,230,.62); background: rgba(4,5,12,.34); backdrop-filter: blur(8px); }
.proof { display: flex; align-items: center; gap: 15px; margin-top: 38px; color: #94a2bf; font-size: 13px; }
.proof i { width: 4px; height: 4px; border-radius: 50%; background: var(--violet); }

.space-art { position: absolute; z-index: 1; inset: 0 0 0 31%; pointer-events: none; filter: drop-shadow(0 0 24px rgba(80,135,255,.2)); }
.space-art::after { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,#03040a 0%,rgba(3,4,10,.9) 18%,rgba(3,4,10,.24) 50%,transparent 72%),linear-gradient(0deg,rgba(3,4,10,.72),transparent 36%); }
.space-art > img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.9; filter:saturate(.92) contrast(1.05); animation:image-drift 16s ease-in-out infinite alternate; }
.planet { position: absolute; width: 100px; height: 100px; right: 14%; bottom: 23%; border-radius: 50%; background: radial-gradient(circle at 34% 30%,#b9e9ff 0 2%,#4b8bc8 6%,#172d55 34%,#050918 72%); box-shadow: -8px 0 24px rgba(102,198,255,.5),0 0 60px rgba(45,126,208,.2); }
.book { position: absolute; right: 9%; bottom: 6%; width: 390px; height: 135px; perspective: 500px; transform: rotate(-3deg); }
.book::before, .book::after, .book i { content: ""; position: absolute; bottom: 0; width: 50%; height: 100%; border: 1px solid rgba(218,223,255,.45); background: linear-gradient(155deg,rgba(255,255,255,.08),rgba(116,98,245,.18)); box-shadow: inset 0 0 25px rgba(83,179,255,.18),0 0 20px rgba(170,148,255,.12); }
.book::before { left: 0; transform: skewY(-9deg); transform-origin: right bottom; border-radius: 12px 0 0 8px; }
.book::after { right: 0; transform: skewY(9deg); transform-origin: left bottom; border-radius: 0 12px 8px 0; }
.book i:nth-child(1) { left: 5%; bottom: 9%; height: 88%; transform: skewY(-13deg); opacity: .5; }
.book i:nth-child(2) { right: 4%; bottom: 10%; height: 90%; transform: skewY(13deg); opacity: .55; }
.book i:nth-child(3) { left: 50%; width: 2px; height: 120%; border: 0; background: linear-gradient(transparent,#fff,transparent); box-shadow: 0 0 32px #fff; }
.light-trail { position: absolute; right: 19%; bottom: 19%; width: 390px; height: 390px; border: 1px solid transparent; border-right-color: rgba(83,179,255,.62); border-radius: 50%; transform: rotate(-38deg); box-shadow: 16px 0 28px rgba(118,87,255,.2); }
.trail-two { width: 300px; height: 520px; right: 24%; bottom: 10%; transform: rotate(-28deg); opacity: .6; }
.flagship { position: absolute; right: 11%; top: 14%; width: 275px; height: 86px; clip-path: polygon(0 50%,72% 7%,100% 50%,72% 93%); background: linear-gradient(160deg,#6385b6 0%,#11192d 38%,#1d2f50 62%,#93b9d5 100%); transform: rotate(-28deg); box-shadow: 0 0 25px rgba(97,180,255,.55); animation: drift 9s ease-in-out infinite alternate; }
.flagship::before { content: ""; position: absolute; inset: 38% 22% 38% 10%; background: linear-gradient(90deg,#37d6f4,#5a58df); box-shadow: 0 0 15px #43c5ef; }
.flagship i { position: absolute; left: 8%; top: 31%; width: 28px; height: 33%; border-radius: 50%; background: white; box-shadow: -15px 0 30px #33d9f0; }
.orbit { position: absolute; border: 1px solid rgba(147,127,255,.22); border-radius: 50%; transform: rotate(-18deg); }
.orbit-one { width: 620px; height: 330px; right: -80px; top: 18%; }
.orbit-two { width: 420px; height: 740px; right: 8%; bottom: -40%; }

.manifesto { min-height: 300px; display: grid; place-content: center; padding: 80px 24px; text-align: center; border-block: 1px solid rgba(174,184,208,.1); background: radial-gradient(circle at 50% 50%,rgba(83,55,190,.13),transparent 48%),#04050c; }
.manifesto p { margin-bottom: 8px; color: var(--mist); font-size: clamp(17px,2vw,25px); }
.manifesto strong { max-width: 1000px; font-family: "Iowan Old Style",Georgia,serif; font-size: clamp(29px,4vw,58px); font-weight: 400; letter-spacing: -.03em; line-height: 1.1; }
.section-shell { max-width: 1500px; margin: 0 auto; padding: 150px clamp(24px,6vw,96px); }
.kicker { color: var(--cyan); font-size: 11px; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.project, .aeternus { display: grid; grid-template-columns: minmax(330px,.86fr) 1.5fr; gap: clamp(70px,10vw,170px); }
.section-heading h2, .aeternus-intro h2, .hfy-content h2, .coming h2 { margin-bottom: 30px; font-family: "Iowan Old Style",Georgia,serif; font-size: clamp(52px,6vw,90px); font-weight: 400; letter-spacing: -.045em; line-height: .95; }
.section-heading > p:last-child, .aeternus-intro > p { max-width: 520px; color: var(--mist); font-size: 18px; line-height: 1.7; }
.pillars, .features { border-top: 1px solid var(--line); }
.pillars article { display: grid; grid-template-columns: 56px .95fr 1.25fr; gap: 30px; padding: 38px 0; border-bottom: 1px solid var(--line); }
.pillars article > span, .features article > span { color: var(--cyan); font-family: Georgia,serif; font-size: 15px; }
.pillars h3, .features h3 { margin: 0; font-family: Georgia,serif; font-size: 27px; font-weight: 400; line-height: 1.1; }
.pillars p, .features p { margin: 0; color: var(--mist); font-size: 15px; line-height: 1.65; }

.hfy-banner { position: relative; min-height: 760px; display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; gap: 80px; overflow: hidden; padding: 130px clamp(24px,7vw,110px); border-block: 1px solid rgba(80,221,242,.15); background: radial-gradient(circle at 80% 45%,rgba(51,217,240,.12),transparent 18%),radial-gradient(circle at 84% 48%,rgba(118,87,255,.2),transparent 36%),linear-gradient(115deg,#050612,#0b1023); }
.hfy-content { position: relative; z-index: 2; max-width: 900px; }
.hfy-content > p:nth-of-type(2) { max-width: 700px; color: var(--mist); font-size: 20px; line-height: 1.65; }
.genres { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 45px; }
.genres span { padding: 10px 16px; border: 1px solid rgba(174,184,208,.25); border-radius: 999px; color: #d8deec; font-size: 11px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.territory-link { width:fit-content; display:flex; align-items:center; gap:12px; margin-top:28px; color:#9eabc3; font-size:12px; font-weight:650; }
.territory-link span { color:var(--cyan); }.territory-link:hover { color:white; }
.radar { position: absolute; width: 650px; height: 650px; right: -90px; top: 60px; opacity: .23; border: 1px solid var(--cyan); border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 74px,rgba(51,217,240,.36) 75px 76px),linear-gradient(90deg,transparent 49.8%,rgba(51,217,240,.45) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(51,217,240,.45) 50%,transparent 50.2%); transform: rotate(-16deg); }
.signal { position: relative; z-index: 2; width: min(340px,31vw); aspect-ratio: 1; display: grid; place-items: center; justify-self: end; border: 1px solid rgba(51,217,240,.35); border-radius: 50%; box-shadow: 0 0 70px rgba(51,217,240,.08),inset 0 0 70px rgba(118,87,255,.09); }
.signal::before, .signal::after { content: ""; position: absolute; border: 1px solid rgba(118,87,255,.35); border-radius: inherit; }
.signal::before { inset: 15%; }.signal::after { inset: 31%; }
.signal span { z-index: 2; font-family: Georgia,serif; font-size: clamp(56px,8vw,120px); text-shadow: 0 0 30px rgba(51,217,240,.42); }
.signal small { position: absolute; bottom: -42px; color: #8290ac; font-size: 9px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }

.categories { display:block; }
.categories-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,10vw,150px); align-items:end; margin-bottom:58px; }
.categories-heading h2,.audiences-heading h2 { max-width:780px; margin:14px 0 0; font-family:"Iowan Old Style",Georgia,serif; font-size:clamp(48px,5vw,76px); font-weight:400; letter-spacing:-.04em; line-height:.98; }
.categories-heading > p { margin:0; color:var(--mist); font-size:17px; line-height:1.7; }
.category-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.category-grid article { position:relative; min-height:210px; display:flex; flex-direction:column; justify-content:center; isolation:isolate; padding:28px 48% 28px 28px; overflow:hidden; border:1px solid rgba(174,184,208,.15); border-radius:15px; background:#101627!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.category-grid article:hover { transform:translateY(-4px); border-color:rgba(51,217,240,.35); box-shadow:0 20px 45px rgba(0,0,0,.25); }
.category-grid article::before { content:""; position:absolute; z-index:-2; inset:0; background-image:var(--art); background-size:cover; background-position:center; transition:transform .65s cubic-bezier(.22,1,.36,1),filter .3s ease; }
.category-grid article::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(5,8,17,.99) 0%,rgba(5,8,17,.92) 36%,rgba(5,8,17,.3) 70%,rgba(5,8,17,.08)); }
.category-grid article:hover::before { transform:scale(1.035); filter:brightness(1.1); }
.category-grid article > span { color:#dce7f7; }
.cat-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:rgba(255,255,255,.035); box-shadow:0 0 24px rgba(171,211,255,.12); }
.cat-icon svg { width:23px; height:23px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(205,229,255,.7)); }
.category-grid h3 { margin:18px 0 7px; font-family:Georgia,serif; font-size:23px; font-weight:400; }
.category-grid p { margin:0; color:#aab5ca; font-size:13px; line-height:1.45; }
.cat-scifi{--art:url("assets/category-ciencia-ficcion.webp")}.cat-opera{--art:url("assets/category-space-opera.webp")}.cat-explore{--art:url("assets/category-exploracion-espacial.webp")}.cat-empires{--art:url("assets/category-imperios-galacticos.webp")}.cat-cyber{--art:url("assets/category-cyberpunk.webp")}.cat-dystopia{--art:url("assets/category-distopia.webp")}.cat-cosmic{--art:url("assets/category-terror-cosmico.webp")}.cat-horror{--art:url("assets/category-horror-espacial.webp")}.cat-fantasy{--art:url("assets/category-fantasia-epica.webp")}.cat-dark{--art:url("assets/category-fantasia-oscura.webp")}.cat-science{--art:url("assets/category-fantasia-cientifica.webp")}.cat-drama{--art:url("assets/category-drama.webp")}

.audiences { padding:140px clamp(24px,7vw,110px); border-block:1px solid rgba(174,184,208,.1); background:radial-gradient(circle at 20% 15%,rgba(118,87,255,.11),transparent 26%),#050611; }
.audiences-heading { max-width:1050px; margin:0 auto 65px; text-align:center; }
.audiences-heading h2 { margin-inline:auto; }
.audiences-heading > p:last-child { max-width:760px; margin:26px auto 0; color:var(--mist); font-size:18px; line-height:1.7; }
.audience-cards { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.audience-cards article { min-width:0; display:flex; flex-direction:column; background:linear-gradient(160deg,rgba(16,21,40,.9),rgba(7,9,18,.96)); }
.audience-cards article+article { border-left:1px solid var(--line); }
.audience-visual { position:relative; height:225px; margin:0; overflow:hidden; border-bottom:1px solid var(--line); background:#090c17; }
.audience-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 45%,rgba(7,9,18,.82)); }
.audience-visual img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s ease; }
.audience-cards article:hover .audience-visual img { transform:scale(1.035); filter:brightness(1.08); }
.audience-cards article:nth-child(1) .audience-visual img { object-position:70% center; }
.audience-cards article:nth-child(2) .audience-visual img { object-position:32% center; }
.audience-cards article:nth-child(3) .audience-visual img { object-position:36% center; }
.audience-body { min-height:365px; display:flex; flex-direction:column; padding:34px 36px 40px; }
.audience-body > span { color:var(--cyan); font-family:Georgia,serif; font-size:13px; }
.audience-cards h3 { margin:35px 0 20px; font-family:Georgia,serif; font-size:31px; font-weight:400; line-height:1.08; }
.audience-cards p { color:var(--mist); font-size:15px; line-height:1.7; }
.audience-cards a { margin-top:auto; padding-top:24px; color:#dbe5f5; font-size:13px; font-weight:650; }
.audience-cards a:hover { color:var(--cyan); }
.audiences-cta { max-width:1280px; margin:28px auto 0; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:28px 32px; border:1px solid rgba(51,217,240,.2); border-radius:13px; background:rgba(15,23,42,.66); }
.audiences-cta small,.audiences-cta strong { display:block; }.audiences-cta small { margin-bottom:7px; color:var(--cyan); font-size:9px; letter-spacing:.19em; }.audiences-cta strong { font-family:Georgia,serif; font-size:23px; font-weight:400; }

.aeternus { grid-template-columns: minmax(300px,.8fr) minmax(520px,1.2fr); }
.aeternus-intro { position: sticky; top: 60px; align-self: start; }
.status { display: flex; align-items: center; gap: 10px; margin-top: 38px; color: #b9c5da; font-size: 11px; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; }
.status i { display: block; width: 7px; height: 7px; }
.aeternus-cta { width:fit-content; margin-top:28px; }
.aeternus-stage { min-width:0; }
.writer-vision { position:relative; height:430px; margin:0 0 26px; overflow:hidden; border:1px solid rgba(93,188,255,.24); border-radius:18px; background:#070a14; box-shadow:0 30px 90px rgba(0,0,0,.38); }
.writer-vision::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,5,12,.88),transparent 50%),linear-gradient(90deg,rgba(4,5,12,.25),transparent 55%); }
.writer-vision img { width:100%; height:100%; object-fit:cover; object-position:center; }
.writer-vision figcaption { position:absolute; z-index:2; left:28px; right:28px; bottom:24px; color:#bec9dd; font-size:13px; letter-spacing:.03em; }
.writer-vision figcaption span { display:block; margin-bottom:5px; color:white; font-family:Georgia,serif; font-size:25px; letter-spacing:-.02em; }
.product-window { overflow:hidden; margin-bottom:44px; border:1px solid rgba(119,151,215,.28); border-radius:15px; background:#090b14; box-shadow:0 36px 110px rgba(0,0,0,.48),0 0 70px rgba(65,88,190,.08); }
.window-bar { min-height:48px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; padding:0 16px; border-bottom:1px solid rgba(150,170,210,.15); background:linear-gradient(180deg,#111522,#0c0f19); color:#9aa7bf; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.window-brand { display:flex; align-items:center; gap:8px; color:#e8edf8; font-weight:700; }
.window-brand i { width:13px; height:13px; display:block; border:1px solid var(--cyan); border-radius:3px; background:linear-gradient(135deg,var(--violet),transparent); box-shadow:0 0 10px rgba(51,217,240,.3); }
.window-project { color:#7e8ba4; }
.window-sync { justify-self:end; display:flex; align-items:center; gap:6px; }
.window-sync i { width:5px; height:5px; border-radius:50%; background:#61e2b7; box-shadow:0 0 8px #61e2b7; }
.product-ui { min-height:455px; display:grid; grid-template-columns:150px minmax(250px,1fr) 170px; }
.binder,.inspector { padding:20px 14px; background:#0b0e17; }
.binder { border-right:1px solid rgba(150,170,210,.12); }
.inspector { border-left:1px solid rgba(150,170,210,.12); }
.binder small,.inspector small { display:block; margin:0 5px 12px; color:#68758e; font-size:7px; font-weight:800; letter-spacing:.18em; }
.binder strong { display:block; margin:0 5px 10px; color:#dce3f0; font-size:10px; }
.binder ul { list-style:none; margin:0 0 24px; padding:0; }
.binder li { min-height:29px; display:flex; align-items:center; gap:7px; padding:0 7px; border-radius:6px; color:#75829b; font-size:8px; }
.binder li i { width:4px; height:4px; border-radius:50%; background:#46516a; }
.binder li.active { color:#e9eef8; background:rgba(90,78,200,.2); }
.binder li.active i { background:var(--cyan); box-shadow:0 0 7px var(--cyan); }
.binder .universe-list li { justify-content:space-between; }
.binder .universe-list b { color:#62718c; font-size:7px; }
.manuscript { position:relative; padding:38px clamp(24px,4vw,55px) 30px; background:radial-gradient(circle at 50% 15%,rgba(72,72,150,.09),transparent 38%),#0d101a; }
.manuscript-tools { position:absolute; inset:0 0 auto; height:36px; display:flex; align-items:center; gap:8px; padding:0 14px; border-bottom:1px solid rgba(150,170,210,.09); color:#6f7d96; font-size:8px; }
.manuscript-tools span { margin-right:auto; }.manuscript-tools i { width:10px; height:10px; border:1px solid #39445b; border-radius:2px; }
.manuscript > small { display:block; margin-top:24px; color:#6e7d98; font-size:7px; font-weight:700; letter-spacing:.22em; }
.manuscript h3 { margin:10px 0 24px; color:#ede9df; font-family:Georgia,serif; font-size:30px; font-weight:400; letter-spacing:-.025em; }
.manuscript p { color:#aeb7ca; font-family:Georgia,serif; font-size:12px; line-height:1.75; }
.manuscript .writing-line { color:#e9e3d8; }
.writing-line span { display:inline-block; width:1px; height:14px; margin-left:3px; vertical-align:-2px; background:var(--cyan); box-shadow:0 0 6px var(--cyan); animation:cursor-blink 1s steps(1) infinite; }
.word-count { position:absolute; left:0; right:0; bottom:0; height:26px; display:flex; align-items:center; justify-content:flex-end; padding:0 12px; border-top:1px solid rgba(150,170,210,.09); color:#59667e; font-size:7px; }
.character-card { display:flex; align-items:center; gap:8px; margin-bottom:10px; padding:9px; border:1px solid rgba(150,170,210,.1); border-radius:7px; background:#0e121e; }
.character-card > i { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#dbe6f5; font-size:7px; font-style:normal; background:linear-gradient(145deg,#375b81,#1b203b); }
.character-card strong,.character-card span { display:block; }.character-card strong { color:#d8e0ed; font-size:8px; }.character-card span { margin-top:3px; color:#68758e; font-size:7px; }
.timeline-mini { position:relative; margin:0 5px 20px; padding-left:14px; color:#93a0b7; font-size:7px; }
.timeline-mini::before { content:""; position:absolute; left:3px; top:0; bottom:0; width:1px; background:#39475f; }.timeline-mini i { position:absolute; z-index:2; left:0; top:1px; width:7px; height:7px; border:2px solid var(--cyan); border-radius:50%; background:#0b0e17; }
.trace-badge { display:flex; gap:8px; padding:10px; border:1px solid rgba(52,211,153,.18); border-radius:7px; background:rgba(23,126,96,.08); }
.trace-badge > i { width:21px; height:21px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#6fe3ba; font-size:9px; font-style:normal; background:rgba(39,189,139,.12); }
.trace-badge span,.trace-badge strong { display:block; }.trace-badge span { color:#93a0b7; font-size:7px; }.trace-badge strong { margin-top:3px; color:#65caa7; font-size:7px; font-weight:600; }
.features article { display: grid; grid-template-columns: 54px 1fr; gap: 25px; padding: 40px 0; border-bottom: 1px solid var(--line); }
.features h3 { margin-bottom: 13px; font-size: 30px; }

.coming { position: relative; min-height: 690px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 130px 24px; text-align: center; background: radial-gradient(circle at 50% 65%,rgba(65,107,210,.18),transparent 32%),radial-gradient(circle at 50% 35%,rgba(95,59,208,.2),transparent 38%),#050611; }
.coming > * { position: relative; z-index: 2; }
.coming h2 { max-width: 950px; }
.coming > p:nth-of-type(2) { max-width: 700px; margin-bottom: 38px; color: var(--mist); font-size: 19px; line-height: 1.65; }
.signup-section { max-width:1500px; margin:0 auto; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr); gap:clamp(60px,8vw,130px); align-items:start; padding:140px clamp(24px,6vw,96px); }
.signup-copy { position:sticky; top:50px; }
.signup-copy h2 { margin:18px 0 28px; font-family:"Iowan Old Style",Georgia,serif; font-size:clamp(50px,5.5vw,82px); font-weight:400; letter-spacing:-.045em; line-height:.96; }
.signup-copy > p:nth-of-type(2) { color:var(--mist); font-size:18px; line-height:1.7; }
.signup-signal { display:flex; align-items:center; gap:10px; margin-top:32px; color:#aeb8d0; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.signup-signal i { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); animation:pulse 2.8s ease-in-out infinite; }
.form-frame-wrap { min-width:0; }
.zoho-form-frame { width:100%; height:790px; display:block; border:0; background:transparent; }
footer { min-height: 150px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 45px; padding: 45px clamp(24px,4.2vw,72px); border-top: 1px solid var(--line); color: #7e8aa5; font-size: 11px; letter-spacing: .08em; }
footer p { margin: 0; } footer .wordmark span { color: var(--ink); font-size: 20px; }
.footer-logo { width:150px; }
.cookie-banner { position:fixed; z-index:100; left:20px; right:20px; bottom:20px; max-width:1040px; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:22px 24px; border:1px solid rgba(51,217,240,.28); border-radius:13px; background:rgba(7,10,20,.96); box-shadow:0 25px 80px rgba(0,0,0,.55); backdrop-filter:blur(18px); }
.cookie-banner[hidden] { display:none; }.cookie-banner strong { display:block; margin-bottom:7px; font-family:Georgia,serif; font-size:19px; font-weight:400; }.cookie-banner p { margin:0 0 5px; color:#aeb8d0; font-size:12px; line-height:1.55; }.cookie-banner a { color:var(--cyan); font-size:11px; }.cookie-actions { display:flex; flex:0 0 auto; gap:10px; }.cookie-actions button { min-height:42px; padding:0 16px; border:1px solid rgba(174,184,208,.3); border-radius:7px; color:#dbe3f0; background:#111523; cursor:pointer; }.cookie-actions .cookie-accept { border-color:rgba(51,217,240,.55); background:linear-gradient(120deg,#4c2acf,#126fa6); }

@keyframes pulse { 0%,100% { opacity:.6; transform:scale(.88) } 50% { opacity:1; transform:scale(1) } }
@keyframes reveal { from { opacity:0; transform:translateY(24px) } to { opacity:1; transform:translateY(0) } }
@keyframes drift { from { transform:rotate(-28deg) translate3d(0,0,0) } to { transform:rotate(-28deg) translate3d(-8px,5px,0) } }
@keyframes image-drift { from { transform:scale(1.01) translate3d(0,0,0) } to { transform:scale(1.05) translate3d(-7px,4px,0) } }
@keyframes cursor-blink { 0%,49% { opacity:1 } 50%,100% { opacity:0 } }

@media (max-width: 980px) {
  .site-header { grid-template-columns:1fr auto; }.desktop-nav { display:none; }.wordmark small { display:none; }.language-switcher { display:flex; }.header-cta { display:none; }
  .hero-content { width:min(720px,84vw); }.space-art { left:20%; opacity:.65; }
  .project, .aeternus { grid-template-columns:1fr; gap:70px; }.aeternus-intro { position:static; }
  .signup-section { grid-template-columns:1fr; }.signup-copy { position:static; }
  .hfy-banner { grid-template-columns:1fr; }.signal { width:min(320px,70vw); justify-self:center; margin-top:30px; }
  .categories-heading { grid-template-columns:1fr; }.category-grid { grid-template-columns:1fr; }.audience-cards { grid-template-columns:1fr; }.audience-cards article+article { border-left:0; border-top:1px solid var(--line); }.audience-visual { height:330px; }.audience-body { min-height:300px; }.audiences-cta { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 1180px) and (min-width: 981px) {
  .site-header { gap:26px; }.desktop-nav { gap:24px; font-size:13px; }.brand-logo { width:150px; }.coming-pill { padding-inline:13px; letter-spacing:.15em; }
}

@media (max-width: 640px) {
  .site-header { height:78px; padding-inline:20px; }.wordmark span { font-size:18px; letter-spacing:.045em; }.brand-logo { width:135px; }.coming-pill { min-height:34px; padding-inline:10px; font-size:8px; letter-spacing:.16em; }
  .hero { min-height:850px; align-items:flex-end; padding:120px 20px 70px; }.hero-content { width:100%; }.hero h1 { font-size:clamp(52px,15.8vw,71px); line-height:.91; }.eyebrow { font-size:8.5px; line-height:1.5; }.lead { font-size:16px; }
  .hero-actions { flex-direction:column; }.button { width:100%; min-height:58px; padding-inline:20px; }.proof { flex-wrap:wrap; gap:10px 12px; font-size:10.5px; }
  .space-art { inset:0 -75% 32% -25%; opacity:.72; }.flagship { right:20%; }.book { right:15%; }.planet { right:37%; }
  .manifesto { min-height:340px; }.section-shell { padding:100px 22px; }.section-heading h2,.aeternus-intro h2,.hfy-content h2,.coming h2 { font-size:clamp(46px,13vw,65px); }
  .signup-section { padding:100px 22px; }.signup-copy h2 { font-size:clamp(46px,13vw,65px); }.zoho-form-frame { height:850px; }
  .pillars article { grid-template-columns:38px 1fr; gap:18px; }.pillars article p { grid-column:2; }
  .hfy-banner { min-height:850px; gap:40px; padding:100px 22px; }.hfy-content > p:nth-of-type(2) { font-size:17px; }.radar { width:470px; height:470px; right:-230px; top:auto; bottom:30px; }.signal { width:250px; }
  .category-grid { grid-template-columns:1fr; }.category-grid article { min-height:190px; padding:24px 42% 24px 22px; }.audiences { padding:100px 22px; }.audience-visual { height:220px; }.audience-body { min-height:310px; padding:30px 25px 34px; }.audiences-cta { padding:24px; }.audiences-cta .button { width:100%; }
  .features article { grid-template-columns:34px 1fr; gap:16px; }.features h3 { font-size:25px; }.coming { min-height:720px; padding:110px 22px; }
  .writer-vision { height:280px; border-radius:12px; }.writer-vision figcaption { left:18px; right:18px; bottom:16px; }.writer-vision figcaption span { font-size:20px; }
  .product-ui { grid-template-columns:92px minmax(220px,1fr); overflow-x:auto; }.inspector { display:none; }.binder { padding-inline:8px; }.binder li { padding-inline:4px; font-size:7px; }.manuscript { padding-inline:22px; }.manuscript h3 { font-size:24px; }.window-project { display:none; }.window-bar { grid-template-columns:1fr auto; }
  footer { grid-template-columns:1fr; gap:18px; padding-block:55px; text-align:center; } footer .wordmark { margin-inline:auto; }.cookie-banner { align-items:stretch; flex-direction:column; gap:17px; left:12px; right:12px; bottom:12px; }.cookie-actions { display:grid; grid-template-columns:1fr 1fr; }.cookie-actions button { padding-inline:10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}