/* OmniBrief one-need landing pages, round 2 (2026-09-30) — loaded AFTER the main page's site.css, which supplies
   the tokens, type scale, buttons, nav, brand shapes, dark ruled sections, reels, site frames, form card, footer.
   Each page has one signature "machine" in its hero; everything around it stays quiet. Plan: tools/lp2/DESIGN.md
   RTL first (Arabic), mirrored for English with logical properties; phones checked at 390px. */

/* ── shared: the hero ─────────────────────────────────────────────────── */
.lp-hero{position:relative;overflow:hidden;padding:40px 0 92px}
.lp-hero > .wrap{position:relative;z-index:1}
.lp-hero h1,html[lang=en] .lp-hero h1{margin-bottom:22px;font-size:clamp(36px,4.2vw,56px)}
/* keyboard users get a way past the nav; everyone else never sees it */
.skip{position:absolute;top:-60px;inset-inline-start:12px;z-index:100;padding:10px 18px;border-radius:100px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;transition:top .2s}
.skip:focus{top:12px}
.lp-hero .ln{display:block}
.lp-hero .lead{max-width:40ch;margin-bottom:28px}
.lp-copy{min-width:0}
.lp-v-grid,.lp-p-grid,.lp-s-grid,.lp-w-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:60px;align-items:center
}
.lp-hero .hero-cta{margin-bottom:18px}

/* one orchestrated entrance: the words, then the machine */
.js .lp-copy h1 .ln,.js .lp-copy > :not(h1){opacity:0;animation:enter .8s var(--ease) forwards}
.js .lp-copy h1 .ln:nth-child(2){animation-delay:.08s}
.js .lp-copy > :nth-child(2){animation-delay:.2s}
.js .lp-copy > :nth-child(3){animation-delay:.27s}
.js .lp-copy > :nth-child(4){animation-delay:.34s}
.js .lp-copy > :nth-child(5){animation-delay:.41s}
.js .lp-copy > :nth-child(6){animation-delay:.48s}
.js .lp-p-stage,.js .lp-s-stage,.js .lp-w-stage{opacity:0;animation:lp-rise 1s .18s var(--ease) forwards}
@keyframes lp-rise{from{opacity:0;transform:translateY(46px) scale(.97)}to{opacity:1;transform:none}}

/* ── nav: the page you are on ─────────────────────────────────────────── */
.nav-links a[aria-current=page]{color:var(--purple);background:var(--lilac)}
@media (min-width:961px){
  .nav-links .lp-all{position:relative;margin-inline-start:12px}
  .nav-links .lp-all::before{content:"";position:absolute;inset-inline-start:-8px;top:28%;bottom:28%;width:1.5px;background:var(--line)}
}

/* ── shared pieces ────────────────────────────────────────────────────── */
.lp-small{font-size:13.5px;color:var(--muted);margin:16px 0 0;line-height:1.6}
.dark .reel-brand{color:#fff}
.dark .reel-cat{background:rgba(255,255,255,.1);color:#E9D4F0}
.dark .reel-title{color:#C6B4CE}
.dark .reel-dots button{background:rgba(255,255,255,.2)}
.dark .reel-dots button.on{background:var(--orange)}
html[lang=en] .step::before{content:counter(s);font-family:var(--lat)}

/* market prices vs ours: the others are struck through, then ours lands */
.lp-v-bills h2{font-size:clamp(28px,3.4vw,40px)}
.lp-bills{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column}
.lp-bills li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:16px 2px;border-bottom:1px solid var(--line)}
.lp-bills .what{font-size:16.5px;line-height:1.6}
.lp-bills .amt{white-space:nowrap;font-size:14px;color:var(--muted);font-weight:700}
.lp-bills .amt b{position:relative;font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.lp-bills li:not(.us) .amt b::after{
  content:"";position:absolute;left:-4px;right:-4px;top:54%;height:2.5px;border-radius:2px;background:var(--orange);
  transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--ease)
}
.lp-bills.in li:not(.us) .amt b::after{transform:scaleX(1)}
.lp-bills.in li:nth-child(2) .amt b::after{transition-delay:.22s}
.lp-bills li.us{margin-top:16px;padding:20px 24px;border:0;border-radius:var(--r);background:var(--ink);color:#fff}
.lp-bills li.us .what{font-weight:800;font-size:17px}
.lp-bills li.us .amt{color:#FFD9CB}
.lp-bills li.us .amt b{color:#fff;font-size:32px;letter-spacing:-.02em}
.lp-bills.in li.us{animation:landed 1.1s .6s var(--ease) both}
.lp-narrow{max-width:760px}

/* ── the price list, read like a menu board ───────────────────────────── */
.lp-menu{background:#fff}
.lp-menu-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start}
.lp-menu-head{position:sticky;top:110px}
.lp-menu-head .lead{margin:16px 0 28px}
.lp-board{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 32px 30px}
.lp-board-list{list-style:none;margin:0;padding:0}
.lp-board-list li{display:flex;align-items:baseline;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.lp-board-list li:last-child{border-bottom:0}
.lp-board-list .what{flex:0 1 auto;font-size:16.5px;font-weight:600;line-height:1.55}
.lp-board-list .lead-dots{flex:1 1 20px;min-width:20px;border-bottom:2px dotted #CDBFD3;transform:translateY(-6px)}
.lp-board-list .amt{white-space:nowrap;font-size:14px;color:var(--muted);font-weight:700}
.lp-board-list .amt b{font-size:23px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.lp-board-list li.on{margin-inline:-16px;padding-inline:16px;background:#fff;border-radius:16px;border-bottom-color:transparent;box-shadow:var(--shadow)}
.lp-board-list li.on .amt b{color:var(--orange)}
.lp-board-plan{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:22px 24px;
  border-radius:var(--r);background:var(--purple);color:#fff;transition:transform .2s var(--ease),box-shadow .2s var(--ease)
}
.lp-board-plan:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(94,41,109,.32)}
.lp-board-plan > span:first-child b{display:block;font-size:17px}
.lp-board-plan > span:first-child small{display:block;font-size:14px;color:#E9DDEE;line-height:1.6;margin-top:4px}
.lp-board-plan .amt{white-space:nowrap;text-align:end;font-size:14px;font-weight:700;color:#F4E9F7}
.lp-board-plan .amt b{font-size:30px;font-weight:800;color:#fff}
.lp-board-plan .amt small{display:block;font-size:13px;color:#E9DDEE}

/* ── the free sample ──────────────────────────────────────────────────── */
.lp-free{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper),var(--lilac))}
.lp-free > .wrap{position:relative;z-index:1}
.lp-free-copy .lead{margin-top:16px}
.lp-aside{margin:26px 0 0;padding:16px 20px;border-radius:var(--r-sm);background:#fff;border-inline-start:3px solid var(--orange);font-size:15.5px;line-height:1.7}
.lp-drop{
  position:relative;display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:18px;min-height:98px;
  border:2px dashed #CDBFD3;border-radius:var(--r);background:var(--paper);cursor:pointer;
  transition:border-color .2s,background .2s
}
.lp-drop:hover,.lp-drop.over{border-color:var(--purple);background:var(--lilac)}
.lp-drop:focus-within{outline:3px solid var(--orange);outline-offset:3px}
.lp-drop input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.lp-drop-ic{flex:0 0 auto;width:60px;height:60px;border-radius:19px;background:#fff;color:var(--purple);display:grid;place-items:center;box-shadow:var(--shadow);transform:rotate(-6deg)}
.lp-drop-t{min-width:0}
.lp-drop-t b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-drop-t small{display:block;font-size:13.5px;color:var(--muted)}
.lp-drop img{flex:0 0 auto;width:66px;height:66px;margin-inline-start:auto;border-radius:14px;object-fit:cover;box-shadow:var(--shadow)}
.lp-drop img[hidden],.lp-post img[hidden]{display:none}   /* site.css sets img{display:block}, which beats [hidden] */
.lp-drop.has{border-style:solid;border-color:#3BA776;background:#F1F8F4}
.lp-drop.has .lp-drop-ic{color:#2F6B5A}
.f .opt{display:inline;font-size:13px;font-weight:600;color:var(--muted);margin:0}

/* ── objections ───────────────────────────────────────────────────────── */
.lp-faq h2{margin-bottom:48px;max-width:24ch}

/* ═════════════════════════════════════════════════════════════════════════
   /video/ — photo → storyboard → phone
   ═════════════════════════════════════════════════════════════════════════ */
.lp-v-stage{position:relative;min-width:0}
.lp-v-pick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.lp-v-pick button{
  display:inline-flex;align-items:center;gap:9px;padding-block:5px;padding-inline:5px 16px;border-radius:100px;
  border:1.5px solid var(--line);background:#fff;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer;
  transition:border-color .2s,background .2s,color .2s,box-shadow .2s
}
.lp-v-pick button:hover{border-color:var(--purple)}
.lp-v-pick button.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(42,17,48,.22)}
.lp-v-pick img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--lilac)}

.lp-v-bench{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;column-gap:34px}
.lp-v-photo{
  position:relative;z-index:2;margin:0;justify-self:center;width:100%;max-width:220px;
  background:#fff;padding:10px 10px 4px;border-radius:18px;box-shadow:var(--shadow-lg);transform:rotate(-5deg)
}
.lp-v-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--lilac)}
.lp-v-photo figcaption,.lp-v-adtag{display:block;font-size:13px;font-weight:700;color:var(--muted);text-align:center;line-height:1.4;padding:9px 0 6px}
.lp-v-path{position:absolute;z-index:1;left:30%;width:34%;top:22%;height:44%;overflow:visible;pointer-events:none}
[dir=rtl] .lp-v-path{left:auto;right:30%;transform:scaleX(-1)}
.lp-v-path path{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 9;vector-effect:non-scaling-stroke;animation:lp-flow 1.1s linear infinite}
@keyframes lp-flow{to{stroke-dashoffset:-15}}
.lp-v-phone{position:relative;z-index:3;justify-self:center;width:100%;max-width:252px}
.lp-v-screen{
  position:relative;aspect-ratio:9/16;border-radius:38px;overflow:hidden;background:#140a17;
  border:9px solid #1E1420;box-shadow:0 44px 90px rgba(42,17,48,.3),0 0 0 1px rgba(42,17,48,.12)
}
.lp-v-screen video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.lp-v-sound{
  position:absolute;top:12px;inset-inline-end:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:100px;border:0;background:rgba(20,10,24,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s
}
.lp-v-sound:hover{background:rgba(20,10,24,.8)}
.lp-v-sound .w1{display:none}
.lp-v-sound[aria-pressed=true]{background:var(--orange)}
.lp-v-sound[aria-pressed=true] .w1{display:inline}
.lp-v-sound[aria-pressed=true] .x{display:none}
.lp-v-bench .lp-v-photo img,.lp-v-bench .lp-v-screen video{transition:opacity .22s var(--ease)}
.lp-v-bench.swap .lp-v-photo img,.lp-v-bench.swap .lp-v-screen video{opacity:0}

/* the storyboard: one frame per scene, the bar fills while that scene plays */
.lp-v-strip{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lp-v-strip li{
  position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:10px;row-gap:2px;
  padding:8px;border-radius:14px;background:#fff;border:1.5px solid var(--line);overflow:hidden;cursor:pointer;
  transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)
}
.lp-v-strip li:hover{border-color:#CDBFD3}
.lp-v-strip li.on{border-color:var(--orange);box-shadow:0 12px 26px rgba(225,93,50,.18);transform:translateY(-3px)}
.lp-v-strip img{grid-row:1/3;width:40px;height:71px;object-fit:cover;border-radius:8px;background:var(--lilac)}
.lp-v-strip .cap{align-self:end;font-size:13.5px;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-v-strip .len{justify-self:start;font-size:12px;color:var(--muted);font-weight:700}
.lp-v-strip .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--lilac)}
.lp-v-strip .bar i{display:block;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left center}
[dir=rtl] .lp-v-strip .bar i{transform-origin:right center}

/* the entrance: the photo lands, the line draws, the phone rises, the scenes follow */
.js .lp-v-pick{opacity:0;animation:enter .7s .2s var(--ease) forwards}
.js .lp-v-photo{opacity:0;animation:lp-drop .9s .32s cubic-bezier(.2,.9,.25,1.15) forwards}
@keyframes lp-drop{from{opacity:0;transform:translateY(-34px) rotate(-16deg)}to{opacity:1;transform:rotate(-5deg)}}
.js .lp-v-path{clip-path:inset(0 100% 0 0);animation:lp-draw .7s .75s var(--ease) forwards}
@keyframes lp-draw{to{clip-path:inset(0 0 0 0)}}
.js .lp-v-phone{opacity:0;animation:lp-rise .9s .5s var(--ease) forwards}
.js .lp-v-strip li{opacity:0;animation:enter .6s var(--ease) forwards}
.js .lp-v-strip li:nth-child(1){animation-delay:.95s}
.js .lp-v-strip li:nth-child(2){animation-delay:1.05s}
.js .lp-v-strip li:nth-child(3){animation-delay:1.15s}

/* the spec: a film slate that claps shut when it comes into view */
.lp-v-spec{background:#fff}
.lp-v-spec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.lp-slate{position:relative;width:100%;max-width:520px;justify-self:center;padding-top:10px}
.lp-slate-top{
  position:relative;z-index:2;height:44px;border-radius:10px 10px 3px 3px;
  background:repeating-linear-gradient(122deg,#fff 0 24px,var(--ink) 24px 48px);border:3px solid var(--ink);
  transform-origin:left bottom;transform:rotate(-11deg);transition:transform .38s cubic-bezier(.6,-0.2,.7,1.4)
}
[dir=rtl] .lp-slate-top{transform-origin:right bottom;transform:rotate(11deg)}
.lp-slate-top i{display:none}
.lp-slate.in .lp-slate-top{transform:none}
.lp-slate.in .lp-slate-body{animation:lp-clap .32s .34s ease-out}
@keyframes lp-clap{40%{transform:translateY(3px)}100%{transform:none}}
.lp-slate-body{
  position:relative;margin-top:4px;padding:26px 30px 28px;border-radius:4px 4px 24px 24px;color:#fff;
  background:linear-gradient(165deg,var(--plum),var(--ink) 70%);box-shadow:0 40px 80px rgba(42,17,48,.3)
}
.lp-slate-body::before{
  content:"";display:block;height:18px;margin:-26px -30px 24px;border-radius:4px 4px 0 0;
  background:repeating-linear-gradient(122deg,#fff 0 24px,var(--ink) 24px 48px);border-bottom:3px solid var(--ink)
}
.lp-slate h2{font-size:clamp(24px,2.6vw,30px);color:#fff;margin-bottom:18px}
.lp-slate dl{margin:0}
.lp-slate dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14)}
.lp-slate dt{font-size:13.5px;color:#C6B4CE;font-weight:700;padding-top:2px}
.lp-slate dd{margin:0;font-size:16px;font-weight:600;line-height:1.6}
.lp-slate-price{margin:18px 0 0;padding-top:16px;border-top:2px solid rgba(255,255,255,.2);display:flex;align-items:baseline;justify-content:flex-end;gap:8px;font-weight:700;color:#FFD9CB}
.lp-slate-price b{font-size:58px;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}
@media (prefers-reduced-motion:reduce){.lp-slate-top,[dir=rtl] .lp-slate-top{transform:none}}

/* ═════════════════════════════════════════════════════════════════════════
   /posts/ — a profile that goes from silent to a full month
   ═════════════════════════════════════════════════════════════════════════ */
.lp-p-stage{display:flex;flex-direction:column;align-items:center;min-width:0}
.lp-p-toggle{margin-bottom:22px}
.lp-p-phone{position:relative;width:100%;max-width:330px;padding:10px;border-radius:46px;background:#1E1420;box-shadow:0 44px 90px rgba(42,17,48,.28)}
.lp-p-phone::before,.lp-s-phone::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:#1E1420;z-index:3}
.lp-p-screen{position:relative;height:540px;border-radius:36px;background:#fff;overflow:hidden;padding:48px 12px 0}
.lp-p-screen::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;z-index:2}
.lp-p-prof{display:flex;align-items:center;gap:12px;padding:0 4px 10px}
.lp-p-prof .av{flex:0 0 auto;width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 2.5px #fff,0 0 0 5px var(--orange);transition:box-shadow .4s}
.lp-p-prof b{display:block;font-size:15px;color:var(--ink);line-height:1.3}
.lp-p-prof span{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}
.lp-p-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px 11px;border-bottom:1px solid var(--line);margin-bottom:3px;font-size:13px;color:var(--muted)}
.lp-p-stats b{font-size:17px;font-weight:800;color:var(--ink)}
.lp-p-stats .stale{font-size:11.5px;font-weight:800;color:#A8340F;background:var(--peach);padding:2px 10px;border-radius:100px;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s var(--ease)}
.lp-p-feed{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.lp-p-feed .tile{
  position:relative;display:block;padding:0;border:0;background:var(--lilac);aspect-ratio:4/5;overflow:hidden;cursor:pointer;
  transition:opacity .5s var(--ease),transform .55s var(--ease);transition-delay:calc(var(--i,0) * 60ms)
}
.lp-p-feed .tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.lp-p-feed .tile:hover img{transform:scale(1.06)}
.lp-p-feed .tile:focus-visible{outline-offset:-3px}
.lp-p-feed .tile.is-reel::after{
  content:"";position:absolute;top:6px;inset-inline-end:6px;width:15px;height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))
}
.lp-p-feed .ghost{display:none;position:absolute;top:0;width:calc((100% - 6px) / 3);aspect-ratio:4/5;background:#EEE9F0}
.lp-p-feed .ghost::after{content:"";position:absolute;inset:34%;border-radius:8px;border:2px solid #D8CEDC}
.lp-p-feed .g1{inset-inline-start:0}
.lp-p-feed .g2{inset-inline-start:calc((100% - 6px) / 3 + 3px)}
.lp-p-feed .g3{inset-inline-start:calc((100% - 6px) / 3 * 2 + 6px)}
/* "your page today": three old grey posts, nothing new */
.lp-p-phone[data-state=today] .tile{opacity:0;transform:scale(.72);pointer-events:none;transition-delay:0s}
.lp-p-phone[data-state=today] .ghost{display:block}
.lp-p-phone[data-state=today] .stale{opacity:1;transform:none}
.lp-p-phone[data-state=today] .av{box-shadow:0 0 0 2.5px #fff,0 0 0 5px #D8CEDC;filter:grayscale(1)}
.lp-p-tap{margin:16px 0 0;font-size:13.5px;color:var(--muted);text-align:center}

/* the calendar: every post on its day, a rail you can run along */
.lp-cal .sec-head{margin-bottom:26px}
.lp-rail-nav{display:flex;gap:10px;justify-content:flex-end;margin:-8px 0 20px}
.lp-rn{width:46px;height:46px;border-radius:50%;border:0;background:var(--purple);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s var(--ease)}
.lp-rn:hover:not(:disabled){background:var(--orange);transform:scale(1.06)}
.lp-rn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.35);cursor:default}
[dir=ltr] .lp-rn svg{transform:scaleX(-1)}
.lp-cal-rail{
  position:relative;z-index:1;list-style:none;margin:0;display:flex;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:6px max(20px,calc((100vw - var(--wrap)) / 2 + 20px)) 16px;
  scroll-padding-inline:max(20px,calc((100vw - var(--wrap)) / 2 + 20px))
}
.lp-cal-rail::-webkit-scrollbar{display:none}
.lp-cal-rail:focus-visible{outline-offset:-3px}
.lp-cal-rail li{position:relative;flex:0 0 auto;width:236px;padding-inline-end:20px;scroll-snap-align:start}
.lp-cal-rail li::before{content:"";position:absolute;top:22px;left:0;right:0;height:2px;background:rgba(255,255,255,.16)}
.lp-cal-rail li:last-child{padding-inline-end:0}
.lp-cal-item{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}
.lp-cal-item .date{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:2px 14px;margin-bottom:16px;border-radius:100px;background:#2E1336;border:1.5px solid rgba(255,255,255,.2)}
.lp-cal-item .date b{font-size:21px;font-weight:800;color:#fff}
.lp-cal-item .date small{font-size:13px;font-weight:700;color:#C6B4CE}
.lp-cal-item img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:0 22px 46px rgba(0,0,0,.36);transition:transform .35s var(--ease)}
.lp-cal-item:hover img{transform:translateY(-5px)}
.lp-cal-item:hover .date{border-color:var(--orange)}
.lp-cal-item .fmt{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;color:#E9D4F0;background:rgba(255,255,255,.1);padding:2px 11px;border-radius:100px}
.lp-cal-item .hook{display:block;margin-top:8px;font-family:var(--ar);font-size:15px;font-weight:700;line-height:1.55;color:#fff;text-align:right}

/* why it sounds like you */
.lp-p-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.lp-why{margin:30px 0 0;display:grid;gap:26px}
.lp-why div{position:relative;padding-inline-start:32px}
.lp-why div::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:14px;height:14px;border-radius:5px;background:var(--orange);transform:rotate(14deg)}
.lp-why div:nth-child(even)::before{background:var(--purple);border-radius:50%}
.lp-why dt{font-size:19px;font-weight:800;margin-bottom:4px}
.lp-why dd{margin:0;color:var(--muted);font-size:16px;line-height:1.75}

/* one post, opened */
.lp-post{position:fixed;border:0;padding:0;width:calc(100vw - 32px);max-width:820px;max-height:min(88vh,720px);border-radius:var(--r-lg);background:#fff;color:var(--ink);box-shadow:0 40px 120px rgba(20,8,24,.5);overflow:hidden}
.lp-post::backdrop{background:rgba(42,17,48,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lp-post[open]{animation:lp-pop .35s var(--ease)}
@keyframes lp-pop{from{opacity:0;transform:translateY(18px) scale(.97)}}
.lp-post-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);max-height:min(88vh,720px)}
.lp-post-in > img{width:100%;height:100%;object-fit:cover;background:var(--lilac)}
.lp-post-b{padding:36px 30px 30px;overflow-y:auto}
.lp-post .meta{font-size:13.5px;color:var(--muted);font-weight:700;margin-bottom:14px}
.lp-post .cap{font-family:var(--ar);white-space:pre-line;font-size:16px;line-height:1.9;text-align:right}
.lp-post .tags{font-family:var(--ar);color:var(--purple);font-size:14.5px;font-weight:700;margin:0;text-align:right}
.lp-post .x{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow)}

/* ═════════════════════════════════════════════════════════════════════════
   /store/ — a phone that tries on real stores
   ═════════════════════════════════════════════════════════════════════════ */
.lp-s-price{margin-bottom:6px}
.lp-s-price .toggle{margin-bottom:16px}
.lp-s-price .toggle button{padding:10px 20px;font-size:15px}
html[lang=en] .lp-s-price .toggle button{font-family:var(--lat)}
.lp-s-price .price .n,.lp-w-price .n{font-size:64px;line-height:1.05}
.lp-s-price .price-note{margin-bottom:26px}
/* a fitting room: the phone, and the looks it can try listed beside it */
.lp-s-grid,.lp-p-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.lp-s-stage{position:relative;display:grid;grid-template-columns:262px auto;justify-content:center;align-items:center;column-gap:26px;min-width:0;--cur:#2f6b3a}
.lp-s-stage::before{
  content:"";position:absolute;z-index:0;width:470px;aspect-ratio:1;border-radius:50%;top:50%;left:auto;right:auto;inset-inline-start:-110px;transform:translateY(-55%);
  background:var(--cur);opacity:.16;transition:background-color .9s var(--ease)
}
.lp-s-phone{grid-column:1;grid-row:1;position:relative;z-index:1;width:100%;max-width:262px;padding:10px;border-radius:46px;background:#1E1420;box-shadow:0 44px 90px rgba(42,17,48,.3)}
.lp-s-screen{position:relative;aspect-ratio:9/18.6;border-radius:36px;overflow:hidden;background:#fff}
.lp-s-screen img,.lp-browser-shot img{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;transition:opacity .7s var(--ease);will-change:transform}
.lp-s-screen img.on,.lp-browser-shot img.on{opacity:1;z-index:1}
.lp-s-screen img.pan,.lp-browser-shot img.pan{animation:pan var(--dur,16s) linear .9s infinite alternate}
.lp-s-swatches{grid-column:2;grid-row:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:9px}
.lp-s-swatches button{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:100px;
  border:1.5px solid var(--line);background:rgba(255,255,255,.85);font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;
  transition:border-color .2s,background .2s,box-shadow .2s
}
.lp-s-swatches button:hover{border-color:#CDBFD3;background:#fff}
.lp-s-swatches i{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.lp-s-swatches button.on{border-color:var(--ink);background:#fff;box-shadow:0 8px 18px rgba(42,17,48,.12)}
/* while the phone changes on its own, the chosen chip shows how long until the next */
.lp-s-swatches button.run::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--sw);transform-origin:left center;animation:lp-fill var(--cycle,5.2s) linear forwards}
[dir=rtl] .lp-s-swatches button.run::after{transform-origin:right center}
@keyframes lp-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lp-s-made{position:relative;z-index:1;margin:14px 0 0;font-size:13.5px;color:var(--muted);font-weight:600;text-align:center}
.lp-s-stage .lp-s-made{grid-column:1/-1;grid-row:2;margin-top:18px}

/* one product, two places */
.lp-two{background:#fff}
.lp-two .sec-head{margin-inline:auto;text-align:center}
.lp-two-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;gap:40px;max-width:980px;margin:0 auto}
.lp-two-map figure{position:relative;z-index:1;margin:0;text-align:center}
.lp-two-map figcaption{margin-top:16px;font-size:15.5px;font-weight:800}
.lp-two-map .t-in img{width:188px;aspect-ratio:1;object-fit:cover;border-radius:24px;border:8px solid #fff;box-shadow:var(--shadow-lg);transform:rotate(-4deg)}
.lp-two-map .mini-phone{width:186px;height:372px;padding:7px;border-radius:30px;background:#1E1420;box-shadow:var(--shadow-lg)}
.mini-pdp{height:100%;border-radius:24px;overflow:hidden;background:#fff;text-align:start;display:flex;flex-direction:column}
.mini-pdp > img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--paper)}
.pdp-b{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 11px 12px}
.pdp-b > b{font-size:12.5px;font-weight:800;line-height:1.3;color:var(--ink)}
[dir=rtl] .pdp-b > b{text-align:right}
.pdp-price{font-size:11px;font-weight:700;color:var(--muted)}
.pdp-price b{font-size:15px;font-weight:800;color:var(--orange)}
.pdp-sizes{display:flex;gap:4px}
.pdp-sizes i{font-style:normal;font-size:9.5px;font-weight:800;min-width:22px;padding:2px 5px;border-radius:6px;border:1.2px solid var(--line);text-align:center;color:var(--ink)}
.pdp-sizes i:nth-child(2){border-color:var(--ink)}
.pdp-btn{margin-top:auto;padding:7px 0;border-radius:100px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;text-align:center}
.mini-reel{position:relative;width:210px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#140a17;box-shadow:var(--shadow-lg)}
.mini-reel video{width:100%;height:100%;object-fit:cover}
.mini-tag{position:absolute;top:10px;inset-inline-start:10px;z-index:1;padding:2px 10px;border-radius:100px;background:rgba(20,10,24,.6);color:#fff;font-size:11.5px;font-weight:700}
.t-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.t-lines path{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:7 9;vector-effect:non-scaling-stroke;animation:lp-flow 1.1s linear infinite}
.js .lp-two-map figure,.js .lp-two-map .t-lines{opacity:0;transition:opacity .6s var(--ease),transform .8s var(--ease)}
.js .lp-two-map .t-in{transform:scale(.86)}
.js .lp-two-map .t-store{transform:translateX(60px)}
.js .lp-two-map .t-ad{transform:translateX(-60px)}
[dir=rtl].js .lp-two-map .t-store{transform:translateX(-60px)}
[dir=rtl].js .lp-two-map .t-ad{transform:translateX(60px)}
.js .lp-two-map.in figure,.js .lp-two-map.in .t-lines{opacity:1;transform:none}
.js .lp-two-map.in .t-lines{transition-delay:.3s}
.js .lp-two-map.in .t-store,.js .lp-two-map.in .t-ad{transition-delay:.4s}

/* the plan */
.lp-plan-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:34px;align-items:center}
.lp-plan-col{align-self:stretch;padding:30px 30px 6px;border-radius:var(--r-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.lp-plan-col h3{color:#fff;margin-bottom:20px}
.lp-plan .feat li{color:#EDE3F1}
.lp-plan-plus{width:64px;height:64px;border-radius:22px;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:var(--lat);font-size:38px;font-weight:800;line-height:1;transform:rotate(14deg);box-shadow:0 14px 30px rgba(225,93,50,.42)}
.lp-half{max-width:760px;margin:60px auto 0}
.lp-half h3{color:#fff;margin-bottom:16px}
.lp-half table{width:100%;border-collapse:collapse;font-size:16px}
.lp-half th,.lp-half td{padding:14px 10px;text-align:start;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:baseline}
.lp-half thead th{font-size:13.5px;color:#C6B4CE;font-weight:700;padding-top:0}
.lp-half tbody th{font-weight:700;color:#fff}
.lp-half td{white-space:nowrap;color:#C6B4CE;font-size:14px}
.lp-half s{font-size:18px;font-weight:700;color:#9E88A8;text-decoration-thickness:2px;text-decoration-color:rgba(225,93,50,.85)}
.lp-half td b{font-size:23px;font-weight:800;color:#FFD9CB}
.lp-s-bills{background:#fff}

/* ═════════════════════════════════════════════════════════════════════════
   /website/ — a browser whose address becomes yours
   ═════════════════════════════════════════════════════════════════════════ */
.lp-w-price{margin-bottom:0}
@media (min-width:721px){ html[lang=en] .lp-w-hero h1{font-size:clamp(36px,3.9vw,50px)} }
.lp-hero .price-note{margin-bottom:24px}
.lp-w-try{display:block;max-width:430px;margin-bottom:26px}
.lp-w-try span{display:block;font-size:14.5px;font-weight:700;margin-bottom:8px}
.lp-w-try input{
  width:100%;font:inherit;font-size:17px;padding:14px 20px;border:1.5px solid var(--line);border-radius:100px;background:#fff;color:var(--ink);
  transition:border-color .16s,box-shadow .16s
}
.lp-w-try input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px var(--lilac)}
.lp-w-stage{position:relative;min-width:0}
.lp-browser{position:relative;direction:ltr;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 44px 96px rgba(42,17,48,.24),0 0 0 1px rgba(42,17,48,.07)}
.lp-browser-bar{display:flex;align-items:flex-end;gap:16px;height:46px;padding:0 14px;background:#EEE6F1}
.lp-browser-bar .dots{display:flex;gap:7px;align-self:center}
.lp-browser-bar .dots i{width:11px;height:11px;border-radius:50%;background:#F0A88C}
.lp-browser-bar .dots i:nth-child(2){background:#E9C9B0}
.lp-browser-bar .dots i:nth-child(3){background:#C9B6D1}
.lp-browser-bar .tab{display:inline-flex;align-items:center;gap:8px;max-width:58%;height:36px;padding:0 18px;border-radius:12px 12px 0 0;background:#fff;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden}
.lp-browser-bar .tab img{flex:0 0 auto;border-radius:3px}
.lp-browser-bar .tab b{overflow:hidden;text-overflow:ellipsis;font-weight:700}
.lp-browser-url{display:flex;align-items:center;gap:8px;height:38px;margin:9px 12px;padding:0 16px;border-radius:100px;background:#F4F0F6;color:#3BA776;font-family:var(--lat);font-size:14.5px}
.lp-browser-url span{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lp-browser-url .caret{flex:0 0 auto;width:2px;height:18px;margin-inline-start:-6px;background:var(--orange);animation:lp-blink 1s steps(1) infinite}
@keyframes lp-blink{50%{opacity:0}}
.lp-browser-shot{position:relative;aspect-ratio:16/10.4;overflow:hidden;background:var(--paper);border-top:1px solid var(--line)}
.lp-w-kind{position:absolute;z-index:2;bottom:14px;left:14px;padding:6px 14px;border-radius:100px;background:rgba(42,17,48,.86);color:#fff;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);direction:rtl}
[dir=ltr] .lp-w-kind{direction:ltr}
.lp-w-stage .lp-s-made{margin-top:18px}

/* the deed: what stays yours, stamped */
.lp-deed-sec{background:#fff}
.lp-deed-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.lp-deed{
  position:relative;padding:48px 44px 40px;border-radius:8px;
  background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(94,41,109,.07) 33px 34px) 0 30px,#fff;
  border:1px solid var(--line);outline:1.5px solid rgba(94,41,109,.14);outline-offset:-14px;box-shadow:var(--shadow-lg)
}
.lp-deed h2{font-size:clamp(28px,3.4vw,40px);padding-inline-end:120px}
.lp-deed .lead{margin:10px 0 28px;font-size:17px;padding-inline-end:100px}
.lp-deed dl{margin:0;display:grid;gap:22px}
.lp-deed dl div{position:relative;padding-inline-start:62px;min-height:46px}
.lp-deed dt{font-size:17.5px;font-weight:800;line-height:1.5}
.lp-deed dt i{position:absolute;inset-inline-start:0;top:0;width:46px;height:46px;border-radius:15px;background:var(--lilac);color:var(--purple);display:grid;place-items:center}
.lp-deed dt i svg{width:24px;height:24px}
.lp-deed dd{margin:2px 0 0;color:var(--muted);font-size:15.5px;line-height:1.7}
.lp-stamp{
  position:absolute;top:30px;inset-inline-end:30px;width:112px;height:112px;border-radius:50%;
  display:grid;place-items:center;border:3px solid var(--orange);color:var(--orange);font-size:25px;font-weight:900;
  box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 7px rgba(225,93,50,.5);transform:rotate(-14deg);opacity:.92;background:rgba(255,255,255,.6)
}
html[lang=en] .lp-stamp{font-family:var(--lat);letter-spacing:-.02em}
.js .lp-stamp{opacity:0}
.lp-deed.in .lp-stamp{animation:lp-stamp .55s .35s cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes lp-stamp{0%{opacity:0;transform:rotate(-14deg) scale(1.9)}60%{opacity:1;transform:rotate(-14deg) scale(.93)}100%{opacity:.92;transform:rotate(-14deg) scale(1)}}
.lp-w-what h2{font-size:clamp(26px,3vw,36px);margin-bottom:24px}
.lp-w-what .feat li{font-size:16.5px}

/* the payment timeline: a real sequence, so it is numbered */
.lp-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;counter-reset:t;position:relative}
.lp-tl::before{content:"";position:absolute;top:27px;inset-inline-start:28px;inset-inline-end:calc((100% - 112px) / 5 - 28px);height:2px;background:rgba(255,255,255,.2);transform:scaleX(0);transform-origin:left center;transition:transform 1.3s var(--ease)}
[dir=rtl] .lp-tl::before{transform-origin:right center}
.lp-tl.in::before{transform:scaleX(1)}
.lp-tl li{position:relative;counter-increment:t}
.lp-tl li::before{
  content:counter(t);position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:18px;
  background:var(--purple-lift);color:#fff;font-family:var(--lat);font-size:22px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.28)
}
html[lang=ar] .lp-tl li::before{content:counter(t,arabic-indic);font-family:var(--ar)}
.lp-tl li:nth-child(4)::before{background:var(--orange);box-shadow:0 10px 24px rgba(225,93,50,.38)}
.lp-tl li:last-child::before{background:#2E1336;border:2px dashed rgba(255,255,255,.4)}
.lp-tl h3{color:#fff;font-size:20px;margin-bottom:8px}
.lp-tl p{color:#C6B4CE;font-size:15.5px;line-height:1.7;margin:0 0 14px}
.lp-tl .pay{display:inline-flex;align-items:baseline;gap:6px;padding:4px 14px;border-radius:100px;background:rgba(225,93,50,.18);border:1px solid rgba(225,93,50,.5);color:#FFD9CB;font-size:13.5px;font-weight:700}
.lp-tl .pay b{font-size:18px;font-weight:800;color:#fff}
.js .lp-tl li{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.lp-tl.in li{opacity:1;transform:none}
.lp-tl.in li:nth-child(2){transition-delay:.18s}
.lp-tl.in li:nth-child(3){transition-delay:.36s}
.lp-tl.in li:nth-child(4){transition-delay:.54s}
.lp-tl.in li:nth-child(5){transition-delay:.72s}

.lp-w-work .reel{margin-top:10px}

/* the brief, sent on WhatsApp */
.lp-chips{border:0;padding:0;margin:0 0 22px;min-width:0}
.lp-chips legend{padding:0;margin-bottom:10px}
.lp-chips label{position:relative;display:inline-block;margin:0 0 8px;margin-inline-end:6px;cursor:pointer}
.lp-chips input{position:absolute;width:1px;height:1px;opacity:0}
.lp-chips label span{
  display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 16px;border-radius:100px;border:1.5px solid var(--line);
  background:var(--paper);font-size:14.5px;font-weight:700;color:var(--ink);transition:background .18s,border-color .18s,color .18s
}
.lp-chips label:hover span{border-color:var(--purple)}
.lp-chips input:checked + span{background:var(--purple);border-color:var(--purple);color:#fff}
.lp-chips input:checked + span::before{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-2px)}
.lp-chips input:focus-visible + span{outline:3px solid var(--orange);outline-offset:2px}

/* ── reduced motion: everything visible, nothing moving on its own ───── */
@media (prefers-reduced-motion:reduce){
  .js .lp-copy h1 .ln,.js .lp-copy > :not(h1),.js .lp-p-stage,.js .lp-s-stage,.js .lp-w-stage,
  .js .lp-v-pick,.js .lp-v-photo,.js .lp-v-phone,.js .lp-v-strip li,.js .lp-stamp,.js .lp-tl li{opacity:1;animation:none;transform:none}
  .js .lp-v-photo{transform:rotate(-5deg)}
  .js .lp-v-path{clip-path:none;animation:none}
  .lp-v-path path,.t-lines path,.lp-browser-url .caret{animation:none}
  .js .lp-two-map figure,.js .lp-two-map .t-lines{opacity:1;transform:none}
  .js .lp-two-map .t-in img{transform:rotate(-4deg)}
  .lp-stamp{opacity:.92}
  .lp-tl::before{transform:none}
}

/* ═════════════════════════════════════════════════════════════════════════
   Tablets and small laptops
   ═════════════════════════════════════════════════════════════════════════ */
@media (max-width:1100px) and (min-width:961px){
  .lp-v-grid,.lp-p-grid,.lp-s-grid,.lp-w-grid{column-gap:40px}
  .lp-tl{gap:20px}
}
@media (max-width:960px){
  .lp-v-grid,.lp-p-grid,.lp-s-grid,.lp-w-grid{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .lp-hero .lead{max-width:56ch}
  .lp-v-spec-grid,.lp-p-why-grid,.lp-menu-grid,.lp-deed-grid{grid-template-columns:minmax(0,1fr);gap:52px}
  .lp-menu-head{position:static}
  .lp-plan-grid{grid-template-columns:minmax(0,1fr)}
  .lp-plan-plus{justify-self:center;margin:-10px 0}
  .lp-v-stage,.lp-w-stage{max-width:640px;width:100%;justify-self:center}
  .lp-tl{grid-template-columns:minmax(0,1fr);gap:30px}
  .lp-tl::before{top:28px;bottom:28px;inset-inline-end:auto;inset-inline-start:27px;width:2px;height:auto;transform:scaleY(0);transform-origin:center top}
  [dir=rtl] .lp-tl::before{transform-origin:center top}
  .lp-tl.in::before{transform:scaleY(1)}
  .lp-tl li{padding-inline-start:80px;min-height:56px}
  .lp-tl li::before{position:absolute;inset-inline-start:0;top:0;margin:0}
  .lp-tl h3{padding-top:12px}
  .lp-post-in{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
}

/* ═════════════════════════════════════════════════════════════════════════
   Phones: headline, the machine, then the button — all above the fold
   ═════════════════════════════════════════════════════════════════════════ */
@media (max-width:720px){
  .lp-hero{padding:24px 0 58px}
  .lp-hero > .wrap{padding-inline:16px}
  .lp-v-grid,.lp-p-grid,.lp-s-grid,.lp-w-grid{row-gap:0}
  .lp-copy{display:contents}
  .lp-hero h1{order:1;font-size:clamp(29px,8.4vw,35px);line-height:1.24;margin-bottom:18px}
  html[lang=en] .lp-hero h1{line-height:1.08}
  .lp-v-stage,.lp-p-stage,.lp-s-stage,.lp-w-stage{order:2;margin-bottom:24px}
  .lp-s-price{order:3}
  .lp-w-price{order:3}
  .lp-hero .price-note{order:4}
  .lp-w-try{order:7}
  .lp-hero .hero-cta{order:6;margin-bottom:12px}
  .lp-hero .hero-cta .btn{flex:1 1 100%}
  .lp-hero .hero-note{order:7;margin-bottom:22px;font-size:14.5px}
  .lp-hero .lead{order:8;font-size:16.5px;margin-bottom:0}
  .lp-s-price .price .n,.lp-w-price .n{font-size:50px}
  .lp-s-price .toggle{margin-bottom:12px}
  .lp-s-price .toggle button{padding:9px 15px;font-size:14px}

  /* video */
  .lp-v-pick{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 14px;padding:2px 16px 4px;scrollbar-width:none}
  .lp-v-pick::-webkit-scrollbar{display:none}
  .lp-v-pick button{flex:0 0 auto;font-size:13.5px}
  .lp-v-bench{grid-template-columns:minmax(0,1fr) 176px;column-gap:14px}
  .lp-v-photo{max-width:150px;padding:7px 7px 2px;border-radius:14px}
  .lp-v-photo figcaption,.lp-v-adtag{font-size:11.5px;padding:6px 0 4px}
  .lp-v-path{display:none}
  .lp-v-screen{border-width:7px;border-radius:28px}
  .lp-v-sound{top:8px;inset-inline-end:8px;padding:6px 10px;font-size:11.5px}
  .lp-v-strip{gap:6px;margin-top:12px}
  .lp-v-strip li{grid-template-columns:minmax(0,1fr);padding:8px 8px 10px;border-radius:12px}
  .lp-v-strip img{display:none}
  .lp-v-strip .cap{font-size:12px}
  .lp-v-strip .len{font-size:11px}
  .lp-v-spec-grid{gap:44px}
  .lp-slate-body{padding:22px 20px 24px}
  .lp-slate-body::before{margin:-22px -20px 20px}
  .lp-slate dl div{grid-template-columns:78px minmax(0,1fr);gap:10px}
  .lp-slate dd{font-size:15px}
  .lp-slate-price b{font-size:48px}

  /* posts */
  .lp-p-toggle{margin-bottom:14px}
  .lp-p-toggle button{padding:9px 16px;font-size:14px}
  .lp-p-phone{max-width:258px;padding:8px;border-radius:38px}
  .lp-p-phone::before,.lp-s-phone::before{top:14px;width:64px;height:18px}
  .lp-p-screen{height:392px;border-radius:30px;padding:38px 8px 0}
  .lp-p-prof{gap:10px;padding-bottom:6px}
  .lp-p-prof .av{width:42px;height:42px}
  .lp-p-prof b{font-size:13px}
  .lp-p-prof span{font-size:11px}
  .lp-p-stats{font-size:11.5px;padding:6px 2px 8px}
  .lp-p-stats b{font-size:14px}
  .lp-p-stats .stale{font-size:10.5px;padding:1px 8px}
  .lp-p-tap{margin-top:10px;font-size:12.5px}
  .lp-rail-nav{display:none}
  .lp-cal-rail li{width:200px;padding-inline-end:16px}
  .lp-cal-item .hook{font-size:14.5px}
  .lp-why{gap:22px}
  .lp-post{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .lp-post-in{grid-template-columns:minmax(0,1fr);max-height:92vh;overflow-y:auto}
  .lp-post-in > img{height:auto;max-height:44vh;object-fit:cover}
  .lp-post-b{padding:20px 20px 30px;overflow:visible}

  /* store */
  /* a fitting room: the phone, and the looks listed beside it */
  .lp-s-stage{grid-template-columns:158px minmax(0,1fr);justify-content:stretch;column-gap:16px}
  .lp-s-phone{max-width:158px;padding:6px;border-radius:30px}
  .lp-s-phone::before{top:10px;width:46px;height:13px}
  .lp-s-screen{border-radius:25px}
  .lp-s-stage::before{width:300px;inset-inline-start:-70px;transform:translateY(-58%)}
  .lp-s-swatches{gap:7px}
  .lp-s-swatches button{font-size:13.5px;padding:7px 12px}
  .lp-s-stage .lp-s-made{margin-top:12px;font-size:12.5px}
  .lp-s-price .price-note{margin-bottom:20px}
  .lp-two-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;align-items:end}
  .lp-two-map .t-in{grid-column:1/-1;grid-row:1}
  .lp-two-map::before{content:"";grid-column:1/-1;grid-row:2;justify-self:center;width:52%;height:30px;margin:14px 0 14px;border:2px dashed var(--orange);border-bottom:0;border-radius:18px 18px 0 0}
  .lp-two-map .t-store{grid-column:1;grid-row:3}
  .lp-two-map .t-ad{grid-column:2;grid-row:3}
  .t-lines{display:none}
  .lp-two-map .t-in img{width:140px;border-width:6px}
  .lp-two-map .mini-phone{width:136px;height:272px;padding:6px;border-radius:24px}
  .mini-pdp{border-radius:19px}
  .pdp-b{padding:7px 8px 9px;gap:4px}
  .pdp-b > b{font-size:10.5px}
  .pdp-price b{font-size:12.5px}
  .pdp-sizes i{font-size:8px;min-width:17px;padding:1px 3px}
  .pdp-btn{font-size:9.5px;padding:5px 0}
  .mini-reel{width:136px;border-radius:20px}
  .lp-two-map figcaption{font-size:14px;margin-top:12px}
  .js .lp-two-map .t-store,.js .lp-two-map .t-ad,[dir=rtl].js .lp-two-map .t-store,[dir=rtl].js .lp-two-map .t-ad{transform:translateY(24px)}
  .lp-plan-col{padding:24px 22px 4px}
  .lp-half th,.lp-half td{padding:12px 6px}
  .lp-half tbody th{font-size:14.5px;white-space:normal}
  .lp-half td b{font-size:19px}
  .lp-half s{font-size:15px}

  /* website */
  .lp-w-try{margin:10px 0 22px;max-width:none}
  .lp-browser{border-radius:14px}
  .lp-browser-bar{height:38px;gap:10px;padding:0 10px}
  .lp-browser-bar .dots i{width:9px;height:9px}
  .lp-browser-bar .tab{height:30px;padding:0 12px;font-size:12px}
  .lp-browser-url{height:32px;margin:7px 8px;padding:0 12px;font-size:13px}
  .lp-w-kind{bottom:10px;left:10px;font-size:12px;padding:5px 12px}
  .lp-w-stage .lp-s-made{margin-top:12px;font-size:12.5px}
  .lp-deed{padding:36px 22px 28px;outline-offset:-9px}
  .lp-deed h2{padding-inline-end:84px}
  .lp-deed .lead{padding-inline-end:0}
  .lp-stamp{top:22px;inset-inline-end:16px;width:80px;height:80px;font-size:19px}

  /* shared */
  .lp-board{padding:14px 18px 20px}
  .lp-board-list li{padding:14px 0}
  .lp-board-list .what{font-size:15.5px}
  .lp-board-list .amt b{font-size:20px}
  .lp-board-list li.on{margin-inline:-10px;padding-inline:10px}
  .lp-board-plan{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}
  .lp-board-plan .amt{text-align:start}
  .lp-bills li{gap:12px}
  .lp-bills .what{font-size:15.5px}
  .lp-bills li.us{padding:18px 18px}
  .lp-bills li.us .amt b{font-size:28px}
  .lp-drop{padding:14px}
  .lp-drop-ic{width:52px;height:52px}
}