*{box-sizing:border-box}
:root{
  --bg:#06111f;
  --bg2:#09182a;
  --panel:#0b1a2d;
  --panel2:#0d2138;
  --line:rgba(120,180,255,.16);
  --text:#f7fbff;
  --muted:#9eb2c8;
  --cyan:#28e4e0;
  --blue:#5c86ff;
  --blue2:#2a6cff;
  --shadow:0 30px 80px rgba(0,0,0,.35);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 80% 8%,rgba(24,113,255,.18),transparent 30%),
    radial-gradient(circle at 12% 20%,rgba(0,230,220,.08),transparent 28%),
    linear-gradient(180deg,#06111f 0%,#081422 45%,#050d17 100%);
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.55;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.page-glow{position:fixed;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}
.page-glow-a{width:480px;height:480px;background:#0aa6ff;right:-180px;top:160px}
.page-glow-b{width:360px;height:360px;background:#02d8cc;left:-180px;top:780px}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(5,14,24,.78);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
}
.nav{min-height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.02em}
.brand b{color:var(--cyan)}
.brand-icon{width:42px;height:42px;border-radius:11px;filter:drop-shadow(0 0 15px rgba(40,228,224,.25))}
.nav-links{display:flex;gap:28px;margin-left:auto}
.nav-links a{color:#b9c8d8;font-size:14px;font-weight:600}
.nav-links a:hover{color:#fff}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  border-radius:12px;font-weight:800;transition:.2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#32a8ff 0%,#596fff 100%);
  box-shadow:0 10px 28px rgba(58,112,255,.28),inset 0 1px 0 rgba(255,255,255,.26);
}
.btn-small{padding:12px 18px;font-size:14px}
.btn-large{padding:16px 20px;min-height:68px}
.btn-large svg{width:25px;height:25px;fill:#fff;flex:0 0 auto}
.btn-large span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.btn-large small{font-size:11px;font-weight:600;opacity:.78;margin-bottom:4px}
.btn-large .arrow{font-size:24px;margin-left:7px}

.hero{padding:92px 0 86px;position:relative}
.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:70px}
.eyebrow,.section-kicker{
  color:var(--cyan);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.13em
}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(18,229,219,.08);border:1px solid rgba(18,229,219,.16)}
.pulse-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 6px rgba(40,228,224,.08)}
.hero h1{font-size:clamp(45px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:24px 0}
.hero h1 span{background:linear-gradient(90deg,#fff 15%,#80e8ff 65%,#6f8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;color:#aec1d4;max-width:630px;margin:0}
.hero-lead strong{color:#fff}
.hero-actions{display:flex;align-items:center;gap:18px;margin-top:34px}
.download-note{display:flex;flex-direction:column}
.download-note strong{font-size:14px}
.download-note span{font-size:12px;color:var(--muted);margin-top:2px}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#8ea9c0;font-size:13px}
.trust-row span::first-letter{color:var(--cyan)}

.hero-visual{position:relative}
.screen-halo{position:absolute;inset:15% -6% -5% 8%;background:radial-gradient(circle,#1276ff55,transparent 68%);filter:blur(18px)}
.window-card{
  position:relative;background:#081423;border:1px solid rgba(113,171,255,.22);border-radius:20px;overflow:hidden;
  box-shadow:0 45px 100px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.02);
  transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);
}
.window-card img{width:100%;aspect-ratio:1.62/1;object-fit:cover;object-position:top}
.window-topbar{height:42px;display:flex;align-items:center;padding:0 15px;background:#0c1b2d;border-bottom:1px solid rgba(255,255,255,.05);color:#849bb1;font-size:12px}
.window-dots{display:flex;gap:6px;margin-right:12px}
.window-dots i{width:8px;height:8px;border-radius:50%;background:#31465e}
.floating-badge{
  position:absolute;display:flex;align-items:center;gap:10px;
  background:rgba(9,23,40,.92);border:1px solid rgba(110,181,255,.22);
  border-radius:14px;padding:11px 14px;box-shadow:var(--shadow);backdrop-filter:blur(10px)
}
.floating-badge>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#0bd4d0,#397fff);font-weight:900}
.floating-badge div{display:flex;flex-direction:column}
.floating-badge b{font-size:13px}
.floating-badge small{font-size:10px;color:#9cb1c8}
.badge-free{left:-35px;bottom:30px}
.badge-windows{right:-25px;top:40px}

.quick-features{padding:88px 0;background:linear-gradient(180deg,rgba(8,24,41,.6),rgba(5,14,25,.18));border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.section-head.centered{text-align:center;max-width:760px;margin:0 auto 42px}
.section-head h2,.showcase h2,.free-card h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 14px}
.section-head p{margin:0;color:var(--muted);font-size:17px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{
  min-height:260px;padding:26px;border-radius:18px;
  background:linear-gradient(180deg,rgba(15,37,62,.9),rgba(9,25,43,.92));
  border:1px solid rgba(118,177,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.16)
}
.feature-card:hover{border-color:rgba(46,224,219,.3);transform:translateY(-4px);transition:.2s ease}
.feature-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,rgba(35,228,219,.16),rgba(70,107,255,.18));border:1px solid rgba(51,224,219,.25);color:var(--cyan)}
.feature-card h3{font-size:20px;margin:20px 0 8px}
.feature-card p{color:#95abc0;margin:0;font-size:14px}

.showcase{padding:110px 0}
.showcase-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}
.showcase-copy p{color:#9fb4c8;font-size:17px}
.check-list{margin-top:28px;display:grid;gap:15px}
.check-list>div{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:flex-start}
.check-list span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(36,226,218,.1);border:1px solid rgba(36,226,218,.2);color:var(--cyan);font-weight:900}
.check-list p{font-size:14px;margin:0}
.check-list b{color:#fff}
.screen-frame{padding:8px;background:linear-gradient(145deg,rgba(38,120,255,.3),rgba(13,227,217,.12));border-radius:20px;border:1px solid rgba(112,175,255,.16);box-shadow:0 35px 90px rgba(0,0,0,.3)}
.screen-frame img{border-radius:14px}

.benefit-band{padding:34px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:rgba(7,18,31,.72)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit{text-align:center;padding:14px 20px;border-right:1px solid rgba(255,255,255,.07)}
.benefit:last-child{border-right:none}
.benefit strong{display:block;font-size:28px;color:#fff;letter-spacing:-.03em}
.benefit span{display:block;color:#7fdedb;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}

.free-section{padding:100px 0}
.free-card{
  display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;
  padding:46px;border-radius:24px;border:1px solid rgba(111,174,255,.16);
  background:
    radial-gradient(circle at 80% 30%,rgba(55,114,255,.2),transparent 36%),
    linear-gradient(135deg,#0d2036,#081625 65%);
  box-shadow:var(--shadow)
}
.free-card p{color:#9fb4c8;font-size:16px;max-width:680px}
.free-cta{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.free-cta>.btn{width:100%}
.free-cta>small{text-align:center;color:#8299ae}

.site-footer{border-top:1px solid rgba(255,255,255,.05);background:#040b13}
.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{width:34px;height:34px;border-radius:8px}
.footer-brand div{display:flex;flex-direction:column}
.footer-brand b{font-size:14px}
.footer-brand span,.footer-copy{font-size:12px;color:#72879a}

@media (max-width:980px){
  .nav-links{display:none}
  .hero-grid,.showcase-grid,.free-card{grid-template-columns:1fr}
  .hero{padding-top:70px}
  .hero-copy{text-align:center}
  .hero-lead{margin-left:auto;margin-right:auto}
  .hero-actions,.trust-row{justify-content:center}
  .hero-visual{margin-top:15px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .showcase{padding:80px 0}
  .free-card{text-align:center}
}
@media (max-width:640px){
  .shell{width:min(100% - 24px,1180px)}
  .site-header .btn-small{display:none}
  .nav{min-height:68px}
  .brand{font-size:17px}
  .brand-icon{width:36px;height:36px}
  .hero{padding:56px 0 64px}
  .hero h1{font-size:44px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn-large{width:100%}
  .download-note{align-items:center}
  .trust-row{gap:9px 14px}
  .window-card{transform:none;border-radius:14px}
  .floating-badge{display:none}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:0}
  .quick-features{padding:65px 0}
  .showcase{padding:70px 0}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .benefit:nth-child(2){border-right:none}
  .benefit:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .free-section{padding:70px 0}
  .free-card{padding:28px 20px}
  .footer-inner{flex-direction:column;justify-content:center;text-align:center;padding:25px 0}
}


/* Audiobookshelf / FAQ / Legal */
.abs-section{padding:20px 0 95px}
.abs-card{
  display:grid;grid-template-columns:120px 1fr;gap:34px;align-items:center;
  padding:38px;border-radius:24px;border:1px solid rgba(40,228,224,.16);
  background:linear-gradient(135deg,rgba(10,37,55,.96),rgba(8,22,38,.96));
  box-shadow:0 28px 70px rgba(0,0,0,.22)
}
.abs-badge{
  width:100px;height:100px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#16d9d1,#426fff);font-size:30px;font-weight:900;
  box-shadow:0 15px 35px rgba(20,157,255,.22)
}
.abs-copy h2{font-size:clamp(28px,3.5vw,42px);line-height:1.1;letter-spacing:-.03em;margin:10px 0 15px}
.abs-copy p{color:#9fb4c8;margin:8px 0}
.abs-copy strong{color:#fff}
.abs-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 12px;color:#8fe3df;font-size:13px;font-weight:700}
.text-link,.inline-link{color:#5fdedb;font-weight:800}
.text-link:hover,.inline-link:hover{color:#fff}

.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}
.footer-links a{color:#9aafc2;font-size:12px;font-weight:700}
.footer-links a:hover{color:#fff}

.faq-hero{padding:84px 0 48px}
.faq-hero-inner{max-width:900px}
.faq-hero h1,.legal-card h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}
.faq-hero p{font-size:18px;color:#a7bace;max-width:800px}
.faq-notice{
  margin-top:28px;padding:20px 22px;border-radius:16px;
  background:linear-gradient(135deg,rgba(31,214,205,.09),rgba(75,103,255,.09));
  border:1px solid rgba(49,220,213,.18);color:#b7c9d9
}
.faq-notice strong{color:#fff}

.faq-section{padding:20px 0 90px}
.faq-layout{display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:start}
.faq-side{position:sticky;top:105px}
.faq-side-card{
  padding:22px;border-radius:18px;background:rgba(11,29,49,.84);
  border:1px solid rgba(112,173,255,.14);display:flex;flex-direction:column;gap:9px
}
.faq-side-card b{font-size:17px;margin-bottom:5px}
.faq-side-card span{font-size:13px;color:#9fb5c8}
.faq-side-card span:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:8px}

.faq-list{display:grid;gap:12px}
.faq-list details{
  border:1px solid rgba(119,176,255,.12);border-radius:16px;
  background:linear-gradient(180deg,rgba(13,32,54,.94),rgba(8,23,40,.94));
  overflow:hidden
}
.faq-list summary{
  cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-size:17px;font-weight:800;
  position:relative
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{
  content:"+";position:absolute;right:21px;top:50%;transform:translateY(-50%);
  color:var(--cyan);font-size:24px;font-weight:400
}
.faq-list details[open] summary:after{content:"–"}
.faq-list details[open] summary{border-bottom:1px solid rgba(255,255,255,.05)}
.faq-answer{padding:18px 22px 22px;color:#9fb4c8;font-size:15px}
.faq-answer strong{color:#fff}
.faq-download{padding:0 0 90px}

.legal-page{padding:85px 0 100px}
.legal-card{
  max-width:900px;padding:42px;border-radius:24px;
  background:linear-gradient(180deg,rgba(13,32,54,.94),rgba(8,23,40,.94));
  border:1px solid rgba(119,176,255,.12);box-shadow:var(--shadow)
}
.legal-block{padding:22px 0;border-top:1px solid rgba(255,255,255,.06)}
.legal-block h2{font-size:20px;margin:0 0 8px}
.legal-block p{color:#9fb4c8;margin:0}
.legal-note{
  margin-top:20px;padding:16px 18px;border-radius:12px;background:rgba(255,194,80,.07);
  border:1px solid rgba(255,194,80,.15);color:#c9b88f;font-size:13px
}

@media (max-width:820px){
  .abs-card{grid-template-columns:1fr;text-align:center}
  .abs-badge{margin:0 auto}
  .abs-points{justify-content:center}
  .faq-layout{grid-template-columns:1fr}
  .faq-side{position:static}
}
@media (max-width:640px){
  .footer-right{align-items:center}
  .footer-links{justify-content:center}
  .faq-hero{padding-top:55px}
  .faq-list summary{font-size:16px;padding-left:18px}
  .faq-answer{padding-left:18px;padding-right:18px}
  .legal-card{padding:28px 20px}
}



/* Updated screenshot gallery */
.gallery-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  align-items:start;
}
.shot-card{
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(118,177,255,.14);
  background:linear-gradient(180deg,rgba(13,32,54,.95),rgba(8,23,40,.95));
  box-shadow:0 22px 55px rgba(0,0,0,.2);
}
.shot-large{grid-row:span 2}
.shot-image{padding:12px}
.shot-image img{
  width:100%;
  border-radius:14px;
  display:block;
}
.shot-image-mini{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.02);
}
.shot-image-mini img{
  width:auto;
  max-width:100%;
}
.shot-copy{padding:0 20px 20px}
.shot-copy h3{margin:0 0 7px;font-size:24px}
.shot-copy p{margin:0;color:#9fb4c8;font-size:15px}

/* Contact page refresh */
.contact-hero{padding:84px 0 30px}
.contact-hero-inner{max-width:860px}
.contact-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}
.contact-hero p{font-size:18px;color:#a7bace;max-width:760px}
.contact-section{padding:16px 0 100px}
.contact-layout{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:26px;
  align-items:start;
}
.contact-panel{
  border:1px solid rgba(119,176,255,.12);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(13,32,54,.96),rgba(8,23,40,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.2);
}
.contact-info-card{padding:30px}
.contact-info-card h2{margin:0 0 14px;font-size:28px}
.contact-info-card p{margin:0 0 16px;color:#9fb4c8}
.contact-info-card strong{color:#fff}
.contact-bullets{
  display:grid;
  gap:10px;
  margin:24px 0;
  color:#8fe3df;
  font-size:14px;
  font-weight:700;
}
.contact-note{
  margin-top:10px!important;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.contact-form-card{padding:30px}
.contact-form{display:grid;gap:18px}
.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form-card label{display:grid;gap:7px}
.contact-form-card label>span:first-child{
  font-size:13px;
  font-weight:800;
  color:#dce8f4;
}
.contact-form-card input[type=text],
.contact-form-card input[type=email],
.contact-form-card textarea{
  width:100%;
  border:1px solid rgba(118,176,255,.18);
  border-radius:13px;
  background:#081625;
  color:#fff;
  padding:14px 15px;
  outline:none;
  font:inherit;
}
.contact-form-card input:focus,
.contact-form-card textarea:focus{
  border-color:rgba(40,228,224,.55);
  box-shadow:0 0 0 3px rgba(40,228,224,.07);
}
.contact-form-card textarea{
  resize:vertical;
  min-height:210px;
}
.captcha-box{
  display:grid;
  grid-template-columns:1fr 120px;
  gap:18px;
  align-items:center;
  padding:18px;
  border-radius:16px;
  background:rgba(41,221,214,.06);
  border:1px solid rgba(41,221,214,.15);
}
.captcha-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.captcha-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#6ecac7;
  font-weight:800;
}
.captcha-box strong{font-size:18px}
.captcha-box input{
  font-size:22px!important;
  text-align:center;
  font-weight:900;
}
.privacy-check{
  grid-template-columns:22px 1fr!important;
  align-items:flex-start;
  gap:10px!important;
}
.privacy-check input{
  margin-top:4px;
  width:16px;
  height:16px;
}
.privacy-check span{
  color:#9fb4c8!important;
  font-size:13px!important;
  font-weight:400!important;
}
.privacy-check a{
  color:#5fdedb;
  font-weight:700;
}
.contact-submit{
  border:0;
  padding:16px 20px;
  font-size:15px;
  cursor:pointer;
  justify-self:start;
}
.form-success,.form-errors{
  padding:16px 18px;
  border-radius:13px;
  margin-bottom:20px;
}
.form-success{
  background:rgba(46,214,139,.08);
  border:1px solid rgba(46,214,139,.2);
  color:#b9f2d4;
}
.form-success span{
  display:block;
  font-size:13px;
  margin-top:4px;
}
.form-errors{
  background:rgba(255,99,112,.07);
  border:1px solid rgba(255,99,112,.18);
  color:#ffc4ca;
}
.form-errors ul{
  margin:8px 0 0;
  padding-left:20px;
  font-size:13px;
}
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

@media (max-width:980px){
  .gallery-grid{
    grid-template-columns:1fr;
  }
  .shot-large{
    grid-row:auto;
  }
  .contact-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .contact-hero{padding-top:55px}
  .contact-form-card,.contact-info-card{padding:22px 18px}
  .form-row.two{grid-template-columns:1fr}
  .captcha-box{grid-template-columns:1fr 92px}
  .contact-submit{width:100%}
  .shot-copy h3{font-size:21px}
}


/* =============================
   FINAL PREMIUM POLISH v5
   ============================= */

:root{
  --bg:#040a12;
  --bg-soft:#071321;
  --panel:#0a1727;
  --panel-2:#0d1d31;
  --panel-3:#10243c;
  --line:rgba(132,190,255,.15);
  --line-strong:rgba(62,223,219,.30);
  --text:#f8fbff;
  --muted:#9fb2c5;
  --cyan:#31e2df;
  --cyan-2:#73f3ef;
  --blue:#6a7cff;
  --blue-2:#3f6fff;
  --glow:0 0 50px rgba(49,226,223,.12);
}

body{
  background:
    radial-gradient(circle at 70% -10%, rgba(42,111,255,.18), transparent 30%),
    radial-gradient(circle at 10% 15%, rgba(49,226,223,.08), transparent 25%),
    linear-gradient(180deg,#030912 0%,#06111d 36%,#050d16 100%);
  color:var(--text);
}

.site-header{
  background:rgba(3,10,18,.74);
  border-bottom:1px solid rgba(255,255,255,.05);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.nav{min-height:82px}
.brand{font-size:21px}
.brand-icon{
  width:44px;height:44px;
  box-shadow:0 0 0 1px rgba(49,226,223,.12),0 10px 28px rgba(0,0,0,.2);
}
.nav-links a{
  position:relative;
  transition:.2s ease;
}
.nav-links a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;
  height:2px;
  transform:scaleX(0);
  background:linear-gradient(90deg,var(--cyan),var(--blue));
  transition:.2s ease;
}
.nav-links a:hover:after{transform:scaleX(1)}

.hero{
  padding:105px 0 105px;
}
.hero-grid{gap:78px}
.hero h1{
  font-size:clamp(48px,6.3vw,82px);
  max-width:720px;
  text-wrap:balance;
}
.hero-lead{
  font-size:19px;
  line-height:1.7;
}
.hero-actions{margin-top:38px}
.btn-primary{
  background:linear-gradient(135deg,#24b8ff 0%,#5d72ff 100%);
  box-shadow:0 16px 40px rgba(60,104,255,.30),inset 0 1px 0 rgba(255,255,255,.28);
}
.btn-primary:hover{
  box-shadow:0 18px 50px rgba(60,104,255,.42),0 0 0 1px rgba(255,255,255,.08) inset;
}
.window-card{
  border-radius:24px;
  border:1px solid rgba(98,174,255,.23);
  box-shadow:0 50px 120px rgba(0,0,0,.50),0 0 80px rgba(30,107,255,.08);
}
.window-card img{
  aspect-ratio:auto;
  object-fit:contain;
  background:#081321;
}
.floating-badge{
  border-color:rgba(80,215,229,.24);
  background:rgba(7,18,31,.90);
  box-shadow:0 22px 60px rgba(0,0,0,.34),var(--glow);
}

.quick-features{
  padding:105px 0;
  background:
    linear-gradient(180deg,rgba(8,24,41,.70),rgba(5,14,25,.18));
}
.section-head.centered{margin-bottom:54px}
.section-head h2,.showcase h2,.free-card h2{
  font-size:clamp(34px,4.3vw,52px);
}
.feature-grid{gap:22px}
.feature-card{
  border-radius:22px;
  padding:30px;
  min-height:280px;
  background:
    linear-gradient(180deg,rgba(15,39,65,.94),rgba(8,23,40,.94));
  border:1px solid rgba(128,181,255,.13);
  transition:.25s ease;
}
.feature-card:hover{
  transform:translateY(-7px);
  border-color:rgba(49,226,223,.34);
  box-shadow:0 25px 60px rgba(0,0,0,.26),0 0 50px rgba(49,226,223,.05);
}
.feature-icon{
  width:54px;height:54px;
  border-radius:15px;
  font-size:24px;
}

.showcase{padding:120px 0}
.gallery-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
}
.shot-card{
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(13,31,52,.97),rgba(7,20,35,.97));
  border:1px solid rgba(128,184,255,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.24);
  transition:.25s ease;
}
.shot-card:hover{
  transform:translateY(-5px);
  border-color:rgba(49,226,223,.28);
  box-shadow:0 34px 90px rgba(0,0,0,.31),0 0 55px rgba(49,226,223,.04);
}
.shot-image{
  padding:14px;
  background:
    radial-gradient(circle at 80% 0%,rgba(74,111,255,.10),transparent 35%);
}
.shot-image img{
  width:100%;
  border-radius:15px;
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}
.shot-copy{
  padding:4px 24px 24px;
}
.shot-copy h3{
  font-size:25px;
  letter-spacing:-.025em;
}
.shot-copy p{font-size:15px;line-height:1.65}
.shot-mini .shot-image{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.shot-mini .shot-image img{
  width:92%;
  height:auto;
}

.premium-strip{
  padding:12px 0 105px;
}
.premium-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.premium-item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  padding:28px;
  border-radius:20px;
  border:1px solid rgba(125,180,255,.12);
  background:linear-gradient(180deg,rgba(11,28,47,.92),rgba(7,20,34,.92));
}
.premium-number{
  width:48px;height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:900;
  color:var(--cyan);
  background:linear-gradient(145deg,rgba(49,226,223,.10),rgba(89,109,255,.12));
  border:1px solid rgba(49,226,223,.18);
}
.premium-item strong{
  display:block;
  font-size:18px;
  margin-bottom:6px;
}
.premium-item p{
  margin:0;
  color:#92a8bc;
  font-size:14px;
  line-height:1.6;
}

.abs-section{padding:10px 0 110px}
.abs-card{
  padding:46px;
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 20%,rgba(62,111,255,.14),transparent 35%),
    linear-gradient(135deg,rgba(10,35,54,.98),rgba(7,21,36,.98));
  border:1px solid rgba(49,226,223,.18);
  box-shadow:0 34px 90px rgba(0,0,0,.24);
}
.abs-badge{
  width:110px;height:110px;
  border-radius:28px;
  font-size:32px;
}
.abs-copy h2{
  font-size:clamp(30px,3.6vw,44px);
  letter-spacing:-.03em;
}
.abs-copy p{
  font-size:16px;
  line-height:1.7;
}
.abs-points{
  gap:12px 20px;
}

.benefit-band{
  padding:38px 0;
  background:rgba(5,15,26,.86);
}
.benefit strong{
  font-size:32px;
}
.free-section{padding:110px 0}
.free-card{
  padding:52px;
  border-radius:30px;
  background:
    radial-gradient(circle at 80% 30%,rgba(61,104,255,.22),transparent 38%),
    linear-gradient(135deg,#0c2037,#071522 68%);
  border:1px solid rgba(110,174,255,.18);
  box-shadow:0 40px 100px rgba(0,0,0,.30);
}

/* Contact: final premium form */
.contact-hero{
  padding:95px 0 34px;
}
.contact-hero-inner{max-width:860px}
.contact-hero h1{
  font-size:clamp(46px,6vw,72px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:14px 0 18px;
}
.contact-hero p{
  font-size:18px;
  color:#a7bace;
  max-width:760px;
  line-height:1.7;
}
.contact-section{padding:18px 0 110px}
.contact-layout{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:28px;
  align-items:start;
}
.contact-panel{
  border:1px solid rgba(119,176,255,.14);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(13,32,54,.97),rgba(8,23,40,.97));
  box-shadow:0 32px 80px rgba(0,0,0,.24);
}
.contact-info-card{
  padding:34px;
  position:sticky;
  top:112px;
}
.contact-info-card h2{
  margin:0 0 14px;
  font-size:30px;
}
.contact-info-card p{
  margin:0 0 18px;
  color:#9fb4c8;
  line-height:1.7;
}
.contact-bullets{
  display:grid;
  gap:11px;
  margin:26px 0;
  color:#86e4df;
  font-size:14px;
  font-weight:700;
}
.contact-note{
  margin-top:14px!important;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.contact-form-card{padding:34px}
.contact-form{
  display:grid;
  gap:20px;
}
.form-row.two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.contact-form-card label{
  display:grid;
  gap:8px;
}
.contact-form-card label>span:first-child{
  font-size:13px;
  font-weight:800;
  color:#e3edf7;
}
.contact-form-card input[type=text],
.contact-form-card input[type=email],
.contact-form-card textarea{
  width:100%;
  border:1px solid rgba(118,176,255,.18);
  border-radius:14px;
  background:#071522;
  color:#fff;
  padding:15px 16px;
  outline:none;
  font:inherit;
  transition:.2s ease;
}
.contact-form-card input:focus,
.contact-form-card textarea:focus{
  border-color:rgba(49,226,223,.62);
  box-shadow:0 0 0 4px rgba(49,226,223,.07);
}
.contact-form-card textarea{
  resize:vertical;
  min-height:230px;
}
.captcha-box{
  display:grid;
  grid-template-columns:1fr 125px;
  gap:18px;
  align-items:center;
  padding:20px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(49,226,223,.06),rgba(82,107,255,.05));
  border:1px solid rgba(49,226,223,.16);
}
.captcha-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.captcha-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#73d7d4;
  font-weight:800;
}
.captcha-box strong{font-size:19px}
.captcha-box input{
  font-size:23px!important;
  text-align:center;
  font-weight:900;
}
.privacy-check{
  grid-template-columns:22px 1fr!important;
  align-items:flex-start;
  gap:10px!important;
}
.privacy-check input{
  margin-top:4px;
  width:17px;height:17px;
}
.privacy-check span{
  color:#9fb4c8!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.55;
}
.contact-submit{
  border:0;
  padding:16px 22px;
  font-size:15px;
  cursor:pointer;
  justify-self:start;
  min-width:190px;
}
.form-success,.form-errors{
  padding:18px 20px;
  border-radius:15px;
  margin-bottom:22px;
}
.form-success{
  background:rgba(46,214,139,.08);
  border:1px solid rgba(46,214,139,.20);
  color:#b9f2d4;
}
.form-errors{
  background:rgba(255,99,112,.07);
  border:1px solid rgba(255,99,112,.18);
  color:#ffc4ca;
}
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

/* Email rendered as image, not clickable text */
.email-image-wrap{
  margin:16px 0 20px;
  display:flex;
  align-items:center;
}
.email-image-wrap img{
  width:auto;
  max-width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 14px 35px rgba(0,0,0,.24),0 0 35px rgba(49,226,223,.05);
}
.legal-email{margin-top:14px}

/* Footer polish */
.site-footer{
  background:#02070d;
}
.footer-inner{min-height:120px}
.footer-links a{transition:.2s ease}
.footer-links a:hover{color:var(--cyan)}

@media (max-width:980px){
  .gallery-grid,
  .premium-grid,
  .contact-layout{
    grid-template-columns:1fr;
  }
  .contact-info-card{
    position:static;
  }
}
@media (max-width:640px){
  .hero{padding:65px 0 70px}
  .hero h1{font-size:46px}
  .premium-item{
    grid-template-columns:48px 1fr;
    padding:22px;
  }
  .contact-hero{padding-top:58px}
  .contact-form-card,.contact-info-card{padding:22px 18px}
  .form-row.two{grid-template-columns:1fr}
  .captcha-box{grid-template-columns:1fr 92px}
  .contact-submit{width:100%}
}


/* FINAL screenshot layout fix: no empty hole, Mini-Player sits directly next to/under the right card */
.gallery-grid-balanced{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-areas:
    "home playlist"
    "series mini";
  gap:24px;
  align-items:start;
}
.shot-home{grid-area:home}
.shot-playlist{grid-area:playlist}
.shot-series{grid-area:series}
.shot-mini{grid-area:mini}
.gallery-grid-balanced .shot-card{
  height:100%;
}
.gallery-grid-balanced .shot-image{
  background:
    radial-gradient(circle at 82% 0%,rgba(74,111,255,.10),transparent 35%);
}
.gallery-grid-balanced .shot-home .shot-image img,
.gallery-grid-balanced .shot-playlist .shot-image img,
.gallery-grid-balanced .shot-series .shot-image img{
  width:100%;
  height:auto;
}
.gallery-grid-balanced .shot-mini{
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
.gallery-grid-balanced .shot-mini .shot-image{
  flex:1;
  min-height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.gallery-grid-balanced .shot-mini .shot-image img{
  width:96%;
  max-width:760px;
  height:auto;
}
.gallery-grid-balanced .shot-copy{
  min-height:110px;
}

@media (max-width:980px){
  .gallery-grid-balanced{
    grid-template-columns:1fr;
    grid-template-areas:
      "home"
      "playlist"
      "series"
      "mini";
  }
  .gallery-grid-balanced .shot-mini .shot-image{
    min-height:180px;
  }
}


/* Integrierte Datenschutzerklärung */
.privacy-page{padding-top:85px}
.privacy-card{
  max-width:980px;
}
.privacy-card > h1{
  font-size:clamp(40px,5vw,62px);
  line-height:1.03;
  letter-spacing:-.04em;
  margin:8px 0 4px;
}
.privacy-card > .muted{
  color:#8fa7bb;
  margin-bottom:26px;
}
.privacy-card .box{
  background:linear-gradient(180deg,rgba(14,37,61,.95),rgba(8,24,41,.95));
  border:1px solid rgba(118,176,255,.14);
  border-radius:16px;
  padding:20px;
  margin:24px 0 28px;
}
.privacy-card h2{
  margin-top:34px;
  margin-bottom:10px;
  color:#82e7e2;
  font-size:23px;
  letter-spacing:-.02em;
}
.privacy-card p,
.privacy-card li{
  color:#a7b8c9;
  line-height:1.72;
}
.privacy-card strong{
  color:#fff;
}
.privacy-card code{
  background:#07131f;
  border:1px solid rgba(255,255,255,.06);
  padding:2px 6px;
  border-radius:6px;
  color:#dbe8f3;
}
.privacy-card ul{
  padding-left:22px;
}
.privacy-card a{
  color:#62ded9;
  font-weight:700;
}
.privacy-card footer{
  margin-top:42px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:22px;
  color:#8298ac;
}