/* ============================================================================
   DocsOrigin · fx-brand.css — brand system + premium public surfaces.
   ----------------------------------------------------------------------------
   Self-contained. The `.brand-*` primitives are reusable; all layout rules
   below them are strictly scoped to `.lp` and `.auth-page`. Load AFTER fx.css.

   ⛔ אין backdrop-filter. ⛔ אין אנימציה אינסופית — יש רק חשיפה חד-פעמית
     של החותם (520ms) והיא עטופה ב-prefers-reduced-motion: no-preference.
   ⚠ כל כלל פריסה במאפיינים לוגיים — הלוגו עצמו לטיני ולעולם לא מתהפך ב-RTL.

   assets/brand/ · “Precision Aperture” identity
     mark.svg             64×64 · clipped document aperture
     mark-foil.svg        64×64 · transparent mark for dark surfaces
     mark-mono.svg        64×64 · one-colour production mark
     mark-reverse.svg     64×64 · reverse production mark
     logo-light.svg      480×96 · geometric light-surface lockup
     logo-dark.svg       480×96 · geometric dark-surface lockup
     seal.svg           120×120 · registration-grid verification device
   ========================================================================== */

:root{
  --brand-foil:linear-gradient(100deg,#f7f8fa 0%,#8fa8ff 44%,#2457ff 78%,#ff4d36 100%);
  --brand-gold:#2457ff;
  --brand-gold-dp:#173ecc;
  --brand-logo-ar:480 / 96;
}

/* --------------------------------------------------------------- the mark -- */
.brand-mark{
  display:block; flex:none; inline-size:28px; block-size:28px;
  /* The signet is optically tested at 24px; never let a flex parent squash it. */
  min-inline-size:28px; user-select:none; -webkit-user-drag:none;
}
.brand-mark.xs{ inline-size:16px; block-size:16px; min-inline-size:16px; }
.brand-mark.sm{ inline-size:22px; block-size:22px; min-inline-size:22px; }
.brand-mark.lg{ inline-size:40px; block-size:40px; min-inline-size:40px; }
.brand-mark.xl{ inline-size:64px; block-size:64px; min-inline-size:64px; }

/* The public chrome is a controlled midnight surface: use the transparent
   engraved version there so the identity feels stamped into the shell. */
.lp .lp-header .brand-mark,
.lp .site-foot .brand-mark{ content:url('/assets/brand/mark-foil.svg?v=precision-aperture-1'); }

/* ------------------------------------------------------------- the lockup -- */
.brand-logo{
  display:block; block-size:30px; inline-size:auto;
  aspect-ratio:var(--brand-logo-ar);
  user-select:none; -webkit-user-drag:none;
}
.brand-logo.sm{ block-size:22px; }
.brand-logo.lg{ block-size:44px; }
.brand-logo.xl{ block-size:66px; }

/* dark / light swap — put BOTH <img>s inside .brand-swap and let the surface
   decide. `.lp` is the app's own ink landing body class; `.on-ink` is for any
   other dark panel the orchestrator builds. */
.brand-swap{ display:inline-flex; align-items:center; line-height:0; }
.brand-swap > .b-dark{ display:none; }
.lp .brand-swap > .b-dark,
.on-ink .brand-swap > .b-dark,
[data-brand="dark"] .brand-swap > .b-dark{ display:block; }
.lp .brand-swap > .b-light,
.on-ink .brand-swap > .b-light,
[data-brand="dark"] .brand-swap > .b-light{ display:none; }

/* --------------------------------------------------------------- the seal -- */
.brand-seal{
  display:block; inline-size:120px; block-size:120px;
  user-select:none; -webkit-user-drag:none;
}
.brand-seal.sm{ inline-size:72px; block-size:72px; }
.brand-seal.lg{ inline-size:168px; block-size:168px; }

/* The seal's centre is deliberately empty. Wrap it in .brand-seal-stack and
   drop a checkmark / word / number into .brand-seal-core. The core is capped
   at 38% of the seal so an overlay can never collide with the guilloche. */
/* ⛔ אין container-type כאן: inline-size containment מתעלם מהתוכן, והמעטפת
   (inline-grid בלי רוחב מפורש) הייתה מתמוטטת ל-0 והחותמות היו נדרסות זו על זו.
   הגודל של הליבה נקבע במשתנה שמתחלף עם המודיפייר. */
.brand-seal-stack{
  position:relative; display:inline-grid; place-items:center; line-height:0;
  --seal-core:15px;
}
.brand-seal-stack.sm{ --seal-core:9px; }
.brand-seal-stack.lg{ --seal-core:21px; }
.brand-seal-core{
  position:absolute; inset:32%;          /* 36% של החותם = בתוך המרכז הנקי (37.7%) */
  display:grid; place-items:center; text-align:center; line-height:1.1;
  color:#2457ff; font-weight:800; letter-spacing:.08em;
  font-size:var(--seal-core);
}
.brand-seal-core > svg{ inline-size:62%; block-size:auto; }

/* one-shot reveal, 520ms, never loops */
@media (prefers-reduced-motion: no-preference){
  @keyframes brand-seal-in{
    from{ opacity:0; transform:scale(.86) rotate(-9deg); }
    to  { opacity:1; transform:none; }
  }
  .brand-seal-stack.reveal > .brand-seal{
    animation:brand-seal-in .52s cubic-bezier(.2,.75,.3,1) both;
  }
  .brand-seal-stack.reveal > .brand-seal-core{
    animation:brand-seal-in .52s cubic-bezier(.2,.75,.3,1) .1s both;
  }
}

/* ------------------------------------------------------- foil primitives -- */
/* foil-stamped text. ⚠ needs an explicit color fallback: if background-clip
   fails the text must still be readable, so the gold is set first. */
.brand-foil{
  color:var(--brand-gold);
  background:var(--brand-foil);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .brand-foil{ background:none; -webkit-text-fill-color:currentColor; }
}

/* letterhead hairline — fades out at both ends like a real engraved rule */
.brand-rule{
  border:0; block-size:1px; inline-size:100%; margin:0;
  background:linear-gradient(90deg,transparent 0%,#2457ff 14%,#2457ff 82%,#ff4d36 82%,#ff4d36 86%,transparent 100%);
  opacity:1;
}

/* ========================================================================== */
/* Public experience — editorial fintech 2027                                */
/* ========================================================================== */

:root{
  --brand-night:#050914;
  --brand-night-2:#0a1328;
  --brand-ink:#11182b;
  --brand-paper:#f4f2ed;
  --brand-paper-cool:#f3f5fa;
  --brand-blue:#657dff;
  --brand-blue-deep:#3f57db;
  --brand-mint:#55e2b2;
  --brand-line-dark:rgba(216,226,255,.15);
  --brand-shadow:0 42px 120px rgba(2,7,21,.32),0 12px 38px rgba(2,7,21,.16);
}

html{ scroll-behavior:smooth; }
.lp{ overflow-x:clip; background:var(--brand-night); }
.lp .wrap,.lp .lpbar,.lp .lpbar nav,.lp .hero-stage,.lp .hero-in{ min-inline-size:0; }

/* --------------------------------------------------------------- header -- */
.lp .lp-header{
  position:sticky; inset-block-start:0; z-index:50;
  border-block-end:1px solid rgba(220,228,255,.1);
  background:rgba(5,9,20,.95);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.lp .lp-header::after{
  content:''; position:absolute; inset-inline:0; inset-block-end:-1px; block-size:1px;
  background:linear-gradient(90deg,transparent,rgba(232,181,61,.62),transparent);
  opacity:.5; pointer-events:none;
}
.lp .lpbar{ block-size:76px; }
.lp .lp-brand{ display:inline-flex; align-items:center; flex:none; }
.lp .lpbar .logo{ display:inline-flex; align-items:center; gap:10px; color:#fff; }
.lp .lpbar .logo b{ font-size:20px; letter-spacing:-.025em; }
.lp .lpbar .brand-mark{ inline-size:35px; block-size:35px; min-inline-size:35px; }
.lp .lpbar nav{ gap:8px; min-inline-size:0; }
.lp .lp-links{ display:flex; align-items:center; gap:3px; margin-inline-end:10px; }
.lp .lp-links a{
  padding:9px 12px; border-radius:999px; color:#aab6d6;
  font-size:13px; font-weight:700;
  transition:color .2s ease,background-color .2s ease;
}
.lp .lp-links a:hover{ color:#fff; background:rgba(255,255,255,.07); }
.lp .lp-header .btn{ min-block-size:40px; border-radius:999px; }
.lp .lp-header .btn.accent{
  background:linear-gradient(135deg,#7086ff,#4058db); border-color:#7187ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 28px rgba(65,88,219,.3);
}

/* ---------------------------------------------------------------- hero -- */
.lp .hero{
  position:relative; min-block-size:720px;
  padding-block:clamp(76px,8vw,118px) clamp(106px,10vw,150px);
  background:var(--brand-night); isolation:isolate;
}
.lp .hero::after{ block-size:330px; }
.lp .hero-generated-hook{
  position:absolute; z-index:1; inset:0; pointer-events:none; overflow:hidden;
}
.lp .hero-stage{
  position:relative; z-index:3; display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(260px,.48fr);
  align-items:center; gap:clamp(28px,5vw,76px);
}
.lp .hero-in{ max-inline-size:840px; }
.lp .hero .eyebrow,
.auth-page .eyebrow{
  margin-block-end:24px; padding:7px 14px;
  color:#e6ebff; background:rgba(6,12,29,.76);
  border:1px solid rgba(209,219,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 36px rgba(0,0,0,.18);
}
.lp .hero h1{
  max-inline-size:900px; margin-block-end:25px;
  color:#fff; font-size:clamp(53px,6.2vw,92px); line-height:.96;
  letter-spacing:-.052em; text-wrap:balance;
  text-shadow:0 5px 38px rgba(0,0,0,.36);
}
[dir=rtl] .lp .hero h1{ letter-spacing:-.018em; line-height:1.06; }
[dir=rtl] .lp .hero h1,[dir=rtl] .lp .closing-panel h2,[dir=rtl] .auth-page .auth-story-title{ font-family:var(--f); }
.lp .hero .lead{
  max-inline-size:720px; margin-block-end:34px; color:#c7d1ed;
  font-size:clamp(17px,1.4vw,20px); line-height:1.72; text-wrap:pretty;
}
.lp .hero .lead b{ color:#fff; }
.lp .hero .cta{ gap:12px; }
.lp .hero .cta .btn{
  min-block-size:58px; padding-inline:27px; border-radius:15px;
  font-size:15px; box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.lp .hero .cta .btn.accent{
  position:relative; background:linear-gradient(135deg,#768bff 0%,#526aef 48%,#384fd0 100%);
  border-color:rgba(145,163,255,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 18px 45px rgba(46,70,203,.42);
}
.lp .hero .cta .btn.accent:hover{
  background:linear-gradient(135deg,#8799ff,#6076f2 48%,#4259d7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 22px 55px rgba(46,70,203,.5);
}
.lp .hero .cta .btn span{ display:inline-flex; align-items:center; gap:9px; }
[dir=rtl] .lp .hero .cta .btn span .ic,
[dir=rtl] .lp .closing-cta .btn span .ic{ transform:scaleX(-1); }
.lp .hero .free{
  display:flex; align-items:center; gap:10px; inline-size:fit-content;
  max-inline-size:690px; margin-block-start:24px; color:#d7faed;
  font-size:13.5px; line-height:1.5;
}
.lp .free-check{
  display:grid; place-items:center; flex:none; inline-size:30px; block-size:30px;
  border:1px solid rgba(85,226,178,.3); border-radius:50%;
  color:var(--brand-mint); background:rgba(22,122,90,.22);
  box-shadow:0 0 0 6px rgba(85,226,178,.04);
}

.lp .hero-portal-anchor{
  position:relative; min-inline-size:0; min-block-size:430px; pointer-events:none;
}
.lp .hero-portal-anchor > span{
  position:absolute; inset:50% auto auto 50%; translate:-50% -50%;
  inline-size:290px; aspect-ratio:1; border:1px solid rgba(169,185,255,.15); border-radius:50%;
}
.lp .hero-portal-anchor > span:nth-child(2){ inline-size:390px; border-color:rgba(232,181,61,.11); }
.lp .hero-portal-anchor > span:nth-child(3){ inline-size:510px; border-color:rgba(169,185,255,.065); }

/* A zero-cost monument: the promise is the visual identity, not a footnote. */
.lp .hero-monument{
  position:relative; min-inline-size:0; min-block-size:520px;
  display:grid; align-items:center;
}
.lp .monument-rings{ position:absolute; inset:0; pointer-events:none; }
.lp .monument-rings i{
  position:absolute; inset:50% auto auto 50%; translate:-50% -50%;
  inline-size:410px; aspect-ratio:1; border:1px solid rgba(160,179,255,.17); border-radius:50%;
}
.lp .monument-rings i:nth-child(2){ inline-size:500px; border-color:rgba(232,181,61,.13); }
.lp .monument-rings i:nth-child(3){ inline-size:590px; border-color:rgba(160,179,255,.07); }
.lp .hero-promise{
  position:relative; z-index:3; overflow:hidden; min-inline-size:0;
  padding:38px 36px 34px; border:1px solid rgba(222,230,255,.23); border-radius:30px 30px 30px 7px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.09),transparent 27%),
    radial-gradient(circle at 100% 0%,rgba(93,121,255,.29),transparent 45%),
    linear-gradient(152deg,rgba(20,34,69,.97),rgba(7,14,31,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 48px 110px rgba(0,0,0,.47),0 0 0 10px rgba(255,255,255,.02);
}
[dir=rtl] .lp .hero-promise{ border-radius:30px 30px 7px 30px; }
.lp .hero-promise::before{
  content:''; position:absolute; inset:12px; pointer-events:none;
  border:1px solid rgba(232,181,61,.17); border-radius:21px 21px 21px 3px;
}
[dir=rtl] .lp .hero-promise::before{ border-radius:21px 21px 3px 21px; }
.lp .hero-promise::after{
  content:''; position:absolute; inline-size:320px; block-size:320px;
  inset-inline-end:-170px; inset-block-end:-190px; border-radius:50%;
  border:1px solid rgba(232,181,61,.23); box-shadow:0 0 0 30px rgba(232,181,61,.025),0 0 0 72px rgba(101,125,255,.035);
}
.lp .promise-seal{ position:absolute; z-index:2; inset-block-start:22px; inset-inline-end:22px; opacity:.92; }
.lp .promise-copy{
  position:relative; z-index:2; display:flex; align-items:flex-end; gap:20px;
  min-block-size:150px; padding-inline-end:96px;
}
.lp .promise-zero{
  flex:none; color:#f5d985; font-family:var(--fd); font-size:clamp(116px,13vw,178px);
  line-height:.68; font-weight:600; letter-spacing:-.08em;
  filter:drop-shadow(0 12px 28px rgba(232,181,61,.15));
}
.lp .promise-language{ padding-block-end:6px; }
.lp .promise-copy h2{
  margin:0; color:#fff; font-family:var(--f); font-size:clamp(20px,2vw,27px);
  font-weight:800; line-height:1.14;
}
.lp .promise-copy p{ margin:9px 0 0; color:#aebadc; font-size:13px; line-height:1.55; }
.lp .hero-promise .brand-rule{ position:relative; z-index:2; margin-block:30px 24px; opacity:.55; }
.lp .promise-points{ position:relative; z-index:2; display:grid; gap:13px; }
.lp .promise-points span{
  display:flex; align-items:flex-start; gap:10px; color:#e0e6f8;
  font-size:13px; font-weight:700; line-height:1.45;
}
.lp .promise-points svg{ flex:none; margin-block-start:1px; color:#e8b53d; }
.lp .monument-paper{
  position:absolute; z-index:2; inline-size:140px; block-size:190px;
  padding:24px 18px; border:1px solid rgba(255,255,255,.34); border-radius:10px;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(222,229,245,.82));
  box-shadow:0 26px 65px rgba(0,0,0,.36); pointer-events:none;
}
.lp .monument-paper::before{
  content:''; display:block; inline-size:46%; block-size:8px; margin-block-end:23px;
  border-radius:99px; background:#5e72cf;
}
.lp .monument-paper i{ display:block; block-size:5px; margin-block:10px; border-radius:99px; background:#b8bfd1; }
.lp .monument-paper i:last-child{ inline-size:62%; }
.lp .paper-one{ inset-inline-start:-36px; inset-block-end:-21px; rotate:-8deg; }
.lp .paper-two{ z-index:1; inset-inline-end:-22px; inset-block-start:-19px; rotate:9deg; scale:.82; opacity:.64; }
[dir=rtl] .lp .paper-one{ rotate:8deg; }
[dir=rtl] .lp .paper-two{ rotate:-9deg; }

/* ------------------------------------------------------- document theatre -- */
.lp .product-stage{
  position:relative; z-index:5; scroll-margin-block-start:84px;
  padding-block:clamp(28px,4vw,52px) 66px;
  background:linear-gradient(180deg,var(--brand-night) 0 29%,#091229 29% 100%);
}
.lp .theatre{
  position:relative; margin-block-start:0; overflow:hidden;
  border:1px solid rgba(217,226,255,.2); border-radius:28px;
  background:#0b142a;
  box-shadow:0 58px 140px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.08);
}
.lp .theatre-promise{
  position:absolute; z-index:8; inset-block-start:96px; inset-inline-end:154px;
  display:grid; place-items:center; inline-size:152px; block-size:152px;
  color:#fff; pointer-events:none; filter:drop-shadow(0 18px 30px rgba(8,13,28,.32));
}
.lp .theatre-promise .brand-seal{ position:absolute; inset:0; inline-size:100%; block-size:100%; }
.lp .theatre-promise-core{
  position:relative; z-index:1; display:grid; place-items:center; max-inline-size:72px;
  text-align:center; line-height:1.05;
}
.lp .theatre-promise-core b{ color:#f0d486; font-family:var(--fd); font-size:44px; font-weight:600; line-height:.78; }
.lp .theatre-promise-core small{ margin-block-start:7px; color:#f5f1e6; font-size:8px; font-weight:900; line-height:1.15; }
.lp .theatre::before{
  content:''; position:absolute; inset-inline:0; inset-block-start:0; block-size:170px; pointer-events:none;
  background:radial-gradient(ellipse at 50% -20%,rgba(92,120,255,.26),transparent 62%);
}
.lp .theatre-caption{
  position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-block-size:68px; padding-inline:24px; border-block-end:1px solid rgba(255,255,255,.09);
}
.lp .theatre-status,.lp .theatre-country{ display:flex; align-items:center; gap:10px; color:#dce4fa; font-size:12px; font-weight:800; }
.lp .theatre-status i{ inline-size:8px; block-size:8px; border-radius:50%; background:var(--brand-mint); box-shadow:0 0 0 6px rgba(85,226,178,.08); }
.lp .theatre-country{ color:#8998bd; }
.lp .country-code{
  padding:5px 8px; border:1px solid rgba(255,255,255,.11); border-radius:7px;
  color:#f1d88c; background:rgba(255,255,255,.04);
}
.lp .theatre-grid{
  position:relative; display:grid; grid-template-columns:168px minmax(0,1fr) 166px;
  gap:0; padding:18px;
}
.lp .theatre-rail{ min-inline-size:0; padding:14px 18px 14px 2px; }
[dir=rtl] .lp .theatre-rail{ padding:14px 2px 14px 18px; }
.lp .rail-mark{
  display:grid; place-items:center; inline-size:40px; block-size:40px; margin-block-end:24px;
  border:1px solid rgba(132,153,255,.25); border-radius:12px; color:#91a3ff;
  background:rgba(87,113,236,.1);
}
.lp .rail-item{
  display:flex; align-items:center; gap:9px; min-inline-size:0;
  padding:10px 0; color:#7786aa; font-size:11px; font-weight:700; line-height:1.25;
}
.lp .rail-item > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lp .rail-item i{ flex:none; inline-size:14px; block-size:2px; background:#3c496a; }
.lp .rail-item.on{ color:#fff; }
.lp .rail-item.on i{ inline-size:24px; background:var(--brand-foil); }
.lp .product-stage .demo{
  min-inline-size:0; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.25); border-radius:18px;
  background:#fff; box-shadow:0 32px 80px rgba(0,0,0,.42),0 0 0 7px rgba(255,255,255,.025);
}
.lp .demo-top{ min-block-size:49px; padding-inline:17px; background:#f1f3f8; }
.lp .demo-dot{ inline-size:8px; block-size:8px; background:#cbd1df; }
.lp .demo-tabs{ flex-wrap:wrap; }
.lp .demo-tab{ padding:4px 9px; border-radius:999px; background:#e1e5ef; }
.lp .demo-tab.on{ background:#263b93; box-shadow:0 6px 14px rgba(38,59,147,.18); }
.lp .demo-body{ padding:clamp(14px,2.6vw,32px); background:#fff; }
.lp .theatre-data{
  display:flex; flex-direction:column; justify-content:center; gap:1px;
  min-inline-size:0; padding-inline-start:20px;
}
.lp .theatre-data > span{
  display:grid; gap:5px; padding-block:16px; border-block-end:1px solid rgba(255,255,255,.08);
}
.lp .theatre-data > span:last-child{ border:0; }
.lp .theatre-data small{ color:#7786a9; font-size:10px; font-weight:800; line-height:1.25; }
.lp .theatre-data b{ color:#f0d486; font-family:var(--fd); font-size:29px; font-weight:600; line-height:1; }
.lp .theatre-foot{
  position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-block-size:58px; padding-inline:24px; border-block-start:1px solid rgba(255,255,255,.08);
  color:#8f9dbf; font-size:11.5px; font-weight:700;
}
.lp .theatre-foot span{ display:flex; align-items:center; gap:8px; }
.lp .theatre-foot svg{ color:var(--brand-mint); }

/* ------------------------------------------------------------- evidence -- */
.lp .strip{
  position:relative; padding-block:48px; border-block-color:rgba(255,255,255,.1);
  background:linear-gradient(180deg,#091229,#071020);
}
.lp .strip::after{
  content:''; position:absolute; inset-inline:0; inset-block-end:-1px; block-size:1px;
  background:linear-gradient(90deg,transparent,rgba(232,181,61,.38),transparent);
}
.lp .strip-in{ justify-content:space-between; gap:28px; }
.lp .strip-i{
  position:relative; min-inline-size:130px; padding-inline:20px; text-align:start;
  border-inline-start:1px solid rgba(255,255,255,.11); color:#94a1c2;
  font-size:11px; font-weight:800; letter-spacing:.025em;
}
.lp .strip-in b{ display:block; margin-block-end:5px; color:#f1d488; font-size:42px; line-height:1; }

/* ------------------------------------------------------------ sections -- */
.lp .sec{ position:relative; padding-block:clamp(88px,9vw,138px); }
.lp .sec.light{ background:var(--brand-paper); }
.lp .sec.tint{
  overflow:hidden; background:
    radial-gradient(circle at 85% 2%,rgba(80,106,226,.13),transparent 32%),
    linear-gradient(180deg,#f7f8fb,#edf0f6);
}
.lp .sec-head{ max-inline-size:820px; margin-block-end:64px; }
.lp .editorial-head{
  display:grid; grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);
  column-gap:34px; align-items:end; max-inline-size:none;
}
.lp .editorial-head .section-kicker{ grid-column:1; grid-row:1 / span 2; align-self:start; }
.lp .editorial-head h2,.lp .editorial-head p{ grid-column:2; }
/* ⚠⚠ **ממצא פתוח, נמדד ולא תוקן:** `#101729` על גוף כהה הוא **1.11:1** —
   כותרת של 68px שכמעט אינה נראית. הכלל חל על כל מקטע ב-`.lp`, ורוב
   מקטעי דף הבית שקופים מעל רקע כהה (רק `.sec.light` ו-`.proof-sec`
   בהירים בפועל — נמדד).
   ⛔ הוחלף ל-`var(--tx)` עם הגדרת טוקנים לפי רצועה — ונמדד: 45 → 70
   כשלים, כי דף הבית מעורב גם **בתוך** המקטעים (כרטיסים לבנים על רקע
   כהה, ולהפך). ⛔ אל תנסה שוב כטלאי טוקנים; זה דורש מעבר עיצובי על
   דף הנחיתה הכהה, מקטע-מקטע. העמודים הפנימיים כבר מטופלים. */
.lp .sec-head h2{
  margin:0; color:#101729; font-size:clamp(43px,5vw,68px); line-height:1.02;
  letter-spacing:-.035em; text-wrap:balance;
}
[dir=rtl] .lp .sec-head h2{ letter-spacing:-.012em; line-height:1.1; }
.lp .sec.light .sec-head p,.lp .sec.tint .sec-head p{
  max-inline-size:680px; margin-block-start:15px; color:#596178;
  font-size:17px; line-height:1.7;
}
.lp .section-kicker{
  display:inline-flex; align-items:center; gap:10px; margin-block-start:8px;
  color:#3148bb; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase;
}
.lp .section-kicker::before{ content:''; inline-size:34px; block-size:1px; background:#b8862a; }
[dir=rtl] .lp .section-kicker{ letter-spacing:.05em; }

.lp .how-layout{
  display:grid; grid-template-columns:minmax(340px,.96fr) minmax(0,1.04fr);
  align-items:center; gap:clamp(46px,7vw,105px);
}
.lp .how-visual{
  position:relative; display:grid; place-items:center; min-block-size:510px;
  padding:52px 36px 88px; border:1px solid #d8d6d0; border-radius:4px 34px 34px 34px;
  background:
    linear-gradient(135deg,rgba(232,181,61,.08),transparent 22%),
    radial-gradient(circle at 55% 36%,rgba(75,104,231,.13),transparent 49%),
    linear-gradient(155deg,#fff,#f0eee8);
  box-shadow:0 44px 100px rgba(30,38,62,.14),inset 0 1px 0 #fff;
}
[dir=rtl] .lp .how-visual{ border-radius:34px 4px 34px 34px; }
.lp .how-visual::before{
  content:''; position:absolute; inset:13px; border:1px solid rgba(184,134,42,.22);
  border-radius:1px 25px 25px 25px; pointer-events:none;
}
[dir=rtl] .lp .how-visual::before{ border-radius:25px 1px 25px 25px; }
.lp .how-visual::after{
  content:''; position:absolute; inset-inline-end:-26px; inset-block-start:58px;
  inline-size:70px; block-size:2px; background:var(--brand-foil);
}
.lp .how-visual .illus-family{ max-inline-size:420px; }
.lp .how-visual-index{
  position:absolute; inset-inline-start:27px; inset-block-start:24px;
  color:#a5a9b3; font-size:10px; font-weight:800; letter-spacing:.15em;
}
.lp .how-note{
  position:absolute; inset-inline:26px; inset-block-end:24px;
  display:flex; align-items:flex-start; gap:9px; padding:12px 14px;
  border:1px solid #c5e7d9; border-radius:12px; background:#edf9f4;
  color:#126f50; font-size:13px; font-weight:800; line-height:1.45;
}
.lp .how-note svg{ flex:none; margin-block-start:1px; }
.lp .how-layout .steps{ display:grid; grid-template-columns:1fr; gap:0; }
.lp .how-layout .step{
  display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:22px;
  padding:28px 0; border-block-end:1px solid #d8d7d2;
  background:transparent; box-shadow:none;
}
.lp .how-layout .step:first-child{ border-block-start:1px solid #d8d7d2; }
.lp .how-layout .step::before{
  grid-column:1; grid-row:1 / span 2; display:grid; place-items:center;
  inline-size:54px; block-size:54px; margin:0; border:1px solid #cbd1e6; border-radius:50%;
  color:#fff; background:linear-gradient(145deg,#6b82f5,#364dbc);
  box-shadow:0 12px 28px rgba(54,77,188,.22),inset 0 1px 0 rgba(255,255,255,.3);
}
.lp .how-layout .step h3{ grid-column:2; margin-block-end:7px; color:#151b2c; font-size:21px; }
.lp .how-layout .step p{ grid-column:2; color:#62697c; font-size:14.5px; line-height:1.65; }

/* Bento rhythm deliberately varies scale; all six claims remain equal truth. */
.lp .feats{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; }
.lp .feat{
  position:relative; overflow:hidden; min-block-size:340px; padding:22px 22px 27px;
  border:1px solid #dce0ea; border-radius:24px; background:rgba(255,255,255,.88);
  box-shadow:0 16px 42px rgba(24,36,72,.07),inset 0 1px 0 #fff;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.lp .feat:nth-child(1){ grid-column:span 7; min-block-size:430px; }
.lp .feat:nth-child(2){ grid-column:span 5; min-block-size:430px; }
.lp .feat:nth-child(3),.lp .feat:nth-child(4),.lp .feat:nth-child(5){ grid-column:span 4; }
.lp .feat:nth-child(6){
  grid-column:span 12; display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  align-items:center; column-gap:38px; min-block-size:260px;
}
.lp .feat::before{
  content:''; position:absolute; inset-inline:0; inset-block-start:0; block-size:3px;
  background:var(--brand-foil); opacity:.38;
}
.lp .feat::after{
  content:''; position:absolute; inline-size:220px; block-size:220px;
  inset-inline-end:-140px; inset-block-end:-150px; border:1px solid rgba(61,83,196,.13); border-radius:50%;
  box-shadow:0 0 0 26px rgba(61,83,196,.025),0 0 0 60px rgba(61,83,196,.018);
}
.lp .feat-index{
  position:absolute; z-index:2; inset-inline-end:20px; inset-block-start:17px;
  color:#a1a8bb; font-size:10px; font-weight:900; letter-spacing:.12em;
}
.lp .feat:hover,.lp .feat:focus-within{
  border-color:#c4cae0; box-shadow:0 28px 62px rgba(24,36,72,.13),inset 0 1px 0 #fff;
  transform:translateY(-4px);
}
.lp .feat .illus-plate{
  position:relative; z-index:1; min-block-size:150px; margin-block-end:22px; border:0; border-radius:18px;
  background:linear-gradient(150deg,#f8f9fc,#edf0f7);
}
.lp .feat:nth-child(1) .illus-plate,.lp .feat:nth-child(2) .illus-plate{ min-block-size:225px; }
.lp .feat:nth-child(6) .illus-plate{ grid-column:1; grid-row:1 / span 2; margin:0; min-block-size:210px; }
.lp .feat h3{ position:relative; z-index:1; padding-inline:5px; color:#131a2d; font-size:19px; }
.lp .feat p{ position:relative; z-index:1; padding-inline:5px; color:#596178; font-size:14px; line-height:1.68; }
.lp .feat:nth-child(1) h3,.lp .feat:nth-child(2) h3{ font-size:22px; }
.lp .feat:nth-child(6) h3,.lp .feat:nth-child(6) p{ grid-column:2; }
.lp .feat:nth-child(6) h3{ align-self:end; font-size:25px; }
.lp .feat:nth-child(6) p{ align-self:start; max-inline-size:620px; }

/* -------------------------------------------------------- closing moment -- */
.lp .closing-cta{
  position:relative; overflow:hidden; min-block-size:700px; display:grid; align-items:center;
  padding-block:128px; background:
    radial-gradient(circle at 50% 32%,rgba(80,108,240,.34),transparent 36%),
    linear-gradient(180deg,#091228,#040812);
}
.lp .closing-cta::before{
  content:''; position:absolute; inset:0; opacity:.04; pointer-events:none;
  background:url(art/guilloche-tile.svg) center / 220px repeat;
}
.lp .closing-zero{
  position:absolute; z-index:0; inset:50% auto auto 50%; translate:-50% -52%;
  color:transparent; font-family:var(--fd); font-size:min(70vw,780px); font-weight:600; line-height:.8;
  -webkit-text-stroke:1px rgba(232,181,61,.14); text-stroke:1px rgba(232,181,61,.14);
  opacity:.8; pointer-events:none;
}
.lp .closing-panel{ position:relative; z-index:2; text-align:center; }
.lp .closing-panel .closing-seal{ position:absolute; inset-block-start:-70px; inset-inline-start:50%; translate:-50% 0; }
[dir=rtl] .lp .closing-panel .closing-seal{ translate:50% 0; }
.lp .closing-panel .art-divider{ margin-block:0 28px; }
.lp .closing-panel h2{ color:#fff; font-size:clamp(44px,6vw,76px); line-height:1.02; text-wrap:balance; }
.lp .closing-panel p{
  max-inline-size:700px; margin:21px auto 20px; color:#b9c4df;
  font-size:17px; line-height:1.75;
}
.lp .closing-free{
  display:flex; align-items:center; justify-content:center; gap:9px;
  margin-block-end:30px; color:#d0f8e9; font-size:14px;
}
.lp .closing-free svg{ color:var(--brand-mint); }
.lp .closing-panel .btn{
  min-block-size:60px; border-radius:15px; padding-inline:30px;
  box-shadow:0 20px 50px rgba(55,79,207,.42);
}
.lp .closing-panel .btn span{ display:inline-flex; align-items:center; gap:9px; }
.lp .lpfoot{ background:#03060e; }
.lp .lpfoot .wrap > :first-child{ max-inline-size:900px; }

/* ------------------------------------------------------ authentication -- */
.auth-page{
  min-block-size:100vh; overflow-x:clip; color:var(--tx);
  background:
    radial-gradient(circle at 14% 10%,rgba(86,111,236,.25),transparent 34%),
    radial-gradient(circle at 92% 88%,rgba(232,181,61,.1),transparent 30%),
    #040812;
}
.auth-page .auth{ min-block-size:100vh; padding:clamp(16px,3vw,42px); background:transparent; }
.auth-page .auth-shell{
  display:grid; grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr);
  inline-size:min(1260px,100%); min-block-size:min(780px,calc(100vh - 84px));
  overflow:hidden; border:1px solid rgba(222,229,255,.17); border-radius:34px;
  background:#f9fafc; box-shadow:0 54px 150px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025);
}
.auth-page .auth-story{
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  padding:clamp(34px,5vw,70px); color:#e9edfb;
  background:
    linear-gradient(140deg,rgba(255,255,255,.045),transparent 28%),
    radial-gradient(circle at 15% 88%,rgba(81,108,238,.39),transparent 40%),
    linear-gradient(150deg,#101d3a 0%,#071127 72%,#050a16 100%);
}
.auth-page .auth-story::before{
  content:''; position:absolute; inset:0; opacity:.05; pointer-events:none;
  background:url(art/guilloche-tile.svg) center / 220px repeat;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 86%);
          mask-image:linear-gradient(180deg,#000,transparent 86%);
}
.auth-page .auth-story::after{
  content:''; position:absolute; inline-size:500px; block-size:500px;
  inset-inline-end:-260px; inset-block-end:-220px; border-radius:50%;
  border:1px solid rgba(232,181,61,.28); box-shadow:0 0 0 45px rgba(232,181,61,.025),0 0 0 116px rgba(84,112,237,.04);
}
.auth-page .auth-art-hook{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.auth-page .auth-brand{ position:relative; z-index:3; display:inline-flex; align-self:flex-start; }
.auth-page .auth-brand .logo{ display:inline-flex; align-items:center; gap:10px; color:#fff; }
.auth-page .auth-brand .logo b{ font-size:21px; }
.auth-page .auth-story-copy{ position:relative; z-index:3; margin-block:auto; padding-block:54px 92px; }
.auth-page .eyebrow{ margin-block-end:23px; }
.auth-page .auth-story-title{
  max-inline-size:660px; color:#fff; font-size:clamp(43px,4.5vw,68px);
  font-family:var(--fd); font-weight:600; letter-spacing:-.035em;
  line-height:1.02; text-wrap:balance;
}
[dir=rtl] .auth-page .auth-story-title{ font-weight:700; letter-spacing:-.01em; line-height:1.1; }
.auth-page .auth-story-copy > p{
  max-inline-size:590px; margin-block:22px 30px; color:#bcc7e5;
  font-size:16px; line-height:1.72;
}
.auth-page .auth-benefits{ display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.auth-page .auth-benefits li{
  display:flex; align-items:flex-start; gap:11px; color:#e0e6f8;
  font-size:13.5px; font-weight:700; line-height:1.5;
}
.auth-page .auth-benefits svg{ flex:none; margin-block-start:2px; color:#e8b53d; }
.auth-page .auth-benefits li:first-child svg{ color:var(--brand-mint); }
.auth-page .auth-origin{
  position:relative; z-index:3; display:flex; justify-content:space-between; gap:18px;
  padding-block-start:20px; border-block-start:1px solid rgba(255,255,255,.12);
  color:#8e9bbd; font-size:12.5px; font-weight:700;
}
.auth-page .auth-origin .num{ color:#f1d98e; font-size:17px; }
.auth-page .auth-monument{ position:absolute; z-index:2; inset-inline-end:25px; inset-block-end:66px; inline-size:230px; block-size:230px; pointer-events:none; opacity:.82; }
.auth-page .auth-monument-ring{
  position:absolute; inset:0; border:1px solid rgba(232,181,61,.18); border-radius:50%;
  box-shadow:0 0 0 25px rgba(232,181,61,.018),0 0 0 62px rgba(104,128,242,.025);
}
.auth-page .auth-monument-zero{
  position:absolute; inset:50% auto auto 50%; translate:-50% -53%;
  color:rgba(240,211,128,.16); font-family:var(--fd); font-size:190px; line-height:1;
}
.auth-page .auth-paper{
  position:absolute; inline-size:60px; block-size:82px; border:1px solid rgba(255,255,255,.45); border-radius:5px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(187,200,231,.38));
  box-shadow:0 16px 35px rgba(0,0,0,.28);
}
.auth-page .auth-paper-a{ inset-inline-start:-3px; inset-block-end:5px; rotate:-9deg; }
.auth-page .auth-paper-b{ inset-inline-end:9px; inset-block-start:6px; rotate:11deg; scale:.78; opacity:.56; }
.auth-page .auth-card{
  align-self:stretch; display:flex; flex-direction:column; justify-content:center;
  inline-size:100%; max-inline-size:none; padding:clamp(38px,5vw,78px);
  border-radius:0; box-shadow:none;
  background:
    linear-gradient(135deg,rgba(232,181,61,.035),transparent 26%),
    #fbfcfe;
}
.auth-page .auth-card-mark{ display:flex; justify-content:center; margin-block-end:8px; }
.auth-page .auth-card h1{ text-align:center; color:#11182b; font-size:clamp(30px,3vw,40px); }
.auth-page .auth-card .sub{
  max-inline-size:410px; margin:10px auto 32px; text-align:center;
  color:#687188; line-height:1.55;
}
.auth-page .auth-card form{ inline-size:100%; max-inline-size:450px; margin-inline:auto; }
.auth-page .auth-card .fld{ gap:7px; margin-block-end:18px; }
.auth-page .auth-card .fld label{ color:#343d56; font-weight:800; }
.auth-page .auth-card .fld input,.auth-page .auth-card .fld select{
  min-block-size:52px; padding-inline:15px; border-color:#d2d9e7; border-radius:13px;
  background:#fff; box-shadow:inset 0 1px 2px rgba(15,24,47,.025);
}
.auth-page .auth-card .fld input:hover,.auth-page .auth-card .fld select:hover{ border-color:#b9c3d9; }
.auth-page .auth-card .fld input:focus,.auth-page .auth-card .fld select:focus{
  border-color:var(--brand-blue-deep); box-shadow:0 0 0 4px rgba(63,87,219,.12); background:#fff;
}
.auth-page .auth-card .btn.accent{
  min-block-size:56px; margin-block-start:5px; border-radius:14px;
  background:linear-gradient(135deg,#7187ff,#3f57d7); border-color:#5067e1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 16px 36px rgba(56,79,202,.29);
}
.auth-page .auth-card .btn.accent:hover{
  background:linear-gradient(135deg,#8194ff,#4b62dd); box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 20px 42px rgba(56,79,202,.36);
}
.auth-page .auth-alt{ margin-block-start:24px; }
.auth-page .auth-alt a{ color:#354fc8; }
.auth-page .auth-free-scope{
  display:flex; align-items:flex-start; justify-content:center; gap:7px;
  max-inline-size:450px; margin:16px auto 0; color:#687189;
  font-size:11px; line-height:1.5; text-align:start;
}
.auth-page .auth-free-scope svg{ flex:none; margin-block-start:2px; color:#3b56c6; }
.auth-page .auth-card input::placeholder{ color:#707991; opacity:1; }
.auth-page .auth-card input:-webkit-autofill{
  -webkit-text-fill-color:#11182b;
  box-shadow:0 0 0 1000px #f7f9ff inset;
  transition:background-color 9999s ease-out;
}

/* ---------------------------------------------------------- interaction -- */
.lp a:focus-visible,.lp button:focus-visible,.lp summary:focus-visible,.lp select:focus-visible,
.auth-page a:focus-visible,.auth-page button:focus-visible,.auth-page input:focus-visible,.auth-page select:focus-visible{
  outline:3px solid #91a5ff; outline-offset:3px;
}

@media screen and (max-width:1160px){
  .lp .hero-stage{ grid-template-columns:minmax(0,1fr) minmax(220px,.38fr); gap:32px; }
  .lp .hero h1{ font-size:clamp(50px,6.3vw,76px); }
  .lp .hero-monument{ min-block-size:470px; }
  .lp .promise-copy{ display:block; }
  .lp .promise-language{ margin-block-start:20px; }
  .lp .theatre-grid{ grid-template-columns:138px minmax(0,1fr); }
  .lp .theatre-data{ display:none; }
  .lp .theatre-promise{ inset-inline-end:24px; }
  .lp .strip-in{ justify-content:center; }
  .auth-page .auth-shell{ grid-template-columns:minmax(0,.9fr) minmax(410px,.72fr); }
  .auth-page .auth-story{ padding:44px; }
  .auth-page .auth-monument{ opacity:.5; }
}

@media screen and (max-width:900px){
  .lp .lp-links{ display:none; }
  .lp .hero{ min-block-size:auto; padding-block:74px 96px; }
  .lp .hero-stage{ grid-template-columns:1fr; gap:0; }
  .lp .hero-in{ max-inline-size:760px; }
  .lp .hero-portal-anchor{ display:none; }
  .lp .theatre{ margin-block-start:0; }
  .lp .theatre-grid{ grid-template-columns:1fr; padding:14px; }
  .lp .theatre-rail{ display:none; }
  .lp .how-layout{ grid-template-columns:1fr; }
  .lp .how-visual{ max-inline-size:650px; min-block-size:420px; }
  .lp .feat:nth-child(n){ grid-column:span 6; min-block-size:360px; }
  .lp .feat:nth-child(6){ display:block; }
  .lp .feat:nth-child(6) .illus-plate{ margin-block-end:22px; min-block-size:180px; }
  .auth-page .auth{ padding:18px; }
  .auth-page .auth-shell{ grid-template-columns:1fr; }
  .auth-page .auth-story{ min-block-size:420px; }
  .auth-page .auth-story-copy{ padding-block:44px 24px; }
  .auth-page .auth-story-copy > p{ margin-block-end:0; }
  .auth-page .auth-benefits{ display:none; }
  .auth-page .auth-monument{ inset-block-end:42px; }
  .auth-page .auth-card{ padding-block:52px; }
}

@media screen and (max-width:640px){
  .lp .lpbar{ block-size:68px; padding-inline:16px; gap:7px; }
  .lp .lpbar .brand-mark{ inline-size:28px; block-size:28px; min-inline-size:28px; }
  .lp .lpbar .logo b{ font-size:17px; }
  .lp .lpbar nav{ gap:5px; }
  .lp .lpbar .sw summary{ padding-inline:9px; }
  .lp .lpbar .sw summary .sw-sep,.lp .lpbar .sw summary .sw-sep + span{ display:none; }
  .lp .lpbar .sw-pop{
    position:fixed; inset-block-start:76px; inset-inline:12px; width:auto;
    max-block-size:calc(100dvh - 88px); overflow:auto;
  }
  .lp .lpbar .lp-login{ display:none; }
  .lp .lp-header .btn.sm{ padding-inline:10px; }
  .lp .hero{ padding-block:52px 76px; }
  .lp .hero h1{ font-size:clamp(42px,12.3vw,56px); line-height:.99; }
  [dir=rtl] .lp .hero h1{ line-height:1.08; }
  .lp .hero .lead{ font-size:16.5px; line-height:1.65; }
  .lp .hero .cta{ display:grid; grid-template-columns:1fr; }
  .lp .hero .cta .btn{ inline-size:100%; }
  .lp .hero .free{ align-items:flex-start; }
  .lp .product-stage .wrap{ padding-inline:10px; }
  .lp .theatre{ margin-block-start:0; border-radius:19px; }
  .lp .theatre-promise{ inset-block-start:69px; inset-inline-end:8px; inline-size:92px; block-size:92px; }
  .lp .theatre-promise-core{ max-inline-size:49px; }
  .lp .theatre-promise-core b{ font-size:29px; }
  .lp .theatre-promise-core small{ margin-block-start:4px; font-size:6px; }
  .lp .theatre-caption{ min-block-size:58px; padding-inline:16px; }
  .lp .theatre-country > :last-child{ display:none; }
  .lp .theatre-grid{ padding:9px; }
  .lp .product-stage .demo{ border-radius:13px; }
  .lp .demo-top{ min-block-size:45px; flex-wrap:wrap; }
  .lp .demo-tabs{ flex:1 1 100%; min-inline-size:0; margin-inline-start:0; overflow:visible; flex-wrap:wrap; }
  .lp .demo-tab{ flex:none; }
  .lp .theatre-foot{ align-items:flex-start; min-block-size:62px; padding:12px 15px; font-size:10.5px; }
  .lp .theatre-foot > :first-child{ max-inline-size:72%; }
  .lp .strip-in{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 8px; }
  .lp .strip-in .illus-globe{ display:none; }
  .lp .strip-i{ min-inline-size:0; padding-inline:14px; }
  .lp .strip-in b{ font-size:36px; }
  .lp .sec{ padding-block:82px; }
  .lp .editorial-head{ display:block; }
  .lp .section-kicker{ margin-block-end:15px; }
  .lp .sec-head{ margin-block-end:38px; }
  .lp .sec-head h2{ font-size:39px; }
  .lp .how-visual{ min-block-size:330px; padding:40px 18px 74px; border-radius:3px 24px 24px 24px; }
  [dir=rtl] .lp .how-visual{ border-radius:24px 3px 24px 24px; }
  .lp .how-visual::after{ display:none; }
  .lp .how-layout .step{ grid-template-columns:48px minmax(0,1fr); column-gap:14px; padding:22px 0; }
  .lp .how-layout .step::before{ inline-size:42px; block-size:42px; }
  .lp .how-layout .step h3,.lp .how-layout .step p{ grid-column:2; }
  .lp .feats{ grid-template-columns:1fr; }
  .lp .feat:nth-child(n){ grid-column:1; min-block-size:0; }
  .lp .feat:nth-child(1),.lp .feat:nth-child(2){ min-block-size:0; }
  .lp .feat:nth-child(1) .illus-plate,.lp .feat:nth-child(2) .illus-plate{ min-block-size:170px; }
  .lp .closing-cta{ min-block-size:620px; padding-block:110px 90px; }
  .lp .closing-panel h2{ font-size:43px; }
  .lp .closing-zero{ font-size:118vw; }
  .auth-page .auth{ padding:0; align-items:start; }
  .auth-page .auth-shell{ min-block-size:100vh; border:0; border-radius:0; }
  .auth-page .auth-card{ order:-1; }
  .auth-page .auth-story{ min-block-size:330px; padding:28px 24px; }
  .auth-page .auth-story-title{ font-size:36px; }
  .auth-page .auth-story-copy{ padding-block:35px 0; }
  .auth-page .auth-story-copy > p{ display:none; }
  .auth-page .auth-monument{ inline-size:150px; block-size:150px; inset-inline-end:5px; inset-block-end:48px; opacity:.42; }
  .auth-page .auth-monument-zero{ font-size:126px; }
  .auth-page .auth-origin{ margin-block-start:auto; }
  .auth-page .auth-card{ padding:42px 22px 52px; }
}

@media screen and (max-width:430px){
  .auth-page .auth-card{ padding:34px 18px 42px; }
  .auth-page .auth-card-mark{ margin-block-end:5px; }
  .auth-page .auth-card h1{ font-size:30px; }
  .auth-page .auth-card .sub{ margin-block-end:24px; }
  .auth-page .auth-story{ min-block-size:286px; padding:24px 20px; }
  .auth-page .auth-story-title{ max-inline-size:310px; font-size:32px; }
  .auth-page .auth-origin{ gap:10px; font-size:11.5px; }
  .auth-page .auth-monument{ inline-size:128px; block-size:128px; inset-inline-end:-4px; }
  .auth-page .auth-monument-zero{ font-size:108px; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .lp .feat,.lp .lp-links a,.lp .hero .btn,.auth-page .btn{ transition:none; }
  .lp .feat:hover,.lp .feat:focus-within{ transform:none; }
}

@media (prefers-contrast:more){
  .lp .hero .lead,.lp .promise-copy p,.lp .closing-panel p,.auth-page .auth-story-copy > p{ color:#eef1ff; }
  .lp .hero-promise,.lp .theatre,.auth-page .auth-shell{ border-color:rgba(255,255,255,.52); }
  .lp .theatre-data small,.lp .rail-item{ color:#dfe5f8; }
}

@media (forced-colors:active){
  .lp,.auth-page,.auth-page .auth-story,.auth-page .auth-card{ background:Canvas; color:CanvasText; }
  .auth-page .auth-shell,.auth-page .auth-card .fld input,.auth-page .auth-card .fld select,
  .lp .theatre,.lp .hero-promise{ border:1px solid CanvasText; box-shadow:none; }
  .auth-page .auth-story::before,.auth-page .auth-story::after,.auth-page .auth-monument,
  .lp .closing-zero{ display:none; }
  .lp a:focus-visible,.lp button:focus-visible,.lp summary:focus-visible,.lp select:focus-visible,
  .auth-page a:focus-visible,.auth-page button:focus-visible,.auth-page input:focus-visible,.auth-page select:focus-visible{
    outline-color:Highlight;
  }
}