:root{
  --fontHead:"Space Grotesk",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --fontBody:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bg:#001A0D;
  --panel:#00331A;
  --panelDeep:#002613;
  --text:#FFFFFF;
  --muted:#C3E7D7;
  --accent:#00D09C;
  --accentSoft:rgba(0,208,156,.15);
  --violet:#B64CFF;
  --btnText:#000000;
  --line:rgba(174,255,226,.17);
  --shadow:0 10px 40px rgba(0,0,0,.4);
  --padX:40px;
  --padY:80px;
  --gap:28px;
}

*,*::before,*::after{
  box-sizing:border-box;
  overflow-wrap:break-word;
}

html{
  font-size:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:var(--fontBody);
  font-size:1rem;
  line-height:1.7;
  color:var(--text);
  background:#001A0D;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  contain:strict;
  background:
    radial-gradient(circle at 12% 8%,rgba(0,208,156,.13),transparent 27rem),
    radial-gradient(circle at 88% 27%,rgba(182,76,255,.08),transparent 25rem),
    linear-gradient(140deg,#001A0D 0%,#001408 54%,#002613 100%);
}

p{
  font-size:1rem;
  -webkit-hyphens:auto;
  hyphens:auto;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--fontHead);
  hyphens:none;
  overflow-wrap:normal;
}

h1{font-size:clamp(2.8rem,5vw,4.9rem);line-height:1.15}
h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.2}
h3{font-size:1.35rem;line-height:1.25}
h4,h5,h6{line-height:1.3}

a{color:var(--accent)}
a:hover{color:#7fffe1}

img{max-width:100%;height:auto}

button,input,select{font:inherit}

button,a,label,summary,select{cursor:pointer}

.container{
  width:min(1200px,calc(100% - (var(--padX) * 2)));
  margin:0 auto;
}

.skip-link{
  position:absolute;
  top:-40px;
  left:0;
  background:var(--accent);
  color:var(--btnText);
  padding:8px;
  z-index:10001;
  font-size:14px;
  font-weight:700;
}

.skip-link:focus{top:0}

.site-header{
  position:sticky;
  top:0;
  z-index:999;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,26,13,.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.header-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}

.brand{
  color:var(--text);
  text-decoration:none;
  font-family:var(--fontHead);
  font-weight:700;
  font-size:1.25rem;
  letter-spacing:-.04em;
  white-space:nowrap;
}

.brand-mark{color:var(--accent);margin-right:4px}

nav{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}

.nav-links a{
  color:#D8F5E8;
  text-decoration:none;
  font-size:.88rem;
  font-weight:700;
  white-space:nowrap;
}

.nav-links a:hover{color:var(--accent)}

.nav-signup{
  padding:8px 12px;
  border:1px solid var(--accent);
  color:var(--accent)!important;
}

.lang-menu{position:relative}

.lang-select{
  appearance:none;
  -webkit-appearance:none;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right .5rem center;
  border:1px solid currentColor;
  border-radius:4px;
  padding:.35rem 1.8rem .35rem .6rem;
  font-size:.85rem;
  cursor:pointer;
  color:inherit;
  opacity:.75;
}

.lang-select:hover{opacity:1}

.mobile-toggle-input{display:none}

.hamburger{
  display:none;
  background:transparent;
  border:1px solid currentColor;
  color:inherit;
  padding:10px 12px;
  cursor:pointer;
  opacity:.75;
}

.hamburger:hover{opacity:1}

.hamburger-lines,
.hamburger-lines::before,
.hamburger-lines::after{
  display:block;
  width:20px;
  height:2px;
  background:var(--text);
  position:relative;
}

.hamburger-lines::before,
.hamburger-lines::after{
  content:"";
  position:absolute;
  left:0;
}

.hamburger-lines::before{top:-6px}
.hamburger-lines::after{top:6px}

.mobile-menu{
  display:none;
  width:100%;
  background:var(--bg);
  border-top:1px solid rgba(255,255,255,.1);
}

.mobile-menu a{
  display:block;
  padding:12px 20px;
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.mobile-menu a:hover{background:rgba(255,255,255,.08)}

.hero-section{
  position:relative;
  isolation:isolate;
  min-height:600px;
  display:flex;
  align-items:center;
  padding:64px 0;
}

.hero-decor{
  position:absolute;
  inset:0;
  z-index:-1;
  contain:strict;
  overflow:hidden;
  pointer-events:none;
}

.orb{
  position:absolute;
  border-radius:50%;
  contain:strict;
  filter:blur(2px);
}

.orb-one{
  width:440px;
  height:440px;
  left:-210px;
  top:-160px;
  background:radial-gradient(circle,rgba(0,208,156,.23),transparent 68%);
  animation:orbFloat 11s ease-in-out infinite;
}

.orb-two{
  width:380px;
  height:380px;
  right:-130px;
  bottom:-130px;
  background:radial-gradient(circle,rgba(182,76,255,.18),transparent 67%);
  animation:orbFloat 14s ease-in-out infinite reverse;
}

.grid-glow{
  position:absolute;
  width:520px;
  height:520px;
  right:7%;
  top:28px;
  opacity:.2;
  background-image:linear-gradient(rgba(0,208,156,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,208,156,.3) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:radial-gradient(circle,black 22%,transparent 70%);
}

.hero-inner{
  display:flex;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
}

.hero-left{
  flex:1;
  min-width:0;
}

.hero-kicker,
.form-topline{
  display:flex;
  align-items:center;
  gap:10px;
  color:#BFFBE7;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.status-dot,.form-pulse{
  width:9px;
  height:9px;
  display:inline-block;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 7px rgba(0,208,156,.1);
  animation:pulse 2.2s ease-out infinite;
}

.hero-left h1{
  max-width:760px;
  margin:16px 0 22px;
  letter-spacing:-.065em;
}

.hero-left h1 span{
  color:var(--accent);
  text-shadow:0 0 32px rgba(0,208,156,.28);
}

.hero-lead{
  max-width:620px;
  margin:0;
  color:var(--muted);
  font-size:1.08rem;
}

.hero-quicklist,.checklist{
  display:flex;
  gap:12px 22px;
  flex-wrap:wrap;
  padding:0;
  margin:28px 0;
  list-style:none;
}

.hero-quicklist li,.checklist li{
  display:flex;
  align-items:center;
  gap:8px;
  color:#E9FFF5;
  font-size:.9rem;
  font-weight:700;
}

.hero-quicklist i,.checklist i{color:var(--accent)}

.market-strip{
  display:flex;
  gap:0;
  width:min(100%,620px);
  border:1px solid var(--line);
  background:rgba(0,51,26,.55);
  box-shadow:var(--shadow);
}

.market-strip div{
  flex:1;
  min-width:120px;
  padding:15px 18px;
  border-right:1px solid var(--line);
}

.market-strip div:last-child{border-right:0}

.market-strip strong{
  display:block;
  color:var(--accent);
  font-family:var(--fontHead);
  font-size:1.24rem;
}

.market-strip span{
  display:block;
  color:var(--muted);
  font-size:.73rem;
}

.hero-form{
  width:100%;
  max-width:460px;
  flex-shrink:0;
}

.form-shell{
  padding:30px;
  background:linear-gradient(145deg,rgba(0,65,35,.94),rgba(0,38,19,.96));
  border:1px solid rgba(0,208,156,.4);
  border-radius:8px;
  box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 42px rgba(0,208,156,.13);
}

.form-shell h2{
  margin:10px 0 8px;
  font-size:1.75rem;
  letter-spacing:-.04em;
}

.form-shell>p{
  margin:0 0 22px;
  color:var(--muted);
  font-size:.9rem;
}

.form-message{min-height:0}

.reg-form{display:grid;gap:16px}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.form-col,.form-block{display:grid;gap:6px}

.reg-form label{
  color:#E7FFF4;
  font-size:.78rem;
  font-weight:700;
}

.reg-form input{
  width:100%;
  height:48px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:4px;
  color:var(--text);
  background:rgba(0,12,6,.48);
  outline:none;
}

.reg-form input::placeholder{color:#9ABDAC}

.reg-form input:focus{
  border-color:var(--accent);
  outline:3px solid rgba(0,208,156,.19);
}

.phone-input-wrapper{
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:4px;
  background:rgba(0,12,6,.48);
}

.phone-input-wrapper:focus-within{
  border-color:var(--accent);
  outline:3px solid rgba(0,208,156,.19);
}

.phone-prefix{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 10px;
  color:#D9F7E9;
  border-right:1px solid rgba(255,255,255,.17);
  font-size:.9rem;
}

.phone-input-wrapper input{
  border:0;
  background:transparent;
}

.phone-input-wrapper input:focus{outline:0}

.form-disclaimer{
  font-size:.85rem;
  color:inherit;
  line-height:1.4;
  margin:.5rem 0 0;
}

.form-disclaimer a{font-weight:700}

.submit-btn,.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  border:0;
  border-radius:0;
  padding:14px 20px;
  font-family:var(--fontHead);
  font-weight:700;
  letter-spacing:.03em;
  text-decoration:none;
  cursor:pointer;
  transition:transform .22s ease;
}

.submit-btn{
  width:100%;
  color:#fff;
  background:linear-gradient(135deg,#B64CFF,#8C27DB);
  box-shadow:0 10px 28px rgba(182,76,255,.32);
}

.submit-btn:hover,.btn:hover{transform:translateY(-2px)}
.submit-btn:focus-visible,.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

.section{padding:var(--padY) 0}

.section-head{
  max-width:760px;
  margin:0 auto 42px;
  text-align:center;
}

.eyebrow{
  display:inline-block;
  color:var(--accent);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.section-head h2{margin:12px 0 14px;letter-spacing:-.05em}
.section-head p{margin:0;color:var(--muted)}

.features-section,.steps-section,.faq-section,.risk-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 500px;
}

.bento-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:minmax(190px,auto);
  gap:var(--gap);
  contain:layout;
}

.bento-item{
  position:relative;
  min-width:0;
  padding:27px;
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(0,63,33,.65),rgba(0,35,18,.8));
  box-shadow:var(--shadow);
  contain:content;
  transition:transform .24s ease;
}

.bento-item:hover{transform:translateY(-4px)}

.bento-item.large{grid-column:span 2}
.bento-item.wide{grid-column:span 2}
.bento-item.tall{grid-row:span 2}

.card-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(0,208,156,.4);
  border-radius:50%;
  color:var(--accent);
  background:rgba(0,208,156,.08);
}

.bento-item h3,.step-card h3,.warning-card h3,.security-meter h3{margin:0 0 10px}
.bento-item p,.step-card p,.warning-card p,.security-meter p{margin:0;color:var(--muted);font-size:.91rem}

.mini-chart{
  height:86px;
  display:flex;
  align-items:end;
  gap:8px;
  margin-top:20px;
  padding:10px 0 0;
  border-top:1px solid var(--line);
}

.mini-chart span{
  flex:1;
  background:linear-gradient(to top,var(--accent),rgba(0,208,156,.15));
  animation:barRise 3s ease-in-out infinite alternate;
}

.mini-chart span:nth-child(1){height:33%}
.mini-chart span:nth-child(2){height:58%;animation-delay:.2s}
.mini-chart span:nth-child(3){height:44%;animation-delay:.4s}
.mini-chart span:nth-child(4){height:74%;animation-delay:.6s}
.mini-chart span:nth-child(5){height:52%;animation-delay:.8s}
.mini-chart span:nth-child(6){height:87%;animation-delay:1s}
.mini-chart span:nth-child(7){height:68%;animation-delay:1.2s}

.vertical-bars{
  min-height:190px;
  display:flex;
  align-items:end;
  gap:9px;
  margin-top:25px;
}

.vertical-bars span{
  flex:1;
  background:var(--accent);
  box-shadow:0 0 18px rgba(0,208,156,.28);
  animation:barRise 2.8s ease-in-out infinite alternate;
}

.vertical-bars span:nth-child(1){height:30%}
.vertical-bars span:nth-child(2){height:70%;animation-delay:.2s}
.vertical-bars span:nth-child(3){height:48%;animation-delay:.4s}
.vertical-bars span:nth-child(4){height:88%;animation-delay:.6s}
.vertical-bars span:nth-child(5){height:58%;animation-delay:.8s}

.two-col-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 500px;
}

.intelligence-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}

.insight-panel{
  position:relative;
  min-height:470px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:radial-gradient(circle at center,rgba(0,208,156,.1),transparent 42%),#002613;
  box-shadow:var(--shadow);
}

.panel-grid{
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:linear-gradient(rgba(0,208,156,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,208,156,.2) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle at center,black 5%,transparent 74%);
}

.ai-core{
  position:relative;
  width:300px;
  height:300px;
  display:grid;
  place-items:center;
}

.core-ring{
  position:absolute;
  border:1px solid rgba(0,208,156,.58);
  border-radius:50%;
}

.ring-a{inset:0;animation:spin 14s linear infinite}
.ring-b{inset:28px;border-style:dashed;animation:spin 10s linear infinite reverse}
.ring-c{inset:57px;animation:pulseRing 2.4s ease-in-out infinite}

.robot-chip{
  position:relative;
  z-index:2;
  width:190px;
  height:190px;
  filter:drop-shadow(0 0 20px rgba(0,208,156,.4));
  animation:coreFloat 4s ease-in-out infinite;
}

.orbit-dot{
  position:absolute;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 15px var(--accent);
}

.dot-a{top:18px;left:145px;animation:dotOrbit 7s linear infinite}
.dot-b{bottom:38px;right:31px;animation:dotOrbit 9s linear infinite reverse}
.dot-c{left:25px;top:142px;animation:dotOrbit 8s linear infinite}

.scan-label{
  position:absolute;
  bottom:26px;
  padding:7px 12px;
  border:1px solid rgba(0,208,156,.3);
  color:#C7FFE8;
  background:rgba(0,26,13,.75);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.insight-copy h2{margin:12px 0 18px;letter-spacing:-.05em}
.insight-copy p{color:var(--muted)}
.checklist{display:grid;margin-bottom:0}

.steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--gap);
  contain:layout;
}

.step-card{
  position:relative;
  min-width:0;
  min-height:250px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(0,51,26,.62);
  box-shadow:var(--shadow);
  contain:content;
  transition:transform .24s ease;
}

.step-card:hover{transform:translateY(-4px)}

.step-number{
  position:absolute;
  right:17px;
  top:8px;
  z-index:0;
  color:rgba(0,208,156,.1);
  font:700 5.2rem/1 var(--fontHead);
}

.step-card h3,.step-card p,.step-card .card-icon{
  position:relative;
  z-index:1;
}

.faq-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  contain:layout;
}

.faq-card{
  min-width:0;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(0,51,26,.56);
  contain:content;
}

.faq-card summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#F2FFF9;
  font-family:var(--fontHead);
  font-weight:700;
  list-style:none;
}

.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary i{color:var(--accent)}
.faq-card[open] summary i{transform:rotate(45deg)}
.faq-card p{margin:14px 0 0;color:var(--muted);font-size:.91rem}

.cta-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 380px;
}

.cta-floating-card{
  display:grid;
  grid-template-columns:1.4fr .8fr auto;
  align-items:center;
  gap:30px;
  padding:38px 42px;
  border:1px solid rgba(182,76,255,.45);
  border-radius:8px;
  background:linear-gradient(120deg,#00331A 0%,#133A33 55%,#32164B 100%);
  box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 45px rgba(182,76,255,.16);
}

.cta-floating-card h2{margin:9px 0;letter-spacing:-.05em}
.cta-floating-card p{margin:0;color:#D4F2E4}

.countdown{
  display:flex;
  gap:11px;
  justify-content:center;
}

.countdown span{
  min-width:58px;
  padding:8px;
  text-align:center;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.18);
}

.countdown b{
  display:block;
  font-family:var(--fontHead);
  font-size:1.3rem;
}

.countdown small{
  color:#CDE9DC;
  font-size:.63rem;
  text-transform:uppercase;
}

.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#B64CFF,#8C27DB);
  box-shadow:0 10px 28px rgba(182,76,255,.3);
  white-space:nowrap;
}

.warning-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--gap);
  contain:layout;
}

.warning-card{
  min-width:0;
  padding:28px;
  border:1px solid rgba(232,185,35,.38);
  border-left:4px solid #E8B923;
  border-radius:8px;
  background:rgba(47,52,15,.24);
  box-shadow:var(--shadow);
  contain:content;
  transition:transform .24s ease;
}

.warning-card:hover{transform:translateY(-4px)}
.warning-card>i{display:block;margin-bottom:18px;color:#E8B923;font-size:1.5rem}

.security-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 450px;
}

.security-layout{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:70px;
}

.security-layout h2{margin:12px 0 18px;letter-spacing:-.05em}
.security-layout p{color:var(--muted)}

.security-meter{
  min-width:0;
  padding:38px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(0,70,37,.7),rgba(0,34,18,.88));
  box-shadow:var(--shadow);
}

.meter-orbit{
  width:124px;
  height:124px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  border:1px solid var(--accent);
  border-radius:50%;
  color:var(--accent);
  font-size:2.3rem;
  box-shadow:0 0 0 14px rgba(0,208,156,.06),0 0 42px rgba(0,208,156,.2);
  animation:pulseRing 3s ease-in-out infinite;
}

.meter-bars{
  display:flex;
  gap:6px;
  margin-top:22px;
}

.meter-bars span{
  flex:1;
  height:8px;
  background:var(--accent);
  box-shadow:0 0 12px rgba(0,208,156,.35);
}

.site-footer{
  padding:62px 0 26px;
  border-top:1px solid var(--line);
  background:#001408;
}

.footer-top{
  display:grid;
  grid-template-columns:1.4fr .7fr .7fr;
  gap:40px;
}

.footer-top p{
  max-width:390px;
  color:var(--muted);
  font-size:.89rem;
}

.footer-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}

.footer-links h2{
  margin:0 0 6px;
  color:var(--text);
  font-size:1rem;
}

.footer-links a{
  color:var(--muted);
  text-decoration:none;
  font-size:.87rem;
}

.footer-disclaimer-wrap{
  margin-top:38px;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.1);
}

.footer-disclaimer{width:100%;background:transparent}

.trust-badge i,[class*="fa-"]{
  display:inline-block;
  width:1em;
  height:1em;
  aspect-ratio:1/1;
  vertical-align:middle;
  line-height:1;
}

/* Cookie Consent - fixed bottom banner with BLACK text */
.cookie-consent{display:none;position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-top:1px solid rgba(0,0,0,.1);padding:16px 24px;z-index:9999;box-shadow:0 -2px 10px rgba(0,0,0,.1)}
.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#000000}
.cookie-content p{color:#000000;margin:0}
.cookie-content a{color:#0066cc!important;text-decoration:underline;font-weight:600}
.cookie-content a:hover{color:#004499!important}
.cookie-btn{padding:10px 24px;background:var(--accent);color:#000;border:none;border-radius:4px;font-weight:700;cursor:pointer}

/* Disclaimer Popup - Full width bottom banner with Read More */
.disclaimer-popup-overlay{position:fixed;bottom:0;left:0;width:100%;z-index:10000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.disclaimer-popup-overlay.active{opacity:1;visibility:visible}
.disclaimer-popup{background:#ffffff;color:#333;width:100%;box-shadow:0 -2px 15px rgba(0,0,0,.1);border-top:1px solid #e5e5e5;transform:translateY(100%);transition:transform .3s ease;pointer-events:auto}
.disclaimer-popup-overlay.active .disclaimer-popup{transform:translateY(0)}
.disclaimer-popup-header{display:flex;justify-content:flex-start;align-items:center;padding:10px 30px;border-bottom:1px solid #eee}
.disclaimer-popup-header h4{margin:0;font-size:13px;font-weight:600;color:#1a1a1a;flex:1}
.disclaimer-close-btn{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;line-height:1}
.disclaimer-close-btn:hover{color:#333}
.disclaimer-popup-body{padding:12px 30px}
.disclaimer-popup-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.disclaimer-popup-content{flex:1}
.disclaimer-main-text{font-size:12px;line-height:1.5;color:#555;margin:0 0 6px}
.disclaimer-main-text a,.disclaimer-popup-body a{color:#0066cc!important;text-decoration:underline;font-weight:600}
.disclaimer-main-text a:hover,.disclaimer-popup-body a:hover{color:#004499!important}
.disclaimer-read-more{font-size:11px;color:#0066cc;text-decoration:underline;cursor:pointer}
.disclaimer-read-more:hover{color:#004499}
.disclaimer-more-text{max-height:0;overflow:hidden;transition:max-height .4s ease,margin .3s ease,padding .3s ease;margin-top:0;padding-top:0;border-top:none}
.disclaimer-more-text.expanded{max-height:400px;margin-top:12px;padding-top:12px;border-top:1px solid #eee;overflow-y:auto}
.popup-svg{width:100%;height:auto;max-width:540px;display:block;margin:0 auto}
.popup-svg-mobile{display:none}
.disclaimer-popup-footer{flex-shrink:0}
.disclaimer-understand-btn{padding:10px 24px;background:var(--accent);color:#000;border:none;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px}
.disclaimer-understand-btn:hover{opacity:.9}

/* Terms Popup - centered overlay */
.terms-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;align-items:center;justify-content:center;padding:20px}
.terms-popup-content{background:#fff;color:#333;border-radius:8px;max-width:700px;width:100%;max-height:90vh;overflow:auto;position:relative;padding:20px}
.terms-popup-content .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;color:#333;cursor:pointer}
.terms-img{width:100%;height:auto}

/* Desktop/Mobile visibility - CRITICAL: These rules must NOT be overridden! */
.desktop-only{display:block!important}
.mobile-only{display:none!important}
@media(max-width:640px){
  .desktop-only{display:none!important}
  .mobile-only{display:block!important}
}

/* Language Dropdown - ALWAYS BLACK TEXT on WHITE background (dropdown only, not the trigger button) */
.lang-dropdown,.lang-list{background:#ffffff}
.lang-option{color:#000000!important;background:#ffffff}
.lang-option:hover{background:rgba(0,0,0,.05);color:#000000!important}
.lang-select option{color:#000000;background:#ffffff}

/* Form disclaimer text - plain text with Read More link */
.form-disclaimer{font-size:.85rem;color:inherit;line-height:1.4;margin-top:.5rem}

@keyframes pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.38)}
}

@keyframes orbFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(30px,22px,0)}
}

@keyframes spin{
  to{transform:rotate(360deg)}
}

@keyframes pulseRing{
  0%,100%{transform:scale(1);opacity:.52}
  50%{transform:scale(1.06);opacity:1}
}

@keyframes coreFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-9px,0)}
}

@keyframes dotOrbit{
  to{transform:rotate(360deg) translateX(10px)}
}

@keyframes barRise{
  from{transform:scaleY(.65);transform-origin:bottom}
  to{transform:scaleY(1);transform-origin:bottom}
}

@media(max-width:1024px){
  :root{--padX:30px;--padY:60px}
  .hero-inner{gap:28px}
  .hero-form{max-width:400px}
  .bento-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:20px}
  .cta-floating-card{grid-template-columns:1fr 1fr}
  .cta-actions{grid-column:span 2}
}

@media(max-width:768px){
  :root{--padX:16px;--padY:40px;--gap:16px}

  .nav-links{display:none}
  .hamburger{display:flex;align-items:center;justify-content:center}
  .mobile-menu{display:none;order:4}
  .mobile-toggle-input:checked~.mobile-menu{display:block}
  nav{justify-content:flex-end}
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,26,13,.97)}
  .orb{opacity:.3;filter:blur(40px)}
  .grid-glow{display:none}

  .section-head{text-align:center}
  .hero-section{min-height:auto;padding:42px 0}
  .hero-inner{flex-direction:column;align-items:center;padding:0;gap:24px}
  .hero-left{text-align:center}
  .hero-form{width:100%;max-width:520px}
  .hero-kicker,.hero-quicklist{justify-content:center}
  .hero-lead{margin-left:auto;margin-right:auto}
  .market-strip{margin:0 auto;text-align:left}
  h1{font-size:1.8rem}

  .cards-grid,.features-grid,.steps-grid,.pricing-grid,.warning-grid,.testimonials-grid,.risk-accordion,.bento-grid,.checklist-grid{
    grid-template-columns:1fr!important;
  }

  .bento-item.large,.bento-item.wide{grid-column:span 1!important}
  .bento-item.tall{grid-row:span 1!important}
  .faq-two-col{grid-template-columns:1fr}
  .intelligence-layout,.security-layout{grid-template-columns:1fr;gap:32px;text-align:center}
  .insight-panel{min-height:360px}
  .checklist{justify-content:center}
  .footer-top{grid-template-columns:1fr;text-align:center}
  .footer-links{align-items:center}
  .site-footer{padding:40px 16px 20px}

  .cta-floating-card{grid-template-columns:1fr;padding:28px 18px;border-radius:8px;text-align:center}
  .cta-actions{grid-column:auto;display:flex;flex-direction:column;align-items:center}
  .cta-actions .btn{width:100%;max-width:320px}
  .countdown{justify-content:center}

  .form-shell{padding:24px}
  .warning-card,.bento-item,.step-card{text-align:center}
  .card-icon{margin-left:auto;margin-right:auto}
  .section,.section-alt{padding:30px 16px}
  body{overflow-x:hidden}
}

@media(max-width:480px){
  h1{font-size:1.5rem}
  h2{font-size:1.3rem}
  h3{font-size:1.1rem}
  .hero-kicker{flex-direction:column;align-items:center}
  .form-shell{padding:16px;border-radius:8px}
  .market-strip{flex-direction:column}
  .market-strip div{border-right:0;border-bottom:1px solid var(--line)}
  .market-strip div:last-child{border-bottom:0}
  .form-grid{grid-template-columns:1fr}
  .submit-btn{height:52px;font-size:.95rem}
  .btn{padding:14px 18px}
  .ai-core{transform:scale(.8)}
  .insight-panel{min-height:310px}
}

@media(max-width:360px){
  h1{font-size:1.3rem}
  h2{font-size:1.15rem}
  .container{width:calc(100% - 20px)}
  section,.section,.section-alt{padding:24px 10px}
  .form-shell{padding:12px}
  .reg-form input{height:44px;padding:10px 12px;font-size:.95rem}
}

@media(max-height:500px) and (orientation:landscape){
  .hero-section{min-height:auto;padding:20px 16px}
  .hero-inner{gap:16px}
}

@media(pointer:coarse){
  a,button,summary,.hamburger,.lang-select,input{min-height:44px;min-width:44px}
  .reg-form input{font-size:16px}
}

@media(max-width:768px){
  .disclaimer-popup-header{padding:8px 16px}
  .disclaimer-popup-body{padding:10px 16px}
  .disclaimer-popup-row{flex-direction:column;gap:12px}
  .disclaimer-popup-footer{width:100%}
  .popup-svg{display:none}
  .popup-svg-mobile{display:block;width:100%;height:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .orb,.grid-glow,.hero-decor{display:none}
}
/* Keep the risk disclaimer readable — never a light card behind it (enforced) */
img[src*="disclaimer-text.svg"], img[src*="disclaimer-mobile.svg"] {
  background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
}
*:has(> img[src*="disclaimer-text.svg"]), *:has(> img[src*="disclaimer-mobile.svg"]) {
  background: transparent !important; background-color: transparent !important; box-shadow: none !important;
}

/* PHONE-PREFIX-FIX — guarantee the country-code prefix always shows with room (enforced) */
.phone-input-wrapper { display: flex !important; align-items: stretch; width: 100%; }
.phone-input-wrapper .phone-prefix, .phone-input-wrapper #phonePrefix, #phonePrefix {
  display: inline-flex !important; align-items: center; justify-content: center;
  white-space: nowrap; flex: 0 0 auto; min-width: 3.5em; padding: 0 10px; box-sizing: border-box;
}
.phone-input-wrapper #phone, .phone-input-wrapper input[type="tel"] {
  flex: 1 1 auto; min-width: 0; width: 100%;
}

/* PHONE-PREFIX-FIX:start — country-code prefix layout (enforced) */
/* :has(> #phone) targets the real wrapper regardless of its class and, thanks to the
   #phone id, wins specificity over the template's own wrapper rules. */
.phone-input-wrapper, *:has(> #phone), *:has(> .phone-prefix) {
  display: flex !important; align-items: baseline !important; box-sizing: border-box !important;
  width: 100% !important; max-width: 100% !important;
}
/* baseline align — the phone input often has asymmetric top padding (floating label
   / intl-tel-input), so centering leaves the prefix and number on different lines.
   Aligning text baselines puts "+972" and the number on the SAME line regardless. */
.phone-input-wrapper .phone-prefix, #phonePrefix, .phone-prefix {
  display: inline-flex !important; align-items: baseline !important; align-self: baseline !important;
  gap: 6px; white-space: nowrap !important; flex: 0 0 auto !important;
  padding: 0 8px 0 0; margin: 0 !important; font-size: inherit !important; line-height: normal !important;
}
*:has(> #phone) > #phone, .phone-input-wrapper #phone, .phone-input-wrapper input[type="tel"] {
  flex: 1 1 auto !important; min-width: 0 !important; width: 100% !important;
  align-self: baseline !important;
}
/* Symmetric vertical padding so the number sits centered — on the SAME line as the
   prefix / intl-tel-input flag. Floating-label templates give the input a big
   top-only padding, which drops the number below the (centered) flag. Verified on a
   live intl-tel-input site: this lines them up exactly. */
#phone, .iti__tel-input, .phone-input-wrapper input[type="tel"] {
  padding-top: 0.9em !important; padding-bottom: 0.9em !important;
}
/* PHONE-PREFIX-FIX:end */
