@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap');
:root{--bg:#f2e3cf;--bg2:#fff8ee;--surface:rgba(255,250,241,.72);--card:rgba(255,252,247,.88);--solid:#fffaf2;--text:#1f2329;--muted:#6e6356;--soft:#9a8874;--line:rgba(82,61,37,.14);--accent:#2f6fea;--accent2:#0fa78f;--amber:#c58a3b;--shadow:0 26px 80px rgba(92,67,38,.13);--shadow2:0 12px 38px rgba(92,67,38,.10);--radius:30px}html[data-theme="dark"]{--bg:#0e1118;--bg2:#17130e;--surface:rgba(21,24,31,.70);--card:rgba(24,28,36,.86);--solid:#171b24;--text:#f7f0e8;--muted:#b7aa99;--soft:#8f8170;--line:rgba(255,226,184,.13);--accent:#e7a84b;--accent2:#31d0c1;--amber:#e7a84b;--shadow:0 30px 95px rgba(0,0,0,.45);--shadow2:0 16px 44px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);font-size:16.5px;line-height:1.62;min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(47,111,234,.13),transparent 30%),radial-gradient(circle at 10% 18%,rgba(197,138,59,.14),transparent 26%),linear-gradient(137deg,var(--bg) 0%,var(--bg2) 47%,#eedcc5 100%);overflow-x:hidden}html[data-theme="dark"] body{background:radial-gradient(circle at 78% 14%,rgba(47,111,234,.14),transparent 32%),radial-gradient(circle at 14% 20%,rgba(231,168,75,.13),transparent 28%),linear-gradient(137deg,#0a0f18 0%,#17130e 58%,#090c12 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(1600px,100%);margin:0 auto;padding:18px}.topbar{position:sticky;top:14px;z-index:30;display:flex;align-items:center;gap:18px;padding:11px 14px;border:1px solid var(--line);border-radius:24px;background:var(--surface);backdrop-filter:blur(22px);box-shadow:var(--shadow2)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:48px;height:48px;border-radius:15px;box-shadow:0 10px 22px rgba(0,0,0,.12)}.brand strong{font-size:20px;line-height:1.05;display:block;letter-spacing:-.02em}.brand small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.nav a{font-size:13.5px;font-weight:650;padding:9px 11px;border-radius:14px;color:var(--muted);transition:.18s}.nav a:hover,.nav a.active{background:rgba(255,255,255,.45);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}html[data-theme="dark"] .nav a:hover,html[data-theme="dark"] .nav a.active{background:rgba(255,255,255,.06)}.toolbar{display:flex;align-items:center;gap:8px}.lang-select,.theme-toggle{height:40px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:0 11px;font-weight:700}.theme-toggle{width:42px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:16px;padding:0 19px;font-weight:750;border:1px solid var(--line);box-shadow:var(--shadow2);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.12)}.btn.small{min-height:40px;padding:0 13px;font-size:13px}.btn-primary{background:linear-gradient(135deg,var(--accent),#4a86f3);color:#fff;border-color:transparent}html[data-theme="dark"] .btn-primary{background:linear-gradient(135deg,#e5a349,#ffd083);color:#15100c}.btn-secondary{background:var(--card);color:var(--accent)}.menu-toggle{display:none;background:var(--card);border:1px solid var(--line);border-radius:14px;width:48px;height:42px}.menu-toggle span{display:block;height:2px;width:22px;background:var(--text);margin:5px auto}.hero{position:relative;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(540px,1.22fr);gap:42px;align-items:center;padding:68px 28px 42px}.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:rgba(197,138,59,.12);border:1px solid rgba(197,138,59,.18);color:var(--amber);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.hero h1,.page-hero h1{font-size:clamp(34px,3.6vw,58px);line-height:1.09;letter-spacing:-.038em;margin:16px 0 16px;font-weight:750;max-width:820px}h2{font-size:clamp(26px,2.4vw,40px);line-height:1.12;letter-spacing:-.028em;margin:0 0 10px;font-weight:750}h3{margin:0 0 8px;font-size:18px;letter-spacing:-.014em}.lead,.page-hero p,.section-head p{font-size:clamp(17px,1.25vw,20px);color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:24px 0}.trust-row{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;color:var(--muted);font-size:13.5px;font-weight:650;max-width:580px}.trust-row span{padding:9px 11px;background:rgba(255,255,255,.28);border:1px solid var(--line);border-radius:15px}html[data-theme="dark"] .trust-row span{background:rgba(255,255,255,.04)}.hero-visual{position:relative;min-height:540px;perspective:1800px}.screen-stack{position:absolute;inset:42px 0 34px 18px;transform:perspective(1500px) rotateX(6deg) rotateY(-18deg) rotateZ(1deg);transform-origin:center;transition:.25s transform;filter:drop-shadow(0 42px 62px rgba(0,0,0,.34))}.screen-stack:before,.screen-stack:after{content:"";position:absolute;inset:16px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.04));border:1px solid var(--line);transform:translate(30px,22px);z-index:-1}.screen-stack:after{transform:translate(60px,45px);opacity:.44}.main-screen{border-radius:30px;border:1px solid rgba(255,255,255,.35);box-shadow:var(--shadow);background:#07111e}.soft-3d:hover .screen-stack{transform:perspective(1500px) rotateX(4deg) rotateY(-12deg) translateY(-8px)}.float-card{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:19px;padding:13px 16px;box-shadow:var(--shadow2);backdrop-filter:blur(18px);min-width:158px}.float-card strong{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:13.5px}.float-card strong:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--accent2);box-shadow:0 0 0 6px rgba(15,167,143,.12)}.float-card span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.float-card.onair{left:3%;top:6%}.float-card.scheduler{right:0;top:8%}.float-card.player{left:15%;bottom:18%}.float-card.metadata{right:4%;bottom:15%}.modules-section,.split-panel,.workflow,.ready-panel,.feature-grid,.screenshot-grid,.spec-list,.pricing-grid,.text-panel,.contact-layout,.manual-layout,.tech-strip{margin:26px auto;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,250,241,.44);box-shadow:var(--shadow2);backdrop-filter:blur(14px)}html[data-theme="dark"] .modules-section,html[data-theme="dark"] .split-panel,html[data-theme="dark"] .workflow,html[data-theme="dark"] .ready-panel,html[data-theme="dark"] .feature-grid,html[data-theme="dark"] .screenshot-grid,html[data-theme="dark"] .spec-list,html[data-theme="dark"] .pricing-grid,html[data-theme="dark"] .text-panel,html[data-theme="dark"] .contact-layout,html[data-theme="dark"] .manual-layout,html[data-theme="dark"] .tech-strip{background:rgba(16,19,26,.55)}.section-head{text-align:center;margin:0 auto 22px;display:grid;place-items:center}.module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.module-card,.feature-card,.shot,.price-card,.workflow article,.spec-list article,.contact-form,.contact-card,.manual-card,.tech-chip{border:1px solid var(--line);border-radius:23px;background:var(--card);padding:17px;box-shadow:0 12px 32px rgba(0,0,0,.055);overflow:hidden;transition:.2s}.module-card:hover,.feature-card:hover,.shot:hover,.price-card:hover,.workflow article:hover,.manual-card:hover,.tech-chip:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(0,0,0,.10)}.module-card img{border-radius:15px;margin:12px 0;border:1px solid var(--line);height:88px;width:100%;object-fit:cover}.module-card p,.feature-card p,.shot p,.price-card p,.workflow p,.spec-list p,.manual-card p{color:var(--muted);font-size:14.5px}.icon,.feature-card span,.workflow article span{width:44px;height:44px;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,rgba(47,111,234,.13),rgba(47,111,234,.04));color:var(--accent);margin-bottom:12px;border:1px solid var(--line)}.icon svg,.workflow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon.pink{background:linear-gradient(135deg,rgba(226,59,117,.13),rgba(226,59,117,.04));color:#e23b75}.icon.amber{background:linear-gradient(135deg,rgba(197,138,59,.16),rgba(197,138,59,.04));color:var(--amber)}.icon.green{background:linear-gradient(135deg,rgba(15,167,143,.14),rgba(15,167,143,.04));color:var(--accent2)}.icon.blue{background:linear-gradient(135deg,rgba(47,128,237,.14),rgba(47,128,237,.04));color:#2f80ed}.tech-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech-chip{display:flex;gap:13px;align-items:flex-start}.tech-chip b{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:15px;background:rgba(15,167,143,.12);color:var(--accent2)}.tech-chip strong{display:block}.tech-chip small{display:block;color:var(--muted);margin-top:2px}.split-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center}.check-list{padding:0;list-style:none}.check-list li{margin:9px 0;color:var(--muted)}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(47,111,234,.11);color:var(--accent);margin-right:9px;font-weight:900}.product-gallery{position:relative;min-height:330px;perspective:1300px}.product-gallery img{position:absolute;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);background:#07111e}.product-gallery img:nth-child(1){right:0;top:18px;width:76%;transform:rotateY(-13deg) rotateX(4deg)}.product-gallery img:nth-child(2){left:0;top:86px;width:36%;transform:rotateY(16deg)}.product-gallery img:nth-child(3){left:30%;bottom:0;width:40%}.workflow-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workflow article{position:relative}.workflow article b{position:absolute;right:17px;top:14px;color:var(--soft);font-size:13px}.ready-panel{display:flex;justify-content:space-between;gap:20px;align-items:center}.os-row{display:flex;gap:10px;flex-wrap:wrap}.os-row span{padding:10px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:750}.page-hero{padding:62px 30px 24px}.feature-grid.big{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shot.wide{grid-column:span 3}.shot img{border-radius:18px;border:1px solid var(--line);margin-bottom:14px}.spec-list{display:grid;gap:16px}.spec-list article{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}.spec-list b{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(197,138,59,.14);color:var(--amber);font-size:20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{display:grid;gap:13px}.price-card strong{font-size:22px;color:var(--accent)}.text-panel{font-size:18px;color:var(--muted);max-width:1100px}.manual-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-layout{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-form label{display:grid;gap:7px;font-weight:750;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--solid);color:var(--text);padding:13px 14px;font:inherit}.contact-form textarea,.contact-form .consent,.contact-form .alert,.contact-form button{grid-column:1/-1}.hp{position:absolute;left:-9999px}.consent{display:flex!important;grid-template-columns:24px 1fr!important;align-items:start}.consent input{width:auto}.alert{padding:12px 14px;border-radius:14px;background:rgba(15,167,143,.13);border:1px solid var(--line);font-weight:750}.alert.error{background:rgba(214,58,58,.13)}.alert.warning{background:rgba(197,138,59,.15)}.contact-card img{width:78px;border-radius:22px;margin-bottom:16px}.panel-img{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px;margin-top:30px;padding:28px;border-top:1px solid var(--line);color:var(--muted)}.footer a{display:block;margin:8px 0}.footer h4{color:var(--text);margin:0 0 8px}.footer-brand{display:flex;gap:14px}.footer-brand img{width:56px;height:56px;border-radius:18px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}@media (max-width:1200px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-visual{min-height:500px}.module-grid{grid-template-columns:repeat(3,1fr)}.tech-strip{grid-template-columns:repeat(2,1fr)}.nav{position:absolute;left:18px;right:18px;top:78px;display:none;grid-template-columns:1fr;background:var(--solid);padding:14px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:grid}.menu-toggle{display:block;margin-left:auto}.toolbar{margin-left:0}.topbar{flex-wrap:wrap}.brand{margin-right:auto}}@media (max-width:820px){body{font-size:16px}.site-shell{padding:10px}.brand strong{font-size:18px}.brand small{display:none}.brand img{width:44px;height:44px}.topbar{top:8px;border-radius:18px}.toolbar .btn{display:none}.hero,.page-hero{padding:34px 10px 18px}.hero h1,.page-hero h1{font-size:clamp(31px,9vw,42px)}.hero-visual{min-height:360px}.screen-stack{inset:70px 6px 30px 6px;transform:perspective(900px) rotateX(3deg) rotateY(-5deg)}.float-card{display:none}.trust-row,.workflow-row,.feature-grid.big,.pricing-grid,.screenshot-grid,.contact-layout,.split-panel,.manual-layout{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.tech-strip{grid-template-columns:1fr}.shot.wide{grid-column:auto}.contact-form{grid-template-columns:1fr}.ready-panel{display:grid}.footer{grid-template-columns:1fr}.footer-bottom{display:grid}.product-gallery{min-height:220px}}@media (max-width:520px){.hero h1,.page-hero h1{font-size:32px}.module-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.toolbar{width:100%;justify-content:flex-end}.lang-select{max-width:84px}.hero-visual{min-height:280px}.screen-stack{inset:38px 0 20px}.modules-section,.split-panel,.workflow,.ready-panel,.feature-grid,.screenshot-grid,.spec-list,.pricing-grid,.text-panel,.contact-layout,.manual-layout,.tech-strip{padding:18px;border-radius:22px}.spec-list article{grid-template-columns:1fr}.footer{padding:18px}.module-card img{height:112px}}

.generator-banner{margin:26px auto;padding:26px 30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,250,241,.70),rgba(255,255,255,.34));box-shadow:var(--shadow2);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(260px,.55fr);gap:26px;align-items:center;overflow:hidden;position:relative}.generator-banner:after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(47,111,234,.16),transparent 65%);pointer-events:none}html[data-theme="dark"] .generator-banner{background:linear-gradient(135deg,rgba(21,24,31,.72),rgba(255,255,255,.035))}.generator-banner h2{max-width:760px}.generator-banner p{color:var(--muted);max-width:760px}.mini-player-preview{position:relative;z-index:1;border-radius:26px;border:1px solid var(--line);background:var(--card);padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.16);transform:perspective(900px) rotateX(4deg) rotateY(-8deg)}.mini-player-top,.mini-player-bottom{display:flex;align-items:center;gap:11px}.mini-player-top small{margin-left:auto;color:var(--amber);font-size:11px;font-weight:800}.live-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 7px rgba(239,68,68,.12)}.mini-player-wave{height:58px;display:flex;align-items:end;gap:5px;margin:16px 0;padding:0 6px}.mini-player-wave span{flex:1;border-radius:99px;background:linear-gradient(180deg,var(--accent2),var(--accent));min-height:18px}.mini-player-wave span:nth-child(2){height:42px}.mini-player-wave span:nth-child(3){height:30px}.mini-player-wave span:nth-child(4){height:54px}.mini-player-wave span:nth-child(5){height:34px}.mini-player-wave span:nth-child(6){height:47px}.mini-player-wave span:nth-child(7){height:24px}.mini-player-bottom button,.generated-controls button{width:44px;height:44px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-weight:900}.mini-player-bottom small{display:block;color:var(--muted);font-size:12px}.generator-page{margin:26px auto;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(320px,1fr);gap:26px}.generator-form-card,.generator-preview-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow2)}.generator-form-card p,.muted-note{color:var(--muted)}.generator-form{display:grid;gap:14px;margin-top:18px}.generator-form label{display:grid;gap:7px;font-weight:760;color:var(--text);font-size:14px}.generator-form input,.generator-form select,.embed-code{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.48);color:var(--text);padding:12px 13px;font:inherit}html[data-theme="dark"] .generator-form input,html[data-theme="dark"] .generator-form select,html[data-theme="dark"] .embed-code{background:rgba(255,255,255,.05)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-inline{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px}.check-inline input{width:auto}.generated-player{border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,var(--solid),rgba(255,255,255,.55));padding:18px;margin:16px 0 22px;box-shadow:var(--shadow2)}html[data-theme="dark"] .generated-player{background:linear-gradient(135deg,#151a24,rgba(255,255,255,.04))}.generated-player.theme-dark{background:linear-gradient(135deg,#111827,#1f2937);color:#fff}.generated-player.theme-light{background:linear-gradient(135deg,#fff8ec,#f6e4ca);color:#1f2329}.generated-player.accent-amber .generated-controls button{background:#d98b2b}.generated-player.accent-teal .generated-controls button{background:#0fa78f}.generated-player-head{display:flex;align-items:center;gap:12px}.generated-player-head img{width:42px;height:42px;border-radius:13px}.generated-player-head small{display:block;color:var(--muted)}.generated-player-head span{margin-left:auto;font-size:11px;font-weight:900;color:#ef4444}.generated-controls{display:flex;align-items:center;gap:14px;margin-top:16px}.generated-bars{display:flex;gap:5px;align-items:end;height:44px;flex:1}.generated-bars i{display:block;flex:1;min-height:10px;border-radius:99px;background:currentColor;opacity:.35}.generated-bars i:nth-child(2),.generated-bars i:nth-child(6){height:28px}.generated-bars i:nth-child(3),.generated-bars i:nth-child(7){height:40px}.generated-bars i:nth-child(4){height:22px}.generated-bars i:nth-child(5){height:34px}.embed-code{min-height:110px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.generator-features{grid-template-columns:repeat(3,1fr)}.generator-features article{padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.28)}html[data-theme="dark"] .generator-features article{background:rgba(255,255,255,.04)}
@media (max-width:980px){.generator-banner,.generator-page{grid-template-columns:1fr}.mini-player-preview{transform:none}.generator-features{grid-template-columns:1fr}}
@media (max-width:560px){.form-row{grid-template-columns:1fr}.generator-banner,.generator-form-card,.generator-preview-card{padding:20px}.mini-player-top{flex-wrap:wrap}}

/* v5 public completion: legal pages, share, users strip, public stats */
.share-panel,.user-scroll,.public-stats,.legal-layout{margin:28px auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow2)}
.share-panel{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.share-panel strong{display:block;color:var(--text);font-size:17px}.share-panel p{margin:4px 0 0;color:var(--muted)}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.share-actions a,.share-actions button{border:1px solid var(--line);border-radius:14px;background:var(--solid);color:var(--text);padding:10px 13px;font:inherit;font-weight:800;cursor:pointer}.share-actions a:hover,.share-actions button:hover{border-color:var(--accent);color:var(--accent)}
.user-scroll{padding:24px;overflow:hidden}.user-scroll-head{display:grid;grid-template-columns:.5fr 1fr;gap:10px 26px;align-items:end;margin-bottom:18px}.user-scroll-head .eyebrow{grid-row:1/span 2;align-self:start}.user-scroll-head h2{margin:0;font-size:clamp(23px,3vw,36px)}.user-scroll-head p{margin:0;color:var(--muted)}.user-track{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.12))}.user-strip{display:flex;gap:12px;width:max-content;padding:14px;animation:userStrip 28s linear infinite}.user-strip span{min-width:max-content;padding:13px 18px;border-radius:16px;background:var(--solid);border:1px solid var(--line);font-weight:850;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.05)}@keyframes userStrip{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.public-stats{padding:24px}.stats-head{display:grid;grid-template-columns:.45fr 1fr;gap:10px 26px;align-items:end;margin-bottom:18px}.stats-head .eyebrow{grid-row:1/span 2;align-self:start}.stats-head h2{margin:0;font-size:clamp(23px,3vw,34px)}.stats-head p{margin:0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats-grid article{padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--solid);box-shadow:0 14px 36px rgba(0,0,0,.06)}.stats-grid b{display:block;font-size:clamp(26px,4vw,42px);letter-spacing:-.05em;color:var(--accent)}.stats-grid span{color:var(--muted);font-weight:800}.country-stats{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.22)}.country-stats h3{margin:0 0 14px}.country-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);overflow:hidden}.country-row:last-child{border-bottom:0}.country-row span,.country-row em{position:relative;z-index:1}.country-row em{font-style:normal;font-weight:900;color:var(--accent)}.country-row i{position:absolute;left:0;bottom:4px;height:4px;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.65}.legal-hero{padding-bottom:12px}.legal-layout{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.legal-card{padding:22px;border-radius:22px;border:1px solid var(--line);background:var(--solid)}.legal-card h2{margin-top:0;font-size:22px}.legal-card p{color:var(--muted);font-size:16.5px}.legal-note{grid-column:1/-1;margin:0;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(197,138,59,.12);color:var(--muted);font-weight:750}
html[data-theme="dark"] .share-actions a,html[data-theme="dark"] .share-actions button,html[data-theme="dark"] .user-strip span,html[data-theme="dark"] .legal-card,html[data-theme="dark"] .stats-grid article{background:rgba(255,255,255,.045)}
@media (max-width:820px){.share-panel{display:grid}.user-scroll-head,.stats-head,.legal-layout{grid-template-columns:1fr}.user-scroll-head .eyebrow,.stats-head .eyebrow{grid-row:auto}.stats-grid{grid-template-columns:1fr 1fr}.share-actions a,.share-actions button{flex:1;text-align:center}.legal-card h2{font-size:20px}}
@media (max-width:520px){.stats-grid{grid-template-columns:1fr}.share-panel,.user-scroll,.public-stats,.legal-layout{padding:18px;border-radius:22px}.user-strip{animation-duration:34s}.user-strip span{padding:12px 14px}.share-actions{display:grid;grid-template-columns:1fr 1fr}}


/* CMS hierarchical menu dropdown */
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown>a::after{content:"";display:inline-block;margin-left:.35rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.55;vertical-align:middle}
.nav-submenu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:10px;background:var(--card, #fff8ee);border:1px solid var(--border, #e3d1bb);border-radius:18px;box-shadow:0 20px 55px rgba(65,45,24,.16);display:none;z-index:50}
.nav-submenu a{display:block;padding:10px 12px;border-radius:12px;white-space:nowrap}
.nav-submenu a:hover{background:rgba(37,99,235,.08)}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:block}
@media(max-width:900px){
  .nav-dropdown{display:block;width:100%}
  .nav-submenu{position:static;display:block;box-shadow:none;margin:4px 0 8px 12px;background:transparent;border:0;padding:0}
  .nav-submenu a{padding:8px 12px}
}


/* Step 3.2 — stable dropdown hover area */
.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Invisible hover bridge between parent link and dropdown.
   Prevents submenu from closing when mouse moves down. */
.nav-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 18px;
  z-index: 49;
}

.nav-submenu {
  top: 100% !important;
  margin-top: 0;
  padding-top: 14px;
  transform: translateY(0);
}

.nav-dropdown:hover .nav-submenu,
.nav-dropdown:focus-within .nav-submenu,
.nav-submenu:hover {
  display: block;
}

/* Keep dropdown visually detached without creating a hover gap */
.nav-submenu::before {
  content: "";
  position: absolute;
  left: 0;
  top: -14px;
  width: 100%;
  height: 14px;
}

@media (max-width: 900px) {
  .nav-dropdown::after,
  .nav-submenu::before {
    display: none;
  }
  .nav-submenu {
    top: auto !important;
    padding-top: 0;
  }
}


/* Step 5 — header bar, main menu and admin gear */
.utilitybar{
  max-width:1180px;
  margin:14px auto 0;
  padding:8px 14px;
  border:1px solid var(--border, rgba(106,82,52,.16));
  border-radius:18px;
  background:rgba(255,248,238,.72);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 28px rgba(80,58,32,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--muted, #756858);
  font-size:13px;
}
.utility-left,.utility-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.utility-left a{
  color:inherit;
  text-decoration:none;
  padding:5px 8px;
  border-radius:10px;
}
.utility-left a:hover{background:rgba(37,99,235,.08);color:var(--text,#241e18)}
.utility-clock{
  font-weight:800;
  color:var(--text,#241e18);
  font-variant-numeric:tabular-nums;
}
.utility-date{font-variant-numeric:tabular-nums}
.admin-gear{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid var(--border, rgba(106,82,52,.16));
  background:rgba(255,255,255,.46);
  text-decoration:none;
  color:var(--text,#241e18);
  font-size:17px;
  line-height:1;
}
.admin-gear:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(37,99,235,.14);
}
.site-shell .topbar{margin-top:10px}
@media(max-width:900px){
  .utilitybar{
    margin:10px 12px 0;
    align-items:flex-start;
  }
  .utility-left{gap:6px}
  .utility-right{margin-left:auto}
}
@media(max-width:560px){
  .utilitybar{display:grid;grid-template-columns:1fr;gap:8px}
  .utility-right{margin-left:0;justify-content:space-between;width:100%}
}


/* Step 5.1 — header clock/admin gear polish */
.utility-clock,
.utility-date{
  min-width:max-content;
}
.admin-gear{
  font-family: system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 800;
}
.utility-left a{
  white-space: nowrap;
}


/* Step 6.1 — CMS image positioning */
.cms-content .cms-image{
  margin:22px 0;
}
.cms-content .cms-image img{
  display:block;
  max-width:100%;
  height:auto;
  border-radius:22px;
  box-shadow:0 18px 45px rgba(80,58,32,.14);
}
.cms-content .cms-image.img-center img{
  margin-left:auto;
  margin-right:auto;
}
.cms-content .cms-image.img-full img{
  width:100%;
}
.cms-content .cms-image.img-left{
  float:left;
  max-width:min(46%,420px);
  margin:6px 22px 16px 0;
}
.cms-content .cms-image.img-right{
  float:right;
  max-width:min(46%,420px);
  margin:6px 0 16px 22px;
}
.cms-content::after{
  content:"";
  display:block;
  clear:both;
}
@media(max-width:760px){
  .cms-content .cms-image.img-left,
  .cms-content .cms-image.img-right{
    float:none;
    max-width:100%;
    margin:22px 0;
  }
}


/* Step 6.2 — CMS hero width and resizable editor image output */
.cms-hero-image{
  margin-left:auto;
  margin-right:auto;
}
.cms-content .cms-image{
  position:relative;
}


/* Step 6.5 — polished CMS text layout */
.cms-content{
  font-size:18px;
  line-height:1.72;
  color:var(--text,#241e18);
}
.cms-content p{margin:0 0 1.05em}
.cms-content h2{
  font-size:clamp(26px,3vw,38px);
  line-height:1.15;
  margin:1.4em 0 .55em;
  letter-spacing:-.025em;
}
.cms-content h3{
  font-size:clamp(21px,2vw,28px);
  line-height:1.25;
  margin:1.2em 0 .5em;
}
.cms-content ul,.cms-content ol{margin:0 0 1.1em 1.25em;padding:0}
.cms-content li{margin:.35em 0}
.cms-content blockquote{
  margin:1.2em 0;
  padding:18px 22px;
  border-left:4px solid var(--accent,#2563eb);
  background:rgba(37,99,235,.07);
  border-radius:18px;
}
.cms-content figure.cms-image{display:block;margin:24px auto}
.cms-content figure.cms-image img{width:100%;max-width:100%;height:auto;display:block}
.cms-content figure.cms-image.img-left img,
.cms-content figure.cms-image.img-right img{width:100%}


/* Step 6.6 — Player generator preview */
.player-generator-preview{
  background:rgba(255,248,238,.82);
  border:1px solid var(--border, rgba(106,82,52,.16));
  border-radius:28px;
  padding:12px;
  box-shadow:0 22px 55px rgba(80,58,32,.14);
  transform:perspective(900px) rotateX(2deg) rotateY(-4deg);
}
.player-generator-preview img{
  display:block;
  width:100%;
  max-width:560px;
  border-radius:20px;
  height:auto;
}
@media(max-width:760px){
  .player-generator-preview{
    transform:none;
  }
}


/* Step 6.7 — clickable player generator preview */
a.player-generator-preview{
  display:block;
  color:inherit;
  text-decoration:none;
}
a.player-generator-preview:hover{
  transform:perspective(900px) rotateX(1deg) rotateY(-2deg) translateY(-3px);
}

.module-grid a.module-card{color:inherit;text-decoration:none;cursor:pointer}
.module-grid a.module-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(80,58,32,.14)}
.module-more{display:inline-flex;margin-top:auto;color:var(--accent,#2563eb);font-weight:800}
.module-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.module-detail-grid .legal-card{margin:0}
.module-detail-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.module-detail-list li{padding:12px 14px;border:1px solid var(--border,rgba(106,82,52,.16));border-radius:16px;background:rgba(255,248,238,.58)}
@media(max-width:760px){.module-detail-grid{grid-template-columns:1fr}}

.kb-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.kb-categories a{padding:10px 14px;border:1px solid var(--border,rgba(106,82,52,.16));border-radius:999px;background:rgba(255,248,238,.7);text-decoration:none;color:inherit;font-weight:800}
.kb-categories a.active,.kb-categories a:hover{background:var(--accent,#2563eb);color:#fff}
.kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kb-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border,rgba(106,82,52,.16));border-radius:24px;background:rgba(255,248,238,.82);text-decoration:none;color:inherit;box-shadow:0 16px 40px rgba(80,58,32,.1)}
.kb-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(80,58,32,.14)}
.kb-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.kb-card span{color:var(--accent,#2563eb);font-weight:900;font-size:13px}
.kb-card h2{margin:0;font-size:22px}
.kb-card p{margin:0;color:var(--muted,#756858)}
.kb-card small{margin-top:auto;color:var(--accent,#2563eb);font-weight:900}
.article-back{margin-top:22px}
@media(max-width:980px){.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.kb-grid{grid-template-columns:1fr}}


/* Step 20 — real image float/wrap in CMS articles/pages */
.cms-content figure.cms-image{
  box-sizing:border-box;
}

.cms-content figure.cms-image.img-left{
  float:left !important;
  display:block !important;
  width:var(--cms-img-width, 42%) !important;
  max-width:min(var(--cms-img-width, 42%), 480px) !important;
  margin:6px 24px 16px 0 !important;
  clear:none !important;
}

.cms-content figure.cms-image.img-right{
  float:right !important;
  display:block !important;
  width:var(--cms-img-width, 42%) !important;
  max-width:min(var(--cms-img-width, 42%), 480px) !important;
  margin:6px 0 16px 24px !important;
  clear:none !important;
}

.cms-content figure.cms-image.img-center{
  float:none !important;
  display:block !important;
  width:var(--cms-img-width, auto) !important;
  max-width:min(var(--cms-img-width, 75%), 760px) !important;
  margin:24px auto !important;
  clear:both !important;
}

.cms-content figure.cms-image.img-full{
  float:none !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:24px 0 !important;
  clear:both !important;
}

.cms-content figure.cms-image img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
}

.cms-content h2,
.cms-content h3,
.cms-content .legal-card{
  clear:both;
}

.cms-content::after{
  content:"";
  display:block;
  clear:both;
}

@media(max-width:760px){
  .cms-content figure.cms-image.img-left,
  .cms-content figure.cms-image.img-right{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:22px 0 !important;
  }
}


/* Step 21 — final text flow around images */
.cms-content h2,
.cms-content h3,
.cms-content .legal-card{
  clear:none !important;
}

.cms-content figure.cms-image{
  box-sizing:border-box;
}

.cms-content figure.cms-image.img-left{
  float:left !important;
  width:42% !important;
  max-width:480px !important;
  margin:6px 24px 14px 0 !important;
  clear:none !important;
}

.cms-content figure.cms-image.img-right{
  float:right !important;
  width:42% !important;
  max-width:480px !important;
  margin:6px 0 14px 24px !important;
  clear:none !important;
}

.cms-content figure.cms-image.img-center{
  float:none !important;
  width:auto !important;
  max-width:760px !important;
  margin:24px auto !important;
  clear:none !important;
}

.cms-content figure.cms-image.img-full{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:24px 0 !important;
  clear:none !important;
}

.cms-content figure.cms-image[style*="max-width"]{
  width:auto !important;
}

.cms-content figure.cms-image.img-left[style*="max-width"],
.cms-content figure.cms-image.img-right[style*="max-width"]{
  width:42% !important;
}

.cms-content figure.cms-image img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
}

.cms-content .legal-card{
  overflow:visible !important;
}

.cms-content p{
  overflow:visible !important;
}

.cms-content .flow-clear,
.cms-content hr{
  clear:both !important;
}

@media(max-width:760px){
  .cms-content figure.cms-image.img-left,
  .cms-content figure.cms-image.img-right{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:22px 0 !important;
  }
}


/* Step 22 stable image controls */
.article-editor-canvas figure.cms-image,
.classic-canvas figure.cms-image{
  position:relative;
  display:block;
  margin:18px auto;
}

.article-editor-canvas figure.cms-image img,
.classic-canvas figure.cms-image img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(80,58,32,.12);
}

.article-editor-canvas figure.cms-image.ae-selected,
.classic-canvas figure.cms-image.ae-selected{
  outline:2px solid var(--accent);
  outline-offset:4px;
}

.ae-image-controls{
  position:absolute;
  left:10px;
  top:10px;
  z-index:30;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  padding:8px;
  border-radius:14px;
  background:rgba(255,248,238,.96);
  border:1px solid var(--border);
  box-shadow:0 12px 28px rgba(80,58,32,.16);
}

.ae-image-controls strong{
  font-size:12px;
  color:var(--muted);
}

.ae-image-controls button,
.ae-image-controls select{
  width:auto;
  margin:0;
  padding:6px 8px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fffdf8;
  color:var(--text);
  font-size:12px;
  box-shadow:none;
}

.article-editor-canvas figure.cms-image.img-left,
.classic-canvas figure.cms-image.img-left{
  margin-left:0;
  margin-right:auto;
}

.article-editor-canvas figure.cms-image.img-right,
.classic-canvas figure.cms-image.img-right{
  margin-left:auto;
  margin-right:0;
}

.article-editor-canvas figure.cms-image.img-center,
.classic-canvas figure.cms-image.img-center{
  margin-left:auto;
  margin-right:auto;
}

.article-editor-canvas figure.cms-image.img-full,
.classic-canvas figure.cms-image.img-full{
  width:100% !important;
  max-width:100% !important;
}

.cms-content figure.cms-image{
  display:block;
  margin:24px auto;
}

.cms-content figure.cms-image.img-left{
  margin-left:0 !important;
  margin-right:auto !important;
}

.cms-content figure.cms-image.img-right{
  margin-left:auto !important;
  margin-right:0 !important;
}

.cms-content figure.cms-image.img-center{
  margin-left:auto !important;
  margin-right:auto !important;
}

.cms-content figure.cms-image.img-full{
  width:100% !important;
  max-width:100% !important;
}

.cms-content figure.cms-image img{
  width:100%;
  max-width:100%;
  height:auto;
}

.cms-content figure.img-left{margin-left:0!important;margin-right:auto!important}
.cms-content figure.img-right{margin-left:auto!important;margin-right:0!important}
.cms-content figure.img-center{margin-left:auto!important;margin-right:auto!important}
.cms-content figure.img-full{width:100%!important;max-width:100%!important}
.cms-content figure.cms-image img{width:100%;max-width:100%;height:auto}

.cms-content img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}
.cms-content .alignleft,
.cms-content img.alignleft{
  float:left;
  margin:6px 24px 16px 0;
}
.cms-content .alignright,
.cms-content img.alignright{
  float:right;
  margin:6px 0 16px 24px;
}
.cms-content .aligncenter,
.cms-content img.aligncenter{
  display:block;
  margin:22px auto;
}
.cms-content::after{
  content:"";
  display:block;
  clear:both;
}
@media(max-width:760px){
  .cms-content .alignleft,
  .cms-content img.alignleft,
  .cms-content .alignright,
  .cms-content img.alignright{
    float:none;
    display:block;
    margin:22px auto;
  }
}


/* Step 27 — public rendering for TinyMCE content */
.cms-content img.alignleft{
  float:left;
  width:42%;
  max-width:460px;
  height:auto;
  margin:6px 24px 16px 0;
  border-radius:18px;
}
.cms-content img.alignright{
  float:right;
  width:42%;
  max-width:460px;
  height:auto;
  margin:6px 0 16px 24px;
  border-radius:18px;
}
.cms-content img.aligncenter{
  display:block;
  margin:22px auto;
  max-width:100%;
  height:auto;
  border-radius:18px;
}
.cms-content img{
  max-width:100%;
  height:auto;
}
.cms-content .legal-card{
  overflow:auto;
}
.cms-content::after{
  content:"";
  display:block;
  clear:both;
}
@media(max-width:760px){
  .cms-content img.alignleft,
  .cms-content img.alignright{
    float:none;
    display:block;
    width:100%;
    max-width:100%;
    margin:22px auto;
  }
}


/* Step 31 — client/radio station slider */
.client-slider-section{padding:64px 0}
.client-slider-section .section-head{text-align:center;max-width:760px;margin:0 auto 24px}
.client-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.client-slider-window{overflow:hidden;border:1px solid var(--border,rgba(106,82,52,.16));border-radius:28px;background:rgba(255,248,238,.76);box-shadow:0 18px 45px rgba(80,58,32,.12)}
.client-slider-track{display:flex;gap:16px;padding:18px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.client-slider-track::-webkit-scrollbar{display:none}
.client-card{flex:0 0 220px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:18px;border:1px solid var(--border,rgba(106,82,52,.16));border-radius:22px;background:#fffdf8;color:inherit;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease}
.client-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(80,58,32,.14)}
.client-card img{width:78px;height:78px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--border,rgba(106,82,52,.16));padding:6px}
.client-card strong{font-size:17px}
.client-card small{color:var(--accent,#2563eb);font-weight:800}
.client-slider-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border,rgba(106,82,52,.16));background:#fffdf8;color:var(--text,#241e18);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(80,58,32,.1)}
@media(max-width:760px){.client-slider{grid-template-columns:1fr}.client-slider-btn{display:none}.client-card{flex-basis:190px}}


/* Step 44 — footer legal column in same row */
.footer{
  display:grid;
  grid-template-columns:1.35fr repeat(4, minmax(150px, 1fr)) !important;
  gap:28px !important;
  align-items:start !important;
}
.footer > div:not(.footer-bottom){
  align-self:start;
}
.footer .footer-bottom{
  grid-column:1 / -1 !important;
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid var(--border, rgba(106,82,52,.16));
  padding-top:16px;
  margin-top:6px;
}
@media(max-width:1100px){
  .footer{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media(max-width:720px){
  .footer{grid-template-columns:1fr !important;}
  .footer .footer-bottom{display:grid;}
}

/* TinyMCE public image align classes */
.cms-content img.alignleft{float:left;width:42%;max-width:460px;height:auto;margin:6px 24px 16px 0;border-radius:18px}
.cms-content img.alignright{float:right;width:42%;max-width:460px;height:auto;margin:6px 0 16px 24px;border-radius:18px}
.cms-content img.aligncenter{display:block;margin:22px auto;max-width:100%;height:auto;border-radius:18px}
.cms-content::after{content:"";display:block;clear:both}
@media(max-width:760px){
 .cms-content img.alignleft,.cms-content img.alignright{float:none;display:block;width:100%;max-width:100%;margin:22px auto}
}


/* FINAL — polished clock/date */
.utility-timebox{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:16px;background:rgba(255,255,255,.56);border:1px solid var(--border,rgba(106,82,52,.16));box-shadow:0 8px 18px rgba(80,58,32,.08)}
.utility-clock{font-size:18px!important;font-weight:900!important;letter-spacing:.04em;color:var(--text,#241e18)!important;font-variant-numeric:tabular-nums;line-height:1}
.utility-date{font-size:14px!important;font-weight:700;color:var(--muted,#756858);font-variant-numeric:tabular-nums;line-height:1}
[data-theme="dark"] .utility-timebox{background:rgba(255,255,255,.07);border-color:rgba(255,220,170,.14)}
@media(max-width:560px){.utility-timebox{width:100%;justify-content:space-between}.utility-clock{font-size:17px!important}.utility-date{font-size:13px!important}}

/* FINAL — footer columns */
.footer{display:grid;grid-template-columns:1.35fr repeat(4,minmax(150px,1fr))!important;gap:28px!important;align-items:start!important}
.footer > div:not(.footer-bottom){align-self:start}
.footer .footer-bottom{grid-column:1 / -1!important;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border,rgba(106,82,52,.16));padding-top:16px;margin-top:6px}
@media(max-width:1100px){.footer{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.footer{grid-template-columns:1fr!important}.footer .footer-bottom{display:grid}}

/* FINAL ACCESSIBILITY PATCH — footer headings are not document headings */
.footer-title{font-size:1em;line-height:1.25;font-weight:800;margin:0 0 10px}

/* MASTER STABILITY PATCH — keep WebP screenshots inside their intended visual boxes */
.hero,
.hero-visual,
.split-panel,
.product-gallery,
.screenshot-grid,
.shot,
.generator-banner{
  overflow:hidden;
}
.screen-stack{
  overflow:hidden;
  border-radius:30px;
}
.screen-stack .main-screen{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left top;
}
.product-gallery img{
  max-height:290px;
  object-fit:cover;
  object-position:left top;
}
.product-gallery img:nth-child(1){height:270px;}
.product-gallery img:nth-child(2){height:145px;}
.product-gallery img:nth-child(3){height:185px;}
.screenshot-grid .shot img{
  width:100%;
  height:clamp(190px,22vw,340px);
  object-fit:cover;
  object-position:left top;
  background:#07111e;
}
.screenshot-grid .shot.wide img{
  height:auto;
  max-height:520px;
  object-fit:contain;
}
.module-card img{
  object-position:left top;
}
@media(max-width:820px){
  .hero{overflow:hidden;}
  .hero-visual{min-height:320px;overflow:hidden;}
  .screen-stack{inset:44px 0 18px 0;}
  .product-gallery{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    min-height:0;
  }
  .product-gallery img,
  .product-gallery img:nth-child(1),
  .product-gallery img:nth-child(2),
  .product-gallery img:nth-child(3){
    position:static;
    width:100%;
    height:120px;
    max-height:120px;
    transform:none;
    object-fit:cover;
  }
  .screenshot-grid .shot img{height:240px;}
}
@media(max-width:520px){
  .hero-visual{min-height:280px;}
  .product-gallery{grid-template-columns:1fr;}
  .product-gallery img,
  .product-gallery img:nth-child(1),
  .product-gallery img:nth-child(2),
  .product-gallery img:nth-child(3){height:160px;max-height:160px;}
  .screenshot-grid .shot img{height:210px;}
}

/* MASTER LIGHTBOX PATCH — high resolution view for public screenshots */
.zoomable-image{cursor:zoom-in}
.image-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(10,12,16,.86);backdrop-filter:blur(8px)}
.image-lightbox.is-open{display:flex}
.image-lightbox__figure{position:relative;max-width:min(96vw,1440px);max-height:92vh;margin:0;display:grid;gap:10px;place-items:center}
.image-lightbox__image{max-width:100%;max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:18px;background:#07111e;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.image-lightbox__caption{color:#fff;font-weight:700;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.image-lightbox__close{position:absolute;right:0;top:0;transform:translate(35%,-35%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.92);color:#111;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.image-lightbox__close:hover{background:#fff}
@media(max-width:640px){.image-lightbox{padding:12px}.image-lightbox__image{max-height:82vh;border-radius:14px}.image-lightbox__close{right:8px;top:8px;transform:none}}