:root{--ink:#142f32;--muted:#627873;--line:#d7e2de;--paper:#f7f9f6;--white:#fff;--brand:#0f6158;--brand2:#0a4744;--soft:#dceee8;--mint:#bcdad0;--night:#102d32;--middos-blue:#3d72d8;--middos-gold:#e5ad4a;--shadow:0 30px 80px rgba(18,48,44,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{height:78px;padding:0 max(24px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:60;background:rgba(246,248,245,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,48,45,.08)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:850}.brand>span:last-child{display:grid;gap:1px}.brand strong{font-size:17px;letter-spacing:-.02em}.brand small{font-size:10px;color:var(--muted);font-weight:650}.desktop-nav{display:flex;gap:27px}.desktop-nav a,.text-action{font-size:12px;font-weight:700;text-decoration:none;color:#536661}.header-actions{display:flex;align-items:center;gap:14px}.primary-action,.secondary-action,.light-action,.outline-light{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font-weight:800}.primary-action{background:var(--brand);color:#fff;padding:11px 16px}.primary-action.large,.secondary-action.large{min-height:50px;padding:0 20px}.secondary-action{border:1px solid #bfd0ca;background:#fff;color:var(--ink)}.mobile-toggle{display:none;border:0;background:none;font-size:21px}.mobile-menu{position:fixed;top:68px;left:12px;right:12px;z-index:55;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.mobile-menu a{display:block;padding:12px;text-decoration:none;font-weight:700}.hero{min-height:720px;padding:92px max(24px,calc((100vw - 1260px)/2)) 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;position:relative;overflow:hidden}.hero-wash{position:absolute;width:850px;height:850px;border-radius:50%;background:radial-gradient(circle,#dfece6 0%,rgba(223,236,230,.4) 45%,transparent 70%);right:-220px;top:-180px}.eyebrow,.section-kicker{font-size:10px;font-weight:850;letter-spacing:.16em}.eyebrow.dark{color:var(--brand)}.eyebrow.light{color:#acd0c7}.hero h1{font-size:clamp(54px,6vw,84px);line-height:.95;letter-spacing:-.06em;margin:18px 0 24px;max-width:760px}.hero-copy>p{font-size:18px;line-height:1.72;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:11px;margin-top:30px}.hero-note{display:flex;gap:8px;margin-top:22px;color:#6f827d;font-size:11px}.product-scene{min-height:560px;position:relative;display:grid;place-items:center}.scene-orbit{position:absolute;border:1px solid rgba(15,81,73,.15);border-radius:50%;animation:spin 22s linear infinite}.orbit-a{width:580px;height:580px}.orbit-b{width:460px;height:460px;animation-direction:reverse;animation-duration:18s}@keyframes spin{to{transform:rotate(360deg)}}.browser-frame{width:min(680px,100%);border:1px solid #cfdad6;border-radius:24px;background:#fff;box-shadow:0 40px 100px rgba(22,55,50,.2);overflow:hidden;transform:rotate(-2deg)}.browser-bar{height:42px;padding:0 14px;display:flex;gap:6px;align-items:center;background:#f0f3f1;border-bottom:1px solid #e0e8e4}.browser-bar span{width:7px;height:7px;border-radius:50%;background:#a8b7b2}.browser-bar b{margin-left:8px;font-size:9px;color:#7c8d88}.product-ui{min-height:405px;display:grid;grid-template-columns:64px 1fr}.product-ui aside{background:#103e39;padding:15px 12px;display:grid;align-content:start;gap:14px}.ui-logo{width:30px;height:30px;border-radius:9px;background:#fff;color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:800;margin-bottom:10px}.product-ui aside i{height:8px;border-radius:5px;background:rgba(255,255,255,.18)}.product-ui section{padding:22px;background:#fafbf9}.ui-head{display:flex;justify-content:space-between}.ui-head div{display:grid;gap:5px}.ui-head small{font-size:7px;color:#7a8c87}.ui-head strong{font-size:17px}.ui-avatar{width:30px;height:30px;border-radius:50%;background:#d8eae4;color:var(--brand);display:grid;place-items:center;font-size:9px;font-weight:800}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.ui-stats article{padding:13px;border:1px solid #e0e7e4;border-radius:12px;background:#fff;display:grid;gap:4px}.ui-stats small,.ui-stats em{font-size:7px;color:#7c8c88;font-style:normal}.ui-stats strong{font-size:16px}.ui-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}.ui-chart,.ui-list{min-height:190px;padding:14px;border:1px solid #e0e7e4;border-radius:12px;background:#fff}.ui-chart header,.ui-list header{display:flex;justify-content:space-between;font-size:9px}.ui-chart header small{font-size:7px;color:#84928e}.bars{height:120px;display:flex;align-items:end;gap:8px;padding-top:18px}.bars i{flex:1;border-radius:5px 5px 2px 2px;background:#4c8278}.ui-list p{font-size:8px;padding:10px 0;margin:0;border-bottom:1px solid #edf1ef}.ui-list p span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c7a161;margin-right:6px}.floating-card{position:absolute;padding:12px 14px;display:flex;gap:10px;align-items:center;border:1px solid #d8e1de;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(22,50,46,.15);animation:float 4.5s ease-in-out infinite}.floating-card>span{width:28px;height:28px;border-radius:9px;background:#e2eee9;color:var(--brand);display:grid;place-items:center;font-weight:800}.floating-card div{display:grid}.floating-card strong{font-size:10px}.floating-card small{font-size:8px;color:#7a8d88}.floating-a{left:-6px;top:70px}.floating-b{right:-5px;bottom:75px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-10px)}}.statement-band{background:#112f2d;color:#fff;padding:28px max(24px,calc((100vw - 1260px)/2));overflow:hidden}.statement-band>p{margin:0 0 17px;font-size:12px;color:#bcd1cc}.statement-scroll{display:flex;gap:17px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.06em;color:#eef7f4}.statement-scroll i{color:#70978f}.section{padding:105px max(24px,calc((100vw - 1260px)/2))}.intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:90px;margin-top:18px;align-items:end}.intro-grid h2,.role-heading h2,.migration-heading h2,.details-heading h2{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.05em;margin:0}.intro-grid p,.migration-heading p{font-size:15px;line-height:1.78;color:var(--muted);margin:0}.feature-stage{padding-top:24px}.feature-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);overflow:auto}.feature-tabs button{padding:16px 18px;border:0;border-bottom:3px solid transparent;background:none;color:#6c7f7a;white-space:nowrap;font-weight:750;cursor:pointer}.feature-tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.feature-showcase{margin-top:34px;min-height:520px;padding:48px;display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center;border-radius:30px;background:#eef3ef}.feature-copy h3{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:12px 0 18px}.feature-copy p{color:var(--muted);line-height:1.7}.feature-copy ul{padding:0;margin:26px 0 0;list-style:none;display:grid;gap:12px}.feature-copy li:before{content:"✓";color:var(--brand);font-weight:900;margin-right:9px}.student-sheet{background:#fff;border:1px solid #dce5e1;border-radius:20px;box-shadow:0 25px 70px rgba(23,48,45,.12);overflow:hidden}.student-sheet header{padding:20px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.student-avatar{width:44px;height:44px;border-radius:50%;background:#dcece7;color:var(--brand);display:grid;place-items:center;font-weight:800}.student-sheet header div{display:grid}.student-sheet header strong{font-size:14px}.student-sheet header small{font-size:10px;color:var(--muted)}.student-sheet header b{font-size:9px;color:#72847f}.sheet-tabs{display:flex;gap:18px;padding:0 20px;border-bottom:1px solid var(--line)}.sheet-tabs span{padding:11px 0;font-size:9px;color:#7d8e89}.sheet-tabs span.active{color:var(--brand);border-bottom:2px solid var(--brand)}.sheet-body{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.sheet-body div{padding:15px;background:#f7f9f7;border-radius:11px;display:grid;gap:5px}.sheet-body small{font-size:7px;color:#7a8b87}.sheet-body strong{font-size:12px}.role-heading{max-width:850px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.role-grid article{min-height:280px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.role-grid article>span{font-size:9px;color:#87a098;font-weight:800}.role-grid h3{margin:54px 0 10px;font-size:21px}.role-grid p{font-size:13px;line-height:1.65;color:var(--muted)}.jewish-section{padding:105px max(24px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center;background:linear-gradient(145deg,#0e4841,#112f2d);color:#fff}.jewish-copy h2{font-size:clamp(40px,5.2vw,66px);line-height:1.01;letter-spacing:-.055em;margin:15px 0 20px}.jewish-copy>p{color:#c7dbd6;line-height:1.75;max-width:680px}.jewish-points{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.jewish-points div{padding:20px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:grid;gap:7px}.jewish-points strong{font-size:13px}.jewish-points span{font-size:11px;line-height:1.55;color:#b9d1cb}.calendar-scene{display:grid;place-items:center;min-height:460px}.calendar-card{width:min(440px,100%);padding:30px;border-radius:26px;background:#f8faf8;color:var(--ink);box-shadow:0 35px 90px rgba(0,0,0,.25);transform:rotate(3deg)}.calendar-card>span{font-size:9px;color:var(--brand);font-weight:850;letter-spacing:.13em}.calendar-card>strong{display:block;font-size:28px;margin:7px 0 22px}.calendar-card>div{padding:16px 0;display:grid;grid-template-columns:90px 1fr;border-top:1px solid #dce4e1}.calendar-card small{color:#778984}.calendar-card .special{color:#8a6c3f;background:#f2eadc;margin:0 -12px;padding:16px 12px;border-radius:10px;border:0}.migration-heading{max-width:820px}.migration-heading p{margin-top:18px}.migration-flow{position:relative;margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flow-line{position:absolute;top:22px;left:7%;right:7%;height:1px;background:#cfdad6}.migration-flow article{position:relative;padding-top:62px}.migration-flow article>span{position:absolute;top:0;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #b9cec7;display:grid;place-items:center;color:var(--brand);font-weight:850}.migration-flow strong{font-size:16px}.migration-flow p{font-size:12px;line-height:1.65;color:var(--muted)}.security-section{padding:0 max(24px,calc((100vw - 1260px)/2)) 105px}.security-card{padding:52px;border-radius:30px;background:#102f2d;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.security-card h2{font-size:44px;line-height:1.04;letter-spacing:-.045em}.security-card p{color:#bfd3ce;line-height:1.7}.security-card a{color:#fff;font-size:12px;font-weight:800}.security-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.security-grid div{padding:20px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:grid;gap:6px}.security-grid span{font-size:8px;color:#86b3a8;font-weight:800}.security-grid strong{font-size:13px}.security-grid small{font-size:10px;line-height:1.55;color:#b8cdc8}.details-heading{max-width:900px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.details-grid article{padding:22px;min-height:190px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.details-grid strong{font-size:14px}.details-grid p{font-size:11px;line-height:1.65;color:var(--muted);margin-top:11px}.demo-section{padding:80px max(24px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end;background:#0d4740;color:#fff}.demo-copy h2{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.05em;max-width:900px;margin:15px 0 18px}.demo-copy p{color:#c7ddd7}.demo-actions{display:grid;gap:10px}.light-action{background:#fff;color:var(--ink);padding:14px 18px}.outline-light{border:1px solid rgba(255,255,255,.35);color:#fff;padding:14px 18px}.site-footer{padding:42px max(24px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>div:last-child{display:flex;gap:20px}.site-footer>div:last-child a{font-size:11px;font-weight:750}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:60px}.product-scene{min-height:500px}.intro-grid,.feature-showcase,.jewish-section,.security-card{grid-template-columns:1fr}.role-grid,.details-grid{grid-template-columns:1fr 1fr}.migration-flow{grid-template-columns:1fr 1fr}.flow-line{display:none}.migration-flow article{padding-top:54px}.jewish-section{gap:40px}.security-card{gap:38px}}@media(max-width:760px){.site-header{height:68px;padding:0 16px}.desktop-nav,.header-actions>.text-action,.header-actions>.primary-action{display:none}.mobile-toggle{display:block}.hero{padding:60px 18px 70px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.product-scene{min-height:410px}.browser-frame{transform:none}.floating-card{display:none}.statement-band{padding-inline:18px}.section,.jewish-section{padding:72px 18px}.intro-grid,.role-grid,.details-grid,.jewish-points,.sheet-body,.security-grid,.migration-flow{grid-template-columns:1fr}.feature-showcase{padding:26px}.feature-copy h3{font-size:31px}.role-grid,.details-grid,.jewish-points,.security-grid{border-left:0}.role-grid article,.details-grid article,.jewish-points div,.security-grid div{border-left:1px solid var(--line)}.jewish-points div,.security-grid div{border-left-color:rgba(255,255,255,.18)}.security-card{padding:28px}.demo-section{padding:60px 18px;grid-template-columns:1fr}.site-footer{padding:32px 18px;grid-template-columns:1fr;gap:18px}.site-footer>div:last-child{justify-content:flex-start}.ui-grid{grid-template-columns:1fr}.ui-list{display:none}}

/* Walkthrough request */
body.walkthrough-open { overflow: hidden; }
.walkthrough-overlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
}
.walkthrough-overlay[hidden] { display: none; }
.walkthrough-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 30, 27, .72);
  backdrop-filter: blur(14px);
  animation: walkthroughFade .22s ease-out;
}
.walkthrough-dialog {
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  max-height: min(900px, calc(100vh - 48px));
  overflow: auto;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 50px 140px rgba(0, 0, 0, .34);
  animation: walkthroughIn .28s cubic-bezier(.2,.8,.2,1);
}
@keyframes walkthroughFade { from { opacity: 0; } }
@keyframes walkthroughIn { from { opacity: 0; transform: translateY(18px) scale(.985); } }
.walkthrough-close {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(23,48,45,.13);
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #17302d;
  cursor: pointer;
  font-size: 22px;
}
.walkthrough-intro {
  min-height: 100%;
  padding: 52px 42px;
  background: linear-gradient(145deg, #0e4942, #102f2d);
  color: #fff;
}
.walkthrough-intro h2 {
  margin: 13px 0 17px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.walkthrough-intro > p {
  color: #c6d9d4;
  line-height: 1.7;
  font-size: 14px;
}
.walkthrough-points {
  margin-top: 38px;
  border-top: 1px solid rgba(255,255,255,.18);
}
.walkthrough-points > div {
  min-height: 96px;
  padding: 18px 0;
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 12px;
  align-content: center;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.walkthrough-points > div > span {
  grid-row: 1 / 3;
  color: #88b8ad;
  font-size: 9px;
  font-weight: 850;
}
.walkthrough-points strong { font-size: 13px; }
.walkthrough-points small {
  margin-top: 4px;
  color: #b9cfca;
  font-size: 10px;
  line-height: 1.5;
}
.walkthrough-form {
  padding: 45px 42px 38px;
  display: grid;
  gap: 16px;
}
.walkthrough-form-heading {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: baseline;
}
.walkthrough-form-heading strong { font-size: 20px; letter-spacing: -.025em; }
.walkthrough-form-heading span { color: #7b8c87; font-size: 10px; }
.walkthrough-form .form-grid {
  display: grid;
  gap: 13px;
}
.walkthrough-form .form-grid.two { grid-template-columns: 1fr 1fr; }
.walkthrough-form .form-grid.three { grid-template-columns: 1fr 1fr 1fr; }
.walkthrough-form label {
  display: grid;
  gap: 7px;
  color: #40534e;
  font-size: 11px;
  font-weight: 750;
}
.walkthrough-form input:not([type="checkbox"]),
.walkthrough-form select,
.walkthrough-form textarea {
  width: 100%;
  min-height: 45px;
  border: 1px solid #ced9d5;
  border-radius: 11px;
  background: #fff;
  color: #17302d;
  outline: none;
  padding: 0 12px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.walkthrough-form textarea {
  min-height: 118px;
  padding: 12px;
  resize: vertical;
  line-height: 1.55;
}
.walkthrough-form input:focus,
.walkthrough-form select:focus,
.walkthrough-form textarea:focus {
  border-color: #76a297;
  box-shadow: 0 0 0 4px rgba(15,81,73,.09);
}
.walkthrough-interests {
  margin: 1px 0;
  padding: 0;
  border: 0;
}
.walkthrough-interests legend {
  margin-bottom: 9px;
  color: #40534e;
  font-size: 11px;
  font-weight: 750;
}
.walkthrough-interests > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.walkthrough-interests label {
  min-height: 40px;
  padding: 8px 10px;
  grid-template-columns: 16px 1fr;
  align-items: center;
  border: 1px solid #dbe4e1;
  border-radius: 10px;
  background: #f9faf9;
  cursor: pointer;
}
.walkthrough-interests input,
.walkthrough-consent input { accent-color: #0f5149; }
.walkthrough-consent {
  grid-template-columns: 17px 1fr !important;
  align-items: start;
}
.walkthrough-consent span {
  color: #667a76;
  font-size: 10px;
  line-height: 1.55;
}
.honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.walkthrough-status {
  padding: 12px 13px;
  border-radius: 11px;
  background: #e5f2ed;
  color: #285e55;
  font-size: 11px;
  line-height: 1.55;
}
.walkthrough-status.error {
  background: #f8ebeb;
  color: #8d4040;
}
.walkthrough-submit-row {
  padding-top: 4px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
}
.walkthrough-submit-row small {
  max-width: 320px;
  color: #81918d;
  font-size: 9px;
  line-height: 1.5;
}
.walkthrough-submit-row button {
  min-height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 22px;
  border: 0;
  border-radius: 11px;
  background: #0f5149;
  color: #fff;
  cursor: pointer;
  font-weight: 800;
}
.walkthrough-submit-row button:disabled {
  opacity: .58;
  cursor: wait;
}
@media (max-width: 900px) {
  .walkthrough-dialog { grid-template-columns: 1fr; }
  .walkthrough-intro { min-height: 0; padding: 34px 28px; }
  .walkthrough-points { display: none; }
  .walkthrough-form { padding: 30px 28px; }
}
@media (max-width: 600px) {
  .walkthrough-overlay { padding: 10px; }
  .walkthrough-dialog { max-height: calc(100vh - 20px); border-radius: 20px; }
  .walkthrough-intro { padding: 28px 20px; }
  .walkthrough-form { padding: 24px 20px; }
  .walkthrough-form .form-grid.two,
  .walkthrough-form .form-grid.three,
  .walkthrough-interests > div,
  .walkthrough-submit-row { grid-template-columns: 1fr; }
  .walkthrough-form-heading { display: grid; gap: 4px; }
}


/* Laptop-height walkthrough fit fix */
.walkthrough-overlay {
  padding: 16px;
  overflow: hidden;
}

.walkthrough-dialog {
  height: min(860px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
  overflow: hidden;
  min-height: 0;
}

.walkthrough-intro,
.walkthrough-form {
  min-height: 0;
}

.walkthrough-intro {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.walkthrough-form {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

@media (max-height: 820px) and (min-width: 901px) {
  .walkthrough-overlay {
    padding: 10px;
  }

  .walkthrough-dialog {
    height: calc(100dvh - 20px);
    max-height: calc(100dvh - 20px);
    width: min(1080px, 100%);
  }

  .walkthrough-intro {
    padding: 34px 30px;
  }

  .walkthrough-intro h2 {
    font-size: clamp(31px, 3.2vw, 42px);
    margin: 10px 0 13px;
  }

  .walkthrough-intro > p {
    font-size: 12px;
    line-height: 1.58;
  }

  .walkthrough-points {
    margin-top: 24px;
  }

  .walkthrough-points > div {
    min-height: 74px;
    padding: 13px 0;
  }

  .walkthrough-form {
    padding: 30px 30px 26px;
    gap: 12px;
  }

  .walkthrough-form input:not([type="checkbox"]),
  .walkthrough-form select {
    min-height: 41px;
  }

  .walkthrough-form textarea {
    min-height: 88px;
  }

  .walkthrough-interests label {
    min-height: 36px;
    padding: 7px 9px;
  }

  .walkthrough-submit-row button {
    min-height: 44px;
  }
}

@media (max-height: 680px) and (min-width: 901px) {
  .walkthrough-dialog {
    height: calc(100dvh - 12px);
    max-height: calc(100dvh - 12px);
  }

  .walkthrough-overlay {
    padding: 6px;
  }

  .walkthrough-intro {
    padding: 26px 24px;
  }

  .walkthrough-points {
    display: none;
  }

  .walkthrough-form {
    padding: 24px 26px 22px;
  }
}

@media (max-width: 900px) {
  .walkthrough-dialog {
    height: auto;
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
  }

  .walkthrough-intro,
  .walkthrough-form {
    overflow: visible;
  }
}


/* Keep the demo headline ending visually together on laptop widths */
.demo-ending {
  white-space: nowrap;
}

@media (min-width: 761px) and (max-width: 1350px) {
  .demo-section {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .demo-copy h2 {
    max-width: 1180px;
    font-size: clamp(40px, 4.35vw, 56px);
    line-height: 1.01;
  }

  .demo-actions {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .demo-ending {
    white-space: normal;
  }
}


/* Refine demo headline wrapping */
.demo-ending {
  white-space: normal;
}

.demo-join {
  white-space: nowrap;
}

@media (min-width: 761px) and (max-width: 1350px) {
  .demo-copy h2 {
    max-width: 1220px;
    font-size: clamp(40px, 4.15vw, 54px);
    line-height: 1.02;
  }
}

@media (max-width: 760px) {
  .demo-join {
    white-space: normal;
  }
}


/* 2026-08-31 — iPhone Safari polish */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden}
button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(15,81,73,.10)}
@media(max-width:760px){
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  .site-header{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
    padding-top:env(safe-area-inset-top);
    min-height:calc(68px + env(safe-area-inset-top));
  }
  main{overflow-x:hidden}
  .hero,.site-footer{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
  }
  .site-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
  .walkthrough-dialog{
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);
    -webkit-overflow-scrolling:touch;
  }
}


/* 2026-08-31 — iPhone homepage rebuild + reliable Safari rendering */
@media (max-width: 760px) {
  .site-header {
    height: calc(72px + env(safe-area-inset-top));
    min-height: calc(72px + env(safe-area-inset-top));
    padding:
      env(safe-area-inset-top)
      max(18px, env(safe-area-inset-right))
      0
      max(18px, env(safe-area-inset-left));
    background: rgba(248,250,248,.97);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  .brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 17px;
  }

  .brand strong {
    font-size: 18px;
  }

  .brand small {
    font-size: 10px;
  }

  .mobile-toggle {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    background: #e7f1ed;
    color: var(--brand);
    -webkit-appearance: none;
    appearance: none;
    font-size: 0;
    line-height: 1;
  }

  .mobile-toggle::before {
    content: "☰";
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
  }

  .mobile-menu {
    top: calc(72px + env(safe-area-inset-top) + 8px);
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
    padding: 8px;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(18,48,44,.17);
  }

  .mobile-menu a {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 11px;
    font-size: 15px;
  }

  .mobile-menu a:active {
    background: #edf4f1;
  }

  .hero {
    min-height: 0;
    display: block;
    padding:
      42px
      max(20px, env(safe-area-inset-right))
      48px
      max(20px, env(safe-area-inset-left));
    overflow: hidden;
    background:
      radial-gradient(circle at 100% 0%, rgba(188,218,208,.28), transparent 42%),
      linear-gradient(180deg, #f8faf8 0%, #f3f7f4 100%);
  }

  .hero-wash {
    display: none;
  }

  /* Safari occasionally left the intro reveal midway through its transition.
     The first screen should always render at full contrast immediately. */
  .hero .reveal,
  .hero-copy,
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .hero-copy {
    position: relative;
    z-index: 2;
  }

  .hero .eyebrow {
    display: block;
    color: #3a6b62;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .15em;
  }

  .hero h1 {
    max-width: none;
    margin: 16px 0 20px;
    color: #17302d;
    font-size: clamp(44px, 12vw, 55px);
    line-height: .98;
    letter-spacing: -.055em;
  }

  .hero-copy > p {
    max-width: none;
    margin: 0;
    color: #536a65;
    font-size: 16px;
    line-height: 1.62;
  }

  .hero-actions {
    margin-top: 26px;
    gap: 10px;
  }

  .hero-actions .primary-action,
  .hero-actions .secondary-action {
    width: 100%;
    min-height: 55px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 820;
  }

  .hero-actions .primary-action {
    background: #0f5149;
    color: #fff;
    box-shadow: 0 10px 24px rgba(15,81,73,.14);
  }

  .hero-actions .secondary-action {
    border-color: #b8cac4;
    background: rgba(255,255,255,.82);
    color: #29423d;
  }

  .hero-note {
    margin-top: 22px;
    align-items: flex-start;
    color: #60756f;
    font-size: 13px;
    line-height: 1.5;
  }

  .hero-note > span {
    margin-top: 1px;
    color: var(--brand);
    font-weight: 900;
  }

  /* The desktop product mock is intentionally removed from the first iPhone
     viewport; it was making the landing screen unnecessarily long and busy. */
  .product-scene {
    display: none;
  }

  .statement-band {
    padding:
      22px
      max(20px, env(safe-area-inset-right))
      24px
      max(20px, env(safe-area-inset-left));
  }

  .statement-band > p {
    font-size: 13px;
    line-height: 1.5;
  }

  .statement-scroll {
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .statement-scroll::-webkit-scrollbar {
    display: none;
  }

  .section,
  .jewish-section,
  .demo-section,
  .security-section {
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }
}

@media (max-width: 390px) {
  .hero {
    padding-top: 34px;
  }

  .hero h1 {
    font-size: 43px;
  }

  .hero-copy > p {
    font-size: 15px;
  }
}

/* Middos brand system */
.middos-mark{
  color:transparent!important;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 25%,#e5ad4a 0 5%,transparent 5.8%),
    linear-gradient(#fff,#fff) 50% 29%/54% 11% no-repeat,
    linear-gradient(#fff,#fff) 50% 57%/11% 49% no-repeat,
    linear-gradient(145deg,#116b62 0%,#0b514c 74%,#093f3d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(9,63,61,.12);
}
.middos-mark::after{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:inherit;
  pointer-events:none;
}
.middos-brand-rule{
  display:block;
  width:38px;
  height:2px;
  margin-top:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#0f6158 0 48%,#3d72d8 48% 76%,#e5ad4a 76%);
}
.middos-thread{display:inline-flex;align-items:center;gap:4px}
.middos-thread i,.middos-thread b{display:block;width:5px;height:5px;border-radius:50%;background:#0f6158;position:relative}
.middos-thread i:not(:last-child)::after,.middos-thread b:not(:last-child)::after{content:"";position:absolute;width:7px;height:1px;left:5px;top:2px;background:#8cbab1}
.middos-thread i:nth-child(2),.middos-thread b:nth-child(2){background:#3d72d8}
.middos-thread i:nth-child(3),.middos-thread b:nth-child(3){background:#e5ad4a}
.middos-thread.light i:first-child{background:#b8ded5}.middos-thread.light i:not(:last-child)::after{background:rgba(255,255,255,.35)}

.middos-brand-flag{display:inline-flex;align-items:center;gap:9px;margin-bottom:13px;padding:6px 10px 6px 8px;border:1px solid #d4e4df;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 4px 14px rgba(18,48,44,.04);font-size:8px;letter-spacing:.10em}
.middos-brand-flag b{font-size:8px;color:#0f6158;letter-spacing:.14em}.middos-brand-flag em{font-style:normal;color:#6b7d78;font-weight:760}
.hero{background-image:linear-gradient(rgba(15,97,88,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(15,97,88,.032) 1px,transparent 1px);background-size:38px 38px}
.hero::before{content:"";position:absolute;left:max(24px,calc((100vw - 1260px)/2));top:56px;width:68px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand) 0 54%,var(--middos-blue) 54% 79%,var(--middos-gold) 79%)}
.hero h1{color:#142f32}
.primary-action{background:linear-gradient(145deg,#126b61,#0b514c);box-shadow:0 8px 22px rgba(15,97,88,.14)}
.primary-action:hover{background:linear-gradient(145deg,#0e5f57,#093f3d)}
.hero-note{align-items:center;padding-top:18px;border-top:1px solid #dbe6e2}.hero-note .middos-note-mark{width:32px;height:32px;flex:0 0 auto;border-radius:10px;background:linear-gradient(145deg,#e4f0ec,#d8eae4);position:relative}.hero-note .middos-note-mark::before{content:"";position:absolute;width:14px;height:2px;background:#0f6158;left:9px;top:15px;box-shadow:6px -6px 0 -0.5px #3d72d8,12px 0 0 -0.5px #e5ad4a}.hero-note>div{display:grid;gap:3px}.hero-note strong{color:#27433d;font-size:11px}.hero-note small{color:#73847f;font-size:10px;line-height:1.45}
.statement-band{background:linear-gradient(115deg,#102d32,#0b4643 66%,#123f57)}
.section-kicker,.eyebrow.dark{color:#0f6158}
.feature-tabs button.active{color:#0f6158;border-bottom-color:#e5ad4a}
.ui-logo.middos-mark{box-shadow:none}
.browser-frame{border-color:#c7d9d3;box-shadow:0 42px 110px rgba(13,59,57,.18)}
.demo-section{background:linear-gradient(118deg,#0b514c,#123f57)}
@media(max-width:760px){
  .hero::before{left:max(20px,env(safe-area-inset-left));top:25px;width:52px;height:3px}
  .middos-brand-flag{margin-bottom:17px;max-width:100%;font-size:7px}.middos-brand-flag em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero{background-size:28px 28px}
  .hero-note{display:grid;grid-template-columns:32px 1fr}
  .hero-note strong{font-size:13px}.hero-note small{font-size:11px}
}

/* 2026-08-31 identity v2 — structural Middos brand */
.brand.middos-lockup{gap:10px}.site-header{border-bottom:0;box-shadow:0 1px 0 rgba(23,48,51,.08)}
.hero{background:#f7f8f4!important;background-image:none!important}.hero::before{display:none!important}.hero-copy{align-self:center}.hero .middos-product-code{margin-bottom:22px}
.hero h1{max-width:720px;color:var(--middos-ink);font-size:clamp(58px,6vw,86px);line-height:.94}.hero h1 em{display:block;margin-top:5px;color:var(--middos-forest);font-style:normal}.hero-copy>p{max-width:660px}
.hero-note{border-top:0;padding-top:0;margin-top:25px}.hero-note .middos-signature{color:#5d716b}
.middos-map-scene{min-height:590px;display:block}.middos-map{position:relative;width:min(650px,100%);height:560px;margin:auto;background:radial-gradient(circle at 50% 50%,rgba(13,91,86,.07),transparent 32%),linear-gradient(rgba(23,48,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,48,51,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;border:1px solid #d9e4df;border-radius:30px 30px 10px 30px;overflow:hidden}
.middos-map::after{content:"";position:absolute;right:0;top:0;width:54px;height:54px;background:linear-gradient(225deg,#e9f0ed 0 49%,transparent 50%)}
.middos-map-head{position:absolute;left:28px;top:25px;z-index:3;display:grid;gap:5px}.middos-map-head strong{font-size:17px;letter-spacing:-.03em}.middos-map-head small{font-size:9px;color:#778883}
.middos-map-lines{position:absolute;inset:70px 14px 20px;width:calc(100% - 28px);height:calc(100% - 90px);z-index:0}.middos-map-lines path{fill:none;stroke:#9fb9b2;stroke-width:1.2;stroke-dasharray:4 6}
.middos-map-core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);z-index:2;width:210px;padding:19px;background:#fff;border:1px solid #cddbd6;box-shadow:0 22px 55px rgba(12,63,59,.13);display:flex;align-items:center;gap:12px}.middos-map-core>div{display:grid;gap:3px}.middos-map-core b{font-size:7px;letter-spacing:.13em;color:var(--middos-forest)}.middos-map-core strong{font-size:12px}.middos-map-core small{font-size:8px;color:#7a8984}
.middos-map-node{position:absolute;z-index:2;width:150px;min-height:76px;padding:12px 13px;border:1px solid #d4e0dc;border-radius:13px 13px 4px 13px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(22,55,50,.06);display:grid;align-content:center}.middos-map-node span{font-size:7px;color:#8a9994;font-weight:850}.middos-map-node strong{margin-top:4px;font-size:11px}.middos-map-node small{margin-top:3px;font-size:7.5px;color:#7b8984}
.middos-map-node.node-a{left:30px;top:108px}.middos-map-node.node-b{right:30px;top:108px}.middos-map-node.node-c{left:20px;top:240px}.middos-map-node.node-d{right:20px;top:240px}.middos-map-node.node-e{left:38px;bottom:66px}.middos-map-node.node-f{right:38px;bottom:66px}
.middos-map-key{position:absolute;left:28px;bottom:18px;display:flex;align-items:center;gap:6px;color:#7a8984;font-size:7px}.middos-map-key i{width:5px;height:5px;border-radius:50%;background:var(--middos-forest)}.middos-map-key i:nth-of-type(2){background:var(--middos-blue-bright)}.middos-map-key i:nth-of-type(3){background:var(--middos-gold)}
.statement-band{background:var(--middos-ink)!important}.statement-band>p{font-size:8px;letter-spacing:.16em;font-weight:850}.statement-scroll span{font-weight:650}.statement-scroll span b{color:#9fd0c5;font-weight:900}.statement-scroll i{color:#5f7f7b}
.feature-showcase,.student-sheet,.calendar-card,.security-card{border-radius:24px 24px 7px 24px}
.role-grid article{position:relative}.role-grid article::before{content:"";position:absolute;left:24px;top:0;width:22px;height:3px;background:var(--middos-forest)}.role-grid article:nth-child(2)::before{background:var(--middos-blue-bright)}.role-grid article:nth-child(3)::before{background:var(--middos-gold)}
@media(max-width:760px){.hero{padding-top:36px}.hero .middos-product-code{margin-bottom:18px}.hero h1{font-size:48px;line-height:.96}.hero h1 em{margin-top:4px}.middos-map-scene{display:block!important;min-height:0;margin-top:30px}.middos-map{height:auto;min-height:0;padding:20px;border-radius:22px 22px 7px 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background-size:auto,26px 26px,26px 26px}.middos-map-head{position:relative;left:auto;top:auto;grid-column:1/-1;margin-bottom:6px}.middos-map-lines{display:none}.middos-map-core{position:relative;left:auto;top:auto;transform:none;width:auto;grid-column:1/-1;margin:5px 0 4px;padding:15px}.middos-map-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-height:70px;padding:10px}.middos-map-key{position:relative;left:auto;bottom:auto;grid-column:1/-1;flex-wrap:wrap;margin-top:6px}.middos-map::after{width:36px;height:36px}}@media(max-width:390px){.hero h1{font-size:43px}.middos-map{grid-template-columns:1fr}.middos-map-head,.middos-map-core,.middos-map-key{grid-column:1}}


/* 2026-09-01 brand v3 — distinctive Middos identity */
body{background:var(--middos-paper);color:var(--middos-ink)}
.site-header{background:rgba(251,250,247,.96)!important;border-top:4px solid var(--middos-ink)!important;border-bottom:1px solid var(--middos-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.brand.middos-lockup{gap:10px}.desktop-nav a{color:#48536a}.desktop-nav a:hover,.text-action:hover{color:var(--middos-cobalt)}
.primary-action,.light-action{background:var(--middos-cobalt)!important;color:#fff!important;border:1px solid var(--middos-ink)!important;border-radius:9px!important;box-shadow:4px 4px 0 var(--middos-ink)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-action:hover,.light-action:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--middos-ink)!important;background:var(--middos-cobalt-deep)!important}.secondary-action{border:1px solid var(--middos-ink)!important;border-radius:9px!important;background:#fff!important;color:var(--middos-ink)!important}
.hero{position:relative;background:linear-gradient(90deg,var(--middos-paper) 0 57%,#edf0ff 57% 100%)!important;background-image:linear-gradient(90deg,var(--middos-paper) 0 57%,#edf0ff 57% 100%)!important}.hero::before{display:block!important;content:"";position:absolute;left:57%;top:82px;bottom:82px;width:2px;background:var(--middos-coral);opacity:.55}.hero::after{display:block!important;content:"MIDDOS";position:absolute;right:22px;bottom:10px;font-size:9px;font-weight:900;letter-spacing:.32em;color:rgba(20,33,61,.22)}
.hero-copy{position:relative;z-index:2}.hero .middos-product-code{margin-bottom:24px}.hero h1{max-width:740px;color:var(--middos-ink)!important;font-size:clamp(60px,6.2vw,92px)!important;line-height:.9!important;letter-spacing:-.065em!important}.hero h1 em{display:block;margin-top:9px;color:var(--middos-cobalt)!important;font-style:normal}.hero-copy>p{max-width:670px;color:#556075!important;font-size:17px;line-height:1.72}.hero-note{margin-top:28px!important}.hero-note .middos-signature{color:#5a6579}
.middos-map-scene{position:relative;z-index:2}.middos-map{border:1px solid var(--middos-ink)!important;border-radius:26px!important;background-color:var(--middos-ink)!important;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;background-size:28px 28px!important;box-shadow:10px 10px 0 var(--middos-coral)!important}.middos-map::after{display:none!important}.middos-map-head .middos-signature{color:#cfd5eb}.middos-map-head strong{color:#fff!important;font-size:19px!important}.middos-map-head small{color:#aeb8d0!important}.middos-map-lines path{stroke:#7c88ff!important;stroke-width:1.5!important;stroke-dasharray:5 7!important}
.middos-map-core{background:var(--middos-cream)!important;border:1px solid #fff!important;border-radius:16px 16px 16px 5px!important;box-shadow:6px 6px 0 var(--middos-coral)!important}.middos-map-core b{color:var(--middos-cobalt)!important}.middos-map-core strong{color:var(--middos-ink)!important}.middos-map-core small{color:#687284!important}
.middos-map-node{border:0!important;border-left:5px solid var(--middos-cobalt)!important;border-radius:12px!important;background:#fff!important;box-shadow:4px 4px 0 rgba(75,92,255,.28)!important}.middos-map-node:nth-of-type(even){border-left-color:var(--middos-coral)!important;box-shadow:4px 4px 0 rgba(255,141,106,.25)!important}.middos-map-node span{color:var(--middos-cobalt)!important}.middos-map-node strong{color:var(--middos-ink)!important}.middos-map-key{color:#c8d0e4!important}.middos-map-key i{background:var(--middos-coral)!important}
.statement-band{background:var(--middos-cobalt)!important;border-top:1px solid var(--middos-ink);border-bottom:1px solid var(--middos-ink)}.statement-band>p{color:#dfe3ff!important}.statement-scroll span,.statement-scroll span b{color:#fff!important}.statement-scroll i{color:var(--middos-coral)!important}
.section-kicker,.eyebrow.dark{color:var(--middos-cobalt)!important}.section-kicker{position:relative;padding-left:18px}.section-kicker::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;transform:translateY(-50%) rotate(45deg);background:var(--middos-coral)}.intro-grid h2,.role-heading h2,.migration-heading h2,.details-heading h2{letter-spacing:-.045em}
.feature-showcase,.student-sheet,.calendar-card,.security-card{border:1px solid var(--middos-ink)!important;border-radius:18px!important;box-shadow:8px 8px 0 #e2e6ff!important}.feature-tabs button.active{background:var(--middos-ink)!important;color:#fff!important;box-shadow:3px 3px 0 var(--middos-coral)!important}
.role-grid article{border:1px solid var(--middos-line)!important;border-top:5px solid var(--middos-cobalt)!important;border-radius:12px!important;background:#fff!important}.role-grid article:nth-child(2),.role-grid article:nth-child(4){border-top-color:var(--middos-coral)!important}.role-grid article::before{display:none!important}
.jewish-section{background:var(--middos-ink)!important}.jewish-section .eyebrow.light{color:#aeb9ff!important}.jewish-points>div{border-color:rgba(255,255,255,.15)!important}.calendar-card{background:var(--middos-cream)!important;box-shadow:8px 8px 0 var(--middos-coral)!important}
.migration-flow article>span{background:var(--middos-cobalt)!important;color:#fff!important;border-color:var(--middos-ink)!important}.flow-line{background:var(--middos-line)!important}.security-section{background:#edf0ff!important}.security-card{background:var(--middos-ink)!important;box-shadow:9px 9px 0 var(--middos-coral)!important}.security-grid>div{border-color:rgba(255,255,255,.15)!important}
.details-grid article{border:1px solid var(--middos-line)!important;border-left:4px solid var(--middos-cobalt)!important;background:#fff!important}.details-grid article:nth-child(3n){border-left-color:var(--middos-coral)!important}.demo-section{background:var(--middos-cobalt)!important}.demo-section .eyebrow.light{color:#e8eaff!important}.outline-light{border-color:#fff!important}.site-footer{border-top:4px solid var(--middos-ink)!important;background:var(--middos-cream)!important}
@media(max-width:760px){.hero{background:var(--middos-paper)!important;background-image:none!important}.hero::before{display:none!important}.hero::after{right:12px;bottom:7px}.hero h1{font-size:50px!important;line-height:.93!important}.hero h1 em{margin-top:6px}.middos-map{box-shadow:6px 6px 0 var(--middos-coral)!important}.site-header{border-top-width:3px!important}}@media(max-width:390px){.hero h1{font-size:44px!important}}


/* 2026-08-31 calm identity — reference-led refinement */
body{background:var(--middos-paper)!important;color:var(--middos-ink)!important}
.site-header{background:rgba(250,250,248,.94)!important;border-top:0!important;border-bottom:1px solid var(--middos-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.desktop-nav a{color:#555b65!important}.desktop-nav a:hover,.text-action:hover{color:var(--middos-ink)!important}
.primary-action,.light-action{background:var(--middos-accent)!important;color:#fff!important;border:1px solid var(--middos-accent)!important;border-radius:9px!important;box-shadow:none!important;transition:background .15s ease,transform .15s ease}
.primary-action:hover,.light-action:hover{background:var(--middos-accent-deep)!important;transform:translateY(-1px)!important;box-shadow:none!important}
.secondary-action{border:1px solid var(--middos-line-strong)!important;border-radius:9px!important;background:#fff!important;color:var(--middos-ink)!important;box-shadow:none!important}
.hero{position:relative;background:var(--middos-paper)!important;background-image:none!important}
.hero::before{display:none!important}.hero::after{display:none!important}
.hero-copy{position:relative;z-index:2}.hero .middos-product-code{margin-bottom:22px}
.hero h1{max-width:720px!important;color:var(--middos-ink)!important;font-size:clamp(56px,5.8vw,82px)!important;line-height:.94!important;letter-spacing:-.057em!important}
.hero h1 em{display:block;margin-top:6px;color:var(--middos-accent)!important;font-style:normal}
.hero-copy>p{max-width:650px!important;color:#626975!important;font-size:16px!important;line-height:1.7!important}
.hero-note{margin-top:25px!important}
.middos-map-scene{position:relative;z-index:2}
.middos-map{border:1px solid var(--middos-line)!important;border-radius:22px!important;background:#fff!important;background-image:radial-gradient(circle at 50% 48%,rgba(88,103,216,.055),transparent 34%)!important;box-shadow:0 20px 55px rgba(20,24,35,.055)!important}
.middos-map::after{display:none!important}.middos-map-head .middos-signature{color:var(--middos-muted)!important}.middos-map-head strong{color:var(--middos-ink)!important;font-size:18px!important}.middos-map-head small{color:#7a808b!important}
.middos-map-lines path{stroke:#c7cbe2!important;stroke-width:1.2!important;stroke-dasharray:4 6!important}
.middos-map-core{background:#fff!important;border:1px solid #cfd4ef!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(64,76,160,.09)!important}
.middos-map-core b{color:var(--middos-accent)!important}.middos-map-core strong{color:var(--middos-ink)!important}.middos-map-core small{color:#727985!important}
.middos-map-node{border:1px solid var(--middos-line)!important;border-left:3px solid #c8ccec!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.middos-map-node:nth-of-type(even){border-left-color:#c8ccec!important;box-shadow:none!important}.middos-map-node span{color:#9a9fa9!important}.middos-map-node strong{color:var(--middos-ink)!important}.middos-map-key{color:#858b96!important}.middos-map-key i{background:var(--middos-accent)!important}
.statement-band{display:none!important}
.section-kicker,.eyebrow.dark{color:var(--middos-accent-deep)!important}.section-kicker{position:relative;padding-left:14px!important}.section-kicker::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background:var(--middos-accent)!important}
.intro-grid h2,.role-heading h2,.migration-heading h2,.details-heading h2{letter-spacing:-.04em!important}
.feature-showcase,.student-sheet,.calendar-card,.security-card{border:1px solid var(--middos-line)!important;border-radius:18px!important;box-shadow:none!important}
.feature-showcase{background:#fff!important}.feature-tabs button.active{background:#f0f2ff!important;color:var(--middos-accent-deep)!important;border-color:#d8dcf5!important;box-shadow:none!important}
.role-grid article{border:1px solid var(--middos-line)!important;border-top:1px solid var(--middos-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.role-grid article::before{display:none!important}.role-grid article>span{color:var(--middos-accent)!important}
.jewish-section{background:#1d2028!important}.jewish-section .eyebrow.light{color:#b9c0ee!important}.jewish-points>div{border-color:rgba(255,255,255,.11)!important}.calendar-card{background:#fff!important;box-shadow:none!important}
.migration-flow article>span{background:#f0f2ff!important;color:var(--middos-accent-deep)!important;border-color:#d9ddf3!important}.flow-line{background:var(--middos-line)!important}
.security-section{background:#f1f2f8!important}.security-card{background:#fff!important;color:var(--middos-ink)!important;box-shadow:none!important}.security-card .eyebrow.light{color:var(--middos-accent)!important}.security-card h2,.security-card p,.security-card a,.security-grid strong{color:inherit!important}.security-grid>div{border-color:var(--middos-line)!important}.security-grid small{color:#737985!important}
.details-grid article{border:1px solid var(--middos-line)!important;border-left:1px solid var(--middos-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}.details-grid article:nth-child(3n){border-left-color:var(--middos-line)!important}
.demo-section{background:var(--middos-accent)!important}.demo-section .eyebrow.light{color:#e7e9ff!important}.outline-light{border-color:rgba(255,255,255,.7)!important}
.site-footer{border-top:1px solid var(--middos-line)!important;background:var(--middos-cream)!important}
@media(max-width:760px){.hero{background:var(--middos-paper)!important}.hero h1{font-size:47px!important;line-height:.96!important}.hero h1 em{margin-top:5px}.middos-map{box-shadow:0 16px 40px rgba(20,24,35,.06)!important}}
@media(max-width:390px){.hero h1{font-size:42px!important}}


/* 2026-08-31 natural product design */
body{background:#fbfbfa!important;color:var(--middos-ink)!important}
.site-header{height:72px!important;padding-left:max(28px,calc((100vw - 1180px)/2))!important;padding-right:max(28px,calc((100vw - 1180px)/2))!important;background:rgba(251,251,250,.92)!important;border:0!important;border-bottom:1px solid rgba(228,229,232,.86)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
.site-header .brand{min-width:110px}.site-header .middos-wordmark strong{font-size:24px!important}
.desktop-nav{gap:26px!important}.desktop-nav a{font-size:13px!important;font-weight:560!important;color:#5e6269!important}.desktop-nav a:hover{color:#202124!important}
.header-actions{gap:14px!important}.text-action{font-size:13px!important;color:#50545a!important}.primary-action{background:var(--middos-ink)!important;border:1px solid var(--middos-ink)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important;font-weight:650!important}.primary-action:hover{background:#303238!important;border-color:#303238!important;transform:none!important;box-shadow:none!important}
.secondary-action{background:#fff!important;border:1px solid var(--middos-line-strong)!important;color:var(--middos-ink)!important;border-radius:8px!important;box-shadow:none!important}
.hero{display:block!important;min-height:0!important;padding:112px 0 96px!important;background:linear-gradient(180deg,#fbfbfa 0%,#f8f8f6 100%)!important;background-image:linear-gradient(180deg,#fbfbfa 0%,#f8f8f6 100%)!important;overflow:hidden}
.hero::before,.hero::after,.hero-wash{display:none!important}
.hero-copy{width:min(820px,calc(100% - 40px))!important;margin:0 auto!important;text-align:center!important;position:relative!important;z-index:2!important}
.hero-eyebrow{display:inline-block;margin-bottom:18px;color:#6f737a;font-size:13px;font-weight:620;letter-spacing:0}
.hero h1{max-width:none!important;margin:0!important;color:#202124!important;font-size:clamp(58px,6.2vw,82px)!important;line-height:.98!important;letter-spacing:-.065em!important;font-weight:760!important}
.hero-copy>p{max-width:680px!important;margin:24px auto 0!important;color:#62666d!important;font-size:18px!important;line-height:1.62!important}
.hero-actions{justify-content:center!important;margin-top:30px!important;gap:10px!important}.hero-actions .large{min-height:48px!important;padding:0 20px!important;font-size:14px!important}
.product-preview{width:min(1160px,calc(100% - 56px));margin:68px auto 0;position:relative;z-index:2}
.preview-window{overflow:hidden;border:1px solid #dfe1e6;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(30,32,38,.09)}
.preview-topbar{height:58px;padding:0 18px;display:grid;grid-template-columns:220px minmax(220px,420px) 1fr;align-items:center;gap:18px;border-bottom:1px solid #ececef;background:#fff}
.preview-school{display:flex;align-items:center;gap:9px}.preview-school img{width:28px;height:28px}.preview-school span{display:grid;gap:2px}.preview-school strong{font-size:11px}.preview-school small{font-size:8px;color:#858991}
.preview-search{justify-self:center;width:100%;height:32px;padding:0 12px;display:flex;align-items:center;border:1px solid #e5e6e9;border-radius:7px;background:#f7f7f7;color:#a0a3a8;font-size:9px}
.preview-user{justify-self:end;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edeefe;color:#4e59ba;font-size:8px;font-weight:800}
.preview-body{display:grid;grid-template-columns:176px 1fr;min-height:530px}
.preview-sidebar{padding:20px 14px 14px;border-right:1px solid #ececef;background:#f7f7f6;display:flex;flex-direction:column}.preview-sidebar>strong{padding:0 8px 12px;font-size:10px;color:#8a8e95}.preview-sidebar nav{display:grid;gap:3px}.preview-sidebar nav span{height:34px;padding:0 9px;display:flex;align-items:center;border-radius:7px;color:#676b72;font-size:9px;font-weight:600}.preview-sidebar nav span.active{background:#e9ebf7;color:#343a74}.preview-sidebar>small{margin-top:auto;padding:8px;color:#8a8e95;font-size:8px}
.preview-main{padding:28px 30px 34px;background:#fff}
.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.preview-heading small{display:block;margin-bottom:6px;color:#8b8f96;font-size:8px;font-weight:700;letter-spacing:.07em}.preview-heading h2{margin:0;font-size:25px;letter-spacing:-.04em}.preview-heading button{height:34px;border:0;border-radius:7px;background:#202124;color:#fff;padding:0 11px;font-size:8.5px;font-weight:700;pointer-events:none}
.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.preview-stats article{min-height:94px;padding:14px;border:1px solid #e7e8eb;border-radius:10px;background:#fff}.preview-stats span{display:block;color:#7c8087;font-size:8px}.preview-stats strong{display:block;margin-top:10px;font-size:23px;letter-spacing:-.04em}.preview-stats small{display:block;margin-top:5px;color:#9a9da3;font-size:7.5px}
.preview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:12px}.preview-panel{overflow:hidden;border:1px solid #e7e8eb;border-radius:10px;background:#fff}.preview-panel>header{height:45px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececef}.preview-panel>header strong{font-size:9px}.preview-panel>header span{font-size:7.5px;color:#7a7f87}
.preview-row{min-height:57px;padding:9px 13px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #f0f0f1}.preview-row:last-child{border-bottom:0}.preview-row time{font-size:8px;color:#8c9096}.preview-row>span{display:grid;gap:3px}.preview-row b{font-size:8.5px}.preview-row small{font-size:7.5px;color:#8c9096}.preview-row i{min-width:24px;height:22px;padding:0 6px;border-radius:6px;background:#f2f2f3;color:#787c83;display:grid;place-items:center;font-style:normal;font-size:7px}.preview-row.accent i{background:#eef0ff;color:#4c57b8}
.preview-task{min-height:69px;padding:12px 13px;display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #f0f0f1}.preview-task:last-child{border-bottom:0}.preview-task>span{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#6974d9}.preview-task p{margin:0;display:grid;gap:4px}.preview-task b{font-size:8.5px}.preview-task small{font-size:7.5px;color:#8c9096}
.intro-section{padding-top:108px!important}.section{width:min(1120px,calc(100% - 48px))!important}
.section-kicker,.eyebrow.dark{color:#777b82!important;font-size:10px!important;letter-spacing:.08em!important}.section-kicker{padding-left:0!important}.section-kicker::before{display:none!important}
.intro-grid{gap:80px!important}.intro-grid h2,.role-heading h2,.migration-heading h2,.details-heading h2{color:#202124!important;letter-spacing:-.045em!important}
.feature-tabs{border-bottom:1px solid #e3e4e7!important;gap:24px!important}.feature-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#777b82!important}.feature-tabs button.active{background:transparent!important;color:#202124!important;border-color:#5663d8!important;box-shadow:none!important}
.feature-showcase,.student-sheet,.calendar-card,.security-card{border:1px solid #e3e4e7!important;border-radius:14px!important;box-shadow:none!important}
.role-grid article,.details-grid article{border:1px solid #e5e6e9!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.jewish-section{background:#f3f2ee!important;color:#202124!important}.jewish-section .eyebrow.light{color:#6f737a!important}.jewish-section h2,.jewish-section p,.jewish-points strong{color:#202124!important}.jewish-points>div{border-color:#deddd7!important}.jewish-points span{color:#72767c!important}.calendar-card{background:#fff!important}
.security-section{background:#f6f6f4!important}.security-card{background:#fff!important;color:#202124!important}.security-card .eyebrow.light{color:#777b82!important}.security-card p,.security-grid small{color:#72767c!important}.security-grid>div{border-color:#e6e7e9!important}
.demo-section{background:#202124!important}.demo-section .eyebrow.light{color:#aeb1b7!important}.demo-section .light-action{background:#fff!important;color:#202124!important;border-color:#fff!important}.demo-section .outline-light{border-color:#55585f!important}
.site-footer{background:#f5f3ee!important;border-top:1px solid #e1dfd9!important}
@media(max-width:900px){.preview-topbar{grid-template-columns:1fr auto}.preview-search{display:none}.preview-body{grid-template-columns:150px 1fr}.preview-stats{grid-template-columns:repeat(2,1fr)}.preview-grid{grid-template-columns:1fr}.preview-panel:last-child{display:none}}
@media(max-width:760px){.site-header{height:64px!important;padding-left:16px!important;padding-right:16px!important}.site-header .middos-wordmark strong{font-size:22px!important}.hero{padding:86px 0 64px!important}.hero h1{font-size:48px!important}.hero-copy>p{font-size:16px!important}.product-preview{width:calc(100% - 20px);margin-top:46px}.preview-window{border-radius:12px}.preview-topbar{height:52px;padding:0 12px}.preview-school span small{display:none}.preview-body{display:block;min-height:0}.preview-sidebar{display:none}.preview-main{padding:20px 15px 22px}.preview-heading{align-items:flex-start}.preview-heading h2{font-size:20px}.preview-heading button{display:none}.preview-stats{grid-template-columns:repeat(2,1fr)}.preview-stats article{min-height:82px}.preview-grid{grid-template-columns:1fr}.intro-grid{gap:24px!important}.section{width:calc(100% - 28px)!important}}
@media(max-width:390px){.hero h1{font-size:42px!important}.hero-copy>p{font-size:15px!important}.preview-stats strong{font-size:20px}}