[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;
}

/* 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}
}

@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}
.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;
  }
}

