:root{
  --bg:#04131f;
  --bg-2:#071d2e;
  --panel:rgba(10,31,47,.78);
  --panel-solid:#0b2234;
  --panel-light:#f7fbfd;
  --line:rgba(255,255,255,.10);
  --text:#f7fbff;
  --muted:#9eb2c2;
  --navy:#063b5f;
  --blue:#00b6e3;
  --blue-2:#2d8cff;
  --green:#21c58b;
  --amber:#f7b84b;
  --red:#ff6c7a;
  --ink:#0b2234;
  --ink-soft:#5f7180;
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:16px;
  --shadow:0 24px 70px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 5%,rgba(0,182,227,.12),transparent 30%),
    radial-gradient(circle at 90% 35%,rgba(33,197,139,.10),transparent 32%),
    linear-gradient(180deg,#04131f 0%,#061827 42%,#06131d 100%);
  font-family:Tahoma,Arial,sans-serif;
  line-height:1.7;
  overflow-x:hidden;
}
button,input,select{font:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.hidden{display:none!important}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.20;z-index:-1;border-radius:999px}
.ambient-one{width:420px;height:420px;background:#00b6e3;top:-180px;left:-150px}
.ambient-two{width:360px;height:360px;background:#21c58b;bottom:10%;right:-160px}
.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 0 10px;
}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:112px;height:auto}
.brand-divider{width:1px;height:28px;background:rgba(255,255,255,.20)}
.miqyas-word{font-size:22px;font-weight:800;letter-spacing:-.03em}
.beta-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;
  color:#b9cad6;background:rgba(255,255,255,.035);font-size:12px;font-weight:700;
}
.hero{
  min-height:720px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;
  padding:64px 0 86px;
}
.hero-copy{position:relative}
.eyebrow,.card-kicker{
  display:inline-flex;align-items:center;gap:9px;
  font-size:13px;font-weight:800;letter-spacing:.02em;color:#7eddf4;
}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(33,197,139,.10)}
.hero h1{
  margin:17px 0 20px;font-size:clamp(48px,6.5vw,86px);line-height:.98;
  letter-spacing:-.055em;font-weight:900;
}
.hero h1 span{
  background:linear-gradient(90deg,#6ae2ff 0%,#21c58b 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{max-width:650px;margin:0;color:#b9cad7;font-size:19px;line-height:1.95}
.hero-facts{display:flex;gap:26px;margin-top:36px}
.hero-facts div{
  min-width:112px;padding-inline-start:16px;border-inline-start:1px solid rgba(255,255,255,.13)
}
.hero-facts strong{display:block;font-size:25px;line-height:1;color:white}
.hero-facts span{display:block;margin-top:8px;color:#8fa6b7;font-size:12px}
.metric-preview{
  width:min(440px,92%);margin-top:42px;padding:22px 24px;border-radius:22px;
  border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 18px 50px rgba(0,0,0,.16);backdrop-filter:blur(16px);
}
.preview-head{display:flex;justify-content:space-between;align-items:center;color:#9db1c1;font-size:12px}
.mini-badge{padding:4px 9px;border-radius:999px;background:rgba(0,182,227,.10);color:#76d9ef}
.preview-score{display:flex;align-items:end;gap:8px;margin:14px 0}
.preview-score strong{font-size:46px;line-height:1;color:#fff}
.preview-score span{color:#87a1b4;margin-bottom:7px}
.preview-bars{display:grid;gap:7px}
.preview-bars i{display:block;height:6px;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#00b6e3,#21c58b)}
.form-card{
  position:relative;overflow:hidden;padding:34px;
  border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);
  background:linear-gradient(160deg,rgba(13,43,64,.94),rgba(8,29,44,.94));
  box-shadow:var(--shadow);backdrop-filter:blur(18px);
}
.form-card:before{
  content:"";position:absolute;width:170px;height:170px;border-radius:50%;
  background:rgba(0,182,227,.16);filter:blur(30px);top:-90px;left:-50px;pointer-events:none
}
.form-card h2{margin:8px 0 5px;font-size:30px;line-height:1.35;letter-spacing:-.03em}
.form-card>p{margin:0 0 24px;color:#95aebe;font-size:14px}
.field{display:block;margin-bottom:16px}
.field>span{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:13px;font-weight:800;color:#d8e6ee}
.field small{font-size:10px;font-weight:600;color:#728b9c}
.field input,.field select{
  width:100%;height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.10);
  background:rgba(2,16,26,.58);color:#fff;outline:none;padding:0 16px;
  transition:border .18s,box-shadow .18s,background .18s;
}
.field input::placeholder{color:#5e7688}
.field input:focus,.field select:focus{
  border-color:rgba(0,182,227,.78);box-shadow:0 0 0 4px rgba(0,182,227,.09);background:rgba(2,18,28,.85)
}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7f9aab 50%),linear-gradient(135deg,#7f9aab 50%,transparent 50%);background-position:18px 23px,12px 23px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.field select option{background:#0b2234;color:#fff}
.phone-field{position:relative}
.phone-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#668092}
.phone-field input{padding-left:42px;direction:ltr;text-align:left}
.primary-btn,.whatsapp-btn{
  width:100%;min-height:57px;display:flex;align-items:center;justify-content:center;gap:12px;
  border:0;border-radius:15px;font-weight:900;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s
}
.primary-btn{
  margin-top:8px;color:#032234;background:linear-gradient(90deg,#67def8,#37d5b3);
  box-shadow:0 14px 34px rgba(0,182,227,.17)
}
.primary-btn:hover,.whatsapp-btn:hover{transform:translateY(-2px)}
.primary-btn:disabled{opacity:.56;cursor:not-allowed;transform:none}
.primary-btn svg,.whatsapp-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.privacy-note{margin:13px 2px 0!important;font-size:10.5px!important;line-height:1.7!important;color:#6f8798!important}
.form-error{min-height:0;margin-top:10px;color:#ff96a1;font-size:12px;font-weight:700}
.form-error:not(:empty){padding:10px 12px;border:1px solid rgba(255,108,122,.16);border-radius:10px;background:rgba(255,108,122,.06)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.analysis-state{padding:28px 0 90px}
.analysis-card{
  display:grid;grid-template-columns:140px 1fr;gap:30px;align-items:center;
  padding:38px 42px;border-radius:28px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(150deg,rgba(11,34,52,.94),rgba(8,27,41,.94));box-shadow:var(--shadow)
}
.scan-orb{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;position:relative;background:rgba(0,182,227,.07)}
.scan-orb img{width:66px;position:relative;z-index:2}
.scan-orb:before,.scan-orb:after,.scan-orb span{content:"";position:absolute;inset:0;border:1px solid rgba(100,222,248,.35);border-radius:50%;animation:scan 2.2s ease-out infinite}
.scan-orb:after{animation-delay:.75s}
.scan-orb span{animation-delay:1.5s}
@keyframes scan{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.analysis-card h2{margin:7px 0 3px;font-size:30px}
.analysis-card p{margin:0;color:#95adbd}
.progress-track{height:7px;margin-top:24px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.progress-track i{display:block;width:8%;height:100%;border-radius:99px;background:linear-gradient(90deg,#00b6e3,#21c58b);transition:width .7s ease}
.progress-steps{display:flex;justify-content:space-between;margin-top:10px;color:#5e7789;font-size:11px}
.progress-steps span.active{color:#83dff2}
.results{padding:28px 0 90px}
.results-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.results-head h2{margin:8px 0 4px;font-size:clamp(32px,5vw,50px);letter-spacing:-.04em}
.results-head p{margin:0;color:#8fa6b7}
.ghost-btn{
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#c7d6df;
  padding:11px 16px;border-radius:12px;cursor:pointer;font-weight:700
}
.score-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}
.overall-card,.dimensions-card,.insight-card,.priority-card,.evidence-card,.cta-card{
  border:1px solid rgba(255,255,255,.09);background:rgba(10,31,47,.72);border-radius:24px;box-shadow:0 16px 46px rgba(0,0,0,.13)
}
.overall-card{display:flex;align-items:center;gap:28px;padding:31px}
.score-ring{
  --score:0;
  width:162px;height:162px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;position:relative;
  background:conic-gradient(#22c58b calc(var(--score)*1%),rgba(255,255,255,.075) 0)
}
.score-ring:before{content:"";position:absolute;inset:11px;background:#0a2234;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.score-ring>div{position:relative;text-align:center;z-index:2}
.score-ring strong{font-size:44px;line-height:1;color:#fff}
.score-ring span{display:block;margin-top:6px;color:#7891a3;font-size:12px}
.result-label{font-size:11px;color:#7f98a8;font-weight:800}
.overall-copy h3{margin:6px 0 8px;font-size:23px;line-height:1.4}
.overall-copy p{margin:0;color:#88a1b2;font-size:12px}
.lead-id{display:inline-flex;margin-top:14px;padding:7px 10px;border-radius:9px;background:rgba(0,182,227,.07);color:#789aac;font-size:10px}
.lead-id b{color:#a8e9f8;margin-inline-start:5px}
.dimensions-card{padding:28px}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}
.section-title span{font-size:17px;font-weight:900}
.section-title small{font-size:10px;color:#72899a}
.dimension-list{display:grid;gap:15px}
.dimension-row{display:grid;grid-template-columns:145px 1fr 43px;gap:14px;align-items:center}
.dimension-name{font-size:12px;color:#cbd9e1;font-weight:700}
.dimension-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.dimension-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#00b6e3,#21c58b);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.dimension-score{direction:ltr;text-align:left;font-size:12px;color:#9fb4c2;font-weight:900}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.insight-card{padding:26px 28px;position:relative;overflow:hidden}
.insight-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(35px);top:-65px;left:-40px;opacity:.18}
.insight-card.positive:after{background:#21c58b}.insight-card.warning:after{background:#f7b84b}
.insight-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;margin-bottom:18px}
.positive .insight-icon{background:rgba(33,197,139,.12);color:#55d8aa}
.warning .insight-icon{background:rgba(247,184,75,.12);color:#f6c772}
.insight-card ul,.evidence-card ul{margin:0;padding:0 19px 0 0;display:grid;gap:11px;color:#9fb2c0;font-size:12px}
.insight-card li::marker{color:#4fcdae}
.warning li::marker{color:#f2bd61}
.priority-card{margin-top:20px;padding:30px}
.priority-head{display:flex;justify-content:space-between;align-items:end;gap:20px}
.priority-head h3{margin:6px 0 0;font-size:25px}
.priority-head>span{font-size:10px;color:#6e8798}
.priority-list{display:grid;gap:10px;margin-top:22px}
.priority-item{
  display:grid;grid-template-columns:46px 1fr auto;gap:15px;align-items:center;
  padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)
}
.priority-num{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(0,182,227,.09);color:#78ddf2;font-weight:900}
.priority-content strong{display:block;font-size:14px}
.priority-content p{margin:3px 0 0;color:#839bab;font-size:11px}
.impact{font-size:9px;font-weight:900;padding:6px 9px;border-radius:999px;background:rgba(33,197,139,.09);color:#61d9ae}
.impact.medium{background:rgba(247,184,75,.09);color:#f2c875}
.impact.light{background:rgba(255,255,255,.06);color:#9fb0bb}
.service-tag{display:inline-block;margin-inline-start:7px;color:#77a9bc;font-size:9px}
.evidence-card{margin-top:20px;padding:0 24px}
.evidence-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:#dce8ee;padding:20px 0;cursor:pointer;font-weight:800}
.evidence-toggle span:last-child{font-size:23px;color:#78dcef;transition:transform .2s}
.evidence-toggle[aria-expanded="true"] span:last-child{transform:rotate(45deg)}
.evidence-card ul{padding-bottom:22px;border-top:1px solid rgba(255,255,255,.06);padding-top:17px}
.cta-card{
  margin-top:20px;padding:33px 34px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  background:
    radial-gradient(circle at 90% 50%,rgba(33,197,139,.11),transparent 30%),
    linear-gradient(135deg,rgba(9,38,55,.94),rgba(7,29,43,.94));
}
.cta-copy h3{margin:7px 0 7px;font-size:27px;line-height:1.4}
.cta-copy p{margin:0;color:#8fa6b5;font-size:12px;max-width:650px}
.whatsapp-btn{
  width:auto;min-width:220px;padding:0 22px;color:#042418;background:linear-gradient(90deg,#52d79c,#76e5b3);
  box-shadow:0 14px 30px rgba(33,197,139,.12)
}
.report-disclaimer{max-width:860px;margin:16px auto 0;text-align:center;color:#627b8c;font-size:9.5px}
.method{padding:70px 0 100px}
.method-heading{max-width:650px;margin-bottom:31px}
.method-heading h2{margin:7px 0 8px;font-size:39px;letter-spacing:-.035em}
.method-heading p{margin:0;color:#879fad}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.method-grid>div{
  min-height:160px;padding:23px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:rgba(255,255,255,.025)
}
.method-grid span{display:inline-block;margin-bottom:19px;color:#73ddef;font-weight:900;font-size:13px}
.method-grid strong{display:block;font-size:15px}
.method-grid p{margin:7px 0 0;color:#738b9b;font-size:11px}
.site-footer{
  padding:26px 0 35px;border-top:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:space-between;gap:20px;color:#60798a;font-size:10px
}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{width:32px;height:32px;object-fit:contain}
.footer-brand strong{display:block;color:#bdd0db;font-size:13px}
.footer-brand span{display:block;font-size:9px}
@media(max-width:960px){
  .hero{grid-template-columns:1fr;gap:42px;padding-top:44px}
  .hero-copy{text-align:center}
  .hero-lead,.metric-preview{margin-inline:auto}
  .hero-facts{justify-content:center}
  .score-layout{grid-template-columns:1fr}
  .method-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .shell{width:min(100% - 26px,1180px)}
  .site-header{padding-top:16px}
  .brand img{width:88px}.brand-divider{height:22px}.miqyas-word{font-size:18px}.beta-pill{font-size:9px;padding:6px 9px}
  .hero{min-height:0;padding:47px 0 62px}
  .hero h1{font-size:49px}
  .hero-lead{font-size:15px;line-height:1.85}
  .hero-facts{gap:10px}
  .hero-facts div{min-width:auto;flex:1;padding-inline-start:9px}
  .hero-facts strong{font-size:20px}.hero-facts span{font-size:9px}
  .metric-preview{width:100%;text-align:start}
  .form-card{padding:25px 20px;border-radius:24px}
  .form-card h2{font-size:25px}
  .analysis-card{grid-template-columns:1fr;text-align:center;padding:31px 22px}
  .scan-orb{margin:auto;width:104px;height:104px}
  .progress-steps{font-size:9px}
  .results-head{align-items:start;flex-direction:column}
  .overall-card{flex-direction:column;text-align:center;padding:26px 20px}
  .score-ring{width:150px;height:150px}
  .dimensions-card,.insight-card,.priority-card{padding:23px 19px}
  .dimension-row{grid-template-columns:112px 1fr 36px;gap:9px}
  .dimension-name{font-size:10px}
  .insight-grid{grid-template-columns:1fr}
  .priority-head{align-items:start;flex-direction:column}
  .priority-item{grid-template-columns:40px 1fr;gap:11px}
  .priority-item>.impact{grid-column:2}
  .cta-card{grid-template-columns:1fr;padding:27px 21px}
  .cta-copy h3{font-size:23px}
  .whatsapp-btn{width:100%}
  .method{padding:55px 0 75px}
  .method-heading h2{font-size:31px}
  .method-grid{grid-template-columns:1fr}
  .site-footer{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}