/* ============================================================
   Luminary Search – Landing Page
   ============================================================ */
:root{
  --navy:#16223f;
  --navy-2:#101a31;
  --deep:#0c1426;
  --ink:#19223a;
  --muted:#4a5167;
  --copper:#c0804f;
  --copper-l:#d59b6a;
  --gold:#e7c98a;
  --cream:#f4efe6;
  --green:#3e8e64;
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  --display:'Space Grotesk',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
::selection{background:var(--gold);color:var(--navy);}
.mono{font-family:var(--mono);}
code{font-family:var(--mono);background:rgba(255,255,255,.08);padding:1px 6px;border-radius:5px;font-size:.9em;}

/* ---------- Layout helpers ---------- */
.container{max-width:1180px;margin:0 auto;}
.container-narrow{max-width:920px;}
.container-wide{max-width:1240px;}
.section{padding:90px 6vw;}
.section-cream{background:var(--cream);}
.section-navy{background:var(--navy-2);color:#fff;}
.section-deep{background:var(--deep);color:#fff;}

.head-center{text-align:center;margin-bottom:50px;}
.head-sub{font-size:15.5px;color:#9fb0cc;max-width:560px;margin:10px auto 0;}
.head-sub-dark{color:#5d6478;}
.eyebrow{display:inline-block;font:700 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;}
.eyebrow-copper{color:#8a5a32;}
.eyebrow-gold{color:var(--gold);}

.h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,46px);letter-spacing:-.025em;margin:12px 0 0;line-height:1.05;}
.h2-light{color:#fff;}
.muted-light{color:#aeb9cd;}

/* ---------- Buttons ---------- */
.btn{font-family:var(--display);font-weight:700;border:none;border-radius:11px;cursor:pointer;transition:all .2s ease;font-size:15px;padding:13px 22px;}
.btn-lg{font-size:16.5px;padding:17px 30px;border-radius:12px;}
.btn-block{width:100%;}
.btn-primary{background:linear-gradient(135deg,var(--copper-l),var(--copper));color:var(--navy);box-shadow:0 14px 32px -14px rgba(213,155,106,.7);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 46px -14px rgba(213,155,106,.85);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:var(--deep);}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.32);backdrop-filter:blur(6px);}
.btn-glass:hover{background:rgba(255,255,255,.2);border-color:#fff;}
.btn-link{background:none;color:var(--copper);padding:10px;width:100%;font-size:14px;}
.btn-link-muted{color:#5c6370;}
.btn-pay:disabled{background:#c7cad4;color:#fff;cursor:not-allowed;box-shadow:none;transform:none;}

/* ---------- Hero ---------- */
.hero{
  position:relative;min-height:92vh;display:flex;flex-direction:column;color:#fff;
  background-image:
    linear-gradient(95deg, rgba(8,12,22,.96) 0%, rgba(8,12,22,.88) 28%, rgba(8,12,22,.5) 50%, rgba(8,12,22,.1) 72%, rgba(8,12,22,.45) 100%),
    linear-gradient(180deg, rgba(8,12,22,.6) 0%, rgba(8,12,22,0) 24%, rgba(8,12,22,.88) 100%),
    url('assets/hero.webp');
  background-size:cover;background-position:22% center;
}
.spark{position:absolute;border-radius:50%;}
.spark-1{top:24%;left:58%;width:5px;height:5px;background:var(--gold);box-shadow:0 0 10px 2px var(--gold);animation:spark 4s ease-in-out infinite;}
.spark-2{top:40%;left:70%;width:4px;height:4px;background:var(--copper-l);box-shadow:0 0 8px 2px var(--copper-l);animation:spark 5.5s ease-in-out infinite .8s;}
.spark-3{top:30%;left:48%;width:3px;height:3px;background:#fff;box-shadow:0 0 8px 2px #fff;animation:spark 6s ease-in-out infinite 1.6s;}
@keyframes spark{0%,100%{opacity:.25;transform:translateY(0) scale(1);}50%{opacity:.9;transform:translateY(-12px) scale(1.4);}}

.nav{position:relative;z-index:5;display:flex;align-items:center;gap:20px;padding:22px 6vw;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(231,201,138,.4));}
.brand-name{font:700 18px var(--display);letter-spacing:-.01em;color:#fff;}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:30px;}
.nav-links a{position:relative;font-size:15px;font-weight:500;color:#cdd6e6;text-decoration:none;padding-bottom:4px;transition:color .2s;}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--gold);transition:width .25s ease;}
.nav-links a:hover{color:#fff;}
.nav-links a:hover::after{width:100%;}

.hero-content{position:relative;z-index:4;flex:1;display:flex;align-items:center;padding:0 6vw 6vh;}
.hero-inner{max-width:620px;}
.eyebrow-gold.eyebrow{background:rgba(231,201,138,.14);border:1px solid rgba(231,201,138,.35);padding:8px 15px;border-radius:99px;margin-bottom:28px;backdrop-filter:blur(4px);}
.hero-title{font-family:var(--display);font-weight:700;font-size:clamp(38px,5.4vw,68px);line-height:1.0;letter-spacing:-.028em;margin:0 0 24px;text-wrap:balance;text-shadow:0 2px 30px rgba(8,12,22,.8);}
.hero-title .accent{color:var(--gold);}
.hero-sub{font-size:clamp(17px,1.9vw,21px);line-height:1.55;color:#d3dbe9;margin:0 0 36px;max-width:500px;text-wrap:pretty;text-shadow:0 1px 16px rgba(8,12,22,.85);}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px;}
.hero-stats{display:flex;gap:28px;font:600 13.5px var(--mono);color:#9fb0cc;flex-wrap:wrap;}
.hero-stats strong{color:var(--gold);font-size:17px;font-weight:600;}

/* ---------- Value trio ---------- */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feature-card{background:#fff;border:1px solid rgba(25,34,58,.08);border-radius:18px;padding:32px;transition:transform .25s,box-shadow .25s;}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(25,34,58,.25);}
.feature-card-dark{background:var(--ink);color:#fff;border:none;}
.feature-card-dark:hover{box-shadow:0 24px 50px -24px rgba(25,34,58,.5);}
.feature-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;}
.feature-card h3{font-family:var(--display);font-size:21px;font-weight:600;margin:0 0 10px;}
.feature-card p{font-size:15px;line-height:1.6;color:var(--muted);margin:0;}
.feature-card-dark p{color:#aeb9cd;}

/* ---------- Feature heads & shots ---------- */
.feature-head{max-width:680px;margin-bottom:40px;}
.feature-head p{font-size:16px;line-height:1.6;color:var(--muted);margin:14px 0 0;}
.feature-head .muted-light{color:#aeb9cd;}
.shot{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(25,34,58,.5);border:1px solid rgba(25,34,58,.12);}
.shot-plain{border-radius:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);}
.shot-light{border:1px solid rgba(25,34,58,.12);box-shadow:0 36px 70px -34px rgba(25,34,58,.5);}
.shot-mb{margin-bottom:24px;}
.shot-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--ink);}
.shot-bar span{width:10px;height:10px;border-radius:50%;}
.dot-red{background:#e06a5a;}.dot-yellow{background:var(--gold);}.dot-green{background:#73c39a;}
.shot-name{width:auto!important;height:auto!important;font:600 12px var(--mono);color:#9fb0cc;margin-left:8px;}
.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;}
.split h2{margin-bottom:14px;}
.split p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 18px;}

.check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--ink);}
.check-list li{display:flex;gap:10px;}
.ck{color:var(--green);font-weight:700;}
.ck-gold{color:var(--gold);}

/* ---------- Live Demo ---------- */
.demo{font-family:var(--sans);background:linear-gradient(165deg,#16223f,#101a31);border:1px solid rgba(213,155,106,.28);border-radius:18px;box-shadow:0 30px 70px -30px rgba(8,14,28,.7);overflow:hidden;color:#e9edf6;}
.demo-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);flex-wrap:wrap;}
.dots{display:flex;gap:6px;}
.dots span{width:11px;height:11px;border-radius:50%;}
.dots span:nth-child(1){background:#e06a5a;}.dots span:nth-child(2){background:var(--gold);}.dots span:nth-child(3){background:#73c39a;}
.demo-title{font:600 13px var(--mono);letter-spacing:.04em;color:#9fb0cc;}
.status{font:600 11px var(--mono);letter-spacing:.04em;padding:4px 9px;border-radius:7px;color:var(--gold);background:rgba(231,201,138,.14);}
.status.api{color:#73c39a;background:rgba(115,195,154,.16);}
.status.err{color:#e0857a;background:rgba(224,106,90,.16);}
/* ---------- Demo Top Controls ---------- */
.demo-top{padding:16px 18px 0;border-bottom:1px solid rgba(255,255,255,.07);}




.range{-webkit-appearance:none;appearance:none;width:100px;height:5px;border-radius:5px;outline:none;cursor:pointer;background:rgba(255,255,255,.1);}
.range-sm{width:80px;height:4px;}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid currentColor;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:transform .12s;}
.range::-webkit-slider-thumb:hover{transform:scale(1.18);}
.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid currentColor;cursor:pointer;}
#wKurs{color:var(--copper-l);}#valKurs{color:var(--copper-l);}
#wSeite{color:#7ea3d8;}#valSeite{color:#7ea3d8;}
#wBeitrag{color:#73c39a;}#valBeitrag{color:#73c39a;}
.btn-reset{background:transparent;border:1px solid rgba(255,255,255,.16);color:#9fb0cc;font:600 11px var(--sans);border-radius:7px;padding:5px 10px;cursor:pointer;transition:all .2s;white-space:nowrap;}
.btn-reset:hover{border-color:rgba(255,255,255,.4);color:#fff;}
.demo-search-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.demo-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:10px 14px;color:#e9edf6;font:500 14px var(--sans);outline:none;transition:border-color .2s;}
.demo-input:focus{border-color:rgba(213,155,106,.5);}
.btn-search{background:var(--copper-l);color:var(--navy);border:none;border-radius:8px;padding:10px 16px;font:700 13px var(--sans);cursor:pointer;transition:background .2s;white-space:nowrap;}
.btn-search:hover{background:var(--gold);}
.demo-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-bottom:14px;}
.sug-label{font:600 11px var(--mono);color:#5d6e8d;letter-spacing:.06em;text-transform:uppercase;}
.sug-chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);color:#9fb0cc;font:500 12px var(--mono);border-radius:20px;padding:3px 10px;cursor:pointer;transition:all .2s;}
.sug-chip:hover,.sug-chip.active{background:rgba(213,155,106,.15);border-color:rgba(213,155,106,.5);color:var(--gold);}
.gold{color:var(--gold);}
.label-up{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8595b4;}
/* ---------- Demo Results Table ---------- */
.demo-results{position:relative;min-height:200px;overflow-x:auto;}
.results-head{padding:10px 18px 6px;border-bottom:1px solid rgba(255,255,255,.06);}
.count{font:500 12px var(--mono);color:#6f7f9e;}
.results-list{display:flex;flex-direction:column;}
.res-thead{display:grid;grid-template-columns:44px minmax(180px,3fr) 100px 80px minmax(100px,1.5fr) minmax(100px,1fr) 170px;padding:8px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.res-th{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#4a5a7a;}
.res{display:grid;grid-template-columns:44px minmax(180px,3fr) 100px 80px minmax(100px,1.5fr) minmax(100px,1fr) 170px;align-items:center;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.05);animation:rise .2s ease both;transition:background .15s;}
.res:hover{background:rgba(255,255,255,.035);}
@keyframes rise{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
.res-rank{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);font:700 12px var(--mono);color:#5d6e8d;display:flex;align-items:center;justify-content:center;flex:none;}
.res-rank.top3{background:rgba(213,155,106,.2);color:var(--gold);}
.res-cell{min-width:0;padding:0 6px;}
.res-title{font:600 13px/1.3 var(--sans);color:#eef2f9;}
.res-chip{display:inline-block;font:700 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:5px;}
.res-score-val{font:700 14px var(--mono);color:#dbe2ef;transition:color .3s;}
.res-score-val.score-up{color:#73c39a;}
.res-score-val.score-down{color:#ef4444;}
.res-rank-change{font-size:10px;color:#73c39a;display:block;margin-top:2px;white-space:nowrap;}
.res-rank-change.down{color:#ef4444;}
.btn-save.saving{pointer-events:none;opacity:.7;}
.res-bar-wrap{height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;}
.res-bar-fill{height:100%;border-radius:4px;transition:width .45s cubic-bezier(.4,0,.2,1);}
.res-tags{display:flex;flex-wrap:wrap;gap:4px;}
.res-tag{font:500 10px var(--mono);padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.12);color:#7a8fae;white-space:nowrap;}
.res-tag.match-title-start{border-color:rgba(213,155,106,.5);color:#e8b87a;background:rgba(213,155,106,.08);}
.res-tag.match-title{border-color:rgba(126,163,216,.4);color:#7ea3d8;background:rgba(126,163,216,.07);}
.res-tag.match-content{border-color:rgba(115,195,154,.4);color:#73c39a;background:rgba(115,195,154,.07);}
.res-weight{display:flex;align-items:center;gap:6px;}
.rw-input{width:80px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#dbe2ef;font:600 13px var(--mono);padding:5px 10px;outline:none;text-align:center;-moz-appearance:number-input;}
.rw-input::-webkit-outer-spin-button,.rw-input::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button;opacity:0;cursor:pointer;transition:opacity .15s;margin-left:6px;}
.rw-input:hover::-webkit-outer-spin-button,.rw-input:hover::-webkit-inner-spin-button,
.rw-input:focus::-webkit-outer-spin-button,.rw-input:focus::-webkit-inner-spin-button{opacity:1;}
.rw-input:hover{border-color:rgba(213,155,106,.5);}
.rw-input:focus{border-color:rgba(213,155,106,.8);outline:none;}
.btn-save{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#9fb0cc;font:600 10px var(--sans);border-radius:6px;padding:4px 8px;cursor:pointer;transition:all .2s;white-space:nowrap;}
.btn-save:hover{border-color:rgba(115,195,154,.5);color:#73c39a;}
.btn-save.saved{border-color:#73c39a;color:#73c39a;background:rgba(115,195,154,.1);}
.demo-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(16,26,49,.7);z-index:5;}
.demo-spinner span{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--copper-l);border-radius:50%;display:block;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@media(max-width:720px){
  .range,.range-sm{width:60px;}
  .res-thead{display:none;}
  .res{
    display:block;padding:14px;border-bottom:1px solid rgba(255,255,255,.06);
  }
  .res-rank{
    float:left;margin-right:10px;margin-top:2px;
    width:26px;height:26px;border-radius:50%;
    background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;
    font:700 12px var(--mono);color:#9fb0cc;flex-shrink:0;
  }
  .res-rank.top3{background:rgba(213,155,106,.2);color:var(--gold);}
  .res-cell--title{display:block;margin-left:36px;margin-bottom:6px;}
  .res-cell--type{display:inline-block;margin-right:8px;vertical-align:middle;}
  .res-cell--score{display:inline-block;font:700 13px var(--mono);color:#dbe2ef;vertical-align:middle;}
  .res-cell--bar{display:block;margin:8px 0;}
  .res-cell--tags{display:block;margin-bottom:8px;}
  .res-cell--weight{display:flex;align-items:center;gap:8px;}
  .res-weight{width:100%;display:flex;align-items:center;gap:8px;}
  .rw-input{flex:1;width:auto;font-size:16px;padding:8px 10px;}
  .btn-save{flex:0 0 auto;padding:8px 14px;font-size:12px;}
  .demo-explain-grid{grid-template-columns:1fr!important;}
  .demo-explain{padding:16px!important;}
  .explain-scale{grid-template-columns:1fr!important;}
}

/* ---------- Demo Explain (1:1 Plugin-Struktur) ---------- */
.demo-sqt-info{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.18);border-radius:10px;padding:20px 24px;margin:16px 18px;}
.demo-sqt-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.demo-sqt-block-title{font:700 13px var(--sans);color:#cdd6e6;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);}
.demo-sqt-block p{font-size:13px;color:#8595b4;margin:0 0 8px;line-height:1.6;}
.demo-sqt-block ul{margin:4px 0 8px 18px;padding:0;}
.demo-sqt-block li{font-size:13px;color:#8595b4;margin-bottom:4px;line-height:1.5;}
.demo-sqt-block strong{color:#cdd6e6;}
.demo-sqt-block em{color:#7ea3d8;font-style:normal;}
.demo-sqt-weights{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.demo-sqt-weight-row{display:flex;align-items:center;gap:10px;}
.demo-sqt-w-val{width:36px;font:700 13px var(--mono);text-align:right;flex-shrink:0;}
.demo-sqt-w-bar{width:110px;height:6px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;flex-shrink:0;}
.demo-sqt-w-bar span{display:block;height:100%;border-radius:99px;}
.demo-sqt-w-desc{font-size:12px;color:#8595b4;line-height:1.4;}
.demo-sqt-note{margin-top:10px;font-size:12px;color:#8a95ad;line-height:1.6;}
.demo-sqt-note strong{color:#9fb0cc;}
.demo-sqt-hint{margin-top:12px;padding:10px 14px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.22);border-radius:6px;font-size:12px;color:#8595b4;line-height:1.6;}
.demo-sqt-hint strong{color:#cdd6e6;}
@media(max-width:720px){
  .demo-sqt-grid{grid-template-columns:1fr;}
  .demo-sqt-info{margin:12px 12px;}
  .demo-sqt-w-bar{width:70px;}
}

/* ---------- Comparison ---------- */
.compare{border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:var(--navy-2);}
.compare-head,.compare-row{display:grid;grid-template-columns:1fr 110px 110px;}
.compare-head{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.1);}
.compare-head>div{padding:16px 12px;text-align:center;font:700 13px var(--mono);}
.compare-head>div:first-child{text-align:left;padding-left:22px;letter-spacing:.1em;color:#8595b4;font-size:12px;}
.c-free{color:#9fb0cc;}.c-pro{color:var(--gold);}
.compare-row{border-top:1px solid rgba(255,255,255,.06);transition:background .15s;}
.compare-row:hover{background:rgba(255,255,255,.03);}
.compare-row .c-label{padding:14px 22px;font-size:14.5px;color:#cdd6e6;}
.compare-row .c-cell{padding:14px 12px;text-align:center;font-weight:700;font-size:15px;}
.c-cell.yes-free{color:#73c39a;}.c-cell.no{color:#4a5670;font-weight:400;}.c-cell.yes-pro{color:var(--gold);}

/* ---------- Pricing ---------- */
.pricing{display:flex;flex-wrap:nowrap;gap:0;align-items:center;justify-content:center;perspective:800px;}
.plan{background:#fff;border:1px solid rgba(25,34,58,.1);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;flex:1 1 0;max-width:380px;min-width:200px;transition:transform .3s,box-shadow .3s;position:relative;}
.plan:first-child{border-radius:16px 0 0 16px;border-right:none;}
.plan:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px rgba(25,34,58,.25);}
.plan h3{font-family:var(--display);font-size:17px;font-weight:700;margin:0 0 2px;text-align:center;}
.plan-tag{font-size:12px;color:#5c6370;margin:0 0 16px;text-align:center;min-height:18px;}
.plan-sites{font-size:11px;color:#5c6370;margin:0 0 16px;text-align:center;}
.plan-sites span{background:rgba(25,34,58,.06);padding:2px 8px;border-radius:4px;font-weight:600;font-size:10px;color:var(--ink);}
.plan-pro .plan-sites{color:#aeb9cd;}
.plan-pro .plan-sites span{background:rgba(255,255,255,.1);color:#fff;}
.plan-divider{width:100%;height:1px;background:rgba(25,34,58,.1);margin-bottom:16px;}
.plan-pro .plan-divider{background:rgba(255,255,255,.1);}
.price{display:flex;align-items:baseline;gap:3px;margin-bottom:16px;justify-content:center;}
.price .currency{font-family:var(--display);font-size:16px;font-weight:600;color:#5c6370;}
.price .amount{font-family:var(--display);font-size:36px;font-weight:700;letter-spacing:-.02em;}
.price .per{font-size:12px;color:#5c6370;line-height:1.3;margin-left:2px;}
.plan .check-list{flex:1;gap:8px;font-size:13.5px;margin-bottom:20px;}
.plan .check-list li{gap:8px;}
.plan .check-list .ck{font-size:13px;}
.plan .btn-block{margin-top:auto;font-size:13px;padding:10px 16px;}
.plan-pro{background:var(--ink);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 50px -16px rgba(25,34,58,.5);}
.plan-pro:hover{transform:translateY(-6px);}
.plan-pro .plan-tag{color:#aeb9cd;}
.plan-pro .price .amount,.plan-pro .price .currency,.plan-pro h3{color:#fff;}
.plan-pro .price .per{color:#aeb9cd;}
.plan-pro .check-list li{color:#cdd6e6;}
.plan-badge{background:linear-gradient(135deg,var(--copper-l),var(--copper));color:var(--navy);font:700 10px var(--mono);letter-spacing:.08em;padding:4px 10px;border-radius:6px;display:inline-block;margin:0 auto 8px;text-align:center;}
/* Feature area background */
.plan .check-list{background:rgba(25,34,58,.04);border-radius:10px;padding:14px 16px !important;margin-left:-4px;margin-right:-4px;}
.plan-pro .check-list{background:rgba(255,255,255,.06);}
/* Popular plan – taller, elevated in center */
.plan-featured{padding:36px 28px;z-index:2;flex:1 1 0;max-width:400px;border-radius:16px;transform:scale(1.06);box-shadow:0 40px 80px -20px rgba(25,34,58,.55);}
.plan-featured:hover{transform:scale(1.06) translateY(-8px);}
.plan-featured .price .amount{font-size:42px;}
.plan-featured .plan-badge{font-size:11px;padding:5px 14px;}
/* Free plan section + banner */
.section-free{padding:0 6vw 80px;background:var(--cream);}
.free-plan-banner{}
.free-banner-inner{background:#fff;border:1px solid rgba(25,34,58,.1);border-radius:16px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.free-banner-info h3{font-family:var(--display);font-size:17px;font-weight:700;margin:0 0 2px;}
.free-banner-info .plan-tag{margin:0 0 12px;}
.check-list-inline{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;margin:0;padding:0;list-style:none;}
.check-list-inline li{display:flex;align-items:center;gap:5px;white-space:nowrap;}
.check-list-inline .ck{font-size:12px;color:#22c55e;}
.free-banner-action{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;}
.free-banner-action .price{margin-bottom:0;}
.free-banner-action .btn{white-space:nowrap;}

/* ---------- Addons ---------- */
.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
.addon-card{background:#1b2847;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;transition:transform .22s,box-shadow .22s;}
.addon-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px -20px rgba(0,0,0,.45);}
.addon-icon{width:52px;height:52px;border-radius:12px;object-fit:contain;background:rgba(255,255,255,.06);padding:6px;}
.addon-icon-placeholder{width:52px;height:52px;border-radius:12px;background:rgba(192,128,79,.18);display:flex;align-items:center;justify-content:center;font-size:26px;}
.addon-name{font-family:var(--display);font-size:17px;font-weight:700;color:#fff;margin:0;}
.addon-desc{font-size:13.5px;color:#aeb9cd;line-height:1.55;flex:1;margin:0;}
.addon-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;}
.addon-price{font-family:var(--display);font-size:19px;font-weight:700;color:var(--gold);}
.addon-price-free{font-size:13px;color:#73c39a;font-weight:600;}
.addon-requires{font-size:11px;color:#8a95ad;margin-top:auto;}

/* ---------- FAQ ---------- */
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{background:#fff;border:1px solid rgba(25,34,58,.1);border-radius:14px;padding:20px 24px;}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16.5px;font-weight:600;font-family:var(--display);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-plus{flex:none;font-size:22px;font-weight:300;color:var(--copper);transition:transform .2s;}
.faq-item[open] .faq-plus{transform:rotate(45deg);}
.faq-item p{font-size:15px;line-height:1.6;color:var(--muted);margin:14px 0 0;text-wrap:pretty;}

/* ---------- Footer ---------- */
.footer{background:var(--deep);color:#aeb9cd;padding:64px 6vw 40px;}
.footer-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-start;}
.footer-brand{max-width:320px;}
.footer-brand .brand{margin-bottom:16px;}
.footer-brand p{font-size:14px;line-height:1.6;margin:0;}
.footer-cols{display:flex;gap:56px;flex-wrap:wrap;}
.footer-h{font:700 12px var(--mono);letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
.footer-links{display:flex;flex-direction:column;gap:11px;font-size:14px;}
.footer-links a,.link-btn{color:#aeb9cd;text-decoration:none;background:none;border:none;padding:0;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:color .2s;}
.footer-links a:hover,.link-btn:hover{color:#fff;}
.footer-bottom{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#8a95ad;}

/* ---------- Modals ---------- */
.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(8,12,22,.74);backdrop-filter:blur(6px);overflow-y:auto;padding:40px 18px;}
.modal{max-width:460px;margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 50px 100px -30px rgba(0,0,0,.7);overflow:hidden;animation:fade .3s ease both;}
.modal-wide{max-width:680px;}
@keyframes fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.modal-head-navy{background:linear-gradient(160deg,var(--ink),var(--deep));color:#fff;padding:26px 30px;position:relative;}
.modal-brand{display:flex;align-items:center;gap:10px;font:700 16px var(--display);}
.modal-brand img{width:34px;height:34px;object-fit:contain;}
.modal-brand-dark{color:var(--ink);}
.modal-x{position:absolute;top:26px;right:30px;background:rgba(255,255,255,.1);border:none;color:#cdd6e6;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s;}
.modal-x:hover{background:rgba(255,255,255,.2);}
.modal-x-light{position:static;}
.modal-x-cream{background:#fff;border:1px solid #ddd5c6;color:#5c6370;width:34px;height:34px;border-radius:9px;font-size:17px;}
.modal-x-cream:hover{background:#f0ece3;}
.modal-plan-tag{font:600 13px var(--mono);color:var(--gold);letter-spacing:.06em;margin-top:22px;}
.modal-price{display:flex;align-items:baseline;gap:6px;margin-top:6px;}
.modal-price .amount{font-family:var(--display);font-size:42px;font-weight:700;}
.modal-currency{font-size:18px;font-weight:600;color:#aeb9cd;}
.modal-price span:last-child{font-size:14px;color:#aeb9cd;}
.modal-note{font-size:13px;color:#9fb0cc;margin:10px 0 0;}
.modal-body{padding:28px 30px 32px;}
.modal-body-pad{padding:40px 36px;}
.modal-center{text-align:center;}
.modal-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
.modal-brand-dark span{color:var(--ink);font:700 16px var(--display);}
.modal-title{font-family:var(--display);font-weight:700;font-size:24px;margin:0 0 8px;color:var(--ink);}
.modal-lead{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 0 24px;}
.field-label{display:block;font:600 12px var(--sans);color:#3a4258;margin-bottom:7px;}
.field{width:100%;padding:13px 14px;border:1px solid #d8dae2;border-radius:10px;font:500 15px var(--sans);outline:none;margin-bottom:18px;color:#1a2138;transition:border-color .2s;}
.field:focus{border-color:var(--copper);}
.card-group{border:1px solid #d8dae2;border-radius:10px;overflow:hidden;margin-bottom:18px;}
.card-row{display:flex;align-items:center;}
.card-row-top{gap:10px;padding:13px 14px;border-bottom:1px solid #e6e8ee;}
.card-tag{font:700 11px var(--mono);color:#5c6370;}
.card-input{flex:1;border:none;outline:none;font:500 15px var(--mono);color:#1a2138;letter-spacing:.04em;}
.card-half{padding:13px 14px;}
.card-half:first-child{border-right:1px solid #e6e8ee;}
.card-brands{display:flex;gap:4px;}
.card-brands span{width:26px;height:17px;border-radius:3px;}
.brand-visa{background:linear-gradient(135deg,#1a1f71,#2557d6);}
.brand-mc{background:linear-gradient(135deg,#eb001b,#f79e1b);}
.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#9aa0ad;margin:16px 0 0;}
.steps{display:flex;flex-direction:column;gap:11px;font-size:14px;color:var(--muted);margin-bottom:26px;}
.step{display:flex;gap:11px;align-items:center;}
.step-n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font:700 12px var(--sans);display:flex;align-items:center;justify-content:center;}
.check-circle{width:74px;height:74px;border-radius:50%;background:rgba(62,142,100,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:38px;color:var(--green);}
.license-box{background:var(--cream);border:1px dashed #c9b89a;border-radius:12px;padding:18px;margin-bottom:24px;text-align:left;}
.license-label{font:600 11px var(--mono);letter-spacing:.1em;color:var(--copper);text-transform:uppercase;margin-bottom:8px;}
.license-key{font:600 16px var(--mono);color:var(--ink);letter-spacing:.04em;word-break:break-all;}
.legal-head{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #eee7da;background:var(--cream);}
.legal-head h2{font-family:var(--display);font-weight:700;font-size:22px;margin:0;color:var(--ink);}
.legal-body{padding:30px 32px 38px;max-height:64vh;overflow-y:auto;color:#3a4258;font-size:14.5px;line-height:1.7;}
.legal-body>div{white-space:pre-line;}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- Responsive ---------- */
@media(max-width:860px){
  .nav-links a{display:none;}
  .trio,.shot-grid,.split,.compare-head,.compare-row{grid-template-columns:1fr;}
  .pricing{flex-direction:column;align-items:stretch;gap:16px;}
  .plan,.plan-featured{max-width:100%;transform:none;border-radius:16px;border:1px solid rgba(25,34,58,.1);flex:none;}
  .plan:first-child{border-radius:16px;border-right:1px solid rgba(25,34,58,.1);}
  .plan-pro{border:1px solid rgba(255,255,255,.08);}
  .plan-featured{transform:none;}
  .plan-featured:hover{transform:translateY(-6px);}
  .free-banner-inner{flex-direction:column;text-align:center;gap:20px;}
  .check-list-inline{justify-content:center;}
  .addons-grid{grid-template-columns:1fr;}
  .compare-head>div,.compare-row .c-cell{text-align:left;}
  .demo-body{grid-template-columns:1fr;}
  .demo-controls{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);}
  .footer-cols{gap:32px;}
  .demo-search{min-width:0;width:100%;margin-left:0;}
}
@media(max-width:600px){
  .section{padding:64px 6vw;}
  .compare-head,.compare-row{grid-template-columns:1fr 60px 60px;}
}