/* DELMI marketing concept, non-production. Editorial dark/ivory; no fonts,
   trackers, payments, or external stylesheets. Gemini review required. */
:root {
  color-scheme: dark;
  --ink: #11110f;
  --ink-soft: #181815;
  --card: #23231f;
  --ivory: #f5f3f0;
  --secondary: #c1bdb5;
  --muted: #a49e95;
  --line: #45433e;
  --line-soft: #34332e;
  --button: #f2efe8;
  --button-text: #1a1916;
  --shell: 1170px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; min-width: 280px; background: var(--ink); color: var(--ivory); font-family: "Segoe UI", "Noto Sans Hebrew", Arial, sans-serif; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
a:focus-visible, summary:focus-visible { outline: 2px solid var(--ivory); outline-offset: 5px; border-radius: 3px; }
p,h1,h2,h3 { margin: 0; }
h1,h2,h3 { text-wrap: balance; }
p { text-wrap: pretty; text-align: right; max-width: 68ch; line-height: 1.9; }
::selection { color: var(--ink); background: var(--ivory); }
.shell { width: min(calc(100% - 64px), var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; inset-inline-start: 20px; top: -80px; z-index: 9999; background: var(--ivory); color: var(--ink); padding: 8px 16px; }
.skip-link:focus { top: 12px; }
.site-header { height: 89px; display: flex; align-items: center; position: relative; z-index: 10; border-bottom: 1px solid rgba(245,243,240,.09); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; direction: ltr; align-items: center; gap: 0; text-decoration: none; white-space: nowrap; color: var(--ivory); flex: 0 0 auto; }
.brand-wordmark { display: block; width: 164px; height: auto; max-height: 33px; object-fit: contain; }
.main-nav { display: flex; align-items: center; gap: 34px; }
.main-nav a { text-decoration: none; font-size: 12px; font-weight: 450; letter-spacing: .01em; color: var(--secondary); transition: color .2s ease; }
.main-nav a:hover,.quiet-link:hover,.footer-links a:hover { color: #fff; }
.header-cta { font-size: 12px; font-weight: 600; white-space: nowrap; padding: 10px 2px 10px 0; text-decoration: none; border-bottom: 1px solid #9c978d; }
.header-cta span { display: inline-block; margin-inline-start: 7px; font-size: 12px; }
.hero { min-height: 700px; padding-top: 106px; padding-bottom: 82px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 45px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #c5c0b5; font-size: 12px; font-weight: 480; letter-spacing: .035em; }
.eyebrow-rule { width: 26px; height: 1px; background: #aaa49a; display: inline-block; }
.hero h1 { font-size: clamp(49px, 5.8vw, 83px); letter-spacing: -.06em; line-height: 1.19; font-weight: 480; margin-top: 26px; }
h1 em,h2 em { font-style: normal; font-weight: 320; color: #c5c0b6; }
.lead { font-size: clamp(19px, 2vw, 23px); line-height: 1.65; font-weight: 400; margin-top: 30px; color: var(--ivory); }
.hero-details { max-width: 480px; font-size: 15px; color: var(--secondary); margin-top: 15px; line-height: 2; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 34px; }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 52px; padding: 12px 26px; text-align: center; background: var(--button); color: var(--button-text); text-decoration: none; border: 1px solid var(--button); border-radius: 2px; font-size: 14px; font-weight: 630; transition: background .2s ease,color .2s ease,transform .2s ease; }
.primary-button:hover { background: #fff; transform: translateY(-1px); }
.primary-button span { font-size: 15px; }
.quiet-link { display: inline-flex; gap: 10px; align-items: center; color: var(--secondary); text-decoration: none; font-size: 12px; font-weight: 450; }
.hero-note { font-size: 11px; color: #a7a298; margin-top: 15px; letter-spacing: .005em; }
.hero-mobile-preview { display: none; }
.hero-display { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 32px 0; isolation: isolate; }
.display-light { position: absolute; width: min(100%, 450px); aspect-ratio: 1; z-index: -1; border-radius: 50%; border: 1px solid #373630; box-shadow: 0 0 0 33px #151511, 0 0 0 34px #2b2b27, 0 0 0 67px #131310; opacity: .75; }
.device-authentic { width: min(330px, 89%); margin: 0; padding: 8px; overflow: hidden; border-radius: 36px; background: #08090b; border: 1px solid #4b4944; box-shadow: 0 28px 75px rgba(0,0,0,.65), 0 2px 4px rgba(0,0,0,.4), inset 0 1px 1px rgba(255,255,255,.12); transform: perspective(1200px) rotateY(-5deg) rotateX(1deg); transform-origin: 50% 50%; }
.product-screenshot { display: block; width: 100%; height: auto; border-radius: 28px; image-rendering: auto; }
.visual-disclaimer { color: #aaa59a; font-size: 11px; width: min(100%, 340px); max-width: 340px; text-align: right; margin-top: 23px; line-height: 1.8; }
.section { padding-top: 104px; padding-bottom: 104px; }
.section-story { display: grid; grid-template-columns: 1fr 1fr; column-gap: 95px; }
.section-heading h2,.closing h2 { font-size: clamp(34px,4.1vw,56px); line-height: 1.38; font-weight: 450; letter-spacing: -.045em; margin-top: 20px; }
.section-heading>p { color: var(--secondary); line-height: 1.8; font-size: 14px; max-width: 470px; margin-top: 19px; }
.steps { border-top: 1px solid var(--line); }
.step { padding: 22px 0; border-bottom: 1px solid var(--line); }
.step h3 { font-size: 18px; font-weight: 540; }
.step p { font-size: 13px; line-height: 1.75; color: var(--secondary); max-width: 360px; margin-top: 4px; }
.center-heading { display: flex; align-items: center; flex-direction: column; text-align: center; }
.center-heading>p { text-align: right; align-self: center; width: min(100%,55ch); }

/* Platform-specific instructions: low-friction flow, no trackers. */
.install-section { background: #171714; border-block: 1px solid var(--line-soft); }
.install-inner { display: grid; grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr); align-items: start; gap: 76px; }
.install-intro h2 { font-size: clamp(34px, 4vw, 56px); line-height: 1.32; font-weight: 450; letter-spacing: -.045em; margin-top: 18px; }
.install-intro > p { max-width: 405px; margin-top: 18px; color: var(--secondary); font-size: 15px; line-height: 1.85; }
.install-switcher { display: flex; flex-direction: column; min-width: 0; }
.install-picker { position: relative; min-width: 0; }
.install-panels { display: grid; grid-template-columns: 1fr; gap: 22px; }
.install-panel { min-width: 0; padding: 8px 0 6px; }
.install-platform-title { margin: 0 0 12px; color: var(--ivory); font-size: 14px; font-weight: 550; letter-spacing: 0; }
html[data-install-platform="ios"] .install-android-panel,
html[data-install-platform="android"] .install-ios-panel { display: none; }
html[data-install-platform="ios"] .install-platform-title,
html[data-install-platform="android"] .install-platform-title { display: none; }
html[data-install-platform="desktop"] .install-inner { grid-template-columns: 1fr; gap: 28px; }
html[data-install-platform="desktop"] .install-panels { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px; }
.install-step { display: flex; gap: 19px; align-items: center; padding: 11px 8px; min-height: 74px; border-bottom: 1px solid #414039; text-align: right; }
.install-step:last-child { border-bottom: 0; }
.install-symbol { display: grid; flex: 0 0 43px; width: 43px; height: 43px; place-items: center; color: #d1ccc2; border: 1px solid #46443c; border-radius: 10px; background: #22221d; }
.install-symbol svg { display: block; width: 22px; height: 22px; }
.install-symbol img { display: block; width: 30px; height: 30px; }
.install-step strong { display: block; font-size: 14px; font-weight: 540; color: var(--ivory); line-height: 1.65; }
.install-step span:not(.install-symbol) { display: block; color: #c3beb3; font-size: 12px; line-height: 1.65; text-align: right; }
/* The address stays selectable directly under the single copy CTA, without a box. */
.install-action { margin-bottom: 21px; text-align: center; }
.install-app-url { display: block; direction: ltr; unicode-bidi: isolate; text-align: center; margin-top: 13px; max-width: 100%; user-select: all; -webkit-user-select: all; overflow-wrap: anywhere; font: 500 13px/1.65 "Segoe UI", Arial, sans-serif; letter-spacing: .005em; color: #c3bdb2; }
.install-open.install-copy-button { width: 100%; min-height: 52px; font: 630 14px/1.5 "Segoe UI", "Noto Sans Hebrew", Arial, sans-serif; border: 1px solid var(--button); background: var(--button); color: var(--button-text); cursor: pointer; }
.install-open.install-copy-button.is-copied { background: var(--button); border-color: var(--button); color: var(--button-text); }
.install-open.install-copy-button[hidden] { display: none; }
.install-open.install-copy-button:focus-visible { outline: 2px solid var(--ivory); outline-offset: 4px; }
.install-copy-status { display: block; color: #b9b3a8; font-size: 11px; line-height: 1.8; margin-top: 8px; text-align: center; }
.install-copy-status:empty { display: none; }
.install-open { margin-top: 0; }
.install-external-link { display: block; width: fit-content; margin: 14px auto 0; color: var(--ivory); font-size: 12px; text-align: center; text-underline-offset: 4px; }
.install-external-link[hidden] { display: none; }
.install-external-link:focus-visible { outline: 2px solid var(--ivory); outline-offset: 4px; }
.pricing-note strong { display: block; color: var(--ivory); font-size: 12px; margin-bottom: 8px; font-weight: 500; }

.pricing-section { background: #181815; border-block: 1px solid #2c2c26; }
.plans { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 850px; gap: 18px; margin: 38px auto 0; }
.plan { background: #1f1f1b; padding: 29px 31px 25px; border: 1px solid #48463f; min-height: 215px; position: relative; display: flex; flex-direction: column; }
.plan.featured { border-color: #c0bbb1; }
.plan-kind { font-size: 13px; font-weight: 560; }
.plan-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin-top: 22px; }
.plan-price strong { font-size: clamp(32px,4vw,42px); font-weight: 500; font-variant-numeric: tabular-nums; line-height: 1.2; }
.plan-price span { font-size: 12px; color: var(--secondary); }
.plan p { color: var(--secondary); font-size: 12px; line-height: 1.95; margin-top: 15px; }
.plan-foot { font-size: 10px; margin-top: auto; padding-top: 20px; color: #beb9ad; }
.pricing-note { width: min(100%, 68ch); max-width: 680px; margin: 22px auto 0; text-align: right; font-size: 11px; line-height: 1.9; color: #b0aaa0; }
.pricing-data-note { width: min(100%, 68ch); max-width: 680px; margin: 18px auto 0; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.pricing-data-note summary { list-style: none; cursor: pointer; padding: 13px 0; color: var(--secondary); font-size: 12px; }
.pricing-data-note summary::-webkit-details-marker { display: none; }
.pricing-data-note summary::after { content: '+'; float: left; }
.pricing-data-note[open] summary::after { content: '−'; }
.pricing-data-note p { font-size: 12px; color: var(--secondary); padding: 0 0 15px; }
.closing { text-align: center; padding-top: 72px; padding-bottom: 136px; border-top: 1px solid var(--line-soft); }
.closing-brand-icon { display: block; width: 56px; height: 56px; margin: 0 auto 23px; border-radius: 12px; }
.closing h2 { margin-top: 10px; }
.closing .primary-button { margin-top: 37px; }
.site-footer { border-top: 1px solid var(--line-soft); background: #161613; }
.footer-inner { min-height: 110px; display: flex; align-items: center; gap: 30px; flex-wrap: wrap; padding-block: 25px; }
.footer-inner .brand-wordmark { width: 143px; }
.footer-copy { color: #a8a398; font-size: 11px; margin-inline-start: auto; }
.footer-links { display: flex; flex-wrap: wrap; gap: 17px; }
.footer-links a { color: #aaa49a; font-size: 11px; text-decoration: none; }
@media (max-width: 960px) {
  .hero { gap: 20px; }
  .hero h1 { font-size: clamp(49px,6.2vw,70px); }
  .section-story { gap: 55px; }
}
@media (max-width: 720px) {
  html { scroll-padding-top: 25px; }
  .shell { width: min(calc(100% - 38px), var(--shell)); }
  .site-header { height: 74px; }
  .header-inner { gap: 11px; }
  .brand { gap: 0; }
  .brand-wordmark { width: 128px; }
  .main-nav { display: none; }
  .header-cta { font-size: 12px; }
  .hero { min-height: 0; grid-template-columns: 1fr; gap: 0; padding-top: 15px; padding-bottom: 58px; }
  .hero h1 { font-size: clamp(45px, 9.9vw, 68px); margin-top: 10px; }
  .hero-mobile-preview { display: block; position: relative; margin: 14px auto 0; width: min(312px, 89%); height: 252px; overflow: hidden; border: 1px solid #58554b; border-radius: 27px 27px 10px 10px; background: #08090b; box-shadow: 0 22px 48px rgba(0,0,0,.42); transform: perspective(1200px) rotateY(-3deg); -webkit-mask-image: linear-gradient(to bottom,#000 82%,transparent 100%); mask-image: linear-gradient(to bottom,#000 82%,transparent 100%); }
  .hero-mobile-preview img { display: block; width: 100%; height: auto; }
  .hero-display { display: none; }
  .lead { font-size: 18px; margin-top: 10px; }
  .hero-details { font-size: 13px; line-height: 1.8; margin-top: 10px; }
  .hero-actions { margin-top: 21px; gap: 15px; }

  .device-authentic { width: min(324px,87%); transform: perspective(1200px) rotateY(-3deg) rotateX(.5deg); }
  .display-light { max-width: 330px; }
  .section { padding-block: 74px; }
  .section-story { grid-template-columns: 1fr; gap: 28px; }
  .install-inner { grid-template-columns: 1fr; gap: 25px; }
  .install-intro h2 { margin-top: 12px; }
  .install-intro > p { margin-top: 14px; }
  .install-panels { margin-top: 0; }
  html[data-install-platform="desktop"] .install-panels { grid-template-columns: 1fr; gap: 25px; }
  .install-step { min-height: 74px; padding-block: 10px; }
  .install-open { width: 100%; }
  .plans { grid-template-columns: 1fr; max-width: 430px; }
  .plan { min-height: 215px; }
  .closing { padding-block: 65px 100px; }
  .footer-inner { align-items: flex-start; flex-direction: column; gap: 18px; }
  .footer-copy { margin-inline-start: 0; }
}
@media (max-width: 375px) {
  .shell { width: calc(100% - 30px); }
  .header-inner { gap: 6px; }
  .brand { gap: 0; }
  .brand-wordmark { width: 111px; }
  .header-cta { font-size: 11px; }
  .hero { padding-top: 12px; }
  .hero h1 { font-size: 43px; margin-top: 8px; }
  .hero-mobile-preview { width: min(264px, 91%); height: 226px; margin-top: 10px; transform: none; }
  .hero-details { margin-top: 10px; }
  .hero-note { margin-top: 13px; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .install-step { padding-inline: 0; gap: 13px; }
  .install-symbol { flex-basis: 38px; width: 38px; height: 38px; }
  .primary-button { min-height: 49px; padding-inline: 20px; }
  .device-authentic { width: min(300px,95%); transform: none; }
  .section-heading h2,.closing h2 { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
  .device-authentic { transform: none; }
  .hero-mobile-preview { transform: none; }
}


/* Editorial marketing image integration, 2026-11-01: preview only. */
.hero-display { min-height: 620px; overflow: hidden; padding: 0; justify-content: flex-start; }
.hero-display .display-light { width: 450px; max-width: 100%; border: 0; border-radius: 50%; box-shadow: none; background: radial-gradient(ellipse,rgba(81,83,88,.10) 0%,rgba(50,52,57,.06) 48%,transparent 76%); opacity: 1; top: 12%; left: 0; }
.device-editorial { display: block; position: relative; margin: 0; width: min(500px,100%); max-height: 640px; overflow: hidden; transform: translateY(9px) rotate(-1.8deg); transform-origin: center top; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 99%); mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 99%); }
.product-editorial { display: block; width: 100%; height: auto; filter: saturate(.65) contrast(1.02) brightness(.96); }
.hero-display .visual-disclaimer { position: absolute; z-index: 2; bottom: 6px; width: 100%; text-align: center; font-size: 10px; color: #8f9297; }
.wa-section { background: #121315; border-block: 1px solid #292a2d; padding-block: clamp(85px, 10vw, 142px); }
.wa-layout { display: grid; grid-template-columns: .93fr 1.07fr; gap: clamp(55px,7vw,105px); align-items: center; }
.wa-copy h2 { font-size: clamp(34px,4.1vw,58px); line-height: 1.35; font-weight: 420; letter-spacing: -.035em; margin-top: 20px; }
.wa-lead { font-size: clamp(17px,1.65vw,21px); font-weight: 400; margin-top: 28px; max-width: 450px; line-height: 1.85; }
.wa-description { color: #b4b5b7; font-size: 15px; margin-top: 14px; line-height: 1.95; max-width: 470px; }
.wa-bits { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 31px; }
.wa-bits span { padding: 7px 13px; font-size: 12px; border: 1px solid #414348; color: #c9c9cb; border-radius: 30px; }
.wa-sample { margin: 0; max-width: 495px; width: 100%; justify-self: center; }
.wa-frame { overflow: hidden; padding: 17px 19px 19px; border: 1px solid #37393d; border-radius: 21px; background: linear-gradient(158deg,#202226,#141518); box-shadow: 0 30px 65px #0005; }
.wa-frame-header { display: flex; flex-direction: row; gap: 11px; align-items: center; padding: 3px 4px 17px; border-bottom: 1px solid #34373b; color: #dedee0; font-size: 13px; letter-spacing: .02em; direction: ltr; }
.wa-header-mark { display: inline-flex; align-items: center; justify-content: center; color: #c4c6c8; }
.wa-header-detail { margin-inline-start: auto; color: #898b91; font-size: 10px; font-weight: 450; letter-spacing: .13em; }
.wa-message { margin-top: 14px; padding: 0; overflow: hidden; border: 1px solid #33353a; border-radius: 17px; background:#222429; }
.wa-message img { width: 100%; height: auto; display: block; filter: saturate(.15) contrast(1.04); }
.wa-sample figcaption { margin-top: 15px; color: #989ba1; font-size: 11px; line-height: 1.8; text-align: center; }
@media (max-width: 960px) {
 .hero-display { min-height: 560px; }
 .device-editorial { width: min(430px,100%); max-height: 570px; }
 .wa-layout { gap: 35px; }
}
@media (max-width: 720px) {
 .hero-mobile-preview { width: min(100%,410px); height: clamp(325px,107vw,455px); margin: 12px auto 0; overflow: hidden; border: 0; border-radius: 0; box-shadow: none; background: transparent; transform: none; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 100%); }
 .hero-mobile-preview img { display: block; width: 100%; height: auto; filter: saturate(.7) brightness(.96); }
 .wa-section { padding-block: 85px; }
 .wa-layout { grid-template-columns: 1fr; gap: 39px; }
 .wa-copy h2 { margin-top: 15px; }
 .wa-sample { max-width: min(100%,465px); }
 .wa-frame { padding: 13px; }
}
@media(max-width:375px) {
 .hero-mobile-preview { height: clamp(310px,103vw,390px); }
 .wa-section { padding-block: 65px; }
 .wa-copy h2 { font-size: 33px; }
}


/* DELMI57 / signature editorial direction. Keep original content and behavior. */
:root { --ink:#090a0c; --ink-soft:#0f1012; --card:#181a1d; --ivory:#f0efec; --secondary:#b2b3b5; --muted:#8e9195; --line:#35383c; --line-soft:#27292d; --button:#ecebea; --button-text:#111315; }
html {scroll-padding-top: 80px;}
body {background:#090a0c; color:var(--ivory); font-family:"Assistant","Noto Sans Hebrew","Segoe UI",Arial,sans-serif; letter-spacing:-.012em;}
.site-header {height:84px; border-bottom:1px solid #24272b; background:#090a0c;}
.header-inner {gap:36px;}
.brand-wordmark {width:151px;}
.main-nav {gap:40px;}
.main-nav a {font-weight:400;font-size:12px;letter-spacing:.025em;color:#b5b5b7;}
.header-cta {border-bottom:1px solid #84878b;font-size:12px;font-weight:400;padding-block:9px;}
.primary-button {border-radius:3px; font-weight:550; min-height:54px; padding-inline:30px; box-shadow:0 15px 45px #0003;}
.hero {min-height:770px; padding-top:40px;padding-bottom:0;grid-template-columns:1.03fr .97fr;gap:32px;isolation:isolate;position:relative;overflow:hidden;}
.hero::before {content:"";position:absolute;left:43%;top:7%;height:83%;width:1px;background:linear-gradient(to bottom,transparent,#34363b33 18%,#34363b33 76%,transparent);pointer-events:none;}
.hero-copy {z-index:2; align-self:center; padding-bottom:80px;position:relative;}
.eyebrow {letter-spacing:.14em;color:#afb1b4;font-size:10px;line-height:1.5;}
.eyebrow-rule {background:#bcbec1;width:25px;}
.eyebrow-split {opacity:.3;font-size:13px;}
.hero h1 {font-size:clamp(66px,7vw,112px);font-weight:560;line-height:1.1;letter-spacing:-.075em;margin-top:42px;}
.hero h1 em {font-weight:240;color:#c2c4c8;}
.hero .lead {font-size:clamp(19px,2vw,23px);font-weight:380;line-height:1.62;margin-top:43px;letter-spacing:-.01em;}
.hero-details {font-size:16px;margin-top:12px;color:#a4a6ab;line-height:1.82;}
.hero-actions {margin-top:43px;}
.hero-note {font-size:12px;margin-top:20px;color:#b0b1b4;}
.hero-disciplines {font-size:11px; margin-top:10px; color:#6f7277; letter-spacing:.055em;}
.hero-display {min-height:765px;height:765px;align-self:stretch;justify-content:flex-start;overflow:hidden;isolation:isolate;position:relative;transform:translateZ(0);padding:0;}
.hero-display::before {content:"";position:absolute;right:-12%;top:0;width:115%;height:85%;background:radial-gradient(ellipse at 53% 53%,rgba(66,69,75,.20) 0%,rgba(33,36,41,.075) 47%,transparent 69%);z-index:-1;}
.hero-display .display-light {display:none;}
.device-editorial {width:min(650px,131%);max-height:none;height:910px;overflow:hidden;margin:0;position:absolute;top:7px;left:-21%;transform:rotate(-8deg) translateY(-8px);transform-origin:45% 31%;mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 96%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 96%);}
.product-editorial {display:block;width:100%;height:auto;filter: grayscale(.45) saturate(.72) contrast(1.05) brightness(.9);}
.hero-display .visual-disclaimer {position:absolute;bottom:47px;left:0;width:100%;max-width:none;text-align:left;font:400 10px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.08em;color:#85888e;}
.hero-mobile-preview {display:none;}
.section {padding-top:122px;padding-bottom:122px;}
.section-story {min-height:680px;grid-template-columns:.89fr 1.11fr;column-gap:11%; position:relative;}
.section-heading .eyebrow {color:#8e9297;font-size:11px;}
.section-heading h2 {font-size:clamp(49px,5.2vw,75px);font-weight:440;line-height:1.22;letter-spacing:-.065em;margin-top:36px;}
.section-heading h2 em {font-weight:240;color:#bdc0c5;}
.story-intro {margin-top:32px;color:#969aa0;font-size:17px;max-width:390px;line-height:1.9;}
.steps {counter-reset:editorial-step;border-top:1px solid #3b3d41;}
.step {padding:24px 0 27px; counter-increment:editorial-step; display:grid;grid-template-columns:34px 1fr;gap:18px;}
.step::before {content:"0" counter(editorial-step);font:400 11px/2.1 "Segoe UI",Arial,sans-serif;color:#8a8d92;direction:ltr;letter-spacing:.08em;}
.step h3 {font-size:22px;font-weight:450;letter-spacing:-.03em;}
.step p {font-size:14px;color:#aaadb1;}
.calendar-preview {width:min(250px,69%);margin:27px 5% 0 auto;}
.calendar-preview-frame {height:320px;border:0;border-radius:14px;transform:rotate(-6deg);filter:grayscale(.9) brightness(.8);box-shadow:0 34px 65px #000b;mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);}
.calendar-preview figcaption {font-size:10px;color:#777b80;}
.brand-bridge {position:relative;border-block:1px solid #272a2e;background:#121418;overflow:hidden;}
.brand-bridge::before {content:"57";position:absolute;left:-1.8%;bottom:-42%;font:200 clamp(240px,35vw,530px)/.85 "Segoe UI",Arial,sans-serif;color:#c9cbd0;opacity:.055;direction:ltr;letter-spacing:-.14em;pointer-events:none;}
.brand-bridge-inner {position:relative;padding:96px 0 110px;display:grid;grid-template-columns:1fr 2fr;gap:9%;align-items:start;}
.brand-bridge-label {font:400 10px/1.7 "Segoe UI",Arial,sans-serif;letter-spacing:.22em;color:#8f9298;direction:ltr;text-align:right;margin-top:15px;}
.brand-bridge p {max-width:none;font-size:clamp(35px,4.6vw,64px);font-weight:470;line-height:1.45;letter-spacing:-.05em;z-index:2;}
.brand-bridge p span {color:#9ea2a7;font-weight:260;}
.bridge-rule {position:absolute;height:1px;width:110px;bottom:56px;right:0;background:#aaaeb2;}
.wa-section {background:#0b0c0e;border-block:0;padding-block:140px 150px;}
.wa-layout {grid-template-columns:1fr 1fr; gap:10%;align-items:center;}
.wa-copy h2 {font-size:clamp(49px,5vw,72px);font-weight:470;letter-spacing:-.06em;line-height:1.2;margin-top:28px;}
.wa-copy h2 em {font-weight:240;color:#b2b6ba;}
.wa-lead {font-size:19px;font-weight:400;margin-top:32px;line-height:1.75;max-width:400px;}
.wa-description {max-width:440px;font-size:15px;color:#989da3;line-height:1.95;}
.wa-bits {margin-top:43px;gap:23px;}
.wa-bits span {border:0;border-bottom:1px solid #43464b;border-radius:0;padding:4px 0 11px;font-size:12px;color:#a7aaaf;white-space:nowrap;}
.wa-sample {max-width:445px;justify-self:center;transform:translateY(17px) rotate(-3deg);filter:drop-shadow(0 24px 45px #0008);}
.wa-frame {padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.wa-frame-header {padding:11px 3px 12px;margin-bottom:15px;border-bottom:1px solid #3c4044;color:#cccfd2;font-size:12px;}
.wa-header-detail {font-size:9px;color:#777b80;}
.wa-message {margin:0;border:1px solid #3c3f44;border-radius:13px;background:#202226;overflow:hidden;box-shadow:0 35px 65px #0008;}
.wa-message img {filter:grayscale(.45) contrast(1.04);}
.wa-sample figcaption {text-align:left;font-size:10px;color:#85888e;margin-top:15px;}
.install-section {background:#17191c;border-color:#303338;}
.install-intro h2 {font-size:clamp(44px,5vw,70px);font-weight:450;letter-spacing:-.06em;line-height:1.2;}
.install-intro h2 em {font-weight:250;color:#babdc2;}
.install-inner {grid-template-columns:.8fr 1.2fr;gap:10%;}
.install-symbol {border-radius:3px;background:#202226;border-color:#41444a;}
.install-step {border-color:#363a40;}
.pricing-section {background:#0f1114;border-color:#2b2f34;}
.pricing-section .section-heading h2 {font-size:clamp(50px,5vw,74px);font-weight:440;}
.plans {max-width:970px;gap:34px;}
.plan {background:transparent;border:0;border-top:1px solid #555960;padding:32px 2px 20px;min-height:230px;}
.plan.featured {border-color:#e0e2e4;}
.plan-price strong {font-size:clamp(47px,5vw,71px);font-weight:390;letter-spacing:-.05em;}
.plan-kind {font-size:12px;color:#b7b9bd;font-weight:450;}
.plan p {font-size:14px;color:#989ba1;}
.closing {padding-block:130px 160px;border-top-color:#2b2e33;}
.closing h2 {font-size:clamp(45px,5vw,72px);font-weight:450;letter-spacing:-.055em;}
.site-footer {background:#0b0c0e;border-top-color:#303339;}
.footer-inner {min-height:115px;}
@media(max-width:1080px) {
 .hero h1 {font-size:clamp(58px,6.5vw,86px);}
 .device-editorial {width:120%;left:-15%;}
 .section-story {column-gap:7%;}
}
@media(max-width:720px) {
 .site-header {height:72px;}
 .brand-wordmark {width:128px;}
 .hero {grid-template-columns:1fr;min-height:0;padding-top:25px;padding-bottom:68px;gap:0;overflow:visible;}
 .hero::before {display:none;}
 .hero-copy {padding:0;align-self:auto;}
 .hero .eyebrow {font-size:9px;letter-spacing:.1em;}
 .hero h1 {font-size:clamp(52px,11.4vw,71px);line-height:1.12;margin-top:21px;letter-spacing:-.064em;}
 .hero-mobile-preview {display:block;width:min(100%,410px);height:clamp(280px,81vw,360px);margin:14px auto 0;position:relative;overflow:hidden;background:#090a0c;box-shadow:none;border:0;border-radius:0;transform:rotate(-3deg);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);}
 .hero-mobile-preview img {display:block;width:113%;max-width:none;height:auto;transform:translate(-7%,-3%);filter:grayscale(.45) saturate(.7) contrast(1.04) brightness(.93);}
 .hero-display {display:none;}
 .hero .lead {font-size:18px;margin-top:5px;}
 .hero-details {font-size:14px;margin-top:8px;}
 .hero-actions {margin-top:21px;}
 .hero-disciplines {margin-top:9px;}
 .section {padding-block:88px;}
 .section-story {grid-template-columns:1fr;gap:34px;min-height:0;}
 .section-heading h2 {font-size:clamp(43px,9.1vw,64px);margin-top:20px;}
 .story-intro {font-size:15px;margin-top:18px;}
 .step h3 {font-size:19px;}
 .calendar-preview {margin:28px auto 0;width:min(220px,67%);}
 .calendar-preview-frame {height:250px;}
 .brand-bridge-inner {padding:77px 0 92px;grid-template-columns:1fr;gap:20px;}
 .brand-bridge-label {text-align:right;margin:0;font-size:9px;}
 .brand-bridge p {font-size:clamp(37px,9vw,56px);line-height:1.4;}
 .brand-bridge::before {left:-13%;bottom:-17%;font-size:290px;opacity:.045;}
 .bridge-rule {bottom:42px;}
 .wa-section {padding-block:95px;}
 .wa-layout {grid-template-columns:1fr;gap:32px;}
 .wa-copy h2 {font-size:clamp(42px,9vw,61px);margin-top:20px;}
 .wa-lead {font-size:17px;margin-top:23px;}
 .wa-description {font-size:14px;}
 .wa-bits {margin-top:26px;}
 .wa-sample {transform:rotate(-2deg);max-width:min(100%,455px);margin:0 auto;}
 .wa-frame-header {padding-bottom:10px;}
 .install-inner {grid-template-columns:1fr;gap:28px;}
 .install-intro h2 {font-size:clamp(40px,9vw,62px);}
 .plans {grid-template-columns:1fr;gap:28px;max-width:520px;}
 .plan {min-height:210px;}
 .plan-price strong {font-size:59px;}
 .closing {padding-block:90px 110px;}
 .closing h2 {font-size:clamp(42px,9vw,60px);}
}
@media(max-width:375px) {
 .hero h1 {font-size:47px;}
 .hero-mobile-preview {height:295px;transform:rotate(-2deg);}
 .hero .lead {font-size:17px;}
 .wa-bits {gap:13px;}
 .wa-bits span {font-size:11px;}
 .brand-bridge p {font-size:35px;}
}
@media(prefers-reduced-motion:reduce) {
 .hero-mobile-preview,.wa-sample,.device-editorial,.calendar-preview-frame {transform:none;}
}


/* DELMI57 editorial QA: consistent crop from the same approved hero artwork. */
.hero-display {
  display:flex; height:auto; min-height:650px; align-self:center;
  justify-content:center; align-items:center; overflow:hidden; padding:0;
}
.device-editorial,.hero-mobile-preview {
  display:block; position:relative; inset:auto; width:min(100%,540px);
  aspect-ratio:.885; height:auto; max-height:none; margin:0 auto;
  overflow:hidden; transform:none; border:0; border-radius:0;
  background:transparent; box-shadow:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 99%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 99%);
}
.device-editorial .product-editorial,.hero-mobile-preview img {
  display:block; position:absolute; top:0; left:0; width:100%;
  height:auto; max-width:none; transform:none;
  filter:grayscale(.32) saturate(.70) contrast(1.035) brightness(.94);
}
.hero-display .visual-disclaimer {
  position:relative; bottom:auto; left:auto; width:100%; max-width:none;
  text-align:center; margin:8px auto 0; font-size:10px;
}
.hero::before {opacity:.4;}
/* Closing: anchor the message on the right; preserve deliberate negative space. */
.closing {
  text-align:right; display:flex; flex-direction:column; align-items:flex-start;
  gap:0; position:relative; overflow:hidden; isolation:isolate;
}
.closing::after {
  content:"57"; position:absolute; left:3%; top:10%; z-index:-1;
  font:200 clamp(160px,23vw,310px)/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:-.11em;direction:ltr;color:#e2e3e5;opacity:.04;pointer-events:none;
}
.closing .closing-brand-icon{margin:0 0 20px;width:48px;height:48px;}
.closing h2{text-align:right;margin:0;max-width:780px;font-weight:460;}
.closing .primary-button{margin-top:38px;}
/* Accessible, restrained legal footer. */
.site-footer{background:#0b0c0e;border-top:1px solid #35373c;}
.footer-top{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:42px;padding-top:42px;padding-bottom:40px;
}
.footer-identity{max-width:440px;}
.footer-identity .brand-wordmark{width:148px;height:auto;max-height:none;}
.footer-identity p{font-size:13px;color:#bdc0c5;margin-top:22px;line-height:1.6;}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:23px;padding-top:10px;}
.footer-links a{
  color:#c5c7cb;font-size:13px;font-weight:400;white-space:nowrap;
  text-decoration:none;text-underline-offset:5px;border-bottom:1px solid transparent;
}
.footer-links a:hover,.footer-links a:focus-visible{color:#fff;border-bottom-color:#d3d5d8;}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;border-top:1px solid #282b2e;
  padding-top:22px;padding-bottom:26px;color:#aaadb2;font-size:11px;line-height:1.8;
}
.footer-bottom a{color:#d0d2d6;text-decoration:underline;text-decoration-color:#777b80;text-underline-offset:4px;}
.footer-bottom a:hover{color:#fff;}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ededed;outline-offset:4px;}
@media(min-width:721px) and (max-width:1050px){
  .hero-display{min-height:0;}
  .device-editorial{width:min(100%,500px);}
  .hero{min-height:660px;}
}
@media(max-width:720px){
  .hero{overflow:visible;}
  .hero-mobile-preview{
    display:block;position:relative;inset:auto;
    width:min(75vw,310px);height:auto;max-height:none;min-height:0;
    aspect-ratio:.885;margin:18px auto 5px;
    transform:none;border:0;border-radius:0;background:transparent;box-shadow:none;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 99%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 99%);
  }
  .hero-mobile-preview img{
    position:absolute;top:0;left:0;display:block;width:100%;max-width:none;
    height:auto;transform:none;
    filter:grayscale(.32) saturate(.70) contrast(1.035) brightness(.94);
  }
  .hero-display{display:none;}
  .hero h1{font-size:clamp(48px,10.4vw,64px);}
  .hero .lead{margin-top:8px;}
  .hero-actions{margin-top:19px;}
  .closing{padding-top:82px;padding-bottom:95px;text-align:right;align-items:flex-start;}
  .closing h2{text-align:right;max-width:100%;}
  .closing .closing-brand-icon{margin:0 0 21px;}
  .closing::after{font-size:175px;left:0;top:12%;opacity:.035;}
  .footer-top{flex-direction:column;gap:24px;padding-top:35px;padding-bottom:31px;}
  .footer-identity p{margin-top:13px;}
  .footer-links{padding-top:0;gap:12px 20px;}
  .footer-links a{font-size:13px;}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:7px;}
}
@media(max-width:375px){
  .hero-mobile-preview{width:min(74vw,277px);height:auto;aspect-ratio:.885;transform:none;}
  .hero-mobile-preview img{transform:none;}
  .footer-links{gap:12px 15px;}
  .closing::after{font-size:150px;}
}

/* Desktop uses the separate hero-display only; never duplicate the mobile editorial frame. */
@media(min-width:721px){.hero-mobile-preview{display:none}}

/* WCAG contrast QA: secondary hero descriptor must remain legible on graphite. */
.hero-disciplines{color:#afb2b7;}


/* Gemini GO WITH FIXES review: original app pixels, no AI render or color filters. */
.hero-display { min-height:630px; display:flex; align-items:center; justify-content:center; }
.hero-display .display-light { display:none; }
.device-editorial.authentic-phone, .hero-mobile-preview.authentic-phone {
  position:relative; inset:auto; display:block; overflow:hidden;
  border:2px solid rgba(171,177,185,.64); background:#08090b;
  border-radius:35px; box-shadow:0 29px 80px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-mask-image:linear-gradient(to bottom,black 0%,black 74%,transparent 100%);
  mask-image:linear-gradient(to bottom,black 0%,black 74%,transparent 100%);
  transform:rotate(-5deg); transform-origin:50% 40%;
}
.device-editorial.authentic-phone {
  width:min(100%,414px); height:625px; aspect-ratio:auto; flex:0 0 auto;
  margin:10px auto 0;
}
.authentic-phone img,.device-editorial.authentic-phone .product-editorial,.hero-mobile-preview.authentic-phone img {
  display:block;position:absolute;inset:0 auto auto 0;max-width:none;
  width:100%;height:auto;border-radius:31px;object-fit:contain;transform:none;
  filter:none;image-rendering:auto;
}
.hero-display .visual-disclaimer {position:relative;bottom:auto;left:auto;margin:0 auto;color:#aeb1b5;letter-spacing:.025em;font-size:10px;}
/* Screenshot-based WhatsApp message, rewritten only with fictional data. No real location or live navigation token. */
.wa-message {margin-top:0;border:1px solid #45484d;border-radius:14px;background:#202328; padding:0;overflow:hidden;}
.wa-bubble {padding:26px 27px 19px;direction:rtl;text-align:right;}
.wa-bubble p {text-align:right;color:#f2f0ed;font-size:20px;line-height:1.65;max-width:none;letter-spacing:-.025em;font-weight:400;}
.wa-bubble .wa-message-date {margin-top:24px;}
.wa-bubble .wa-message-location {margin-top:29px;}
.wa-bubble .wa-message-navigation {margin-top:26px;}
.wa-demo-link {display:block;direction:ltr;text-align:right;unicode-bidi:isolate;color:#c8c9cc;text-decoration:underline;text-underline-offset:4px;font:400 16px/1.65 "Segoe UI",Arial,sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere;user-select:none;}
.wa-message-signature {margin-top:23px;text-align:left;font:400 17px/1.4 "Segoe UI",Arial,sans-serif;color:#e8e8e9;}
.wa-message-meta {margin-top:14px;display:flex;align-items:center;justify-content:flex-start;gap:9px;color:#afb2b8;font:400 13px/1.5 "Segoe UI",Arial,sans-serif;}
.wa-message-ticks {letter-spacing:-.25em;font-size:18px;padding-right:3px;color:#c4c5c9;}
.wa-sample figcaption {font-size:11px;color:#bbbfc4;line-height:1.7;}
@media (min-width:721px) and (max-width:1050px){
  .device-editorial.authentic-phone{width:min(100%,380px);height:570px;}
  .hero-display{min-height:580px;}
}
@media (max-width:720px) {
  .site-header{height:66px;}
  .hero{padding-top:8px;padding-bottom:66px;}
  .hero .eyebrow{font-size:9px;}
  .hero h1{margin-top:10px;font-size:clamp(45px,10vw,61px);line-height:1.1;}
  .hero-mobile-preview.authentic-phone{
    display:block;width:min(73vw,287px);height:clamp(250px,78vw,318px);
    max-height:none;min-height:0;aspect-ratio:auto;
    margin:13px auto 4px;border-radius:28px;transform:rotate(-4deg);
  }
  .hero-mobile-preview.authentic-phone img{border-radius:24px;}
  .hero .lead{margin-top:5px;font-size:17px;line-height:1.55;}
  .hero .hero-details{margin-top:7px;font-size:13px;line-height:1.65;}
  .hero .hero-actions{margin-top:16px;}
  .hero .hero-note{margin-top:11px;}
  .wa-bubble{padding:22px 20px 17px;}
  .wa-bubble p{font-size:17px;line-height:1.65;}
  .wa-demo-link{font-size:14px;}
}
@media (max-width:375px) {
  .site-header{height:62px;}
  .hero h1{font-size:clamp(42px,12.7vw,48px);}
  .hero-mobile-preview.authentic-phone{width:min(72vw,262px);height:clamp(227px,78vw,275px);margin-top:9px;transform:rotate(-3deg);}
  .hero .lead{font-size:16px;}
  .wa-bubble{padding:18px 15px 16px;}
  .wa-bubble p{font-size:16px;}
  .wa-demo-link{font-size:12px;}
}
@media (prefers-reduced-motion:reduce){
 .device-editorial.authentic-phone,.hero-mobile-preview.authentic-phone{transform:none;}
}

/* Explicit mutual exclusion. Authentic-phone specificity must not override responsive visibility. */
@media(min-width:721px){
  .hero-mobile-preview.authentic-phone{display:none;}
  .hero-display{display:flex;}
}
@media(max-width:720px){
  .hero-mobile-preview.authentic-phone{display:block;}
  .hero-display{display:none;}
}


/* Physical enclosure only. Original screenshot is unaltered: same asset, angle and dimensions.
   Preserve -5° desktop, -4° mobile, -3° small; 414x625 and 287x318 reference slots. */
.device-editorial.authentic-phone,.hero-mobile-preview.authentic-phone {
  border:2px solid rgba(156,160,165,.6);
  background:#050607;
  box-shadow:
    0 27px 75px rgba(0,0,0,.62),
    0 0 0 .35px #e0e1e1,
    inset 0 0 0 1px rgba(236,239,242,.22);
}
.device-editorial.authentic-phone::before,.hero-mobile-preview.authentic-phone::before {
  content:"";
  pointer-events:none;
  z-index:4;
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(172,177,184,.12);
}
.device-editorial.authentic-phone .product-editorial,
.hero-mobile-preview.authentic-phone img {
  filter:none !important;
  opacity:1;
  image-rendering:auto;
  /* Preserve the pixel source and exact existing placement. */
  top:0;
  transform:none;
}
.device-system-bar {
  direction:ltr;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:absolute;
  z-index:5;
  inset:6px 11px auto;
  height:19px;
  padding:0 7px;
  color:#f2f1ef;
  font-family:Arial,"Segoe UI",sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.012em;
  text-shadow:0 1px 1px #000;
  pointer-events:none;
}
.device-system-time {white-space:nowrap;line-height:1;min-width:38px;text-align:left}
.device-system-island {
  position:absolute;
  top:2px;
  left:50%;
  transform:translateX(-50%);
  width:33px;
  height:10px;
  border-radius:20px;
  background:#010203;
  box-shadow:inset 0 1px 1px rgba(72,75,78,.4);
}
.device-system-icons {display:flex;align-items:center;justify-content:flex-end;gap:3px;line-height:1}
.device-system-icons svg {display:block;flex:none}
@media(max-width:720px) {
  .device-system-bar {inset:4px 8px auto;height:15px;padding:0 5px;font-size:8px}
  .device-system-time {min-width:28px}
  .device-system-icons {gap:2px;transform:scale(.82);transform-origin:right center}
  .device-system-island {width:26px;height:8px;top:2px}
}


/* Approved black device from approved brand artwork, cut out for existing matte site background.
   All header, copy, button, nav and other sections remain actual HTML. No light-cloud backdrop. */
.hero-display{min-height:630px;display:flex;align-items:center;justify-content:center;}
.hero-display .display-light{display:none;}
.device-editorial.approved-phone,.hero-mobile-preview.approved-phone{
  position:relative;display:block;inset:auto;overflow:hidden;
  padding:0;border:0;background:transparent;box-shadow:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
  transform:rotate(-5deg);transform-origin:50% 40%;
}
.device-editorial.approved-phone{width:min(100%,414px);height:625px;aspect-ratio:auto;flex:0 0 auto;margin:10px auto 0;transform:rotate(-5deg) scale(1.035);}
.device-editorial.approved-phone img,.hero-mobile-preview.approved-phone img{
  display:block;position:absolute;width:130%;height:auto;max-width:none;
  top:-6px;left:-15%;right:auto;filter:none!important;opacity:1;transform:none;
  object-fit:contain;border-radius:0;
}
.hero-display .visual-disclaimer{position:relative;bottom:auto;left:auto;margin:0 auto;color:#96999e;font-size:10px;}
@media(min-width:721px) and (max-width:1050px){
  .device-editorial.approved-phone{width:min(100%,380px);height:570px;}
  .hero-display{min-height:580px;}
}
@media(min-width:721px){.hero-mobile-preview.approved-phone{display:none;}.hero-display{display:flex;}}
@media(max-width:720px){
  .hero-mobile-preview.approved-phone{
    display:block;width:min(73vw,287px);height:clamp(250px,78vw,318px);
    max-height:none;min-height:0;aspect-ratio:auto;
    margin:13px auto 4px;border-radius:0;transform:rotate(-4deg);
  }
  .hero-mobile-preview.approved-phone img{width:131%;top:-4px;left:-15%;}
  .hero-display{display:none;}
}
@media(max-width:375px){
  .hero-mobile-preview.approved-phone{width:min(72vw,262px);height:clamp(227px,78vw,275px);margin-top:9px;transform:rotate(-3deg);}
}
@media(prefers-reduced-motion:reduce){
  .device-editorial.approved-phone,.hero-mobile-preview.approved-phone{transform:none;}
}


/* November 2: reveal the real upper-left handset edge, side buttons, and
   "האימון הבא" in the approved asset without changing the hero angle. */
.device-editorial.approved-phone,
.hero-mobile-preview.approved-phone {
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%);
}
.device-editorial.approved-phone img {
  width:114%;
  left:0;
  right:auto;
  top:-3px;
}
@media(max-width:720px) {
  .hero-mobile-preview.approved-phone {
    height:clamp(300px,86vw,355px);
  }
  .hero-mobile-preview.approved-phone img {
    width:112%;
    left:0;
    right:auto;
    top:-3px;
  }
}
@media(max-width:375px) {
  .hero-mobile-preview.approved-phone {
    height:clamp(277px,89vw,300px);
  }
}


/* Nov 2: Keep the entire handset and next-session card visible horizontally. */
.device-editorial.approved-phone img,
.hero-mobile-preview.approved-phone img {
  /* No horizontal zoom: show both left-hand controls and the full right edge of the next session. */
  width:100%;
  left:0;
  right:auto;
  top:-3px;
  height:auto;
  max-width:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 94.5%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 94.5%,transparent 100%);
}
.device-editorial.approved-phone,
.hero-mobile-preview.approved-phone {
  /* Fade only at the base, after the next-session panel. */
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 95%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 95%,transparent 100%);
}
@media(max-width:720px) {
  .hero-mobile-preview.approved-phone {
    height:clamp(340px,93vw,390px);
  }
  .hero-mobile-preview.approved-phone img {
    width:100%;
    left:0;
    top:-3px;
  }
}
@media(max-width:375px) {
  .hero-mobile-preview.approved-phone {
    height:clamp(285px,99vw,330px);
  }
}