*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f8f9fc;--paper:#fff;--ink:#151c2b;--muted:#6f7889;--line:#e7e9ef;--purple:#7758f6;--purple2:#a14cf3;--blue:#3578ea;--orange:#ff7c53;--shadow:0 24px 70px rgba(69,78,112,.12)}body{margin:0;background:radial-gradient(circle at 18% 16%,#f1edff 0,transparent 25%),radial-gradient(circle at 88% 22%,#eef5ff 0,transparent 28%),#f7f8fb;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.page-shell{width:min(calc(100% - 52px),1460px);margin:26px auto}.topbar{height:78px;background:rgba(255,255,255,.87);border:1px solid rgba(225,228,237,.92);border-radius:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;box-shadow:0 12px 40px rgba(90,97,120,.06);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-.04em}.brand strong{font-weight:900;background:linear-gradient(90deg,#17213a 0 40%,#6659f4 60%,#a24dec);-webkit-background-clip:text;color:transparent}.brand-mark{position:relative;width:35px;height:35px}.brand-mark i{position:absolute;width:12px;height:3px;border-radius:3px;background:linear-gradient(90deg,#6c61ff,#ad54ee)}.brand-mark i:nth-child(1){left:11px;top:2px}.brand-mark i:nth-child(2){right:2px;top:9px;transform:rotate(60deg)}.brand-mark i:nth-child(3){right:2px;bottom:9px;transform:rotate(-60deg)}.brand-mark i:nth-child(4){left:11px;bottom:2px}.brand-mark i:nth-child(5){left:2px;bottom:9px;transform:rotate(60deg)}.brand-mark i:nth-child(6){left:2px;top:9px;transform:rotate(-60deg)}.nav-links{display:flex;gap:40px;font-size:13px;font-weight:600}.nav-links a:hover{color:var(--purple)}.nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}.login-btn,.create-btn,.icon-btn{height:40px;border-radius:12px;padding:0 18px;border:1px solid #e1e4eb;background:#fff;font-size:12px;font-weight:700}.create-btn{color:#fff;border:0;background:linear-gradient(110deg,#4969f4,#9651ef);box-shadow:0 8px 20px #6d5bf52a}.icon-btn{width:40px;padding:0;font-size:18px}.hero-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;padding:34px 0}.intro-panel{min-height:665px;display:flex;align-items:center}.intro-inner{padding:36px 30px}.eyebrow{display:inline-block;font-size:9px;letter-spacing:.14em;font-weight:800;color:#7d8595}.intro-panel h1{font-size:clamp(50px,5vw,76px);line-height:.94;letter-spacing:-.06em;margin:17px 0 24px;font-weight:760}.intro-panel h1 span{background:linear-gradient(90deg,#326df2,#8358f5 48%,#dc5cc0 72%,#ff8055);-webkit-background-clip:text;color:transparent}.intro-copy{max-width:540px;color:var(--muted);line-height:1.75;font-size:15px}.feature-row{display:flex;gap:24px;flex-wrap:wrap;margin:32px 0}.feature-mini{display:flex;align-items:center;gap:10px}.mini-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#f0edff;color:#6d56f4;font-weight:900}.feature-mini div{display:grid;gap:2px}.feature-mini strong{font-size:11px}.feature-mini small{font-size:9px;color:var(--muted)}.intro-actions{display:flex;gap:12px;margin-top:32px}.gradient-btn,.outline-btn{min-height:50px;border-radius:12px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:12px;font-weight:750}.gradient-btn{background:linear-gradient(100deg,#3c70ef,#9351ef,#ff7654);color:#fff;box-shadow:0 12px 30px #8558f32a}.outline-btn{background:#fff;border:1px solid #dfe3ea}.tiny-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:#333b49;font-size:9px}.product-area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{background:rgba(255,255,255,.94);border:1px solid #edf0f5;border-radius:20px;padding:22px;box-shadow:var(--shadow)}.product-head{display:flex;justify-content:space-between;gap:14px}.product-head h2{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.product-head p{margin:0;font-size:12px;color:#5964ca}.product-blue .product-head p{color:#2774da}.research-badge{align-self:start;background:#f3eaff;color:#9854df;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;white-space:nowrap}.product-visual{height:315px;border-radius:16px;margin:22px 0;display:grid;place-items:center;position:relative;overflow:hidden}.product-purple .product-visual{background:linear-gradient(160deg,#fff 8%,#faf7ff 60%,#f4edff)}.product-blue .product-visual{background:linear-gradient(160deg,#fff 8%,#f5faff 60%,#eaf4ff)}.molecule{position:absolute;width:120px;height:120px;border:1px solid rgba(111,91,237,.08);transform:rotate(30deg)}.molecule-a{left:-40px;bottom:-50px}.molecule-b{right:-50px;top:-60px}.molecule-c{left:-45px;top:-55px;border-color:#4d95e412}.molecule-d{right:-40px;bottom:-50px;border-color:#4d95e412}.vial{position:relative;width:120px;height:210px;border-radius:20px 20px 28px 28px;background:linear-gradient(90deg,#f7f8f8,#fff 35%,#e7ebeb 70%,#fff);box-shadow:0 25px 35px rgba(55,65,84,.2)}.vial-cap{position:absolute;left:12px;right:12px;top:-18px;height:42px;border-radius:8px;background:linear-gradient(#773ed3,#9c56df)}.product-blue .vial-cap{background:linear-gradient(#226ac5,#3f83e3)}.vial-body{position:absolute;left:8px;right:8px;top:78px;padding:10px 7px;display:grid;text-align:center;border-block:1px solid #d8dce1}.vial-body small{font-size:7px;font-weight:900}.vial-body strong{font-size:12px;margin:3px 0}.vial-body b{justify-self:center;padding:4px 8px;border-radius:6px;background:#8f57ed;color:white;font-size:9px}.product-blue .vial-body b{background:#397de1}.vial-body span{margin-top:5px;color:#8c939e;font-size:5px}.pen{position:relative;width:255px;height:56px;border-radius:999px;background:linear-gradient(#fff,#e7ecec);box-shadow:0 20px 35px rgba(55,65,84,.18);transform:rotate(-7deg)}.pen-cap{position:absolute;left:-12px;top:5px;width:54px;height:46px;border-radius:999px 10px 10px 999px;background:linear-gradient(#773ed3,#9c56df)}.product-blue .pen-cap{background:linear-gradient(#226ac5,#3f83e3)}.pen-end{position:absolute;right:-8px;top:8px;width:38px;height:40px;border-radius:7px 999px 999px 7px;background:#d3dadb}.pen-body{position:absolute;left:60px;top:8px;bottom:8px;display:flex;align-items:center;gap:8px}.pen-body small{font-size:6px;font-weight:900}.pen-body strong{font-size:15px}.pen-body b{font-size:9px;color:#7956e9}.product-blue .pen-body b{color:#3379dc}.format-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.format-toggle button{height:41px;border:1px solid #e2e5eb;border-radius:10px;background:#fff;font-size:10px;font-weight:700}.product-purple .format-toggle button.active{color:#fff;border:0;background:linear-gradient(100deg,#6260f1,#a64bea)}.product-blue .format-toggle button.active{color:#fff;border:0;background:linear-gradient(100deg,#2b79df,#4d8de7)}.strength-block{margin:22px 0 24px}.strength-block label{display:block;font-size:10px;font-weight:700;margin-bottom:9px}.strength-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.strength-row button{height:34px;border:1px solid #e0e4ea;border-radius:10px;background:white;font-size:9px;font-weight:700}.product-purple .strength-row button.active{border-color:#9a61ef;color:#8054e8;box-shadow:0 0 0 2px #9c61ef15}.product-blue .strength-row button.active{border-color:#4d8fe3;color:#347cdd;box-shadow:0 0 0 2px #4d8fe315}.whatsapp-btn{width:100%;height:48px;border:0;border-radius:10px;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;font-weight:750}.product-purple .whatsapp-btn{background:linear-gradient(100deg,#5266f3,#a447e7)}.product-blue .whatsapp-btn{background:linear-gradient(100deg,#2a75d8,#347ee2)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.92);border:1px solid #edf0f5;border-radius:18px;padding:26px 20px;box-shadow:0 15px 45px rgba(73,80,105,.06)}.trust-item{display:flex;gap:13px;padding:0 22px;border-right:1px solid #e7e9ef}.trust-item:last-child{border-right:0}.trust-icon{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#f1efff;color:#6f58ee;display:grid;place-items:center}.trust-item strong{font-size:11px}.trust-item p{font-size:9px;color:var(--muted);line-height:1.5;margin:4px 0 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 0}.info-grid article{background:#fff;border:1px solid #edf0f5;border-radius:18px;padding:28px}.info-grid h3{font-size:26px;letter-spacing:-.04em;margin:10px 0}.info-grid p{font-size:12px;line-height:1.7;color:var(--muted);max-width:600px}.newsletter{background:linear-gradient(90deg,#fff,#faf6ff);border:1px solid #ece9f5;border-radius:18px;padding:22px 28px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px}.newsletter-copy{display:flex;align-items:center;gap:14px}.mail-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#6d59ee,#aa4fe4);color:white;display:grid;place-items:center}.newsletter-copy div{display:grid;gap:3px}.newsletter-copy strong{font-size:12px}.newsletter-copy p{margin:0;color:var(--muted);font-size:10px}.newsletter form{display:flex;gap:10px}.newsletter input{flex:1;border:1px solid #eceef3;background:#fff;border-radius:10px;padding:12px 14px;outline:none;font-size:11px}.newsletter button{border:0;border-radius:10px;padding:0 20px;color:white;background:linear-gradient(100deg,#5c64ef,#9d4ae9);font-size:11px;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:#15192d99;z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.modal{position:relative;width:min(100%,480px);background:white;border-radius:22px;padding:30px;box-shadow:0 30px 90px #1f23464f}.modal h2{font-size:34px;letter-spacing:-.05em;margin:8px 0 20px}.modal-x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;background:white;border:1px solid #e4e7ec;font-size:19px}.tabs{display:flex;gap:6px;margin-bottom:18px}.tabs button{border:1px solid #e3e6ec;background:white;border-radius:999px;padding:8px 12px;font-size:10px}.tabs button.active{background:#675cf0;color:white;border-color:#675cf0}.modal form{display:grid;gap:12px}.modal label{display:grid;gap:6px;font-size:10px;font-weight:700}.modal input,.modal textarea{border:1px solid #e2e5ea;border-radius:10px;padding:11px 12px;background:#fafbfc;outline:none}.modal-primary{width:100%;height:44px;border:0;border-radius:10px;color:#fff;background:linear-gradient(100deg,#5268f3,#9b4bea);font-weight:700;font-size:11px}.fine{font-size:9px;line-height:1.6;color:var(--muted)}.account-card,.enquiry-summary{padding:14px;border-radius:12px;background:#f6f7fb;border:1px solid #eceef3;margin:15px 0;display:grid;gap:4px}.account-card small{font-size:9px;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:#171d2e;color:white;padding:13px 16px;border-radius:10px;font-size:10px;opacity:0;transform:translateY(10px);transition:.2s;z-index:120}.toast.show{opacity:1;transform:none}[hidden]{display:none!important}@media(max-width:1180px){.topbar{grid-template-columns:auto 1fr auto}.nav-links{justify-content:center;gap:22px}.hero-layout{grid-template-columns:1fr}.intro-panel{min-height:auto}.intro-inner{padding:30px 10px}.product-area{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.nav-links{display:none}.product-area{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr;gap:24px}.trust-item{border-right:0}.newsletter{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}}@media(max-width:620px){.page-shell{width:min(calc(100% - 20px),1460px);margin:10px auto}.topbar{height:66px;border-radius:16px;padding:0 15px}.brand{font-size:18px}.login-btn{display:none}.create-btn{padding:0 12px;height:36px}.hero-layout{padding:18px 0}.intro-panel h1{font-size:49px}.feature-row{gap:15px}.intro-actions{flex-direction:column}.gradient-btn,.outline-btn{width:100%}.product-card{padding:16px}.product-head h2{font-size:24px}.product-visual{height:280px}.strength-row{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:1fr;padding:20px}.trust-item{padding:8px}.newsletter form{flex-direction:column}.newsletter button{height:42px}.tiny-points{gap:10px}}

/* ===== ONE-SCREEN NELABS LAYOUT ===== */
html, body {
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

.page-shell {
  width: min(calc(100% - 28px), 1540px);
  margin: 14px auto;
}

.topbar {
  height: 62px;
  border-radius: 18px;
  padding: 0 22px;
}

.hero-layout {
  min-height: calc(100vh - 90px);
  height: calc(100vh - 90px);
  padding: 14px 0 0;
  grid-template-columns: .64fr 1.36fr;
  gap: 16px;
  align-items: stretch;
}

.intro-panel {
  min-height: 0;
  height: 100%;
}

.intro-inner {
  padding: 24px 18px 18px;
  align-self: center;
}

.intro-panel h1 {
  font-size: clamp(44px, 4.4vw, 68px);
  margin: 14px 0 18px;
}

.intro-copy {
  font-size: 13px;
  line-height: 1.55;
  max-width: 470px;
}

.feature-row {
  margin: 22px 0;
  gap: 16px;
}

.feature-mini {
  gap: 8px;
}

.mini-icon {
  width: 30px;
  height: 30px;
}

.feature-mini strong {
  font-size: 10px;
}

.feature-mini small {
  font-size: 8px;
}

.intro-actions {
  margin-top: 22px;
}

.gradient-btn,
.outline-btn {
  min-height: 44px;
  padding: 0 18px;
}

.tiny-points {
  margin-top: 18px;
}

.product-area {
  height: 100%;
  gap: 14px;
}

.product-card {
  height: 100%;
  min-height: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.product-head h2 {
  font-size: 23px;
}

.product-head p {
  font-size: 10px;
}

.research-badge {
  padding: 5px 8px;
}

.product-visual {
  flex: 1;
  min-height: 210px;
  height: auto;
  max-height: 285px;
  margin: 14px 0;
}

.vial {
  width: 102px;
  height: 180px;
}

.vial-cap {
  left: 10px;
  right: 10px;
  top: -15px;
  height: 36px;
}

.vial-body {
  top: 66px;
}

.pen {
  width: 220px;
  height: 50px;
}

.pen-cap {
  width: 48px;
  height: 40px;
}

.pen-body {
  left: 54px;
}

.format-toggle button {
  height: 36px;
}

.strength-block {
  margin: 14px 0 16px;
}

.strength-row button {
  height: 30px;
}

.whatsapp-btn {
  height: 42px;
}

.contact-anchor {
  position: fixed;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

@media (min-width: 1181px) and (max-height: 820px) {
  .hero-layout {
    height: calc(100vh - 82px);
    min-height: calc(100vh - 82px);
  }

  .intro-panel h1 {
    font-size: clamp(40px, 4vw, 58px);
  }

  .feature-row {
    margin: 16px 0;
  }

  .tiny-points {
    display: none;
  }

  .product-visual {
    min-height: 180px;
    max-height: 235px;
  }
}

@media (max-width: 1180px) {
  .hero-layout {
    height: auto;
    min-height: auto;
  }
}



/* ===== FINAL TIGHT ONE-SCREEN OVERRIDES ===== */
body {
  overflow-y: hidden;
}

.page-shell {
  width: min(calc(100% - 20px), 1560px);
  margin: 7px auto;
}

.topbar {
  height: 56px;
  padding: 0 18px;
  grid-template-columns: 1fr auto;
}

.nav-actions {
  grid-column: 2;
}

.hero-layout {
  height: calc(100vh - 70px);
  min-height: calc(100vh - 70px);
  padding: 8px 0 0;
  gap: 12px;
}

.intro-inner {
  padding-top: 12px;
  padding-bottom: 10px;
}

.intro-panel h1 {
  margin-top: 10px;
  margin-bottom: 14px;
}

.intro-copy {
  line-height: 1.45;
}

.feature-row {
  margin: 15px 0;
}

.intro-actions {
  margin-top: 15px;
}

.tiny-points {
  margin-top: 12px;
}

.product-card {
  padding: 13px;
}

.product-visual {
  margin: 10px 0;
  min-height: 170px;
  max-height: 250px;
}

.strength-block {
  margin: 10px 0 12px;
}

.format-toggle button {
  height: 33px;
}

.strength-row button {
  height: 27px;
}

.whatsapp-btn {
  height: 39px;
}

@media (max-height: 760px) and (min-width: 1181px) {
  .feature-row {
    margin: 10px 0;
  }

  .feature-mini small,
  .tiny-points {
    display: none;
  }

  .intro-panel h1 {
    font-size: 50px;
  }

  .product-visual {
    min-height: 145px;
    max-height: 190px;
  }

  .vial {
    transform: scale(.84);
  }

  .pen {
    transform: rotate(-7deg) scale(.88);
  }
}

/* Restore normal scrolling for smaller screens where stacking is required. */
@media (max-width: 1180px) {
  body {
    overflow-y: auto;
  }
}


/* ===== ENQUIRY-ONLY OVERRIDES ===== */
.topbar{grid-template-columns:1fr}
.nav-actions,.nav-links{display:none!important}
.brand{justify-self:start}
.field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:14px 0 12px
}
.field-grid label,
.modal>label{
  display:grid;
  gap:6px;
  font-size:10px;
  font-weight:700
}
@media(max-width:560px){
  .field-grid{grid-template-columns:1fr}
}