:root{--bg:#fbfaf7;--text:#07111f;--muted:#5f6876;--gold:#d79b27;--gold2:#f2bd44;--green:#169d48;--line:#e7e4de;--card:#fff;--shadow:0 24px 70px rgba(7,17,31,.10)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fff 0,#fbfaf7 40%,#f7f5ef 100%);font-family:Inter,Arial,sans-serif;color:var(--text)}.page{max-width:1180px;margin:auto;padding:34px 28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:55px}.brand{font-size:44px;font-weight:900;letter-spacing:4px}.tagline{font-size:13px;font-weight:700;letter-spacing:3px}.pill,.eyebrow{display:inline-flex;border:1px solid rgba(215,155,39,.35);border-radius:999px;padding:12px 20px;color:#b97808;background:#fff8e8;font-weight:800}.hero{text-align:center;margin-bottom:54px}.hero h1{font-size:62px;line-height:1.08;margin:28px 0 20px}.hero h1 span{color:var(--gold)}.hero p{font-size:21px;color:var(--muted);max-width:760px;margin:0 auto 34px;line-height:1.6}.features{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.features span{padding:14px 18px;border-right:1px solid var(--line);font-weight:700}.card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.analyzer-card{max-width:980px;margin:0 auto 42px;padding:44px}.card-head{display:flex;gap:24px;align-items:center;margin-bottom:30px}.icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(215,155,39,.25);background:#fff8e8;font-size:34px;color:var(--gold)}h2{font-size:32px;margin:0 0 8px}.card-head p,.about p{color:var(--muted);font-size:18px;line-height:1.6;margin:0}form{display:grid;gap:22px}label{font-weight:800;font-size:16px}input{display:block;width:100%;margin-top:10px;padding:21px 22px;border:1px solid #d9dce2;border-radius:12px;background:#fff;font-size:18px;color:var(--text)}button{border:0;border-radius:12px;padding:23px;background:linear-gradient(90deg,#e5a928,#d69419);font-size:19px;font-weight:900;letter-spacing:.5px;cursor:pointer;color:#111;box-shadow:0 16px 30px rgba(215,155,39,.23)}button span{font-size:27px;margin-left:24px}small{text-align:center;color:var(--muted);font-size:15px}.hidden{display:none!important}.loading{max-width:980px;margin:0 auto;padding:44px;text-align:center}.terminal{margin:28px auto;background:#07111f;color:#f2bd44;border-radius:18px;padding:28px;text-align:left;font-family:monospace;font-size:18px}.progress{height:12px;background:#eee;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:5%;background:linear-gradient(90deg,#d79b27,#169d48);border-radius:999px;transition:.3s}.result{margin-top:20px}.result-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#fff 0,#fff 48%,#07111f 49%,#111827 100%);border-radius:32px;padding:50px;margin-bottom:24px;box-shadow:var(--shadow)}.result-hero h2{font-size:58px}.result-hero p{color:var(--muted);font-size:20px}.ai-orbit{width:190px;height:190px;border-radius:36px;display:grid;place-items:center;background:#111;color:#f2bd44;font-size:54px;font-weight:900;box-shadow:0 0 0 18px rgba(215,155,39,.15),0 0 65px rgba(215,155,39,.75)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 22px}.score-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:230px}.score-card h3{text-transform:uppercase;font-size:14px}.score{font-size:64px;font-weight:900;margin:22px 0}.score small{font-size:19px}.yellow{color:#d9a022}.green,.potential{color:var(--green)}.opportunity{font-size:30px;font-weight:900;line-height:1.15}.potential{font-size:36px;font-weight:900;margin:28px 0}.score-card p,.summary p{color:var(--muted);line-height:1.5}.summary{padding:28px;margin-bottom:24px;background:#fffdf8}.summary strong{color:#b97808;text-transform:uppercase}.cta-band{background:#080b10;color:#fff;border-radius:26px;padding:46px;text-align:center;box-shadow:var(--shadow)}.cta-band h2{font-size:38px}.cta-band p{color:#d1d5db}.cta{display:inline-block;margin:12px;padding:18px 34px;border-radius:12px;text-decoration:none;font-weight:900}.cta.ghost{border:1px solid #a87822;color:#fff}.cta.gold{background:linear-gradient(90deg,#d79b27,#eeb84a);color:#111}.about{text-align:center;max-width:760px;margin:46px auto}.about h2{font-size:28px}@media(max-width:800px){.page{padding:24px 16px}.topbar{display:block}.pill{margin-top:20px}.hero h1{font-size:39px}.hero p{font-size:17px}.features{display:grid}.features span{border-right:0}.analyzer-card{padding:24px}.card-head{align-items:flex-start}.result-hero{display:block;background:#fff}.result-hero h2{font-size:39px}.ai-orbit{margin:30px auto 0}.score-grid{grid-template-columns:1fr}.cta-band{padding:30px 20px}.cta{display:block}.brand{font-size:36px}}
.logo{
    display:flex;
    align-items:center;
    gap:16px;
}

.logo-img{
    height:48px;
    width:auto;
    object-fit:contain;
}

.logo-text{
    display:flex;
    flex-direction:column;
}

.tagline{
    font-size:12px;
    letter-spacing:2px;
    color:#777;
    font-weight:600;
}
.metric-en{
    display:block;
    color:#d4a017;
    font-size:18px;
    font-weight:700;
    letter-spacing:.3px;
}

.metric-tr{
    display:block;
    color:#8c8c8c;
    font-size:13px;
    font-weight:500;
    margin-top:4px;
}

.footer-cta {
  position: relative;
  overflow: hidden;
  margin: 36px auto 48px;
  max-width: 1080px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 85% 15%, rgba(212,154,36,.28), transparent 34%),
    linear-gradient(135deg, #0d0d0d 0%, #171717 52%, #050505 100%);
  color: #fff;
  box-shadow: 0 26px 70px rgba(0,0,0,.18);
}

.footer-glow {
  position: absolute;
  right: -120px;
  top: -120px;
  width: 340px;
  height: 340px;
  background: rgba(212,154,36,.28);
  filter: blur(70px);
  border-radius: 999px;
  pointer-events: none;
}

.footer-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 34px;
  padding: 42px;
  align-items: start;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-logo {
  width: 132px;
  height: auto;
  filter: brightness(0) invert(1);
}

.footer-brand span {
  color: #d49a24;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.footer-eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 13px;
  border: 1px solid rgba(212,154,36,.32);
  border-radius: 999px;
  color: #d49a24;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
  background: rgba(212,154,36,.08);
}

.footer-content h2 {
  margin: 0;
  max-width: 720px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -1.2px;
}

.footer-content p {
  max-width: 680px;
  margin: 18px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 16px;
  line-height: 1.75;
}

.footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.footer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .2px;
}

.footer-btn-primary {
  color: #111;
  background: linear-gradient(135deg, #f1c15b, #d49a24);
  box-shadow: 0 14px 32px rgba(212,154,36,.25);
}

.footer-btn-secondary {
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
}

.footer-bottom {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 42px 24px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.52);
  font-size: 13px;
}

.footer-bottom a {
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 768px) {
  .footer-main {
    grid-template-columns: 1fr;
    padding: 30px;
  }

  .footer-bottom {
    flex-direction: column;
    padding: 18px 30px 24px;
  }

  .footer-actions {
    flex-direction: column;
  }

  .footer-btn {
    width: 100%;
  }
}
/* AI Hero Atmosphere */
.hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-top: 72px;
  padding-bottom: 54px;
}

.ai-bg {
  position: absolute;
  inset: -80px -60px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 30%, rgba(212,154,36,.18), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(255,183,77,.16), transparent 30%),
    radial-gradient(circle at 55% 88%, rgba(0,0,0,.06), transparent 34%);
}

.ai-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(212,154,36,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,154,36,.10) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 68%);
  animation: gridMove 14s linear infinite;
}

.ai-bg::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background:
    conic-gradient(from 180deg, transparent, rgba(212,154,36,.18), transparent, rgba(0,0,0,.06), transparent);
  border-radius: 999px;
  filter: blur(24px);
  opacity: .75;
  animation: orbitGlow 18s linear infinite;
}

.ai-bg span {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d49a24;
  box-shadow: 0 0 22px rgba(212,154,36,.7);
  opacity: .55;
  animation: floatNode 7s ease-in-out infinite;
}

.ai-bg span:nth-child(1) { left: 18%; top: 34%; animation-delay: 0s; }
.ai-bg span:nth-child(2) { left: 78%; top: 26%; animation-delay: 1.2s; }
.ai-bg span:nth-child(3) { left: 62%; top: 72%; animation-delay: 2.1s; }
.ai-bg span:nth-child(4) { left: 32%; top: 78%; animation-delay: 3.1s; }

@keyframes gridMove {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(46px,46px,0); }
}

@keyframes orbitGlow {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes floatNode {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-18px) scale(1.25); }
}

/* Compact Analyzer Form */
.analyzer-card {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px;
}

.analyzer-card .card-head {
  margin-bottom: 18px;
}

.analyzer-card form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.analyzer-card form button,
.analyzer-card form small {
  grid-column: 1 / -1;
}

.analyzer-card label {
  font-size: 13px;
}

.analyzer-card input {
  min-height: 46px;
  font-size: 14px;
}

/* Premium Feature Pills */
.features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 26px;
}

.features span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 15px;
  border: 1px solid rgba(212,154,36,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  color: #222;
  font-weight: 700;
  font-size: 13px;
}

.features i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f1c15b, #d49a24);
  color: #111;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

/* Result Insight Improvements */
.insight-grid {
  gap: 18px;
}

.insight-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212,154,36,.18);
  background:
    radial-gradient(circle at 90% 10%, rgba(212,154,36,.12), transparent 34%),
    #fff;
}

.insight-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  width: 4px;
  height: calc(100% - 44px);
  border-radius: 999px;
  background: linear-gradient(180deg, #f1c15b, #d49a24);
}

.insight-card h3 {
  margin: 4px 0 10px;
  font-size: 22px;
}

.next-step {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212,154,36,.20);
  background:
    linear-gradient(135deg, #fff 0%, #fffaf0 100%);
}

.next-step ul {
  display: grid;
  gap: 12px;
  padding-left: 0;
  list-style: none;
}

.next-step li {
  position: relative;
  padding: 14px 16px 14px 46px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.035);
}

.next-step li::before {
  content: "✓";
  position: absolute;
  left: 15px;
  top: 13px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f1c15b, #d49a24);
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 900;
}

/* Better Result Cards */
.score-card {
  position: relative;
  overflow: hidden;
}

.score-card::after {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 120px;
  height: 120px;
  background: rgba(212,154,36,.10);
  border-radius: 999px;
  filter: blur(4px);
}

.metric-en {
  color: #d49a24;
}

/* Mobile */
@media (max-width: 768px) {
  .hero {
    padding-top: 46px;
  }

  .analyzer-card form {
    grid-template-columns: 1fr;
  }

  .features {
    justify-content: flex-start;
  }

  .features span {
    width: 100%;
  }
}

.card-head h2{
    font-size:38px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-1px; 
}

@media(max-width:768px){

    .card-head h2{
        font-size:30px; 
    }

}

.insight-card{
    background:#fff;
    border:1px solid #ead7ae;
    border-radius:28px;
    padding:32px;
    margin-bottom:20px;
}

.insight-label{
    color:#c7941e;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:8px;
}

.insight-card h3{
    font-size:34px;
    line-height:1.15;
    margin-bottom:18px;
}

.insight-card p{
    color:#555;
    font-size:18px;
    line-height:1.7;
}

.next-step{
    background:#fff;
    border:1px solid #ead7ae;
    border-radius:28px;
    padding:32px;
    margin-bottom:25px;
}

.next-step .insight-label{
    color:#c7941e;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:8px;
}

.next-step h3{
    font-size:34px;
    line-height:1.15;
    margin-bottom:25px;
}

.next-step ul{
    list-style:none;
    padding:0;
    margin:0;
}

.next-step li{
    position:relative;
    background:#fff;
    border:1px solid #efefef;
    border-radius:18px;
    padding:18px 20px 18px 55px;
    margin-bottom:15px;
    font-size:17px;
    color:#333;
    box-shadow:0 8px 20px rgba(0,0,0,.03);
}

.next-step li::before{
    content:"✓";
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border-radius:50%;
    background:#d49a24;
    color:white;
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.analyzer-card .card-head h2{
    font-size:38px !important;
    line-height:1.15 !important;
}

/* Premium Result Hero */
.result-hero {
  position: relative;
  overflow: hidden;
  min-height: 270px;
  padding: 54px 60px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 78% 35%, rgba(212,154,36,.24), transparent 24%),
    linear-gradient(115deg, #ffffff 0%, #ffffff 48%, #07111f 48.2%, #0d1726 100%);
  border: 1px solid rgba(212,154,36,.18);
  box-shadow: 0 28px 80px rgba(0,0,0,.08);
  display: grid;
  grid-template-columns: 1fr 300px;
  align-items: center;
  gap: 30px;
}

.result-hero::before {
  content: "";
  position: absolute;
  right: 70px;
  top: 50%;
  width: 360px;
  height: 360px;
  transform: translateY(-50%);
  border-radius: 999px;
  background:
    repeating-radial-gradient(
      circle,
      rgba(212,154,36,.22) 0 1px,
      transparent 1px 28px
    );
  opacity: .55;
  animation: resultOrbit 18s linear infinite;
}

.result-hero::after {
  content: "";
  position: absolute;
  right: 115px;
  top: 50%;
  width: 230px;
  height: 230px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(212,154,36,.22), transparent 60%);
  filter: blur(18px);
}

.result-hero > div:first-child {
  position: relative;
  z-index: 2;
}

.result-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(212,154,36,.30);
  background: rgba(212,154,36,.08);
  color: #b97a00;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .5px;
  margin-bottom: 16px;
}

.result-hero h2 {
  margin: 0;
  color: #08111f;
  font-size: clamp(46px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -2px;
  font-weight: 900;
}

.result-hero p {
  max-width: 620px;
  margin: 20px 0 0;
  color: #5f6b7a;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 600;
}

.ai-orbit {
  position: relative;
  z-index: 2;
  justify-self: center;
  width: 170px;
  height: 170px;
  border-radius: 42px;
  background: linear-gradient(145deg, #0b0b0b, #171717);
  color: #f3c55c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 58px;
  font-weight: 900;
  letter-spacing: -1px;
  box-shadow:
    0 0 0 18px rgba(212,154,36,.12),
    0 0 0 38px rgba(212,154,36,.06),
    0 28px 80px rgba(0,0,0,.35),
    inset 0 0 24px rgba(212,154,36,.08);
}

.ai-orbit::before,
.ai-orbit::after {
  content: "";
  position: absolute;
  inset: -34px;
  border-radius: 50%;
  border: 1px solid rgba(212,154,36,.30);
  animation: resultOrbit 12s linear infinite;
}

.ai-orbit::after {
  inset: -62px;
  border-color: rgba(212,154,36,.16);
  animation-duration: 18s;
  animation-direction: reverse;
}

@keyframes resultOrbit {
  from { transform: translateY(-50%) rotate(0deg); }
  to { transform: translateY(-50%) rotate(360deg); }
}

.ai-orbit::before {
  transform: none;
}

.ai-orbit::after {
  transform: none;
}

@media (max-width: 900px) {
  .result-hero {
    grid-template-columns: 1fr;
    padding: 38px 30px;
    background:
      radial-gradient(circle at 80% 18%, rgba(212,154,36,.18), transparent 28%),
      linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #07111f 58.2%, #0d1726 100%);
  }

  .result-hero h2 {
    font-size: 44px;
  }

  .result-hero p {
    font-size: 16px;
  }

  .ai-orbit {
    width: 130px;
    height: 130px;
    font-size: 44px;
    margin-top: 20px;
  }

  .result-hero::before,
  .result-hero::after {
    right: 50%;
    top: auto;
    bottom: 25px;
    transform: translateX(50%);
  }
}

.result-hero::before {
  animation-name: heroPatternSpin;
}

.ai-orbit::before,
.ai-orbit::after {
  animation-name: ringSpin;
}

@keyframes heroPatternSpin {
  from { transform: translateY(-50%) rotate(0deg); }
  to { transform: translateY(-50%) rotate(360deg); }
}

@keyframes ringSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* AI Scan Engine Header */
.analyzer-card {
  position: relative;
  overflow: hidden;
  max-width: 1120px;
  padding: 34px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 82% 20%, rgba(212,154,36,.13), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fffaf1 100%);
}

.analyzer-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(212,154,36,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,154,36,.08) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  mask-image: radial-gradient(circle at 78% 22%, black 0%, transparent 48%);
  pointer-events: none;
}

.scan-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 140px 1fr 260px;
  gap: 34px;
  align-items: center;
  min-height: 230px;
  padding: 20px 8px 34px;
}

.scan-icon-wrap {
  position: relative;
  width: 112px;
  height: 112px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle, rgba(212,154,36,.13), transparent 64%),
    #fff;
  border: 1px solid rgba(212,154,36,.22);
  box-shadow: 0 18px 44px rgba(212,154,36,.10);
}

.scan-icon {
  position: relative;
  z-index: 2;
  font-size: 46px;
  line-height: 1;
  color: #d49a24;
}

.scan-pulse {
  position: absolute;
  inset: -18px;
  border-radius: 40px;
  border: 1px solid rgba(212,154,36,.18);
  animation: scanPulse 2.8s ease-in-out infinite;
}

.scan-pulse::before,
.scan-pulse::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 34px;
  border: 1px solid rgba(212,154,36,.14);
}

.scan-pulse::after {
  inset: 30px;
}

.scan-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 9px 18px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #c88700;
  background: rgba(212,154,36,.08);
  border: 1px solid rgba(212,154,36,.35);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.scan-copy h2 {
  margin: 0;
  max-width: 620px;
  color: #08111f;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: .98;
  letter-spacing: -1.8px;
  font-weight: 900;
}

.scan-copy p {
  max-width: 610px;
  margin: 18px 0 0;
  color: #5f6b7a;
  font-size: 19px;
  line-height: 1.65;
  font-weight: 600;
}

.scan-orbit {
  position: relative;
  justify-self: center;
  width: 210px;
  height: 210px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    repeating-radial-gradient(circle, rgba(212,154,36,.18) 0 1px, transparent 1px 26px);
  animation: scanRotate 18s linear infinite;
}

.scan-orbit::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 999px;
  border: 1px solid rgba(212,154,36,.24);
}

.scan-orbit::after {
  content: "";
  position: absolute;
  width: 275px;
  height: 95px;
  border: 1px solid rgba(212,154,36,.42);
  border-radius: 50%;
  transform: rotate(-24deg);
}

.scan-core {
  position: relative;
  z-index: 2;
  width: 118px;
  height: 118px;
  border-radius: 32px;
  background: linear-gradient(145deg, #111, #1a1a1a);
  color: #f2c65b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  font-weight: 900;
  box-shadow:
    0 0 0 15px rgba(212,154,36,.10),
    0 22px 54px rgba(0,0,0,.18),
    inset 0 0 22px rgba(212,154,36,.08);
  animation: scanCoreFloat 4.5s ease-in-out infinite;
}

@keyframes scanPulse {
  0%, 100% {
    transform: scale(.96);
    opacity: .65;
  }
  50% {
    transform: scale(1.06);
    opacity: 1;
  }
}

@keyframes scanRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes scanCoreFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* Form polish inside wider scan card */
.analyzer-card form {
  position: relative;
  z-index: 2;
  padding: 30px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 20px 50px rgba(0,0,0,.06);
}

.analyzer-card form button {
  min-height: 68px;
  font-size: 18px;
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(212,154,36,.20);
}

/* Mobile */
@media (max-width: 900px) {
  .scan-header {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 22px;
    text-align: left;
  }

  .scan-icon-wrap {
    width: 86px;
    height: 86px;
    border-radius: 24px;
  }

  .scan-icon {
    font-size: 34px;
  }

  .scan-copy h2 {
    font-size: 38px;
  }

  .scan-copy p {
    font-size: 16px;
  }

  .scan-orbit {
    width: 160px;
    height: 160px;
    justify-self: start;
  }

  .scan-core {
    width: 92px;
    height: 92px;
    font-size: 36px;
  }

  .analyzer-card {
    padding: 24px;
  }

  .analyzer-card form {
    padding: 22px;
  }
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.cta.reset {
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  color: #fff;
  cursor: pointer;
  font-family: inherit;
}

.cta.reset:hover {
  background: rgba(255,255,255,.14);
}

/* Website Signals Premium Card */
.website-signals {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  padding: 32px;
  border: 1px solid #ead7ae;
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 12%, rgba(212,154,36,.10), transparent 30%),
    #fff;
  box-shadow: 0 18px 50px rgba(0,0,0,.045);
}

.website-signals::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  bottom: 28px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f1c15b, #d49a24);
}

.website-signals .insight-label {
  color: #c7941e;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.website-signals h3 {
  margin: 0 0 24px;
  font-size: 34px;
  line-height: 1.15;
  color: #07111f;
}

.signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.signal-box {
  position: relative;
  min-height: 160px;
  padding: 28px;
  border: 1px solid rgba(212,154,36,.18);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.035);
}

.signal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.signal-header small {
  display: block;
  color: #c7941e;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.signal-status {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 900;
  background: #f4f4f4;
  color: #999;
}

.signal-status.success {
  background: #e8f8ee;
  color: #1b9e48;
}

.signal-status.danger {
  background: #fff0f0;
  color: #d94b4b;
}

.signal-box p {
  margin: 0;
  color: #222;
  font-size: 16px;
  line-height: 1.65;
  word-break: break-word;
}

/* Mobile Website Signals */
@media (max-width: 768px) {
  .website-signals {
    padding: 26px 22px;
    border-radius: 26px;
  }

  .website-signals h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .signal-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .signal-box {
    min-height: auto;
    padding: 24px;
    border-radius: 20px;
  }

  .signal-box p {
    font-size: 16px;
    line-height: 1.6;
  }

  .signal-status {
    width: 32px;
    height: 32px;
    font-size: 17px;
  }
}