@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800&display=swap');

:root {
  --bg: #050208;
  --bg-alt: #09030F;
  --surface: #100718;
  --surface-raised: #170A24;
  --violet: #7638FF;
  --electric: #9B5CFF;
  --pink: #FF3BC8;
  --soft-pink: #FF72D7;
  --lavender: #D8C5FF;
  --white: #F9F6FF;
  --muted: #AFA5BD;
  --line: rgba(255,255,255,.10);
  --gradient: linear-gradient(135deg, #7638FF 0%, #9B5CFF 45%, #FF3BC8 100%);
  --shadow: 0 25px 65px rgba(0,0,0,.48), 0 0 50px rgba(118,56,255,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--white); background: var(--bg); font-family: Manrope, Arial, sans-serif; overflow-x: hidden; }
body::before { content:""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 10%, rgba(118,56,255,.12), transparent 28%), radial-gradient(circle at 87% 40%, rgba(255,59,200,.07), transparent 28%); z-index: -2; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }

.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { position: relative; padding: 110px 0; }
.eyebrow { margin: 0 0 12px; color: var(--soft-pink); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.section-heading { max-width: 690px; margin-bottom: 45px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: Orbitron, Manrope, sans-serif; letter-spacing: -.045em; }
h1 { font-size: clamp(40px, 6vw, 76px); line-height: 1.03; }
h2 { font-size: clamp(31px, 4vw, 52px); line-height: 1.08; margin-bottom: 18px; }
h3 { font-size: 18px; line-height: 1.25; margin-bottom: 11px; }
p { color: var(--muted); font-size: 15px; line-height: 1.75; }
.gradient-text { background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lead { max-width: 620px; font-size: 17px; }

.site-header { position: sticky; top: 14px; z-index: 50; width: min(1240px, calc(100% - 32px)); margin: 14px auto 0; padding: 9px 12px 9px 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(5,5,7,.84); box-shadow: 0 12px 45px rgba(0,0,0,.38); backdrop-filter: blur(22px); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; gap: 20px; }
.brand { display: inline-flex; align-items:center; gap: 10px; flex-shrink: 0; font-family: Orbitron, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: -.08em; }
.brand-mark { display:block; width:34px; height:34px; border-radius:50%; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap: 4px; }
.nav-links > a, .nav-trigger { padding: 10px 10px; color: #d4cadd; border: 0; background: transparent; font-size: 12px; white-space: nowrap; }
.nav-links > a:hover, .nav-trigger:hover { color: var(--white); }
.nav-dropdown { position:relative; }
.nav-trigger::after { content:"⌄"; margin-left: 5px; color: var(--soft-pink); }
.dropdown-menu { position:absolute; top: 42px; left: 0; min-width: 215px; display: grid; gap: 3px; padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: rgba(20,10,31,.94); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .2s ease; }
.nav-dropdown:hover .dropdown-menu, .nav-dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:none; }
.dropdown-menu a { padding: 10px; border-radius: 9px; font-size: 12px; color:var(--lavender); }
.dropdown-menu a:hover { background: rgba(155,92,255,.16); color:#fff; }
.nav-actions { display:flex; align-items:center; gap: 8px; flex-shrink:0; }
.nav-login { color: var(--lavender); font-size: 12px; }
.menu-toggle { display:none; padding: 8px; color:#fff; border: 1px solid var(--line); border-radius:10px; background:transparent; font-size:18px; line-height:1; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap: 8px; min-height: 45px; padding: 0 18px; border: 1px solid transparent; border-radius: 13px; color:var(--white); background: transparent; font-size: 13px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: var(--gradient); box-shadow: 0 10px 30px rgba(118,56,255,.28), inset 0 1px rgba(255,255,255,.24); }
.btn-primary:hover { box-shadow: 0 14px 35px rgba(255,59,200,.30), inset 0 1px rgba(255,255,255,.24); }
.btn-ghost { border-color: var(--line); background:rgba(255,255,255,.025); }
.btn-ghost:hover { border-color: rgba(216,197,255,.4); background:rgba(255,255,255,.06); }
.btn-small { min-height: 37px; padding:0 13px; font-size:11px; }

.hero { position:relative; isolation:isolate; min-height: 670px; padding: 112px 0 64px; overflow:hidden; }
.hero::before { content:""; position:absolute; top:34px; right:0; bottom:34px; width:58%; z-index:0; background:linear-gradient(90deg, #050208 4%, rgba(5,2,8,.66) 33%, rgba(5,2,8,.10)), url("../img/ChatGPT%20Image%2011%20авг.%202026%20г.,%2010_34_51%20%282%29.png") center/cover; opacity:.82; }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns: 1.03fr .97fr; align-items:center; gap: 45px; }
.hero-copy { position:relative; z-index:2; }
.hero h1 { max-width: 700px; margin-bottom:20px; }
.hero-actions { display:flex; flex-wrap:wrap; gap: 12px; margin:30px 0; }
.trust-row { display:flex; flex-wrap:wrap; gap: 18px; color:var(--muted); font-size:12px; }
.trust-row span::before { content:"✦"; margin-right:7px; color:var(--soft-pink); }
.orb { display:none; }
.orb-one { top:64px; right:5%; width:530px; height:530px; background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.86) 0 1%, rgba(196,142,255,.78) 4%, rgba(118,56,255,.58) 18%, rgba(35,6,64,.15) 46%, transparent 70%); opacity:.85; filter: blur(.2px); }
.orb-two { top:220px; right:17%; width:350px; height:250px; border-radius: 43% 57% 69% 31% / 47% 40% 60% 53%; background: linear-gradient(145deg, rgba(255,59,200,.86), rgba(72,28,255,.8) 43%, rgba(6,3,12,.1) 70%); filter: blur(14px); transform: rotate(-22deg); opacity:.72; animation: float 9s ease-in-out infinite alternate; }
.orb-three { top:118px; right:-180px; width:800px; height:800px; border:1px solid rgba(225,202,255,.29); box-shadow: inset 0 0 70px rgba(162,83,255,.2), 0 0 120px rgba(118,56,255,.15); }
@keyframes float { to { transform: translate(-35px, 22px) rotate(11deg) scale(1.07); } }
.hero-visual { position:relative; z-index:1; min-height:470px; display:flex; align-items:center; overflow:hidden; }
.reference-marquee { width:100%; overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.reference-track { display:flex; width:max-content; gap:14px; padding:22px 0; animation:reference-scroll 24s linear infinite; }
.reference-card { display:block; width:170px; height:270px; flex:0 0 auto; border:1px solid rgba(255,255,255,.16); border-radius:15px; object-fit:cover; background:linear-gradient(145deg, #171717, #030303); box-shadow:0 18px 40px rgba(0,0,0,.42); }
.reference-card:nth-child(2n) { margin-top:38px; }.reference-card:nth-child(3n) { margin-top:-24px; }
@keyframes reference-scroll { to { transform:translateX(-45%); } }
.visual-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; color:var(--lavender); font-size:10px; }
.window-dots { display:flex; gap:5px; }
.window-dots i { width:7px; height:7px; border-radius:50%; background:var(--soft-pink); box-shadow:0 0 9px var(--pink); }
.window-dots i:nth-child(2) { background:var(--electric); }.window-dots i:nth-child(3) { background:#fff; }
.visual-title { position:relative; z-index:1; margin-top:95px; text-align:center; font-family:Orbitron,sans-serif; font-size:clamp(36px,5vw,63px); font-weight:800; letter-spacing:.1em; text-shadow:0 0 30px rgba(255,255,255,.45); }
.visual-subtitle { position:relative; z-index:1; margin:8px auto; max-width:270px; color:#e6dcf4; text-align:center; font-size:12px; line-height:1.5; }
.visual-stats { position:absolute; z-index:1; bottom:22px; left:23px; right:23px; display:flex; justify-content:space-between; gap:12px; padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:13px; background:rgba(7,3,11,.45); font-size:10px; color:var(--lavender); }
.visual-stats b { display:block; color:white; font-family:Orbitron,sans-serif; font-size:15px; }

.generator-shell { position:relative; z-index:3; margin-top:-34px; padding: 19px; border:1px solid rgba(216,197,255,.2); border-radius:25px; background:linear-gradient(135deg, rgba(25,11,38,.94), rgba(11,5,18,.92)); box-shadow:var(--shadow); backdrop-filter:blur(20px); }
.generator-tabs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:17px; }
.generator-tabs a { padding:8px 11px; border-radius:9px; color:var(--muted); font-size:11px; font-weight:700; }
.generator-tabs a.active, .generator-tabs a:hover { color:#fff; background:rgba(155,92,255,.2); }
.generator-grid { display:grid; grid-template-columns:1fr 270px; gap:17px; }
.field { position:relative; }
.field label, .field-label { display:block; margin-bottom:8px; color:var(--lavender); font-size:11px; font-weight:700; }
.textarea-wrap { position:relative; }
textarea, .field input:not([type=file]), select { width:100%; padding:15px 15px 30px; color:var(--white); border:1px solid var(--line); border-radius:14px; outline:0; resize:vertical; background:rgba(4,2,8,.64); }
textarea:focus, .field input:not([type=file]):focus, select:focus { border-color: rgba(155,92,255,.7); box-shadow:0 0 0 3px rgba(118,56,255,.12); }
textarea { min-height: 116px; }
.counter { position:absolute; bottom:10px; right:12px; color:var(--muted); font-size:10px; }
.side-controls { display:grid; align-content:start; gap:13px; }
.choice-row { display:flex; flex-wrap:wrap; gap:6px; }
.choice { padding:8px 10px; color:var(--muted); border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.025); font-size:10px; font-weight:800; }
.choice.active, .choice:hover { color:#fff; border-color:rgba(255,59,200,.55); background:rgba(118,56,255,.22); }
.generator-submit { width:100%; margin-top:2px; }
.result-preview { display:flex; min-height:174px; align-items:center; justify-content:center; overflow:hidden; border:1px dashed rgba(216,197,255,.27); border-radius:16px; background:radial-gradient(circle at 48% 56%, rgba(118,56,255,.24), transparent 36%), rgba(0,0,0,.16); color:var(--muted); text-align:center; font-size:11px; }
.result-preview strong { display:block; margin-bottom:5px; color:var(--lavender); font-size:12px; }
.result-preview::before { content:"✦"; display:block; margin-right:11px; color:var(--soft-pink); font-size:26px; text-shadow:0 0 22px var(--pink); }

.age-note { display:flex; gap:13px; align-items:flex-start; padding:16px 18px; border:1px solid rgba(255,59,200,.2); border-radius:14px; background:rgba(255,59,200,.05); color:var(--muted); font-size:12px; line-height:1.6; }
.age-note b { color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:14px; }
.workflow-section { background:linear-gradient(180deg, transparent, rgba(255,255,255,.018), transparent); }
.workflow-heading { max-width:760px; text-align:center; margin:0 auto 48px; }.workflow-heading p { max-width:650px; margin:0 auto 24px; }.workflow-heading .btn { margin-top:4px; }
.workflow-body { display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; align-items:stretch; }.workflow-steps { display:grid; gap:12px; }.workflow-steps article { min-height:0; padding:20px 22px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }.workflow-steps b { display:block; margin-bottom:14px; color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:13px; }.workflow-steps h3 { margin-bottom:7px; }.workflow-steps p { margin:0; font-size:13px; }
.workflow-stage { position:relative; display:grid; min-height:100%; place-items:center; overflow:visible; border:0; background:transparent; box-shadow:none; isolation:isolate; }.workflow-stage::before { content:""; position:absolute; inset:4px; z-index:0; border-radius:52px; background:url("../img/Banner.jpg") center/cover; filter:blur(22px); opacity:.52; clip-path:inset(0 round 52px); }.workflow-stage::after { display:none; }.workflow-banner { position:relative; z-index:2; display:block; width:auto; max-width:100%; height:100%; max-height:100%; border-radius:32px; clip-path:inset(0 round 32px); object-fit:contain; }
.glass-card { border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg, rgba(27,12,41,.68), rgba(13,6,21,.78)); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.intro-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap:70px; align-items:center; }
.liquid-card { position:relative; min-height:360px; overflow:hidden; }
.liquid-card::before, .liquid-card::after { content:""; position:absolute; border-radius:48% 52% 35% 65% / 63% 38% 62% 37%; filter:blur(2px); }
.liquid-card::before { width:260px; height:310px; left:26%; top:29px; background:linear-gradient(145deg,#ffd0fa 0%,#ff52ca 17%,#783eff 45%,#180726 78%); box-shadow:0 0 65px rgba(255,59,200,.43); transform:rotate(29deg); }
.liquid-card::after { width:330px; height:120px; left:7%; bottom:8px; background:linear-gradient(140deg,transparent 10%,#6f36ff 45%,#ff65d8 75%,transparent); filter:blur(15px); transform:rotate(-12deg); }
.stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:26px; }
.stat { padding:16px; }
.stat b { display:block; margin-bottom:4px; color:#fff; font-family:Orbitron,sans-serif; font-size:22px; }.stat span { color:var(--muted); font-size:10px; }

.tools-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tool-card { position:relative; min-height:225px; padding:22px; overflow:hidden; transition:.25s ease; }
.tool-card:hover { border-color:rgba(216,197,255,.35); transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,0,0,.32); }
.tool-card .tool-number { color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:11px; }
.route-grid .tool-card { background-position:center; background-size:cover; }.route-grid .tool-card:nth-child(1) { background-image:linear-gradient(180deg, rgba(11,5,18,.08), rgba(11,5,18,.92)), url("../img/tool-library.png") !important; }.route-grid .tool-card:nth-child(2) { background-image:linear-gradient(180deg, rgba(11,5,18,.08), rgba(11,5,18,.92)), url("../img/tool-access.png") !important; }.route-grid .tool-card:nth-child(3) { background-image:linear-gradient(180deg, rgba(11,5,18,.08), rgba(11,5,18,.92)), url("../img/tool-journal.png") !important; }
.advantage-list { display:grid; gap:22px; }.advantage-card { display:grid; grid-template-columns:1.1fr .9fr; min-height:350px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); }.advantage-card.reverse { grid-template-columns:.9fr 1.1fr; }.advantage-card img { width:100%; height:100%; min-height:350px; object-fit:cover; }.advantage-card > div { display:flex; flex-direction:column; justify-content:center; padding:54px; }.advantage-card span { margin-bottom:18px; color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:11px; letter-spacing:.1em; }.advantage-card h3 { font-size:28px; }.advantage-card p { max-width:420px; margin:0 0 25px; }.advantage-card .btn { align-self:flex-start; }.advantage-card.reverse img { order:2; }.advantage-card.reverse > div { order:1; }
.tool-card p { font-size:12px; line-height:1.6; }.tool-card .arrow { position:absolute; right:18px; bottom:16px; font-size:22px; color:var(--lavender); }
.tool-glow { position:absolute; right:-30px; bottom:-45px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle at 38% 35%,#ffc5ef, #9355ff 25%, transparent 70%); opacity:.63; }

.feature-split { display:grid; grid-template-columns:1fr 1fr; min-height:480px; overflow:hidden; }
.feature-visual { position:relative; min-height:360px; overflow:hidden; background:radial-gradient(circle at 45% 44%, rgba(255,59,200,.5), transparent 13%), radial-gradient(circle at 55% 55%, rgba(118,56,255,.7), transparent 35%), #0d0515; }
.feature-visual::before { content:""; position:absolute; width:420px; height:160px; left:5%; top:28%; border:2px solid rgba(255,255,255,.32); border-radius:50%; transform:rotate(-27deg); box-shadow:0 0 28px rgba(255,114,215,.68), inset 0 0 26px rgba(118,56,255,.5); }
.feature-visual::after { content:""; position:absolute; width:270px; height:250px; right:4%; bottom:5%; border-radius:45% 55% 62% 38% / 39% 49% 51% 61%; background:linear-gradient(140deg, rgba(255,228,255,.72), rgba(255,59,200,.72) 25%, rgba(69,31,255,.75) 63%, rgba(4,2,8,.1)); filter:blur(4px); }
.feature-split.frame-motion .feature-visual { background:linear-gradient(180deg, rgba(17,3,30,.08), rgba(9,2,18,.4)), url("../img/frame-to-motion.jpg") center/cover; }
.feature-split.frame-motion .feature-visual::before, .feature-split.frame-motion .feature-visual::after { display:none; }
.feature-copy { align-self:center; padding:clamp(32px,6vw,75px); }.feature-copy p { font-size:14px; }
.feature-split.reverse .feature-copy { order:-1; }.feature-split.reverse .feature-visual { background:radial-gradient(circle at 36% 45%, rgba(155,92,255,.7), transparent 25%), #0c0513; }.feature-split.reverse .feature-visual::before { width:265px; height:350px; left:27%; top:7%; border-radius: 56% 44% 32% 68% / 39% 58% 42% 61%; border:0; background:linear-gradient(150deg, #ffb2ec, #ff3bc8 16%, #7838ff 44%, #160524 75%); transform:rotate(21deg); box-shadow:0 0 48px rgba(255,59,200,.45); }.feature-split.reverse .feature-visual::after { width:440px; height:70px; bottom:21%; right:-20%; background:linear-gradient(90deg, transparent,rgba(252,218,255,.95),rgba(140,71,255,.86),transparent); border:0; border-radius:50%; filter:blur(15px); transform:rotate(-20deg); }
.feature-split.scene-control .feature-visual { background:linear-gradient(180deg, rgba(18,3,30,.08), rgba(10,2,18,.45)), url("../img/scene-control.jpg") center/cover; }
.feature-split.scene-control .feature-visual::before, .feature-split.scene-control .feature-visual::after { display:none; }

.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; counter-reset:steps; }
.step { position:relative; padding:25px 20px 20px; counter-increment:steps; }.step::before { content:"0" counter(steps); display:block; margin-bottom:27px; color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:15px; }.step::after { content:""; position:absolute; top:33px; right:-14px; width:14px; height:1px; background:rgba(216,197,255,.38); }.step:last-child::after { display:none; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.benefit { padding:25px; }.icon-box { display:grid; width:39px; height:39px; place-items:center; margin-bottom:22px; border:1px solid rgba(216,197,255,.22); border-radius:12px; color:var(--soft-pink); background:rgba(118,56,255,.14); font-size:12px; font-style:normal; font-weight:800; letter-spacing:.04em; }.icon-box svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.icon-box.icon-text { font-size:11px; }
.video-benefit-list { display:grid; gap:18px; }.video-benefit { display:grid; grid-template-columns:1.05fr .95fr; min-height:340px; overflow:hidden; }.video-benefit.reverse { grid-template-columns:.95fr 1.05fr; }.video-benefit-media { min-height:300px; background-color:#0d0616; background-position:center; background-size:cover; }.media-frame { background-image:linear-gradient(135deg, rgba(11,5,18,.12), rgba(11,5,18,.48)), url("../img/video-benefit-frame.jpg"); }.media-motion { background-image:linear-gradient(135deg, rgba(11,5,18,.12), rgba(11,5,18,.48)), url("../img/video-benefit-motion.jpg"); }.media-format { background-image:linear-gradient(135deg, rgba(11,5,18,.12), rgba(11,5,18,.48)), url("../img/video-benefit-format.jpg"); }.video-benefit > div:last-child { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px; }.video-benefit > div:last-child > span { margin-bottom:16px; color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:11px; letter-spacing:.1em; }.video-benefit h3 { max-width:430px; font-size:27px; }.video-benefit p { max-width:430px; margin-bottom:24px; font-size:13px; }.video-benefit .btn { min-height:39px; font-size:11px; }.video-benefit.reverse .video-benefit-media { order:2; }.video-benefit.reverse > div:last-child { order:1; }
.testimonials { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.quote { padding:23px; }.quote > p { color:#ddd2e8; font-size:13px; }.quote footer { display:flex; align-items:center; gap:10px; margin-top:20px; color:var(--muted); font-size:11px; }.avatar { width:42px; height:42px; flex:0 0 42px; border:1px solid rgba(216,197,255,.45); border-radius:50%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.04); box-shadow:0 0 18px rgba(118,56,255,.36); }.quote b { display:block; color:white; font-size:12px; }
.faq-list { max-width:830px; margin:auto; }.faq { border-bottom:1px solid var(--line); }.faq summary { position:relative; padding:20px 34px 20px 0; color:#eee5f7; cursor:pointer; font-weight:700; font-size:14px; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary::after { content:"+"; position:absolute; right:3px; color:var(--soft-pink); font-size:22px; font-weight:400; }.faq[open] summary::after { content:"−"; }.faq p { max-width:700px; padding-bottom:16px; font-size:13px; }

.blog-grid { display:grid; grid-template-columns:1.38fr 1fr 1fr; gap:14px; }.post { min-height:220px; padding:22px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; background-position:center; background-size:cover; }.post:nth-child(1) { background-image:linear-gradient(180deg, rgba(7,2,12,.05), rgba(11,5,18,.92)), url("../img/model-review-prompt.png"); }.post:nth-child(2) { background-image:linear-gradient(180deg, rgba(7,2,12,.05), rgba(11,5,18,.92)), url("../img/model-review-detail.png"); }.post:nth-child(3) { background-image:linear-gradient(180deg, rgba(7,2,12,.05), rgba(11,5,18,.92)), url("../img/model-review-palette.png"); }.post.large { min-height:310px; }.post-tag { margin-bottom:auto; color:var(--lavender); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.post h3 { font-size:20px; margin-bottom:6px; }.post:not(.large) h3 { font-size:16px; }.post span { color:var(--muted); font-size:11px; }
.model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.model-card { display:flex; min-height:250px; flex-direction:column; align-items:flex-start; padding:25px; overflow:hidden; background:linear-gradient(160deg, rgba(118,56,255,.2), rgba(11,5,18,.82) 58%), radial-gradient(circle at 82% 15%, rgba(255,59,200,.28), transparent 30%); transition:transform .25s ease, border-color .25s ease; }.model-card:hover { transform:translateY(-4px); border-color:rgba(255,59,200,.45); }.model-card h3 { margin:20px 0 8px; font-size:20px; line-height:1.16; }.model-card p { margin:0 0 26px; color:var(--muted); font-size:13px; line-height:1.6; }.model-card > span:last-child { margin-top:auto; color:var(--soft-pink); font-size:12px; font-weight:800; }
.model-card { background-position:center; background-size:cover; }.model-card:nth-child(1) { background-image:linear-gradient(180deg, rgba(11,5,18,.08), rgba(11,5,18,.92)), url("../img/model-comparison.png") !important; }.model-card:nth-child(2) { background-image:linear-gradient(180deg, rgba(11,5,18,.08), rgba(11,5,18,.92)), url("../img/model-practice.png") !important; }.model-card:nth-child(3) { background-image:linear-gradient(180deg, rgba(11,5,18,.08), rgba(11,5,18,.92)), url("../img/model-safety.png") !important; }
.cta { padding:65px; text-align:center; overflow:hidden; background:linear-gradient(145deg,rgba(118,56,255,.85),rgba(117,32,170,.84) 58%,rgba(255,59,200,.8)); }.cta::before { content:""; position:absolute; inset:auto auto -160px -100px; width:500px; height:300px; border-radius:50%; background:rgba(255,255,255,.17); filter:blur(25px); }.cta h2,.cta p,.cta .btn { position:relative; }.cta p { color:rgba(255,255,255,.8); max-width:550px; margin:0 auto 22px; }

.site-footer { position:relative; overflow:hidden; padding:66px 0 25px; border-top:1px solid rgba(216,197,255,.14); background:linear-gradient(180deg, #09030f, #050208); }.site-footer::before { content:""; position:absolute; width:460px; height:250px; left:-140px; bottom:-170px; border-radius:50%; background:radial-gradient(circle, rgba(118,56,255,.26), transparent 67%); pointer-events:none; }.site-footer .container { position:relative; z-index:1; }.footer-grid { display:grid; grid-template-columns:1.45fr repeat(4,1fr); gap:24px; padding-bottom:38px; }.footer-copy { max-width:285px; margin:16px 0 0; color:#978da4; font-size:12px; line-height:1.7; }.footer-col { padding-top:5px; }.footer-col h3 { margin:0 0 14px; color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.footer-col a { position:relative; z-index:2; display:block; width:max-content; margin:10px 0; color:var(--muted); font-size:12px; transition:color .2s ease, transform .2s ease; }.footer-col a:hover { color:white; transform:translateX(3px); }.footer-language { display:grid; align-content:start; gap:8px; }.footer-language h3 { margin-bottom:6px; }.language-option { display:flex; align-items:center; gap:8px; width:max-content; padding:0; border:0; color:var(--muted); background:transparent; font:inherit; font-size:12px; text-align:left; }.language-option span { font-size:11px; }.language-option.active { color:var(--soft-pink); cursor:default; }.language-option:disabled { opacity:.48; cursor:not-allowed; }.footer-bottom { display:flex; justify-content:space-between; gap:14px; padding-top:20px; border-top:1px solid rgba(216,197,255,.12); color:#796e86; font-size:11px; }@media (max-width:760px) { .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; }.footer-grid > :first-child { grid-column:1/-1; } }

.page-hero { position:relative; min-height:410px; padding:115px 0 70px; overflow:hidden; }.page-hero h1 { max-width:760px; margin-bottom:17px; }.page-hero p { max-width:590px; }.page-hero::after { content:""; position:absolute; right:-140px; top:-190px; width:590px; height:590px; border-radius:44% 56% 62% 38% / 41% 49% 51% 59%; background:radial-gradient(circle at 38% 31%, rgba(255,233,255,.85), rgba(255,59,200,.68) 9%, rgba(118,56,255,.65) 31%, transparent 65%); filter:blur(2px); opacity:.8; }
.image-video-hero::after { right:0; top:0; width:58%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 3%, rgba(5,2,8,.58) 38%, rgba(5,2,8,.08)), url("../img/aboutBanner.png") !important; background-position:center; background-size:cover; filter:none; opacity:.82; }
.page-hero .container { position:relative; z-index:1; }.breadcrumb { margin-bottom:20px; color:var(--muted); font-size:11px; }.breadcrumb a { color:var(--lavender); }
.generator-page { margin-top:-30px; }.generator-page .generator-shell { margin:0; }.generator-page .generator-grid { grid-template-columns:1fr 315px; }.video-workbench { gap:22px; }.video-workbench .upload-zone { min-height:250px; border-style:dashed; border-radius:18px; background:radial-gradient(circle at 50% 42%, rgba(118,56,255,.19), transparent 38%), rgba(255,255,255,.02); }.upload-zone { display:grid; min-height:98px; place-items:center; padding:14px; border:1px dashed rgba(216,197,255,.33); border-radius:13px; background:rgba(255,255,255,.02); text-align:center; }.upload-zone input { width:1px; height:1px; opacity:0; position:absolute; }.upload-zone label { cursor:pointer; color:var(--lavender); font-size:11px; }.upload-zone label b { display:block; margin-bottom:7px; color:#fff; font-size:16px; }.upload-zone label span { display:block; max-width:270px; color:var(--soft-pink); }.upload-zone label small { display:block; margin-top:11px; color:var(--muted); font-size:10px; }.video-settings { padding:4px 0; }.field-select { padding:10px 12px; color:#e7daf3; border:1px solid var(--line); border-radius:10px; background:#0a0510; font-size:11px; }.example-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.example { position:relative; min-height:220px; padding:18px; overflow:hidden; }.example::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 35%,rgba(255,59,200,.55),transparent 16%), radial-gradient(circle at 36% 68%,rgba(118,56,255,.65),transparent 30%); }.example:nth-child(1)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/exampe-portret.jpeg") center/cover; }.example:nth-child(2)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/example-product.png") center/cover; }.example:nth-child(3)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/example-atmosphere.png") center/cover; }.example > * { position:relative; }.example span { display:inline-block; padding:6px 8px; border-radius:8px; background:rgba(6,2,10,.55); color:#fff; font-size:10px; }.example p { position:absolute; bottom:0; font-size:11px; }
.generator-page { margin-top:-30px; }.generator-page .generator-shell { margin:0; }.generator-page .generator-grid { grid-template-columns:1fr 315px; }.video-workbench { gap:22px; }.video-workbench .upload-zone { min-height:250px; border-style:dashed; border-radius:18px; background:radial-gradient(circle at 50% 42%, rgba(118,56,255,.19), transparent 38%), rgba(255,255,255,.02); }.text-video-workbench textarea { min-height:250px; }.upload-zone { display:grid; min-height:98px; place-items:center; padding:14px; border:1px dashed rgba(216,197,255,.33); border-radius:13px; background:rgba(255,255,255,.02); text-align:center; }.upload-zone input { width:1px; height:1px; opacity:0; position:absolute; }.upload-zone label { cursor:pointer; color:var(--lavender); font-size:11px; }.upload-zone label b { display:block; margin-bottom:7px; color:#fff; font-size:16px; }.upload-zone label span { display:block; max-width:270px; color:var(--soft-pink); }.upload-zone label small { display:block; margin-top:11px; color:var(--muted); font-size:10px; }.video-settings { padding:4px 0; }.field-select { padding:10px 12px; color:#e7daf3; border:1px solid var(--line); border-radius:10px; background:#0a0510; font-size:11px; }.example-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.example { position:relative; min-height:220px; padding:18px; overflow:hidden; }.example::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 35%,rgba(255,59,200,.55),transparent 16%), radial-gradient(circle at 36% 68%,rgba(118,56,255,.65),transparent 30%); }.example:nth-child(1)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/exampe-portret.jpeg") center/cover; }.example:nth-child(2)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/example-product.png") center/cover; }.example:nth-child(3)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/example-atmosphere.png") center/cover; }.example > * { position:relative; }.example span { display:inline-block; padding:6px 8px; border-radius:8px; background:rgba(6,2,10,.55); color:#fff; font-size:10px; }.example p { position:absolute; bottom:0; font-size:11px; }

.content-hero { padding-bottom:40px; }.page-intro { max-width:750px; }.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:55px; }.prose h2 { margin-top:45px; font-size:28px; }.prose h3 { margin-top:26px; }.prose ul { padding-left:20px; color:var(--muted); line-height:1.8; font-size:14px; }.content-aside { position:sticky; top:105px; align-self:start; padding:19px; }.content-aside a { display:block; padding:7px 0; color:var(--muted); font-size:12px; }.content-aside a:hover { color:var(--lavender); }
.price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.price-card { position:relative; display:flex; flex-direction:column; padding:29px; }.price-card.featured { border-color:rgba(255,59,200,.55); background:linear-gradient(145deg,rgba(75,31,113,.8),rgba(20,9,33,.9)); transform:translateY(-13px); }.badge { position:absolute; top:15px; right:15px; padding:5px 8px; border-radius:8px; color:white; background:var(--gradient); font-size:9px; font-weight:800; }.price { margin:18px 0; font-family:Orbitron,sans-serif; font-size:37px; }.price small { color:var(--muted); font-family:Manrope,sans-serif; font-size:11px; }.price-card ul { min-height:146px; padding:0; list-style:none; color:var(--muted); font-size:12px; line-height:2.25; }.price-card .btn { margin-top:auto; }.price-card li::before { content:"✓"; margin-right:8px; color:var(--soft-pink); }
.auth-page { position:relative; isolation:isolate; display:grid; min-height:100vh; place-items:center; overflow:hidden; padding:40px 20px; background:var(--bg); }.auth-page::before { content:""; position:absolute; z-index:-1; inset:0; background-color:var(--bg); background-image:linear-gradient(90deg, rgba(5,2,8,.94), rgba(5,2,8,.58)), url("../img/ChatGPT%20Image%2011%20авг.%202026%20г.,%2010_34_51%20%282%29.png"); background-position:center, 96% center; background-size:cover, auto 76%; background-repeat:no-repeat; }.auth-page::after { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 15% 20%, rgba(118,56,255,.24), transparent 30%), radial-gradient(circle at 85% 75%,rgba(255,59,200,.16),transparent 26%); }.auth-card { width:min(100%,460px); padding:38px; background:linear-gradient(145deg, rgba(27,12,41,.82), rgba(13,6,21,.9)); backdrop-filter:blur(18px); transform:translateX(-10vw); }.auth-card .brand { margin-bottom:42px; }.auth-card h1 { max-width:370px; font-size:33px; }.auth-card > p:not(.eyebrow):not(.auth-switch) { max-width:370px; font-size:13px; }.auth-card form { display:grid; gap:14px; margin-top:26px; }.auth-card .field input { padding:13px; }.auth-card .btn { width:100%; margin-top:4px; }.form-row { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--muted); font-size:11px; }.form-row a { color:var(--soft-pink); }.legal-check { display:flex; gap:8px; align-items:flex-start; padding:12px; border:1px solid rgba(216,197,255,.13); border-radius:12px; background:rgba(255,255,255,.025); color:var(--muted); font-size:11px; line-height:1.5; }.legal-check input { margin-top:2px; accent-color:var(--violet); }.auth-switch { margin-top:19px; font-size:12px; text-align:center; }.auth-switch a { color:var(--soft-pink); }
.library-filter { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }.library-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.library-item { min-height:190px; padding:16px; overflow:hidden; }.library-art { height:128px; margin:-16px -16px 14px; background:radial-gradient(circle at 35% 35%,rgba(255,209,250,.65),transparent 8%),radial-gradient(ellipse at 55% 65%,rgba(255,59,200,.7),transparent 15%),radial-gradient(circle at 65% 45%,rgba(118,56,255,.75),transparent 39%),#0c0612; }.library-item:nth-child(even) .library-art { background:linear-gradient(130deg,#170925,#5d2ede 37%,#ff41bf 60%,#1e0939 100%); }.library-item h3 { font-family:Manrope,sans-serif; font-size:13px; letter-spacing:0; }.library-item span { color:var(--muted); font-size:10px; }
.library-art-image { display:block; width:calc(100% + 32px); height:128px; margin:-16px -16px 14px; object-fit:cover; }.library-empty { grid-column:1/-1; min-height:260px; padding:46px; text-align:center; }.library-empty > span { display:block; margin-bottom:15px; color:var(--soft-pink); font-size:28px; }.library-empty h3 { margin:0 0 9px; }.library-empty p { max-width:390px; margin:0 auto 22px; }.library-empty .btn { margin:auto; }
.toast { position:fixed; right:20px; bottom:20px; z-index:100; max-width:360px; padding:15px 18px; border:1px solid rgba(255,114,215,.4); border-radius:13px; color:#f8effe; background:rgba(23,10,36,.95); box-shadow:var(--shadow); font-size:13px; transform:translateY(130px); opacity:0; transition:.3s ease; }.toast.show { transform:none; opacity:1; }
.text-video-hero::after { right:0; top:0; width:58%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 3%, rgba(5,2,8,.58) 38%, rgba(5,2,8,.08)), url("../img/aboutBanner3.png") !important; background-position:left center; background-repeat:no-repeat; background-size:contain; filter:none; opacity:.82; }
.text-video-workflow .video-benefit-media { background-position:center; background-size:cover; }.text-video-workflow .text-step-one { background-image:linear-gradient(135deg, rgba(8,3,14,.08), rgba(8,3,14,.42)), url("../img/text-video-step-1.jpg"); }.text-video-workflow .text-step-two { background-image:linear-gradient(135deg, rgba(8,3,14,.08), rgba(8,3,14,.42)), url("../img/text-video-step-2.jpg"); }.text-video-workflow .text-step-three { background-image:linear-gradient(135deg, rgba(8,3,14,.08), rgba(8,3,14,.42)), url("../img/text-video-step-3.jpg"); }
.text-video-workflow .video-benefit { grid-template-columns:300px minmax(0, 1fr); min-height:400px; }.text-video-workflow .video-benefit.reverse { grid-template-columns:minmax(0, 1fr) 300px; }.text-video-workflow .video-benefit-media { min-height:400px; }
.feature-split.reverse.anime-art-callout .feature-visual { background:linear-gradient(135deg, rgba(8,3,14,.1), rgba(8,3,14,.55)), url("../img/hentay.jpg") center/cover !important; }
.feature-split.reverse.anime-art-callout .feature-visual::before, .feature-split.reverse.anime-art-callout .feature-visual::after { display:none; }
.feature-split.reverse.anime-art-callout { grid-template-columns:minmax(0, 1fr) 330px; }.feature-split.reverse.anime-art-callout .feature-visual { background-position:center; background-repeat:no-repeat; background-size:cover !important; background-color:#0b0512; }
.anime-video-hero::after { right:0; top:0; width:58%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 3%, rgba(5,2,8,.58) 38%, rgba(5,2,8,.08)), url("../img/AnimeBanner.png") !important; background-position:center; background-size:cover; filter:none; opacity:.82; }
.anime-video-hero { margin-bottom:30px; }
.anime-video-page { display:flex; flex-direction:column; }.anime-video-page > section:nth-of-type(1) { order:1; }.anime-video-page > section:nth-of-type(2) { order:2; }.anime-video-page > section:nth-of-type(3) { order:3; }.anime-video-page > section:nth-of-type(4) { order:5; }.anime-video-page > section:nth-of-type(5) { order:4; }.anime-video-page > section:nth-of-type(6) { order:6; }.anime-video-page > section:nth-of-type(7) { order:7; }.anime-video-page > section:nth-of-type(8) { order:8; }
.anime-story-grid { display:grid; gap:22px; }.anime-story { display:grid; grid-template-columns:300px minmax(0, 1fr); min-height:420px; overflow:hidden; }.anime-story:nth-child(even) { grid-template-columns:minmax(0, 1fr) 300px; }.anime-story:nth-child(even) .anime-story-media { order:2; }.anime-story:nth-child(even) > div:last-child { order:1; }.anime-story-media { min-height:100%; background:radial-gradient(circle at 50% 35%, rgba(255,59,200,.32), transparent 22%), linear-gradient(145deg, #160524, #0a0614 65%); }.anime-story > div:last-child { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px; }.anime-story span { margin-bottom:14px; color:var(--soft-pink); font-family:Orbitron,sans-serif; font-size:10px; letter-spacing:.09em; }.anime-story h3 { margin-bottom:12px; font-size:28px; }.anime-story p { max-width:420px; margin:0; font-size:13px; }
.anime-story:nth-child(1) .anime-story-media { background:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.5)), url("../img/anime1.jpg") center/cover; }.anime-story:nth-child(2) .anime-story-media { background:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.5)), url("../img/anime2.jpg") center/cover; }.anime-story:nth-child(3) .anime-story-media { background:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.5)), url("../img/anime3.jpg") center/cover; }.anime-story:nth-child(4) .anime-story-media { background:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.5)), url("../img/anime4.jpg") center/cover; }
.anime-next-step { display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:250px; padding:44px; overflow:hidden; background:radial-gradient(circle at 86% 50%, rgba(255,59,200,.28), transparent 25%), radial-gradient(circle at 70% 20%, rgba(118,56,255,.3), transparent 30%), rgba(18,7,30,.78); }.anime-next-step h2 { margin-bottom:12px; font-size:34px; }.anime-next-step p:not(.eyebrow) { max-width:580px; margin:0; font-size:13px; }.anime-next-step .btn { flex:0 0 auto; }
.reference-stage { margin-top:-30px; }.reference-flow { display:flex; flex-wrap:wrap; gap:18px; min-height:0; padding:24px; }.reference-inputs { display:grid; width:100%; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }.reference-inputs .eyebrow { grid-column:1/-1; margin:0 0 2px; }.reference-result .eyebrow { margin:0; }.reference-card { display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:center; min-height:76px; padding:12px; border:1px solid rgba(216,197,255,.18); border-radius:14px; background:rgba(255,255,255,.025); }.reference-card span { grid-row:span 2; display:grid; width:29px; height:29px; place-items:center; border-radius:50%; color:var(--soft-pink); background:rgba(255,59,200,.12); font:700 10px Orbitron,sans-serif; }.reference-card strong { color:#fff; font-size:12px; }.reference-card small, .reference-result small { color:var(--muted); font-size:10px; }.reference-arrow { display:none; }.reference-result { display:grid; width:100%; grid-template-columns:150px minmax(0, 1fr) auto; column-gap:16px; align-items:center; }.reference-result .eyebrow { grid-column:1/-1; }.reference-result-media { grid-row:2 / span 2; min-height:96px; border:1px dashed rgba(216,197,255,.3); border-radius:14px; background:radial-gradient(circle at 40% 38%, rgba(255,59,200,.28), transparent 18%), radial-gradient(circle at 63% 60%, rgba(118,56,255,.45), transparent 30%), #0b0613; }.reference-result strong { align-self:end; color:#fff; font-size:15px; }.reference-result small { align-self:start; }.reference-result .btn { grid-column:3; grid-row:2 / span 2; }
.reference-card:nth-of-type(1) { background:url("../img/reference-person-1.jpg") center/cover; }.reference-card:nth-of-type(2) { background:url("../img/reference-person-2.jpg") center/cover; }.reference-card:nth-of-type(3) { background:url("../img/reference-person-3.jpg") center/cover; }.reference-card:nth-of-type(4) { background:url("../img/reference-person-4.jpg") center/cover; }.reference-card strong, .reference-card small { text-shadow:0 1px 6px rgba(0,0,0,.9); }.reference-result-media { background:linear-gradient(90deg, rgba(8,3,14,.12), rgba(8,3,14,.38)), url("../img/reference-scene.jpg") center/cover; }
.reference-inputs .reference-card { overflow:hidden; background-repeat:no-repeat !important; background-position:center 40% !important; background-size:cover !important; }
.reference-people-row .reference-card { flex-direction:column; }.reference-people-row .reference-card-media { width:100%; flex:0 0 134px; }
.reference-prompt-panel { min-height:240px; }.reference-prompt-panel textarea { min-height:150px; }
.reference-flow { display:grid; grid-template-columns:minmax(0, 1fr) 320px; align-items:start; }.reference-inputs { display:block; width:auto; }.reference-inputs .eyebrow { margin:0 0 12px; }.reference-people-row { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }.reference-inputs .reference-card { display:flex; min-height:0; padding:0; overflow:visible; border:0; border-radius:0; background:none !important; box-shadow:none; }.reference-card-label { display:grid; gap:3px; min-height:42px; }.reference-card-label strong { color:#fff; font-size:11px; }.reference-card-label small { color:var(--muted); font-size:9px; line-height:1.25; text-shadow:none; }.reference-card-media { min-height:134px; border:1px solid rgba(216,197,255,.2); border-radius:12px; background-repeat:no-repeat; background-position:center 40%; background-size:cover; }.reference-card:nth-child(1) .reference-card-media { background-image:url("../img/reference-person-1.jpg"); }.reference-card:nth-child(2) .reference-card-media { background-image:url("../img/reference-person-2.jpg"); }.reference-card:nth-child(3) .reference-card-media { background-image:url("../img/reference-person-3.jpg"); }.reference-card:nth-child(4) .reference-card-media { background-image:url("../img/reference-person-4.jpg"); }.reference-prompt-panel { display:grid; gap:10px; padding:18px; border:1px solid rgba(216,197,255,.18); border-radius:16px; background:rgba(255,255,255,.025); }.reference-prompt-panel .eyebrow { margin:0; }.reference-prompt-panel label { color:var(--lavender); font-size:11px; font-weight:700; }.reference-prompt-panel textarea { min-height:112px; padding:12px; font-size:11px; }.reference-prompt-panel .btn { width:100%; }.reference-result { grid-column:1/-1; }
.text-scene-examples .example:nth-child(1)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/text-scene-music.png") center/cover; }.text-scene-examples .example:nth-child(2)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/text-scene-fashion.png") center/cover; }.text-scene-examples .example:nth-child(3)::before { background:linear-gradient(180deg, rgba(7,2,12,.03), rgba(7,2,12,.72)), url("../img/text-scene-fantasy.png") center/cover; }
.reference-flow .reference-prompt-panel { min-height:270px; }.reference-flow .reference-prompt-panel textarea { min-height:175px; }
.reference-marquee .reference-card { display:block; width:170px; height:270px; min-height:0; padding:0; flex:0 0 auto; border:1px solid rgba(255,255,255,.16); border-radius:15px; object-fit:cover; background:linear-gradient(145deg, #171717, #030303) !important; box-shadow:0 18px 40px rgba(0,0,0,.42); }.reference-marquee .reference-card:nth-child(2n) { margin-top:38px; }.reference-marquee .reference-card:nth-child(3n) { margin-top:-24px; }
.reference-people-row { gap:32px; }.reference-people-row .reference-card { position:relative; }.reference-people-row .reference-card-media { flex-basis:240px; min-height:240px; background-position:center; background-size:cover; background-color:#0b0613; }.reference-people-row .reference-card::after { content:"+"; position:absolute; z-index:2; right:-29px; top:162px; display:grid; width:25px; height:25px; place-items:center; transform:translateY(-50%); border:1px solid rgba(216,197,255,.36); border-radius:50%; color:var(--soft-pink); background:#14091f; font:300 22px/1 Arial,sans-serif; }.reference-people-row .reference-card:last-child::after { display:none; }
.reference-flow .reference-summary { grid-column:1/-1; margin:2px 0 0; color:var(--muted); font-size:12px; text-align:center; }
.reference-video-hero::after { right:0; top:0; width:58%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 3%, rgba(5,2,8,.58) 38%, rgba(5,2,8,.08)), url("../img/aboutBanner5.png") !important; background-position:center; background-size:cover; filter:none; opacity:.82; }
.reference-merge { display:grid; grid-template-columns:minmax(0, .85fr) minmax(430px, 1.15fr); gap:34px; padding:28px; }.reference-merge-copy { align-self:center; padding:12px; }.reference-merge-copy h2 { margin:10px 0 16px; }.reference-merge-copy > p:not(.eyebrow) { max-width:390px; color:var(--muted); line-height:1.7; }.reference-merge-copy .btn { margin-top:22px; }.reference-merge-board { position:relative; padding:18px; border:1px solid rgba(216,197,255,.14); border-radius:18px; background:radial-gradient(circle at 80% 10%, rgba(118,56,255,.2), transparent 35%), rgba(255,255,255,.02); }.reference-merge-board > .eyebrow { margin:0 0 12px; }.reference-merge-slots { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:9px; }.reference-merge-slot { display:grid; min-height:122px; align-content:end; gap:5px; padding:10px; overflow:hidden; border:1px dashed rgba(216,197,255,.28); border-radius:12px; background:linear-gradient(155deg, rgba(255,59,200,.13), rgba(118,56,255,.06) 54%, rgba(7,3,12,.55)); }.reference-merge-slot span { color:var(--soft-pink); font:700 10px Orbitron,sans-serif; }.reference-merge-slot b { color:#fff; font-size:10px; }.reference-merge-result { position:relative; display:grid; min-height:192px; margin-top:18px; align-content:end; gap:7px; padding:20px; overflow:hidden; border:1px solid rgba(255,59,200,.33); border-radius:14px; background:radial-gradient(circle at 75% 30%, rgba(255,59,200,.42), transparent 17%), radial-gradient(circle at 55% 55%, rgba(118,56,255,.5), transparent 36%), #09030f; }.reference-merge-result::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(6,2,10,.68), transparent 72%); }.reference-merge-result > * { position:relative; }.reference-merge-result span { color:var(--soft-pink); font:700 10px Orbitron,sans-serif; letter-spacing:.12em; }.reference-merge-result strong { color:#fff; font-size:18px; }.reference-merge-result small { max-width:330px; color:#d4c5e1; line-height:1.45; }
.reference-merge-slot:nth-child(1) { background-image:linear-gradient(180deg, transparent 45%, rgba(7,3,12,.78)), url("../img/merge-reference-1.jpg"); }.reference-merge-slot:nth-child(2) { background-image:linear-gradient(180deg, transparent 45%, rgba(7,3,12,.78)), url("../img/merge-reference-2.jpg"); }.reference-merge-slot:nth-child(3) { background-image:linear-gradient(180deg, transparent 45%, rgba(7,3,12,.78)), url("../img/merge-reference-3.jpg"); }.reference-merge-slot:nth-child(4) { background-image:linear-gradient(180deg, transparent 45%, rgba(7,3,12,.78)), url("../img/merge-reference-4.jpg"); }.reference-merge-slot:nth-child(5) { background-image:linear-gradient(180deg, transparent 45%, rgba(7,3,12,.78)), url("../img/merge-reference-5.jpg"); }.reference-merge-slot { background-position:center; background-size:cover; }.reference-merge-result { background-image:linear-gradient(90deg, rgba(6,2,10,.72), rgba(6,2,10,.12)), url("../img/merge-result.jpg"); background-position:center; background-size:cover; }
.reference-merge-slots { grid-template-columns:repeat(5, minmax(92px, 1fr)); gap:12px; }.reference-merge-slot { min-height:218px; }
.reference-merge-result { width:min(100%, 244px); min-height:434px; margin:18px auto 0; background-image:linear-gradient(180deg, transparent 35%, rgba(6,2,10,.78)), url("../img/merge-result.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#09030f; }
.reference-merge-board { display:grid; grid-template-columns:minmax(0, 1fr) 210px; gap:14px; align-items:start; }.reference-merge-board > .eyebrow { grid-column:1/-1; }.reference-merge-slots { grid-column:1; grid-row:2; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }.reference-merge-slot { min-height:176px; }.reference-merge-result { grid-column:2; grid-row:2; width:auto; min-height:376px; margin:0; }
.reference-merge-slot { min-height:224px; }.reference-merge-slot:nth-child(1) { background-image:url("../img/merge-reference-1.jpg"); }.reference-merge-slot:nth-child(2) { background-image:url("../img/merge-reference-2.jpg"); }.reference-merge-slot:nth-child(3) { background-image:url("../img/merge-reference-3.jpg"); }.reference-merge-slot:nth-child(4) { background-image:url("../img/merge-reference-4.jpg"); }.reference-merge-slot:nth-child(5) { background-image:url("../img/merge-reference-5.jpg"); }.reference-merge-slot span, .reference-merge-slot b { width:max-content; padding:4px 6px; border-radius:6px; background:rgba(8,3,14,.72); }
.reference-steps-lead { max-width:570px; margin:12px 0 0; color:var(--muted); line-height:1.65; }
.anchor-scenes-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }.anchor-scene { display:grid; grid-template-columns:172px minmax(0, 1fr); gap:18px; min-height:212px; padding:14px; overflow:hidden; }.anchor-scene-media { position:relative; min-height:182px; overflow:hidden; border:1px solid rgba(216,197,255,.18); border-radius:14px; background:radial-gradient(circle at 30% 25%, rgba(255,59,200,.45), transparent 12%), radial-gradient(circle at 72% 63%, rgba(118,56,255,.58), transparent 34%), #10061b; }.anchor-scene:nth-child(2) .anchor-scene-media { background:linear-gradient(145deg, #12091d, #4d1e63 47%, #12051b); }.anchor-scene:nth-child(3) .anchor-scene-media { background:radial-gradient(circle at 67% 28%, rgba(255,213,249,.52), transparent 12%), linear-gradient(135deg, #160820, #401431 47%, #08040d); }.anchor-scene:nth-child(4) .anchor-scene-media { background:linear-gradient(145deg, #1c1232, #0a0613 52%, #57225f); }.anchor-scene:nth-child(5) .anchor-scene-media { background:radial-gradient(circle at 40% 35%, rgba(158,106,255,.62), transparent 15%), linear-gradient(160deg, #0d0717, #2c1246); }.anchor-scene:nth-child(6) .anchor-scene-media { background:linear-gradient(135deg, #200a2a, #70224d 46%, #14091c); }.anchor-scene-media span { position:absolute; right:12px; bottom:10px; color:rgba(255,255,255,.8); font:700 12px Orbitron,sans-serif; }.anchor-scene .eyebrow { margin:8px 0; }.anchor-scene h3 { margin:0 0 9px; color:#fff; font-size:17px; }.anchor-scene p:not(.eyebrow) { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.anchor-scene:nth-child(1) .anchor-scene-media { background-image:url("../img/anchor-scene-1.jpg"); }.anchor-scene:nth-child(2) .anchor-scene-media { background-image:url("../img/anchor-scene-2.jpg"); }.anchor-scene:nth-child(3) .anchor-scene-media { background-image:url("../img/anchor-scene-3.jpg"); }.anchor-scene:nth-child(4) .anchor-scene-media { background-image:url("../img/anchor-scene-4.jpg"); }.anchor-scene:nth-child(5) .anchor-scene-media { background-image:url("../img/anchor-scene-5.jpg"); }.anchor-scene:nth-child(6) .anchor-scene-media { background-image:url("../img/anchor-scene-6.jpg"); }.anchor-scene-media { background-position:center; background-size:cover; }
.anchor-scenes-grid { grid-template-columns:1fr; gap:20px; }.anchor-scene { grid-template-columns:minmax(0, 1fr) 300px; min-height:342px; padding:18px; }.anchor-scene-media { grid-column:2; grid-row:1; min-height:304px; }.anchor-scene > div:not(.anchor-scene-media) { grid-column:1; align-self:center; padding:26px; }.anchor-scene:nth-child(even) { grid-template-columns:300px minmax(0, 1fr); }.anchor-scene:nth-child(even) .anchor-scene-media { grid-column:1; }.anchor-scene:nth-child(even) > div:not(.anchor-scene-media) { grid-column:2; }
.anchor-showcase { display:grid; grid-template-columns:320px minmax(0, 1fr); gap:28px; padding:24px; overflow:hidden; }.anchor-scene-names { display:grid; align-content:center; gap:8px; }.anchor-scene-names .eyebrow { margin:0 0 10px; }.anchor-scene-names > div { display:flex; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(216,197,255,.12); }.anchor-scene-names span { color:var(--soft-pink); font:700 10px Orbitron,sans-serif; }.anchor-scene-names strong { color:#fff; font-size:13px; line-height:1.3; }.anchor-scene-marquee { min-width:0; overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }.anchor-scene-track { display:flex; width:max-content; gap:14px; padding:4px 0; animation:anchor-scroll 32s linear infinite; }.anchor-scene-slide { position:relative; width:180px; height:280px; flex:0 0 auto; overflow:hidden; border:1px solid rgba(216,197,255,.23); border-radius:16px; background-position:center; background-size:cover; box-shadow:0 18px 40px rgba(0,0,0,.32); }.anchor-scene-slide::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 60%, rgba(8,3,14,.72)); }.anchor-scene-slide span { position:absolute; z-index:1; bottom:12px; left:12px; color:#fff; font:700 11px Orbitron,sans-serif; }.scene-one { background-image:url("../img/anchor-scene-1.jpg"); }.scene-two { background-image:url("../img/anchor-scene-2.jpg"); }.scene-three { background-image:url("../img/anchor-scene-3.jpg"); }.scene-four { background-image:url("../img/anchor-scene-4.jpg"); }.scene-five { background-image:url("../img/anchor-scene-5.jpg"); }.scene-six { background-image:url("../img/anchor-scene-6.jpg"); }@keyframes anchor-scroll { to { transform:translateX(calc(-50% - 7px)); } }
.anchor-scene-marquee { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); height:430px; gap:14px; mask-image:linear-gradient(180deg, transparent, #000 8%, #000 92%, transparent); }.anchor-scene-track { display:flex; width:auto; flex-direction:column; gap:14px; padding:0; animation:none; }.anchor-scene-slide { width:100%; height:242px; min-height:242px; }.anchor-track-up { animation:anchor-scroll-up 24s linear infinite; }.anchor-track-down { animation:anchor-scroll-down 24s linear infinite; }.anchor-track-down .anchor-scene-slide { transform:translateY(-514px); }@keyframes anchor-scroll-up { to { transform:translateY(calc(-50% - 7px)); } }@keyframes anchor-scroll-down { from { transform:translateY(calc(-50% - 7px)); } to { transform:translateY(0); } }
.reference-benefits-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }.reference-benefit { min-height:184px; padding:22px; }.reference-benefit > span { display:block; margin-bottom:18px; color:var(--soft-pink); font:700 11px Orbitron,sans-serif; }.reference-benefit h3 { margin:0 0 10px; color:#fff; font-size:15px; }.reference-benefit p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.creator-stories-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }.creator-story { display:grid; min-height:196px; align-content:space-between; gap:24px; padding:24px; }.creator-quote { margin:0; color:#f2e9fa; font-size:15px; line-height:1.55; }.creator-story > div { display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:center; }.creator-story img { grid-row:span 2; width:38px; height:38px; border-radius:50%; object-fit:cover; }.creator-story span { color:#fff; font-size:12px; font-weight:700; }.creator-story small { color:var(--muted); font-size:11px; }
.related-tools-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }.related-tool { display:grid; min-height:210px; align-content:start; gap:12px; padding:20px; color:inherit; transition:transform .25s ease, border-color .25s ease; }.related-tool:hover { border-color:rgba(255,59,200,.55); transform:translateY(-4px); }.related-tool span { color:var(--soft-pink); font:700 10px Orbitron,sans-serif; }.related-tool h3 { margin:3px 0 0; color:#fff; font-size:15px; }.related-tool p { margin:0; color:var(--muted); font-size:11px; line-height:1.55; }.related-tool b { margin-top:auto; color:var(--lavender); font-size:11px; }
.image-generator-hero::after { right:0; top:0; width:58%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 3%, rgba(5,2,8,.58) 38%, rgba(5,2,8,.08)), url("../img/aboutBanner2.png") !important; background-position:center; background-size:cover; filter:none; opacity:.82; }
.reference-stage { margin-top:0; }
.image-generator-page .generator-shell { max-width:820px; margin:0 auto; }.image-generator-page .generator-grid { grid-template-columns:1fr; }.image-generator-page .side-controls { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; align-items:start; }.image-generator-page .generator-submit { grid-column:1/-1; justify-self:center; min-width:230px; }.image-generator-page .result-preview { grid-column:1/-1; min-height:130px; }
.image-gen-showcase { padding:22px; overflow:hidden; }.image-gen-strip { position:relative; display:grid; place-items:center; min-height:320px; overflow:hidden; }.image-gen-track { position:relative; width:210px; height:300px; }.image-gen-track img { position:absolute; inset:0; width:210px; height:300px; border:1px solid rgba(216,197,255,.16); border-radius:15px; object-fit:cover; opacity:0; transform:scale(.96); animation:image-gen-slide 16s infinite; }.image-gen-track img:nth-child(2) { animation-delay:4s; }.image-gen-track img:nth-child(3) { animation-delay:8s; }.image-gen-track img:nth-child(4) { animation-delay:12s; }.image-gen-dots { display:flex; grid-column:1; gap:7px; margin-top:8px; }.image-gen-dots i { width:6px; height:6px; border-radius:50%; background:rgba(216,197,255,.28); animation:image-gen-dot 16s infinite; }.image-gen-dots i:nth-child(2) { animation-delay:4s; }.image-gen-dots i:nth-child(3) { animation-delay:8s; }.image-gen-dots i:nth-child(4) { animation-delay:12s; }.image-gen-intro-copy { max-width:780px; margin:32px auto 6px; text-align:center; }.image-gen-intro-copy h2 { margin:9px 0 14px; }.image-gen-intro-copy > p:not(.eyebrow) { max-width:590px; margin:0 auto; color:var(--muted); line-height:1.7; }.image-gen-points { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:23px 0; }.image-gen-points span { padding:8px 11px; border:1px solid rgba(216,197,255,.16); border-radius:999px; color:var(--lavender); font-size:11px; }.image-gen-points b { margin-right:5px; color:var(--soft-pink); font:700 10px Orbitron,sans-serif; }@keyframes image-gen-slide { 0%, 20% { opacity:1; transform:scale(1); } 25%, 100% { opacity:0; transform:scale(.96); } }@keyframes image-gen-dot { 0%, 20% { background:var(--soft-pink); transform:scale(1.25); } 25%, 100% { background:rgba(216,197,255,.28); transform:scale(1); } }
.image-gen-showcase { display:grid; grid-template-columns:minmax(0, 1fr) 240px; align-items:center; column-gap:clamp(30px, 6vw, 90px); row-gap:28px; padding:clamp(28px, 5vw, 60px); }.image-gen-intro-copy { max-width:570px; margin:0; text-align:left; }.image-gen-intro-copy > p:not(.eyebrow) { max-width:550px; margin:0 0 14px; }.image-gen-points { justify-content:flex-start; }.image-gen-strip { min-height:350px; }.image-gen-track { width:230px; height:330px; }.image-gen-track img { width:230px; height:330px; }.image-gen-dots { margin-top:12px; }.image-gen-stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; padding-top:24px; border-top:1px solid rgba(216,197,255,.14); }.image-gen-stats div { padding:8px 0; }.image-gen-stats strong { display:block; margin-bottom:5px; color:var(--soft-pink); font:700 clamp(20px, 2vw, 28px)/1 Orbitron,sans-serif; }.image-gen-stats span { color:var(--muted); font-size:12px; }.image-gen-intro-copy .btn { margin-top:5px; }@media (max-width:700px) { .image-gen-showcase { grid-template-columns:1fr; }.image-gen-intro-copy { order:1; text-align:center; }.image-gen-intro-copy > p:not(.eyebrow) { margin-left:auto; margin-right:auto; }.image-gen-points { justify-content:center; }.image-gen-strip { order:2; }.image-gen-stats { order:3; grid-template-columns:1fr; text-align:center; gap:4px; }.image-gen-stats div { padding:11px 0; }.image-gen-intro-copy .btn { margin-top:6px; } }
.image-gen-showcase { grid-template-columns:minmax(0, 1fr) 285px; }.image-gen-strip { min-height:385px; }.image-gen-track { width:260px; height:365px; }.image-gen-track img { width:260px; height:365px; }
.image-gen-track img,.image-gen-dots i { animation-duration:16s; }
.image-gen-steps .section-heading { max-width:650px; margin:0 auto 30px; text-align:center; }.image-gen-steps .section-heading > p:not(.eyebrow) { color:var(--muted); line-height:1.7; }.image-gen-step-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }.image-gen-step { overflow:hidden; }.image-gen-step img { display:block; width:100%; height:300px; object-fit:cover; }.image-gen-step > div { padding:20px; }.image-gen-step span { color:var(--soft-pink); font:700 11px Orbitron,sans-serif; }.image-gen-step h3 { margin:9px 0 8px; font-size:18px; }.image-gen-step p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }@media (max-width:760px) { .image-gen-step-grid { grid-template-columns:1fr; }.image-gen-step { display:grid; grid-template-columns:130px 1fr; align-items:stretch; }.image-gen-step img { height:100%; min-height:190px; }.image-gen-step > div { padding:18px; } }
.image-gen-step { min-height:205px; display:flex; align-items:center; }.image-gen-step > div { padding:26px; }.image-gen-step h3 { font-size:20px; }@media (max-width:760px) { .image-gen-step { display:block; min-height:0; } }
.image-gen-guided { display:grid; grid-template-columns:minmax(260px, .88fr) minmax(0, 1.12fr); gap:0; overflow:hidden; }.image-gen-guided-visuals { position:relative; min-height:510px; background:#100a17; }.image-gen-guided-visuals img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease; }.image-gen-guided-visuals img:first-child { opacity:1; }.image-gen-guided-steps { padding:18px; display:grid; align-content:center; gap:10px; }.image-gen-guided-steps article { display:grid; grid-template-columns:38px 1fr; gap:13px; padding:19px; border:1px solid transparent; border-radius:14px; cursor:pointer; transition:background .25s ease,border-color .25s ease,transform .25s ease; }.image-gen-guided-steps article:first-child { border-color:rgba(216,197,255,.22); background:rgba(187,131,255,.09); }.image-gen-guided-steps article span { color:var(--soft-pink); font:700 11px Orbitron,sans-serif; padding-top:4px; }.image-gen-guided-steps h3 { margin:0 0 6px; font-size:18px; }.image-gen-guided-steps p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }.image-gen-guided:has(.image-gen-guided-steps article:nth-child(2):hover) .image-gen-guided-visuals img,.image-gen-guided:has(.image-gen-guided-steps article:nth-child(2):focus) .image-gen-guided-visuals img,.image-gen-guided:has(.image-gen-guided-steps article:nth-child(3):hover) .image-gen-guided-visuals img,.image-gen-guided:has(.image-gen-guided-steps article:nth-child(3):focus) .image-gen-guided-visuals img { opacity:0; }.image-gen-guided:has(.image-gen-guided-steps article:nth-child(2):hover) .image-gen-guided-visuals img:nth-child(2),.image-gen-guided:has(.image-gen-guided-steps article:nth-child(2):focus) .image-gen-guided-visuals img:nth-child(2),.image-gen-guided:has(.image-gen-guided-steps article:nth-child(3):hover) .image-gen-guided-visuals img:nth-child(3),.image-gen-guided:has(.image-gen-guided-steps article:nth-child(3):focus) .image-gen-guided-visuals img:nth-child(3) { opacity:1; }.image-gen-guided-steps article:hover,.image-gen-guided-steps article:focus { border-color:rgba(216,197,255,.22); background:rgba(187,131,255,.09); outline:none; transform:translateX(-3px); }.image-gen-guided-steps:has(article:hover) article:first-child,.image-gen-guided-steps:has(article:focus) article:first-child { border-color:transparent; background:transparent; }@media (max-width:760px) { .image-gen-guided { grid-template-columns:1fr; }.image-gen-guided-visuals { min-height:400px; }.image-gen-guided-steps { padding:12px; }.image-gen-guided-steps article { padding:15px; } }
.image-gen-guided-visuals { min-height:620px; }
.image-gen-directions { display:grid; gap:22px; }.image-gen-direction { display:grid; grid-template-columns:300px minmax(0, 1fr); min-height:390px; overflow:hidden; }.image-gen-direction:nth-child(even) { grid-template-columns:minmax(0, 1fr) 300px; }.image-gen-direction:nth-child(even) .image-gen-direction-media { order:2; }.image-gen-direction:nth-child(even) > div:last-child { order:1; }.image-gen-direction-media { min-height:100%; background:center/cover; }.image-gen-direction:nth-child(1) .image-gen-direction-media { background-image:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.48)), url("../img/imggen5.jpeg"); }.image-gen-direction:nth-child(2) .image-gen-direction-media { background-image:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.48)), url("../img/imggen7.jpeg"); }.image-gen-direction:nth-child(3) .image-gen-direction-media { background-image:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.48)), url("../img/imggen8.jpeg"); }.image-gen-direction:nth-child(4) .image-gen-direction-media { background-image:linear-gradient(180deg, rgba(8,3,14,.06), rgba(8,3,14,.48)), url("../img/imggen9.jpeg"); }.image-gen-direction > div:last-child { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px; }.image-gen-direction span { margin-bottom:14px; color:var(--soft-pink); font:700 10px Orbitron,sans-serif; letter-spacing:.09em; }.image-gen-direction h3 { margin:0 0 12px; font-size:28px; }.image-gen-direction p { max-width:430px; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }@media (max-width:760px) { .image-gen-direction,.image-gen-direction:nth-child(even) { grid-template-columns:1fr; min-height:0; }.image-gen-direction:nth-child(even) .image-gen-direction-media,.image-gen-direction:nth-child(even) > div:last-child { order:initial; }.image-gen-direction-media { min-height:340px; }.image-gen-direction > div:last-child { padding:30px; }.image-gen-direction h3 { font-size:24px; } }
.anime-video-page > section:nth-of-type(7) { order:8; }.anime-video-page > section:nth-of-type(8) { order:7; }
.anime-generator-hero::after { right:0; top:0; width:58%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 3%, rgba(5,2,8,.58) 38%, rgba(5,2,8,.08)), url("../img/aboutBanner4.png") !important; background-position:center; background-size:cover; filter:none; opacity:.82; }
.anime-generator-hero::after { right:3%; top:7%; width:55%; height:88%; background-size:contain; background-repeat:no-repeat; background-position:right center; }
.anime-gen-preview-section { padding-top:28px; }.anime-gen-preview { position:relative; width:min(100%, 780px); height:470px; margin:0 auto; overflow:hidden; background:#100a17; }.anime-gen-preview > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.025); animation:anime-gen-preview-slide 12s infinite; }.anime-gen-preview > img:first-child { opacity:1; }.anime-gen-preview > img:nth-child(2) { animation-delay:4s; }.anime-gen-preview > img:nth-child(3) { animation-delay:8s; }.anime-gen-preview-dots { position:absolute; z-index:1; bottom:19px; left:50%; display:flex; gap:8px; transform:translateX(-50%); }.anime-gen-preview-dots i { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.35); animation:anime-gen-preview-dot 12s infinite; }.anime-gen-preview-dots i:nth-child(2) { animation-delay:4s; }.anime-gen-preview-dots i:nth-child(3) { animation-delay:8s; }@keyframes anime-gen-preview-slide { 0%,27% { opacity:1; transform:scale(1); } 33%,100% { opacity:0; transform:scale(1.025); } }@keyframes anime-gen-preview-dot { 0%,27% { background:var(--soft-pink); transform:scale(1.3); } 33%,100% { background:rgba(255,255,255,.35); transform:scale(1); } }@media (max-width:760px) { .anime-gen-preview { height:390px; } }
.anime-generator-hero { min-height:560px; padding:96px 0 70px; }.anime-generator-hero::after { display:block; right:-4%; top:0; width:72%; height:100%; border-radius:0; background-image:linear-gradient(90deg, var(--bg) 2%, rgba(5,2,8,.82) 43%, rgba(5,2,8,.42)), url("../img/aboutBanner4.png") !important; background-position:right center; background-repeat:no-repeat; background-size:cover; filter:none; opacity:.24; }.anime-generator-hero .container { display:grid; grid-template-columns:minmax(0, 1fr) 290px; align-items:center; gap:clamp(36px, 7vw, 115px); }.anime-generator-hero-copy { max-width:620px; }.anime-generator-hero-copy .lead { margin-bottom:25px; }.anime-gen-preview { width:290px; height:430px; margin:0; border-radius:20px; }.anime-gen-preview > img { object-fit:cover; }.anime-gen-preview-dots { bottom:15px; }@media (max-width:760px) { .anime-generator-hero { min-height:0; padding:88px 0 52px; }.anime-generator-hero .container { grid-template-columns:1fr; gap:30px; }.anime-generator-hero-copy { max-width:none; text-align:center; }.anime-generator-hero-copy .breadcrumb { text-align:left; }.anime-generator-hero-copy .lead { margin-left:auto; margin-right:auto; }.anime-gen-preview { width:min(100%, 290px); height:420px; margin:0 auto; }.anime-generator-hero::after { opacity:.16; width:100%; right:0; } }
.anime-generator-hero .container { grid-template-columns:minmax(0, 1fr) 400px; }.anime-gen-preview { width:400px; height:560px; }
.anime-generator-hero + .section .section-heading > p:not(.eyebrow) { max-width:650px; margin:0 auto; color:var(--muted); line-height:1.7; }.anime-gen-gallery { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }.anime-gen-card { overflow:hidden; }.anime-gen-card img { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; }.anime-gen-card > div { padding:17px; }.anime-gen-card h3 { margin:0 0 7px; font-size:16px; }.anime-gen-card p { min-height:38px; margin:0 0 14px; color:var(--muted); font-size:12px; line-height:1.55; }.anime-gen-card a { color:var(--soft-pink); font-size:11px; }@media (max-width:900px) { .anime-gen-gallery { grid-template-columns:repeat(2, minmax(0, 1fr)); } }.anime-gen-card img { min-height:285px; }@media (max-width:520px) { .anime-gen-gallery { grid-template-columns:1fr; }.anime-gen-card { display:grid; grid-template-columns:130px 1fr; }.anime-gen-card img { min-height:0; height:100%; }.anime-gen-card > div { padding:16px; } }
.anime-gen-card { transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }.anime-gen-card img { transition:transform .35s ease,filter .35s ease; }.anime-gen-card:hover { transform:translateY(-6px); border-color:rgba(255,59,200,.62); box-shadow:0 18px 42px rgba(118,56,255,.2),0 0 0 1px rgba(255,59,200,.14); }.anime-gen-card:hover img { transform:scale(1.045); filter:saturate(1.12) brightness(1.07); }.anime-gen-card:hover a { color:#fff; }
.anime-gen-card:hover { transform:scale(.975); box-shadow:0 14px 32px rgba(118,56,255,.18),0 0 0 1px rgba(255,59,200,.14); }.anime-gen-card:hover img { transform:none; }
.anime-gen-creation-steps { grid-template-columns:repeat(3, minmax(0, 1fr)); }.anime-gen-creation-steps .step { min-height:220px; }.anime-gen-step-icon { display:block; width:30px; height:30px; margin-bottom:16px; fill:none; stroke:var(--soft-pink); stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }@media (max-width:700px) { .anime-gen-creation-steps { grid-template-columns:1fr; } }
.anime-gen-benefits { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-auto-rows:175px; gap:14px; }.anime-benefit { padding:22px; overflow:hidden; background:linear-gradient(145deg, rgba(31,13,47,.88), rgba(11,5,18,.8)); }.anime-benefit span { color:var(--soft-pink); font:700 10px Orbitron,sans-serif; }.anime-benefit h3 { margin:16px 0 8px; font-size:17px; }.anime-benefit p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }.anime-benefit-wide { grid-column:span 2; }.anime-benefit-tall { grid-row:span 2; background:radial-gradient(circle at 80% 10%, rgba(255,59,200,.22), transparent 34%),linear-gradient(145deg, rgba(31,13,47,.88), rgba(11,5,18,.8)); }.anime-benefit-tall p { max-width:150px; }@media (max-width:820px) { .anime-gen-benefits { grid-template-columns:repeat(2, minmax(0, 1fr)); }.anime-benefit-tall { grid-row:span 1; } }.anime-benefit { transition:transform .25s ease,border-color .25s ease,background .25s ease; }.anime-benefit:hover { transform:translateY(-3px); border-color:rgba(255,59,200,.55); background:linear-gradient(145deg, rgba(56,18,79,.94), rgba(18,7,29,.9)); }@media (max-width:520px) { .anime-gen-benefits { grid-template-columns:1fr; grid-auto-rows:auto; }.anime-benefit,.anime-benefit-wide { grid-column:span 1; min-height:160px; } }
.anime-benefit-reference { padding:0; background:#100a17; }.anime-benefit-reference img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease,filter .35s ease; }.anime-benefit-reference:hover img { transform:scale(1.04); filter:saturate(1.08); }
.anime-gen-benefits-shell { padding:18px; overflow:hidden; background:linear-gradient(145deg, rgba(24,10,37,.8), rgba(8,3,13,.92)); }.anime-benefit-featured { display:grid; grid-template-columns:minmax(0, 1fr) 175px; align-items:stretch; min-height:220px; padding:0; }.anime-benefit-featured > div { padding:24px; }.anime-benefit-featured img { display:block; width:175px; height:100%; object-fit:cover; }@media (max-width:520px) { .anime-gen-benefits-shell { padding:12px; }.anime-benefit-featured { grid-template-columns:minmax(0, 1fr) 120px; }.anime-benefit-featured img { width:120px; } }
.anime-benefit-featured { grid-column:span 3; grid-row:span 2; min-height:365px; grid-template-columns:minmax(0, 1fr) 245px; }.anime-benefit-featured img { width:245px; }@media (max-width:820px) { .anime-benefit-featured { grid-column:span 2; grid-row:span 1; min-height:250px; } }.anime-gen-benefits { grid-auto-flow:dense; }
.anime-benefit-featured { grid-template-columns:245px minmax(0, 1fr); }.anime-benefit-featured img { order:-1; }.anime-benefit-reference { grid-column:4; grid-row:span 2; min-height:365px; }@media (max-width:820px) { .anime-benefit-featured { grid-template-columns:175px minmax(0, 1fr); }.anime-benefit-reference { grid-column:auto; grid-row:span 1; min-height:250px; } }
.anime-gen-benefits { grid-template-columns:repeat(4, minmax(0, 1fr)); grid-template-rows:repeat(4, 175px); }.anime-gen-benefits > :nth-child(1) { grid-column:1 / span 2; grid-row:1 / span 2; min-height:0; }.anime-gen-benefits > :nth-child(8) { grid-column:3 / span 2; grid-row:1 / span 2; min-height:0; }.anime-gen-benefits > :nth-child(2) { grid-column:1; grid-row:3; }.anime-gen-benefits > :nth-child(3) { grid-column:2; grid-row:3; }.anime-gen-benefits > :nth-child(4) { grid-column:3; grid-row:3; }.anime-gen-benefits > :nth-child(5) { grid-column:4; grid-row:3; }.anime-gen-benefits > :nth-child(6) { grid-column:1 / span 2; grid-row:4; }.anime-gen-benefits > :nth-child(7) { grid-column:3 / span 2; grid-row:4; }.anime-gen-benefit-featured { grid-template-columns:205px minmax(0, 1fr); }.anime-benefit-featured img { width:205px; }.anime-benefit-reference { grid-row:auto; }@media (max-width:820px) { .anime-gen-benefits { grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:none; }.anime-gen-benefits > :nth-child(n) { grid-column:auto; grid-row:auto; min-height:175px; }.anime-gen-benefits > :nth-child(1),.anime-gen-benefits > :nth-child(8) { grid-column:span 2; min-height:260px; }.anime-gen-benefit-featured { grid-template-columns:175px minmax(0, 1fr); }.anime-benefit-featured img { width:175px; } }
.anime-gen-benefits > :nth-child(8) { display:grid; place-items:center; background:radial-gradient(circle at 50% 45%, rgba(118,56,255,.2), transparent 58%), #100a17; }.anime-gen-benefits > :nth-child(8) img { width:auto; max-width:100%; height:100%; object-fit:contain; transform:none; }
.anime-gen-benefits { grid-template-rows:repeat(4, 150px); }.anime-gen-benefits > :nth-child(1) { grid-column:1 / span 2; grid-row:1 / span 2; }.anime-gen-benefits > :nth-child(8) { grid-column:4; grid-row:1 / span 2; }.anime-gen-benefits > :nth-child(2) { grid-column:3; grid-row:1; }.anime-gen-benefits > :nth-child(3) { grid-column:3; grid-row:2; }.anime-gen-benefits > :nth-child(4) { grid-column:1; grid-row:3; }.anime-gen-benefits > :nth-child(5) { grid-column:2; grid-row:3; }.anime-gen-benefits > :nth-child(6) { grid-column:3 / span 2; grid-row:3; }.anime-gen-benefits > :nth-child(7) { grid-column:1 / span 4; grid-row:4; }.anime-gen-benefits > :nth-child(3) { grid-row:2; }.anime-gen-benefits > :nth-child(8) img { width:100%; height:100%; object-fit:cover; object-position:center; }@media (max-width:820px) { .anime-gen-benefits { grid-template-rows:none; }.anime-gen-benefits > :nth-child(n) { grid-column:auto; grid-row:auto; }.anime-gen-benefits > :nth-child(1),.anime-gen-benefits > :nth-child(8) { grid-column:span 2; } }
.anime-gen-benefits > :nth-child(1),.anime-gen-benefits > :nth-child(8) { min-height:0; }
.anime-gen-benefits > :nth-child(8) { align-items:stretch; justify-items:stretch; }
.anime-gen-benefits > :nth-child(8) img { align-self:stretch; justify-self:stretch; }
.blog-hero::after { right:8%; top:18px; width:720px; height:480px; border-radius:0; background:url("../img/velvet-journal-banner.png") center/contain no-repeat; filter:none; opacity:.95; }
@media (max-width:760px) { .blog-hero::after { right:-110px; top:55px; width:440px; height:290px; opacity:.24; } }
.library-hero::after { right:-4%; top:20px; width:900px; height:590px; border-radius:0; background:url("../img/velvet-library-banner.png") center/contain no-repeat; filter:none; opacity:.94; }
@media (max-width:760px) { .library-hero::after { right:-145px; top:45px; width:470px; height:310px; opacity:.22; } }
.pricing-hero::after { right:-3%; top:8px; width:62%; height:100%; border-radius:0; background:linear-gradient(90deg, var(--bg) 2%, rgba(5,2,8,.76) 36%, rgba(5,2,8,.08) 72%), url("../img/velvet-payments-banner.png") right center/cover no-repeat; filter:none; opacity:.92; }
@media (max-width:760px) { .pricing-hero::after { right:-135px; top:35px; width:540px; height:330px; background-size:cover; opacity:.24; } }
.pricing-compare-heading { max-width:720px; margin:0 auto 34px; text-align:center; }.pricing-compare-heading > p:not(.eyebrow) { margin:0 auto; }.pricing-compare { overflow:hidden; padding:0; }.pricing-compare-row { display:grid; grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(130px,1fr)); align-items:center; gap:18px; min-height:66px; padding:0 28px; border-bottom:1px solid rgba(216,197,255,.12); color:var(--muted); font-size:13px; }.pricing-compare-row:last-child { border-bottom:0; }.pricing-compare-row > span:not(:first-child),.pricing-compare-head b:not(:first-child) { text-align:center; }.pricing-compare-row > span:first-child { color:var(--white); font-weight:700; }.pricing-compare-row > span:not(:first-child) { color:var(--lavender); }.pricing-compare-row > span:nth-child(3) { color:var(--soft-pink); font-weight:800; }.pricing-compare-row > span:nth-child(4) { color:#fff; font-weight:800; }.pricing-compare-head { min-height:62px; background:rgba(255,255,255,.06); color:var(--lavender); }.pricing-compare-head b { font-size:12px; }.pricing-compare-head b:nth-child(3) { color:var(--soft-pink); }.pricing-compare-head b:nth-child(4) { color:#fff; }@media (max-width:760px) { .pricing-compare { overflow-x:auto; }.pricing-compare-row { min-width:690px; padding:0 20px; grid-template-columns:220px repeat(3,145px); } }
.pricing-unlock-heading { max-width:670px; margin:104px auto 34px; text-align:center; }.pricing-unlock-heading > p:not(.eyebrow) { margin:0 auto; }.pricing-unlock-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.pricing-unlock { min-height:290px; padding:26px; }.pricing-unlock.is-featured { border-color:rgba(255,59,200,.48); background:linear-gradient(145deg,rgba(66,25,98,.7),rgba(17,7,27,.88)); }.pricing-unlock h3 { margin:14px 0 10px; font-size:21px; }.pricing-unlock > p:not(.eyebrow) { margin:0; font-size:13px; line-height:1.65; }.pricing-tool-icons { display:flex; gap:9px; margin:24px 0 13px; }.pricing-tool-icons span { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(216,197,255,.2); border-radius:11px; color:var(--soft-pink); background:rgba(255,255,255,.04); box-shadow:inset 0 1px rgba(255,255,255,.06); }.pricing-tool-icons svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }.pricing-tool-icons span[title="Библиотека"] svg { fill:currentColor; stroke:none; }.pricing-unlock small { display:block; color:var(--lavender); font-size:11px; line-height:1.55; }@media (max-width:760px) { .pricing-unlock-heading { margin-top:70px; }.pricing-unlock-grid { grid-template-columns:1fr; }.pricing-unlock { min-height:0; } }
.library-section-heading { margin-bottom:26px; }.library-continue-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.library-continue-card { min-height:210px; padding:26px; display:flex; flex-direction:column; align-items:flex-start; }.library-continue-card > span { color:var(--soft-pink); font:700 10px Orbitron,sans-serif; letter-spacing:.1em; }.library-continue-card h3 { margin:17px 0 9px; font-size:20px; }.library-continue-card p { margin:0 0 20px; color:var(--muted); font-size:13px; line-height:1.6; }.library-continue-card a { margin-top:auto; color:var(--lavender); font-size:12px; font-weight:700; }.library-continue-card:hover { border-color:rgba(255,59,200,.45); }.library-collections-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.library-collection { min-height:155px; padding:22px; }.library-collection > span { color:var(--soft-pink); font-size:22px; }.library-collection h3 { margin:16px 0 7px; font-size:18px; }.library-collection p { margin:0; color:var(--muted); font-size:12px; }@media (max-width:760px) { .library-continue-grid,.library-collections-grid { grid-template-columns:1fr; }.library-continue-card { min-height:180px; } }