[hidden] {
  display: none !important;
}:root{--navy:#031b3c;--blue:#0f67e9;--text:#0e1b33;--muted:#59667a;--border:#dce4ee;--white:#fff;--page:#f8fafc;--green:#15983a;--red:#ef2f2f;--purple:#6736d7;--shadow:0 14px 36px rgba(3,27,60,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--page);line-height:1.55}button,input{font:inherit}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{background:var(--navy);color:var(--white)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border:2px solid #3d92ff;border-radius:7px;color:#fff;font-size:1.45rem;font-weight:800}.brand-name{display:block;color:#fff;font-size:1.85rem;letter-spacing:-.04em}.brand-name span{color:var(--blue)}.brand small{display:block;margin-top:-2px;color:#fff;font-size:.7rem}.sign-in-button{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid #a9c8f2;border-radius:7px;color:#fff;text-decoration:none;font-weight:700}.hero{padding:58px 0 52px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.eyebrow{margin:0 0 14px}.eyebrow strong{color:var(--blue)}.hero h1{margin:0 0 20px;color:var(--navy);font-size:clamp(3rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em}.hero-intro{max-width:580px;margin:0 0 26px;font-size:1.18rem}.hero-points{padding:0;margin:0;list-style:none}.hero-points li{position:relative;margin:14px 0;padding-left:31px}.hero-points li:before{content:'✓';position:absolute;left:0;top:2px;width:18px;height:18px;display:grid;place-items:center;border:2px solid var(--blue);border-radius:50%;color:var(--blue);font-size:.66rem;font-weight:800}.assessment-preview{position:relative;min-height:430px;padding:30px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.assessment-preview h2{margin:0 0 4px;font-size:1.35rem}.assessment-preview>p{margin:0 0 22px;color:var(--muted);font-size:.82rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.summary-card{padding:18px;border:1px solid var(--border);border-radius:8px}.summary-card h3{margin:0 0 18px;font-size:.95rem}.summary-card span{display:block;margin-top:13px;font-size:.73rem}.summary-card strong{display:block;margin-top:4px;font-size:1.28rem}.positive{color:var(--green)}.negative{color:var(--red)}.difference-card{position:relative;margin-top:18px;padding:18px;border:1px solid #f2c8c8;border-radius:8px;background:#fff3f3}.difference-card span,.difference-card small{display:block}.difference-card strong{display:block;margin:4px 0;color:var(--red);font-size:1.55rem}.down-arrow{position:absolute;right:16%;top:50%;transform:translateY(-50%);width:43px;height:43px;display:grid!important;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:1.6rem}.video-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:98px;height:98px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(3,27,60,.2);cursor:pointer}.play-icon{width:0;height:0;margin-left:8px;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid var(--blue)}.video-label{position:absolute;left:50%;top:calc(50% + 57px);transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(31,37,48,.84);color:#fff;font-size:.78rem;white-space:nowrap}.section{padding:62px 0}.section h2{margin:0 0 38px;color:var(--navy);text-align:center;font-size:2rem;letter-spacing:-.03em}.features{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature-grid article{padding:0 28px;text-align:center;border-right:1px solid var(--border)}.feature-grid article:last-child{border-right:0}.feature-icon{min-height:68px;font-size:3.2rem}.feature-grid h3{margin:10px 0;color:var(--navy);font-size:1.05rem}.feature-grid p{margin:0;font-size:.9rem}.pricing{background:#f7faff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.price-card{position:relative;display:flex;flex-direction:column;padding:30px 28px 22px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px rgba(3,27,60,.08)}.price-card.featured{padding-top:57px;border-color:var(--blue)}.popular-label{position:absolute;left:-1px;right:-1px;top:-1px;padding:7px;border-radius:12px 12px 0 0;background:var(--blue);color:#fff;text-align:center;font-size:.75rem;font-weight:800}.plan-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#dcecff;color:var(--blue);font-size:1.65rem}.plan-icon.green{background:#ddf4df;color:var(--green)}.plan-icon.purple{background:#eee5ff;color:var(--purple);font-weight:800}.price-card h3{min-height:52px;margin:0;text-align:center;line-height:1.28;font-size:1.02rem}.price{margin-top:12px;color:var(--navy);text-align:center;font-size:2.45rem;font-weight:800}.price-card>p{margin:-2px 0 18px;text-align:center;font-size:.84rem}.price-card ul{margin:0 0 22px;padding:0;list-style:none}.price-card li{position:relative;margin:9px 0;padding-left:24px;font-size:.87rem}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.price-card:first-child li:before{color:var(--blue)}.price-card:last-child li:before{color:var(--purple)}.get-started{display:block;width:100%;margin-top:auto;padding:12px 16px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;text-align:center;text-decoration:none;font-weight:800}.get-started.outline{background:#fff;color:var(--blue)}.get-started:hover{background:var(--navy);border-color:var(--navy);color:#fff}.how-it-works{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr)}.steps-grid article{display:grid;grid-template-columns:45px 65px 1fr;gap:14px;padding:0 28px;border-right:1px solid var(--border)}.steps-grid article:last-child{border-right:0}.step-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.step-icon{width:58px;height:68px;display:grid;place-items:center;border:2px solid var(--navy);border-radius:8px;color:var(--navy);font-size:1.35rem;font-weight:800}.steps-grid h3{margin:0 0 7px;font-size:.96rem}.steps-grid p{margin:0;font-size:.82rem}footer{padding:34px 0 24px;background:var(--navy);color:#fff}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:58px}.footer-brand .brand-mark{width:40px;height:40px;font-size:1rem}.footer-brand .brand-name{font-size:1.35rem}.social-row{display:flex;gap:9px;margin:14px 0 10px}.social-row a{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;text-decoration:none;font-size:.72rem;font-weight:800}.footer-grid h3{margin:0 0 10px;font-size:.9rem}.footer-grid a,.footer-link{display:block;margin:7px 0;padding:0;border:0;background:none;color:#fff;text-decoration:none;font-size:.84rem;cursor:pointer;text-align:left}.footer-trust strong{color:#3b93ff}.modal{position:fixed;inset:0;display:none;z-index:100}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(3,18,39,.72)}.modal-dialog{position:relative;width:min(900px,calc(100% - 32px));margin:7vh auto;background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.modal-close{position:absolute;right:18px;top:12px;z-index:2;border:0;background:none;color:var(--text);font-size:2rem;cursor:pointer}.video-dialog{max-width:760px}.video-placeholder{min-height:450px;padding:68px 40px;display:grid;place-items:center;align-content:center;text-align:center}.large-play{width:110px;height:110px;margin-bottom:24px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:var(--shadow)}.legal-dialog{height:min(86vh,850px);display:flex;flex-direction:column;overflow:hidden}.legal-header{padding:20px 24px;border-bottom:1px solid var(--border)}.legal-header h2{margin:0;color:var(--navy)}.legal-tabs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;border-bottom:1px solid var(--border)}.legal-tabs button{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer;white-space:nowrap}.legal-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.legal-content{overflow-y:auto;padding:26px}.legal-content section{display:none}.legal-content section.active{display:block}.legal-content h3,.legal-content h4{color:var(--navy)}body.modal-open{overflow:hidden}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(2){border-right:0}.steps-grid{grid-template-columns:1fr;gap:28px}.steps-grid article{border-right:0}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.brand-name{font-size:1.35rem}.brand-mark{width:44px;height:44px}.brand small{display:none}.sign-in-button{padding:9px 11px;font-size:.82rem}.hero h1{font-size:3.1rem}.summary-grid{grid-template-columns:1fr;gap:14px}.assessment-preview{min-height:600px}.feature-grid,.pricing-grid,.footer-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;margin-bottom:32px}.steps-grid article{grid-template-columns:42px 55px 1fr;padding:0}}

/* Signed-in profile menu */
.account-area{position:relative;margin-left:auto}.signed-in-account{position:relative}.profile-button{display:inline-flex;align-items:center;gap:9px;padding:7px 11px 7px 8px;border:1px solid #a9c8f2;border-radius:7px;background:transparent;color:#fff;font-weight:700;cursor:pointer}.profile-button:hover,.profile-button:focus-visible{background:rgba(255,255,255,.08)}.profile-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-size:.82rem;font-weight:800}.profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{font-size:1rem;transition:transform .2s ease}.profile-button[aria-expanded="true"] .profile-chevron{transform:rotate(180deg)}.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:80;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);box-shadow:0 22px 55px rgba(3,27,60,.24)}.profile-dropdown:before{content:"";position:absolute;right:22px;top:-8px;width:14px;height:14px;transform:rotate(45deg);border-left:1px solid var(--border);border-top:1px solid var(--border);background:#fff}.profile-summary{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.profile-large-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:var(--blue);font-weight:800}.profile-summary strong,.profile-summary span{display:block}.profile-summary strong{color:var(--navy)}.profile-summary span{margin-top:2px;color:var(--muted);font-size:.82rem}.profile-section{padding:16px 18px 10px}.profile-section-title{margin:0 0 10px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.assessment-list{display:grid;gap:10px}.assessment-item{padding:13px;border:1px solid var(--border);border-radius:9px;background:#fbfdff}.assessment-name{display:inline-block;color:var(--navy);font-weight:800;text-decoration:none}.assessment-name:hover{color:var(--blue)}.assessment-balance{display:block;margin-top:3px;color:var(--muted);font-size:.8rem}.assessment-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:var(--blue);font-size:.82rem;font-weight:800;text-decoration:none}.assessment-link:hover{text-decoration:underline}.assessment-item.empty{background:#f8fafc}.assessment-item.empty .assessment-name{pointer-events:none;color:#78859a}.assessment-item.empty .assessment-link{color:var(--blue)}.profile-actions{display:grid;padding:8px 0;border-top:1px solid var(--border)}.profile-actions a,.profile-actions button{display:block;width:100%;padding:11px 18px;border:0;background:#fff;color:var(--navy);text-align:left;text-decoration:none;font-weight:700;cursor:pointer}.profile-actions a:hover,.profile-actions button:hover{background:#f1f6fc;color:var(--blue)}.profile-empty-message{margin:0;padding:8px 0 14px;color:var(--muted);font-size:.86rem}

/* Signed-in profile menu 
...your existing profile CSS... */



/* Edit profile button */
.profile-details {
  flex: 1;
  min-width: 0;
}

.profile-email-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-email-row #profileEmail {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.edit-profile-button {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
}

.edit-profile-button svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.edit-profile-button:hover {
  background: #e7f1ff;
}

.edit-profile-button:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}


/* Profile edit form */

.profile-edit-heading {
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .9rem;
  font-weight: 800;
}

.profile-edit-section {
  padding: 16px 18px 18px;
  border-bottom: 1px solid var(--border);
  background: #fbfdff;
}

.profile-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 10px;
}

.profile-edit-grid label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--navy);
  font-size: .72rem;
  font-weight: 700;
}

.profile-edit-grid .full-width {
  grid-column: 1 / -1;
}

.profile-edit-grid input,
.profile-edit-grid select {
  width: 100%;
  height: 38px;
  padding: 8px 10px;
  border: 1px solid #b8c8dc;
  border-radius: 5px;
  background: #fff;
  color: var(--text);
  font-size: .82rem;
  outline: none;
}

.profile-edit-grid input:focus,
.profile-edit-grid select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 2px rgba(15, 103, 233, .10);
}

.profile-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.profile-edit-actions button {
  padding: 9px 13px;
  border-radius: 6px;
  font-size: .8rem;
  font-weight: 700;
  cursor: pointer;
}

#cancelProfileEdit {
  border: 1px solid var(--border);
  background: #fff;
  color: var(--navy);
}

#cancelProfileEdit:hover {
  background: #f1f6fc;
}

#saveProfileEdit {
  border: 1px solid var(--blue);
  background: var(--blue);
  color: #fff;
}

#saveProfileEdit:hover {
  background: var(--navy);
  border-color: var(--navy);
}

.profile-edit-message {
  margin: 10px 0 0;
  font-size: .78rem;
}

.common-questions {
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}

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

.account-area {
  position: relative;
  margin-left: 0;
}

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

.about-menu {
  position: relative;
}

.account-area {
  position: relative;
  margin-left: 0;
}

.about-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 100;

  width: min(700px, calc(100vw - 40px));
  padding: 28px;

  background: #fff;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 22px 55px rgba(3,27,60,.24);
}

.about-dropdown h2 {
  margin: 0 0 20px;
  color: var(--navy);
}

.about-dropdown p {
  margin: 0 0 16px;
}

.about-dropdown p:last-of-type {
  margin-bottom: 20px;
}

.about-dropdown a {
  color: var(--blue);
  font-weight: 700;
}

.about-dropdown[hidden] {
  display: none;
}

.about-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 17px;
  border: 1px solid #a9c8f2;
  border-radius: 7px;
  background: transparent;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.about-button:hover,
.about-button:focus-visible {
  background: rgba(255,255,255,.08);
}

.try-assessment-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 20px 28px;
    background: linear-gradient(180deg, #f7faff 0%, #fff 100%);
}

.try-assessment-image-link {
    display: block;
    width: min(580px, 100%);
    text-decoration: none;
}

.try-assessment-image {
    display: block;
    width: 450px;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
}

/* October Special badge */
.october-special-card .offer-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);

  background: #f6cf69;
  color: #b45309;

  padding: 6px 18px;
  border-radius: 20px;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;

  width: auto;
  right: auto;
}

/* October Special original price */
.october-special-card .original-price {
  margin-top: 18px;
  text-align: center;

  color: #ef2f2f;
  font-size: 2rem;
  font-weight: 600;

  text-decoration-line: line-through;
  text-decoration-thickness: 3px;
  text-decoration-color: #ef2f2f;
}

.october-special-card {
  background: #fff9e6;
}

/* Mobile */
@media(max-width:680px){
  .profile-name{max-width:88px}
  .profile-dropdown{position:fixed;left:12px;right:12px;top:76px;width:auto}
  .profile-dropdown:before{right:26px}
}

/* Removed duplicated, unclosed mobile media query that swallowed desktop styles. */
.profile-details {
  flex: 1;
  min-width: 0;
}

/* --------------------------------------------------
   Product demo video - responsive
-------------------------------------------------- */

.video-dialog {
  width: min(960px, calc(100vw - 32px));
  max-width: 960px;
}

#productDemoVideo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 85vh;
  object-fit: contain;
}

@media (max-width: 768px) {
  .video-dialog {
    width: calc(100vw - 24px);
    max-width: none;
    margin: 12px;
  }

  #productDemoVideo {
    width: 100%;
    height: auto;
    max-height: 80vh;
  }
}





/* About the founder header dropdown */
.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.about-menu {
  position: relative;
}

.about-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 17px;
  border: 1px solid #a9c8f2;
  border-radius: 7px;
  background: transparent;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.about-button:hover,
.about-button:focus-visible {
  background: rgba(255,255,255,.08);
}

.about-chevron {
  transition: transform .2s ease;
}

.about-button[aria-expanded="true"] .about-chevron {
  transform: rotate(180deg);
}

.about-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 90;
  width: min(560px, calc(100vw - 24px));
  max-height: 75vh;
  overflow-y: auto;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  box-shadow: 0 22px 55px rgba(3,27,60,.24);
}

.about-dropdown h2 {
  margin: 0 0 16px;
  color: var(--navy);
  font-size: 1.35rem;
}

.about-dropdown p {
  margin: 0 0 14px;
  font-size: .9rem;
}

.about-linkedin {
  display: inline-flex;
  align-items: center;
  margin-top: 4px;
  color: var(--blue);
  font-weight: 800;
  text-decoration: none;
}

.about-linkedin:hover {
  text-decoration: underline;
}

@media(max-width:680px) {
  .header-actions { gap: 7px; }
  .about-button { padding: 9px 10px; font-size: .82rem; }
  .about-dropdown {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 76px;
    width: auto;
    max-height: calc(100vh - 92px);
    padding: 20px;
  }
}

/* Landing page CRO update – 15 October 2026 */
.hero{padding:34px 0 22px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:12px}.hero-intro{margin-bottom:12px;max-width:620px}.try-assessment-wrap{justify-content:flex-start;padding:0;background:none}.try-assessment-image-link{width:min(440px,100%)}.try-assessment-image{width:100%;max-width:440px}.hero-video-prompt{margin:4px 0 0}.video-text-button{border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer;padding:8px 0;text-align:left}.video-text-button:hover{text-decoration:underline}.how-it-works{padding:34px 0}.how-it-works h2{margin-bottom:22px}.demo-section{background:#f7faff;padding:40px 0}.demo-section h2{margin-bottom:8px}.demo-intro{text-align:center;margin:0 auto 24px;color:var(--muted)}.pricing-intro{text-align:center;margin:-20px auto 24px;color:var(--muted)}.pricing-accordion{max-width:800px;margin:auto;display:grid;gap:14px}.compact-plan{position:relative;border:1px solid var(--border);border-radius:12px;background:#fff;padding:18px 22px;box-shadow:0 4px 14px rgba(3,27,60,.04)}.october-plan{background:#fffaf0}.compact-badge{display:block;color:#a85b00;font-size:.72rem;font-weight:800;margin-bottom:8px}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.plan-heading h3{font-size:1.08rem;color:var(--navy);margin:0 0 3px}.plan-heading p{font-size:.84rem;color:var(--muted);margin:0}.plan-amount{text-align:right;white-space:nowrap}.plan-amount strong{display:block;color:var(--navy);font-size:1.45rem}.plan-amount s{color:var(--muted);font-size:.78rem}.compact-plan details{border-top:1px solid var(--border);margin-top:14px}.compact-plan summary{cursor:pointer;padding:13px 0 5px;font-weight:700;font-size:.9rem}.compact-plan details ul{margin:10px 0;padding-left:22px;font-size:.86rem}.compact-plan details li{margin:5px 0}.compact-plan .get-started{margin-top:12px;max-width:220px;padding:9px 14px}.features .feature-grid{gap:12px}@media(max-width:680px){.hero{padding:22px 0 14px}.hero h1{font-size:clamp(2rem,8vw,2.6rem);max-width:340px}.hero-intro{font-size:1rem;line-height:1.4;margin-bottom:8px}.try-assessment-wrap{padding:0}.try-assessment-image-link{width:min(310px,100%)}.try-assessment-image{width:100%;max-width:310px}.hero-video-prompt{margin:0}.section{padding:34px 0}.section h2{font-size:1.5rem;margin-bottom:20px}.how-it-works{padding:25px 0}.steps-grid{gap:16px}.steps-grid article{padding:0 4px;gap:8px}.hero-grid{grid-template-columns:1fr}.assessment-preview{min-height:590px}.plan-heading{align-items:flex-start}.plan-heading h3{font-size:.95rem}.plan-amount strong{font-size:1.2rem}.compact-plan{padding:16px}.compact-plan .get-started{max-width:none}
}
/* Main heading size adjustment */
.hero h1 {
    font-size: clamp(1.9rem, 2.6vw, 2.3rem);
    line-height: 1.2;
}

.hilmay-highlight {
    color: var(--blue);
}

@media (max-width: 680px) {
    .hero h1 {
        font-size: 1.75rem;
        line-height: 1.2;
    }
}


/* Mobile refinement: concise financial comparison and benefit list */
.mobile-summary-comparison{display:none}
@media(max-width:680px){
  .assessment-preview{min-height:0;padding:18px 16px 20px;overflow:visible}
  .assessment-preview h2{font-size:1.15rem;padding-right:55px}
  .assessment-preview>p{margin:6px 0 16px;line-height:1.4}
  .assessment-preview .summary-grid{display:none}
  .mobile-summary-comparison{display:block;border:1px solid var(--border);border-radius:9px;overflow:hidden}
  .comparison-heading,.comparison-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:center;padding:11px 9px}
  .comparison-heading{background:#f1f6fc;color:var(--navy);font-size:.73rem}
  .comparison-row{border-top:1px solid var(--border);font-size:.73rem}
  .comparison-row strong{font-size:.87rem;white-space:nowrap}
  .comparison-row span{line-height:1.3}
  .difference-card{margin-top:12px;padding:12px 14px}
  .difference-card strong{font-size:1.4rem}
  .difference-card .down-arrow{right:13px;width:34px;height:34px;font-size:1.3rem}
  .video-button{left:auto;right:14px;top:13px;transform:none;width:43px;height:43px;box-shadow:0 4px 14px rgba(3,27,60,.14);background:#eaf2ff}
  .video-button .play-icon{margin-left:4px;border-top-width:9px;border-bottom-width:9px;border-left-width:14px}
  .video-label{display:none}
  .features{padding-top:30px;padding-bottom:30px}
  .features .feature-grid{display:grid;grid-template-columns:1fr;gap:0}
  .features .feature-grid article{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:start;text-align:left;padding:13px 2px;margin:0;border-right:0;border-bottom:1px solid var(--border)}
  .features .feature-grid article:last-child{border-bottom:0}
  .features .feature-icon{grid-column:1;grid-row:1/span 2;min-height:0;font-size:2rem;line-height:1.2;text-align:center}
  .features .feature-grid h3{grid-column:2;grid-row:1;margin:0 0 4px;font-size:.94rem}
  .features .feature-grid p{grid-column:2;grid-row:2;font-size:.82rem;line-height:1.45}
  .features h2{margin-bottom:12px}
}
@media(max-width:360px){.comparison-row strong{font-size:.78rem}.comparison-heading,.comparison-row{padding-left:6px;padding-right:6px}}

/* V3: final mobile header and compact three-step refinements */
@media (max-width: 680px) {
  .site-header .container { width: calc(100% - 20px); }
  .header-inner { min-height: 70px; gap: 8px; }
  .header-inner > .brand { min-width: 0; flex: 0 1 auto; gap: 7px; }
  .header-inner > .brand .brand-mark { width: 37px; height: 37px; flex: 0 0 37px; font-size: 1rem; }
  .header-inner > .brand .brand-name { font-size: clamp(.85rem, 3.8vw, 1.12rem); white-space: nowrap; letter-spacing: -.045em; }
  .header-actions { min-width: 0; flex: 0 0 auto; gap: 5px; margin-left: auto; }
  .about-button { padding: 7px 8px; font-size: .75rem; gap: 3px; }
  .sign-in-button { padding: 7px 8px; font-size: .75rem; }
  .profile-button { padding: 5px; gap: 4px; }
  .profile-name { max-width: 56px; font-size: .73rem; }
  .profile-avatar { width: 29px; height: 29px; }
  .how-it-works { padding: 22px 0 26px; }
  .how-it-works h2 { margin-bottom: 16px; }
  .how-it-works .steps-grid { gap: 12px; }
  .how-it-works .steps-grid article { grid-template-columns: 30px 44px minmax(0,1fr); gap: 9px; padding: 0 2px; align-items: start; }
  .how-it-works .step-number { width: 28px; height: 28px; font-size: .82rem; }
  .how-it-works .step-icon { width: 42px; height: 46px; font-size: 1rem; }
  .how-it-works .steps-grid h3 { margin: 0 0 3px; font-size: .92rem; }
  .how-it-works .steps-grid p { font-size: .8rem; line-height: 1.45; }
}
@media (max-width: 390px) {
  .header-inner > .brand .brand-name { font-size: .85rem; }
  .profile-name, .profile-chevron { display: none; }
  .about-button { font-size: .72rem; padding: 6px; }
}

/* V4 desktop corrections: original cards only, compact mobile table only */
@media (min-width: 681px) {
  .assessment-preview .summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
  .mobile-summary-comparison { display: none !important; }
  .assessment-preview .summary-card { min-width: 0; }
  .pricing-accordion { max-width: none; grid-template-columns: repeat(3, minmax(0,1fr)); align-items: stretch; gap: 18px; }
  .compact-plan { display: flex; flex-direction: column; min-width: 0; padding: 22px; }
  .compact-plan .plan-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .compact-plan .plan-heading h3 { min-height: 2.6em; }
  .compact-plan .plan-amount { text-align: left; }
  .compact-plan .plan-amount strong { font-size: 1.8rem; }
  .compact-plan details { margin-top: 18px; }
  .compact-plan .get-started { max-width: none; margin-top: auto; }
  .compact-plan details + .get-started { margin-top: auto; }
  .compact-plan details { margin-bottom: 16px; }
}
@media (min-width: 681px) and (max-width: 960px) {
  .pricing-accordion { gap: 10px; }
  .compact-plan { padding: 15px; }
  .hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .assessment-preview .summary-grid { display: none !important; }
  .mobile-summary-comparison { display: block !important; }
  .pricing-accordion { grid-template-columns: 1fr; }
}

/* V7: Hilmay blue outline for demonstration play button (desktop and mobile) */
.video-button {
  border: 3px solid #0f67e9;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15,103,233,.18);
  transition: box-shadow .2s ease;
}
.video-button:hover {
  box-shadow: 0 10px 30px rgba(15,103,233,.35);
}

/* V8: Hide secondary demo link on desktop only; retain on mobile. */
@media (min-width: 961px) {
  .hero-video-prompt { display: none !important; }
}
/* V8: Original promotional price in red. */
.october-plan .plan-amount s { color: #ef2f2f; text-decoration: line-through; }

/* V9: Products dropdown in header, between brand and About Me */
.products-menu{position:relative;flex:0 0 auto}
.products-button{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid #a9c8f2;border-radius:7px;background:transparent;color:#fff;font-weight:700;cursor:pointer}
.products-button:hover,.products-button:focus-visible{background:rgba(255,255,255,.08)}
.products-chevron{transition:transform .2s ease}
.products-button[aria-expanded="true"] .products-chevron{transform:rotate(180deg)}
.products-dropdown{position:absolute;left:0;top:calc(100% + 12px);z-index:110;min-width:245px;padding:7px;background:#fff;color:var(--navy);border:1px solid var(--border);border-radius:10px;box-shadow:0 22px 55px rgba(3,27,60,.24)}
.products-dropdown[hidden]{display:none!important}
.products-dropdown a{display:block;padding:11px 12px;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:700}
.products-dropdown a:hover,.products-dropdown a:focus-visible{background:#eaf2ff;color:var(--blue)}
@media(max-width:680px){
 .header-inner{flex-wrap:wrap;padding:10px 0;row-gap:9px}
 .header-inner>.brand{flex:1 1 100%}
 .header-actions{width:100%;justify-content:flex-start;margin-left:0}
 .products-button{padding:7px 8px;font-size:.75rem;gap:3px}
 .products-dropdown{min-width:min(245px,calc(100vw - 24px))}
}


/* CGT landing hero: illustrative report table replaces the NG video/summary. */
.cgt-report-preview{min-height:0;padding:24px 22px;overflow:visible}
.cgt-report-preview .cgt-report-intro{margin:0 0 16px;color:#59667a;font-size:.9rem;line-height:1.5}
.cgt-report-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #dce4ee;border-radius:9px}
.cgt-report-table{width:100%;min-width:620px;border-collapse:collapse;table-layout:fixed;font-size:clamp(.68rem,.82vw,.79rem);line-height:1.35}
.cgt-report-table th,.cgt-report-table td{padding:10px 9px;border-right:1px solid #dce4ee;border-bottom:1px solid #dce4ee;vertical-align:middle}
.cgt-report-table tr>*:last-child{border-right:0}
.cgt-report-table tbody tr:last-child>*{border-bottom:0}
.cgt-report-table thead th{font-weight:800;text-align:center;background:#f3f5f8;color:#10213e}
.cgt-report-table thead th:first-child{width:31%;text-align:left}
.cgt-report-table thead th:nth-child(3){background:#e2f0ff;color:#103c78}
.cgt-report-table thead th:nth-child(4){background:#e1f5e7;color:#095e2d}
.cgt-report-table tbody th{font-weight:500;text-align:left;background:#fff}
.cgt-report-table tbody td{text-align:center;white-space:nowrap;background:#fff}
.cgt-report-table .cgt-capital-gain th,.cgt-report-table .cgt-capital-gain td{font-weight:800;background:#f5f7fa}
.cgt-report-table .cgt-capital-gain td:nth-child(3),.cgt-report-table .cgt-taxable-gain td:nth-child(3){background:#e2f0ff;color:#103c78}
.cgt-report-table .cgt-capital-gain td:nth-child(4),.cgt-report-table .cgt-taxable-gain td:nth-child(4){background:#e1f5e7;color:#095e2d}
.cgt-report-table .cgt-taxable-gain th,.cgt-report-table .cgt-taxable-gain td:nth-child(2){background:#fff0f0;color:#df2626;font-weight:800}
.cgt-report-table .cgt-taxable-gain td{font-weight:800}
.cgt-report-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 0 16px;border-top:1px solid #e5eaf1;margin-top:20px}
.cgt-report-benefits>div{display:flex;align-items:center;gap:8px;font-size:.75rem;line-height:1.45;color:#59667a}
.cgt-benefit-symbol{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#eaf4ff;color:#0f67e9;font-size:1.25rem;font-weight:700}
.cgt-report-preview .cgt-report-disclaimer{display:flex;gap:10px;align-items:flex-start;margin:0;padding:13px 14px;border-radius:8px;background:#eef6ff;color:#405575;font-size:.73rem;line-height:1.5}
.cgt-report-disclaimer>span{color:#0f67e9;font-size:1.1rem;line-height:1.1}
@media(max-width:960px){.cgt-report-preview{padding:20px}}
@media(max-width:680px){.cgt-report-preview{min-height:0;padding:16px}.cgt-report-table{font-size:.72rem;min-width:620px}.cgt-report-benefits{grid-template-columns:1fr;gap:10px;padding:16px 0}.cgt-report-benefits>div{font-size:.8rem}.cgt-report-preview .cgt-report-intro{font-size:.86rem}}

/* CGT report table: fit all three calculation methods on mobile without horizontal scrolling. */
@media (max-width: 680px) {
  .cgt-report-preview { min-width: 0; padding: 14px 12px; }
  .cgt-report-table-scroll { width: 100%; max-width: 100%; overflow-x: hidden; }
  .cgt-report-table { display: block; width: 100%; min-width: 0; table-layout: auto; font-size: 12px; }
  .cgt-report-table thead, .cgt-report-table tbody { display: block; width: 100%; }
  .cgt-report-table thead tr, .cgt-report-table tbody tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .cgt-report-table thead th:first-child { display: none; }
  .cgt-report-table thead th { width: auto; min-width: 0; padding: 10px 3px; font-size: 10px; line-height: 1.25; overflow-wrap: anywhere; }
  .cgt-report-table tbody th { grid-column: 1 / -1; width: 100%; padding: 8px 9px 5px; background: #f8fafc; font-size: 12px; font-weight: 650; border-right: 0; }
  .cgt-report-table tbody td { min-width: 0; padding: 9px 2px; font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .cgt-report-table tbody tr + tr { border-top: 1px solid #dce4ee; }
  .cgt-report-table tbody tr:last-child td { border-bottom: 0; }
  .cgt-report-table .cgt-capital-gain th { font-weight: 800; }
  .cgt-report-table .cgt-taxable-gain th { font-weight: 800; background: #fff0f0; color: #df2626; }
}
@media (max-width: 360px) {
  .cgt-report-table thead th { font-size: 9px; padding: 8px 2px; }
  .cgt-report-table tbody td { font-size: 10px; }
}