:root{
  --bg:#07111f;
  --bg2:#0b1627;
  --panel:rgba(16,30,52,.68);
  --panel2:rgba(22,42,72,.58);
  --line:rgba(126,166,255,.18);
  --text:#edf4ff;
  --muted:#a7b6cc;
  --muted2:#7e8fa8;
  --blue:#3478ff;
  --blue2:#76a7ff;
  --cyan:#69e8ff;
  --warning:#f5b85b;
  --radius:24px;
  --shadow:0 24px 90px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Noto Sans Georgian",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
ul{margin:0;padding:0;list-style:none}

.site-bg{
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 12% 10%, rgba(52,120,255,.24), transparent 28%),
    radial-gradient(circle at 88% 5%, rgba(105,232,255,.10), transparent 24%),
    radial-gradient(circle at 50% 60%, rgba(31,75,155,.18), transparent 36%),
    linear-gradient(180deg,#050b15 0%,#081426 45%,#050a12 100%);
}
.site-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.05));
}

.container{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
}
.section{
  padding:94px 0;
  position:relative;
}
.section-muted{
  background:linear-gradient(180deg, rgba(11,22,39,.50), rgba(7,17,31,.24));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.glass{
  background:linear-gradient(145deg, rgba(19,35,59,.72), rgba(11,22,39,.56));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}
.topbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:20;
  height:74px;
  padding:0 max(22px, calc((100vw - 1180px) / 2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(3,8,16,.72);
  backdrop-filter:blur(18px);
}
.brand{
  display:flex;
  align-items:center;
  gap:11px;
  font-weight:800;
  letter-spacing:-.03em;
  font-size:18px;
}
.brand-mark{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--blue),#1b3eff);
  box-shadow:0 10px 28px rgba(52,120,255,.35);
}
.desktop-nav{
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
  color:#c9d5e8;
}
.desktop-nav a{
  transition:.2s ease;
}
.desktop-nav a:hover{color:#fff}
.menu-btn{
  display:none;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:#fff;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-direction:column;
}
.menu-btn span{
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;
  transition:.25s ease;
}
.mobile-nav{
  position:fixed;
  top:74px;
  left:20px;
  right:20px;
  z-index:19;
  display:none;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(8,17,31,.94);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
}
.mobile-nav a{
  display:block;
  padding:12px 10px;
  color:#dce8fb;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav.open{display:block}
.menu-btn.open span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-btn.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.hero{
  min-height:780px;
  display:flex;
  align-items:center;
  padding-top:150px;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg, rgba(5,10,18,.96) 0%, rgba(5,10,18,.80) 42%, rgba(5,10,18,.35) 100%),
    radial-gradient(circle at 80% 42%, rgba(52,120,255,.22), transparent 25%);
}
.hero-visual{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.runway{
  position:absolute;
  right:-12%;
  bottom:0;
  width:85%;
  height:38%;
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(255,255,255,.09) 29%, transparent 30% 100%),
    linear-gradient(0deg, rgba(118,167,255,.18), rgba(255,255,255,.02));
  clip-path:polygon(18% 0,100% 35%,100% 100%,0 100%);
  filter:blur(.2px);
}
.runway:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(92deg, rgba(255,255,255,.15) 0 3px, transparent 3px 68px);
  opacity:.28;
}
.plane{
  position:absolute;
  right:7%;
  top:24%;
  width:430px;
  height:260px;
  transform:rotate(-2deg);
  opacity:.72;
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.45));
}
.plane-body{
  position:absolute;
  left:42px;
  top:86px;
  width:350px;
  height:62px;
  border-radius:70% 24% 24% 70%;
  background:linear-gradient(90deg, rgba(234,244,255,.16), rgba(234,244,255,.72), rgba(118,167,255,.22));
  border:1px solid rgba(255,255,255,.2);
}
.plane-body:before{
  content:"";
  position:absolute;
  right:18px;
  top:10px;
  width:90px;
  height:9px;
  background:repeating-linear-gradient(90deg, rgba(4,10,19,.8) 0 8px, transparent 8px 15px);
  border-radius:20px;
}
.plane-wing{
  position:absolute;
  left:138px;
  width:220px;
  height:34px;
  background:linear-gradient(90deg, rgba(118,167,255,.35), rgba(255,255,255,.58));
  border-radius:50% 100% 70% 50%;
}
.plane-wing-left{top:138px; transform:rotate(17deg)}
.plane-wing-right{top:68px; transform:rotate(-21deg); opacity:.78}
.plane-tail{
  position:absolute;
  right:10px;
  top:44px;
  width:80px;
  height:95px;
  background:linear-gradient(135deg, rgba(118,167,255,.32), rgba(255,255,255,.55));
  clip-path:polygon(0 70%,100% 0,78% 100%);
}
.cargo{
  position:absolute;
  right:21%;
  bottom:21%;
  width:116px;
  height:96px;
  border-radius:10px;
  background:
    linear-gradient(45deg, transparent 48%, rgba(255,255,255,.15) 49% 51%, transparent 52%),
    linear-gradient(-45deg, transparent 48%, rgba(255,255,255,.15) 49% 51%, transparent 52%),
    rgba(133,159,195,.19);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.cargo-2{
  right:13%;
  bottom:17%;
  transform:scale(.75);
  opacity:.68;
}
.light{
  position:absolute;
  width:240px;
  height:2px;
  background:linear-gradient(90deg, transparent, var(--cyan), transparent);
  filter:blur(.5px);
  opacity:.55;
}
.light-1{right:28%;bottom:22%; transform:rotate(4deg)}
.light-2{right:4%;bottom:18%; transform:rotate(-3deg)}

.hero-grid{
  display:grid;
  grid-template-columns:1.08fr .72fr;
  align-items:center;
  gap:54px;
}
.hero-copy{
  max-width:720px;
}
.domain-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#d7e5fa;
  font-weight:700;
  font-size:14px;
  margin-bottom:32px;
}
.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 22px var(--blue);
}
.eyebrow{
  color:var(--blue2);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:800;
  margin:0 0 12px;
}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:clamp(36px, 5.4vw, 68px);
  line-height:1.02;
  letter-spacing:-.06em;
  margin-bottom:24px;
}
h2{
  font-size:clamp(22px, 2.8vw, 34px);
  line-height:1.15;
  letter-spacing:-.035em;
  margin-bottom:16px;
}
h3{
  font-size:20px;
  line-height:1.24;
  letter-spacing:-.03em;
  margin-bottom:12px;
}
.lead{
  font-size:18px;
  max-width:820px;
  color:#c4d0e4;
  margin-bottom:34px;
}
.hero-notes{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.hero-notes span{
  padding:10px 14px;
  border-radius:999px;
  color:#d9e7fb;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  font-size:14px;
}
.hero-card{
  border-radius:var(--radius);
  padding:34px;
  align-self:end;
  transform:translateY(70px);
}
.card-label{
  color:var(--blue2);
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin:0 0 10px;
}
.hero-card p:not(.card-label),
.section-head p,
.goal-card p,
.module-card p,
.flow-card p,
.warning-card p,
.next-box li,
.footer{
  color:var(--muted);
}
.section-head{
  max-width:100%;
  width:100%;
  margin:0 0 40px;
}
.section-head.center{text-align:center;margin-inline:auto}
.goal-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.goal-card{
  min-height:236px;
  border-radius:22px;
  padding:24px;
}
.icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:rgba(52,120,255,.14);
  border:1px solid rgba(118,167,255,.2);
  margin-bottom:22px;
  font-size:25px;
}
.goal-card h3{
  font-size:18px;
}
.goal-card p{
  font-size:14px;
  margin-bottom:0;
}

.module-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.module-card{
  border-radius:var(--radius);
  padding:28px;
  overflow:hidden;
  position:relative;
}
.module-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 10%, rgba(52,120,255,.22), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent);
}
.module-top{
  display:flex;
  gap:16px;
  align-items:center;
  margin-bottom:18px;
}
.module-icon{
  display:grid;
  place-items:center;
  flex:0 0 62px;
  width:62px;
  height:62px;
  border-radius:21px;
  background:linear-gradient(135deg, rgba(52,120,255,.9), rgba(30,61,214,.75));
  box-shadow:0 16px 44px rgba(52,120,255,.25);
  font-size:27px;
}
.accordion-btn{
  width:100%;
  margin-top:14px;
  padding:15px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:16px;
  border:1px solid rgba(118,167,255,.18);
  background:rgba(255,255,255,.045);
  color:#edf4ff;
  cursor:pointer;
  font-size:15px;
  font-weight:800;
  text-align:left;
  transition:.22s ease;
}
.accordion-btn:hover{
  border-color:rgba(118,167,255,.35);
  background:rgba(52,120,255,.10);
}
.plus{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:rgba(52,120,255,.35);
  transition:.25s ease;
}
.accordion-btn.open .plus{
  transform:rotate(45deg);
  background:rgba(52,120,255,.95);
}
.accordion-panel{
  max-height:0;
  overflow:hidden;
  transition:max-height .32s ease;
}
.accordion-panel ul{
  padding:14px 4px 4px;
}
.accordion-panel li{
  color:#b9c7db;
  font-size:14px;
  padding:9px 0 9px 24px;
  position:relative;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.accordion-panel li:before{
  content:"";
  position:absolute;
  left:2px;
  top:18px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 18px rgba(52,120,255,.75);
}

.flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  position:relative;
}
.flow-card{
  border-radius:22px;
  padding:24px;
  min-height:220px;
}
.flow-card span{
  display:block;
  font-size:30px;
  margin-bottom:18px;
}
.flow-card h3{
  font-size:18px;
}
.flow-card p{
  font-size:14px;
}

.budget-grid{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:24px;
  align-items:stretch;
}
.price-card,
.warning-card,
.next-box{
  border-radius:var(--radius);
  padding:34px;
}
.featured{
  border-color:rgba(52,120,255,.48);
  box-shadow:0 30px 110px rgba(52,120,255,.14), var(--shadow);
}
.price-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.badge{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(52,120,255,.16);
  border:1px solid rgba(118,167,255,.26);
  color:#cfe0ff;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.price{
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin:22px 0 22px;
}
.price span{
  color:var(--muted2);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.price strong{
  display:block;
  font-size:58px;
  line-height:1;
  letter-spacing:-.06em;
}
.check-list li,
.question-grid li{
  position:relative;
  padding:9px 0 9px 30px;
  color:#c3d0e3;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.check-list li:before,
.question-grid li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:9px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(52,120,255,.18);
  color:var(--blue2);
  font-size:12px;
  font-weight:900;
}
.warning-card{
  border-color:rgba(245,184,91,.28);
  background:linear-gradient(145deg, rgba(62,43,18,.55), rgba(11,22,39,.62));
}
.warning-card h3{
  color:#fff1d6;
}
.warning-card:before{
  content:"!";
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:rgba(245,184,91,.18);
  border:1px solid rgba(245,184,91,.25);
  color:var(--warning);
  font-size:30px;
  font-weight:900;
  margin-bottom:22px;
}

.next-box{
  overflow:hidden;
  position:relative;
}
.next-box:before{
  content:"";
  position:absolute;
  right:-80px;
  top:-80px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(52,120,255,.22), transparent 68%);
}
.question-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:30px;
}
.question-grid h3{
  font-size:20px;
}
.footer{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:26px 0 0;
  font-size:13px;
}

@media (max-width: 1050px){
  .hero-grid,
  .budget-grid{
    grid-template-columns:1fr;
  }
  .hero-card{
    transform:none;
  }
  .goal-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .module-grid,
  .flow,
  .question-grid{
    grid-template-columns:1fr;
  }
  .flow-card{
    min-height:auto;
  }
}

@media (max-width: 760px){
  .desktop-nav{display:none}
  .menu-btn{display:flex}
  .section{padding:68px 0}
  .hero{
    min-height:auto;
    padding-top:128px;
    padding-bottom:70px;
  }
  .hero-visual{
    opacity:.52;
  }
  h1{
    font-size:34px;
    letter-spacing:-.045em;
    line-height:1.05;
  }
  h2{
    font-size:23px;
    line-height:1.16;
  }
  .lead{
    font-size:17px;
  }
  .container{
    width:min(100% - 28px, 1180px);
  }
  .goal-grid{
    grid-template-columns:1fr;
  }
  .goal-card{
    min-height:auto;
  }
  .price-top{
    display:block;
  }
  .badge{
    margin-top:12px;
    white-space:normal;
  }
  .price strong{
    font-size:46px;
  }
  .footer{
    flex-direction:column;
    gap:8px;
  }
  .plane{
    right:-30%;
    top:18%;
    transform:scale(.75) rotate(-2deg);
  }
}


.section-head h2,
.section-head p:not(.eyebrow),
.next-box h2,
.next-box p:not(.eyebrow){
  max-width:100%;
  width:100%;
}



/* Final proposal typography tuning */
.section-head h2,
.next-box h2{
  max-width:100%;
  width:100%;
}

.next-box h2{
  font-size:clamp(20px, 2.45vw, 30px);
  line-height:1.16;
  letter-spacing:-.03em;
}

.tech-note{
  margin-top:22px;
  padding:20px 24px;
  border-radius:20px;
}

.tech-note p{
  margin:0;
  color:var(--muted);
  font-size:15px;
}

.tech-note strong{
  color:#edf4ff;
}

@media (max-width: 760px){
  h2{
    font-size:22px;
    line-height:1.17;
  }
  .next-box h2{
    font-size:20px;
    line-height:1.18;
  }
  .tech-note{
    padding:18px;
  }
}


/* v7: balanced 4-card layout after removing extra blocks */
.goal-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.flow{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.goal-card,
.flow-card{
  min-height:240px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.goal-card h3,
.flow-card h3{
  max-width:100%;
}

.goal-card p,
.flow-card p{
  max-width:100%;
}

@media (max-width:1050px){
  .goal-grid,
  .flow{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:760px){
  .goal-grid,
  .flow{
    grid-template-columns:1fr;
  }

  .goal-card,
  .flow-card{
    min-height:auto;
  }
}