/* Landing uses the dashboard's shared surface and action tokens. */
body.landing-page {display:flex;flex-direction:column;min-height:100dvh;}
body.landing-page > main {flex:1 0 auto;}
body.landing-page > .floating-navbar-wrapper,body.landing-page > .landing-marquee {flex-shrink:0;}
body.landing-page .container {max-width:1160px;width:calc(100% - 48px);}
body.landing-page .floating-navbar-wrapper {position:sticky;top:0;padding:0;background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:none;z-index:30;}
body.landing-page .floating-navbar {border:0;border-radius:0;box-shadow:none;background:transparent;min-height:76px;padding:12px 0;gap:20px;}
body.landing-page .brand-subtitle {color:var(--text-dim);}
body.landing-page .nav-brand {gap:10px;align-items:center;}
body.landing-page .brand-title {font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.04em;direction:ltr;text-align:right;}
body.landing-page .brand-subtitle {font-family:var(--sans);font-size:11px;margin-top:4px;line-height:1.3;}
body.landing-page .site-logo-symbol {width:48px;height:28px;flex-basis:48px;border-radius:0;background:#000;}
html[data-theme="light"] body.landing-page .site-logo-symbol {background:transparent;}
body.landing-page .site-logo-symbol img {width:64px;height:64px;left:-8px;top:-16px;transform:none;clip-path:inset(0 0 39% 0);}
body.landing-page .nav-page-btn.active {color:var(--ui-blue);background:var(--ui-blue-wash)!important;border-color:var(--ui-blue-edge);}
body.landing-page .landing-page-view {padding:32px 0;}
body.landing-page .landing-hero {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;padding:48px 0 64px;}
body.landing-page .giant-hero-wrapper::before,body.landing-page .giant-hero-wrapper::after {display:none;animation:none;}
.landing-hero h1 {font-family:var(--display);font-size:clamp(38px,5vw,68px);line-height:1.45;letter-spacing:normal;font-weight:400;color:var(--text);}
.landing-hero h1 span {color:var(--ui-blue);font-weight:900;}
body.landing-page .landing-pill-badge {font-family:var(--sans);border-color:var(--border-bright)!important;box-shadow:none;padding:8px 12px;font-size:12px;margin-bottom:22px;}
body.landing-page .pulse-dot {animation:none;box-shadow:none!important;background:var(--ui-green);}
body.landing-page .landing-subtext {color:var(--text-dim);font-size:17px;line-height:1.95;margin:20px 0 26px;}
.landing-actions {display:flex;gap:12px;flex-wrap:wrap;}
.landing-actions > .btn-primary {min-width:200px;justify-content:center;}
html[data-account-state="pending"] .landing-page :is(#openRegisterModalBtn,#heroLoginBtn,#whyLoginBtn) {display:none;}
html[data-account-state="pending"] .landing-page :is(#openLoginModalBtn,#heroRegisterBtn,#whyRegisterBtn,#ctaRegisterBtn) {font-size:0;min-width:140px;pointer-events:none;}
html[data-account-state="pending"] .landing-page :is(#heroRegisterBtn,#whyRegisterBtn,#ctaRegisterBtn) > * {display:none;}
html[data-account-state="pending"] .landing-page :is(#openLoginModalBtn,#heroRegisterBtn,#whyRegisterBtn,#ctaRegisterBtn)::after {content:'جاري التحقق…';font-size:13px;}
body.landing-page .btn {min-height:40px;font-family:var(--sans);}
body.landing-page .btn-hero-pill {padding:12px 20px;font-size:14px;border-radius:10px;}
body.landing-page .btn-hero-pill:hover {transform:translateY(-1px)!important;}
body.landing-page .btn-hero-pill::before {display:none;}
.landing-highlights {display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--text-dim);}
.landing-preview,.landing-start {border:1px solid var(--border-hi);border-radius:20px;background:radial-gradient(ellipse at 0 0,#ffffff30 0,transparent 42px),linear-gradient(145deg,var(--surface3),var(--surface) 45%);box-shadow:inset 0 1px 0 #ffffff18,0 14px 36px #00000014;}
.landing-preview {padding:22px;min-width:0;}
.landing-preview-header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border);}
.landing-preview-header strong {font-size:15px;}
.landing-preview-header small,.landing-preview-source small {display:block;color:var(--text-dim);font-size:11px;margin-top:4px;}
.landing-example-label {font-size:10px;color:var(--text-dim);border:1px solid var(--border-bright);padding:4px 8px;border-radius:20px;white-space:nowrap;}
.landing-preview-source {display:flex;align-items:center;gap:12px;padding:18px 0;}
.landing-preview-source strong {font-size:12px;}
.landing-file-icon,.landing-feature-icon {display:grid;place-items:center;width:38px;height:38px;background:var(--ui-blue-wash);color:var(--ui-blue);border:1px solid var(--ui-blue-edge);border-radius:11px;font-size:20px;flex-shrink:0;}
.landing-example-user {background:var(--ui-blue-wash);border:1px solid var(--ui-blue-edge);border-radius:12px;padding:12px 16px;margin-right:34px;font-size:12px;}
.landing-example-reply {background:var(--surface3);border-radius:12px;padding:16px;margin:12px 0 20px;font-size:12px;line-height:1.9;}
.landing-example-reply p {color:var(--text-dim);margin-top:6px;}
.landing-example-progress {display:flex;gap:8px;margin-top:12px;}
.landing-example-progress span {font-size:10px;color:var(--ui-green);border:1px solid var(--ui-green-wash);background:var(--ui-green-wash);border-radius:6px;padding:3px 8px;}
.landing-preview-composer {border:1px solid var(--border-hi);border-radius:16px;background:radial-gradient(ellipse at 0 0,#ffffff45 0,transparent 28px),var(--surface);padding:12px;color:var(--text-dim);font-size:12px;box-shadow:inset 0 1px 0 #ffffff20;}
.landing-preview-composer > div {display:flex;align-items:center;justify-content:space-between;margin-top:24px;}
.landing-preview-send {border:1px solid var(--border-hi);border-radius:10px;background:linear-gradient(var(--ui-button-top),var(--ui-button-bottom));padding:4px 10px;font-size:18px;}
.landing-preview-tags {display:flex;justify-content:flex-end;gap:6px;margin-top:10px;flex-wrap:wrap;}
.landing-preview-tags span {padding:3px 8px;border-radius:20px;border:1px solid var(--border-bright);font-size:10px;}
.landing-preview-note {font-size:10px;color:var(--text-dim);margin-top:12px;text-align:center;}
body.landing-page .landing-section {padding:40px 0;border-color:var(--border);}
.landing-section-heading {margin-bottom:24px;}
.landing-section-heading h2,.landing-start h2 {font-size:clamp(22px,3vw,30px);line-height:1.5;font-weight:700;margin:8px 0;}
.landing-section-heading p,.landing-start p {color:var(--text-dim);font-size:14px;line-height:1.9;}
.landing-feature-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
body.landing-page :is(.bento-card,.step-card,.testimonial-card,.why-card) {border:1px solid var(--border);border-radius:16px;min-width:0;box-shadow:inset 0 1px 0 #ffffff16!important;}
body.landing-page .bento-card {grid-column:auto;padding:24px 20px;display:flex;flex-direction:column;}
.landing-feature-grid h3,.steps-grid h3 {font-size:17px;font-weight:500;line-height:1.7;margin:16px 0 8px;}
.landing-feature-grid p,.steps-grid p {font-size:14px;line-height:1.95;color:var(--text-dim);}
.landing-feature-foot {margin-top:auto;padding-top:22px;color:var(--ui-blue);font-size:11px;}
.landing-feature-grid article:nth-child(3) .landing-feature-icon {color:var(--ui-gold);border-color:var(--ui-gold-wash);background:var(--ui-gold-wash);}
.landing-feature-grid article:nth-child(4) .landing-feature-icon {color:var(--ui-green);border-color:var(--ui-green-wash);background:var(--ui-green-wash);}
body.landing-page .steps-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;border-radius:0;background:transparent;overflow:visible;}
body.landing-page .step-card {padding:24px;}
.landing-step-number {color:var(--ui-blue);font-family:var(--mono);font-size:14px;}
.landing-reviews-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.landing-loading {color:var(--text-dim);font-size:13px;}
.landing-start {padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 40px;}
body.landing-page .why-section {max-width:none;}
.why-orbit {position:relative;height:570px;isolation:isolate;margin:12px 0 28px;color:#f4f3ef;background:#080808;border-radius:24px;overflow:hidden;}
.why-orbit-center {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;}
.why-orbit-eyebrow {color:#999;font-size:14px;margin-bottom:18px;}
body.landing-page .why-orbit h1 {font-size:clamp(40px,6.5vw,84px);line-height:1.25;color:#f4f3ef;margin:0;font-weight:500;letter-spacing:0;}
.why-orbit h1 strong {font-weight:900;}
.why-orbit-center p {font-size:15px;color:#aaa;margin:20px 0 0;}
.why-orbit-ring {position:absolute;left:50%;top:50%;width:var(--orbit-width,80%);height:var(--orbit-height,85%);border:1px solid #ffffff14;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;}
.why-orbit-ring-inner {transform:translate(-50%,-50%) scale(.92,.83);border-color:#ffffff0b;}
.why-orbit-items {list-style:none;margin:0;padding:0;position:absolute;inset:0;direction:ltr;}
.why-orbit-items li {position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid #ffffff20;border-radius:13px;background:#181818;color:#f4f3ef;font-size:14px;line-height:1.5;white-space:nowrap;direction:rtl;box-shadow:inset 0 1px 0 #ffffff08;will-change:transform;}
.why-orbit-items li span {color:#aaa;font-size:13px;}
.why-orbit:not(.orbit-ready) .why-orbit-items {display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:8px;padding:18px;}
.why-orbit:not(.orbit-ready) .why-orbit-items li {position:static;}
.why-orbit-description {max-width:680px;margin:0 auto 36px;text-align:center;color:var(--text-dim);line-height:1.9;font-size:16px;}
html[data-theme="light"] .why-orbit {background:transparent;color:#111;border:0;}
html[data-theme="light"] body.landing-page .why-orbit h1 {color:#111;}
html[data-theme="light"] .why-orbit-eyebrow,html[data-theme="light"] .why-orbit-center p {color:#4b4b4b;}
html[data-theme="light"] .why-orbit-ring {border-color:#00000020;}
html[data-theme="light"] .why-orbit-ring-inner {border-color:#00000010;}
html[data-theme="light"] .why-orbit-items li {background:#151515;border-color:#333;color:#f4f4f4;box-shadow:none;}
@media(max-width:700px) {
  .why-orbit {height:530px;border-radius:18px;margin-top:12px;margin-inline:-16px;width:calc(100% + 32px);}
  .why-orbit-items li {width:94px;min-height:50px;padding:8px 6px;white-space:normal;text-align:center;font-size:12px;gap:4px;box-sizing:border-box;}
  .why-orbit-items li span {display:none;}
  .why-orbit-center {left:106px;right:106px;}
  body.landing-page .why-orbit h1 {font-size:clamp(22px,6vw,36px);line-height:1.5;}
  .why-orbit-eyebrow {font-size:10px;margin-bottom:12px;white-space:nowrap;}
  .why-orbit-center p {display:none;}
  .why-orbit-description {font-size:14px;margin-bottom:24px;}
}
@media(max-width:360px) {.why-orbit-center {left:100px;right:100px;}}
@media(prefers-reduced-motion:reduce) {.why-orbit-items li {will-change:auto;}}
@media(max-width:1000px) {
  body.landing-page .floating-navbar {flex-wrap:wrap;gap:12px;}
  body.landing-page .floating-navbar > nav {order:3;width:100%;justify-content:center;}
  body.landing-page .floating-navbar > .nav-actions {margin-right:auto;}
  body.landing-page .landing-hero {gap:28px;}
  .landing-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px) {
  body.landing-page .container {width:calc(100% - 32px);}
  body.landing-page .brand-subtitle {display:none;}
  body.landing-page .floating-navbar {gap:8px;min-height:0;}
  body.landing-page .floating-navbar > .nav-actions {gap:6px;}
  body.landing-page .floating-navbar > .nav-actions .btn {padding:7px 10px;font-size:11px;}
  body.landing-page .floating-navbar > nav {gap:4px;}
  body.landing-page .nav-page-btn {padding:7px 10px;font-size:12px;}
  body.landing-page .landing-page-view {padding:12px 0;}
  body.landing-page .landing-hero {grid-template-columns:1fr;gap:32px;padding:28px 0 36px;}
  .landing-preview {padding:18px;}
  body.landing-page .landing-subtext {font-size:14px;}
  .landing-highlights {gap:10px;font-size:11px;}
  body.landing-page .landing-section {padding:28px 0;}
  body.landing-page .steps-grid,.landing-feature-grid {grid-template-columns:1fr;gap:12px;}
  body.landing-page .testimonials-grid {grid-template-columns:1fr;}
  .landing-reviews-heading,.landing-start {align-items:stretch;flex-direction:column;}
  .landing-start {padding:24px;}
  .landing-reviews-heading {margin-bottom:20px;}
}

/* The landing page follows the same black and charcoal surfaces. */
body.landing-page .floating-navbar {align-items:center;}
body.landing-page .floating-navbar .nav-actions {align-items:center;gap:8px;}
body.landing-page .floating-navbar .btn {height:36px;min-height:36px;padding:8px 12px;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
body.landing-page .floating-navbar [data-theme-switch] {height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
body.landing-page .floating-navbar .theme {font-size:10px;line-height:1;}
@media(max-width:700px) {
  body.landing-page .floating-navbar .btn {height:34px;min-height:34px;padding:7px 10px;font-size:11px;}
  body.landing-page .floating-navbar [data-theme-switch] {height:34px;}
  body.landing-page .floating-navbar .theme {font-size:9px;}
  body.landing-page .floating-navbar > nav {gap:2px;}
}
html:not([data-theme="light"]) .landing-page :is(.landing-preview,.landing-start,.landing-preview-composer) {background:var(--surface);box-shadow:none;border-color:var(--border-bright);}
html:not([data-theme="light"]) .landing-page .landing-hero h1 span {color:var(--text);}
html:not([data-theme="light"]) .landing-page :is(.bento-card,.step-card,.testimonial-card,.why-card) {box-shadow:none!important;}
html:not([data-theme="light"]) .landing-page .landing-feature-icon {color:var(--text-dim);background:var(--surface3);border-color:var(--border-bright);}
html:not([data-theme="light"]) .landing-page .landing-preview-send {box-shadow:none;background:var(--surface3);}
html:not([data-theme="light"]) .landing-page .landing-example-progress span {color:var(--text-dim);background:var(--surface);border-color:var(--border-bright);}
.landing-page .landing-preview {
  --surface:#101010; --surface2:#101010; --surface3:#1c1c1c;
  --text:#f5f2ec; --text-dim:#b5b3ae; --text-muted:#a4a29e;
  --border:#303030; --border-hi:#454545; --border-bright:#383838;
  --ui-blue:#dedbd4; --ui-blue-wash:#ffffff08; --ui-blue-edge:#424242;
  --ui-green:#b5b3ae; --ui-green-wash:#ffffff0c;
}
body.landing-page .landing-preview {color:var(--text);background:#080808!important;border-color:#303030;box-shadow:none;}
body.landing-page .landing-preview .landing-preview-composer {background:#101010!important;color:var(--text-dim);box-shadow:none;}
body.landing-page .landing-preview .landing-preview-send {background:#232323;color:var(--text);box-shadow:none;}

/* Landing cards retain the same readable dark palette in either theme. */
body.landing-page :is(.bento-card,.step-card,.testimonial-card,.why-card,.landing-start) {
  --surface:#101010; --surface2:#101010; --surface3:#1c1c1c;
  --text:#f5f2ec; --text-dim:#b5b3ae; --text-muted:#a4a29e;
  --border:#303030; --border-hi:#454545; --border-bright:#383838;
  --ui-blue:#dedbd4; --ui-blue-wash:#ffffff08; --ui-blue-edge:#424242;
  --ui-green:#83d5b7; --ui-green-wash:#67c9a419;
  --ui-button-top:#262626; --ui-button-bottom:#202020;
  --ui-action-top:#494949; --ui-action-bottom:#494949;
  color:var(--text);background:#080808!important;border-color:#303030!important;box-shadow:none!important;
}

/* Dark actions and navigation match the cards against the quieter page palette. */
body.landing-page :is(.landing-actions > .btn,.landing-pill-badge,.floating-navbar .btn) {
  background:#080808!important;color:#f5f2ec!important;border:1px solid #383838!important;box-shadow:none!important;
}
body.landing-page .floating-navbar .nav-page-btn.active {background:#272727!important;border-color:#777!important;color:#fff!important;}
@media(hover:hover) {
  body.landing-page :is(.landing-actions > .btn,.floating-navbar .btn):hover {background:#252525!important;border-color:#777!important;}
}
body.landing-page :is(.landing-actions > .btn,.floating-navbar .btn):focus-visible {outline:2px solid var(--text);outline-offset:3px;}

/* Shared spacing/type scale for the landing page. */
@media(min-width:861px) {
  body.landing-page .floating-navbar {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;}
  body.landing-page .floating-navbar > nav {order:initial;width:auto;justify-content:center;gap:6px;}
  body.landing-page .floating-navbar > .nav-actions {margin-right:0;}
}
body.landing-page {--landing-radius:16px;--landing-control-radius:10px;--landing-gap:24px;}
body.landing-page .floating-navbar .btn {border-radius:var(--landing-control-radius);}
body.landing-page :is(.bento-card,.step-card,.testimonial-card,.why-card,.landing-start,.landing-preview) {border-radius:var(--landing-radius);padding:var(--landing-gap);}
body.landing-page :is(.landing-actions > .btn,.landing-preview-composer,.landing-example-user,.landing-example-reply) {border-radius:var(--landing-control-radius);}
body.landing-page :is(.landing-feature-grid,.steps-grid,.testimonials-grid) {gap:var(--landing-gap);}
body.landing-page :is(.bento-card h3,.step-card h3,.why-card h3) {font-size:20px;line-height:1.5;margin-bottom:12px;}
body.landing-page :is(.bento-card p,.step-card p,.why-card p) {font-size:14px;line-height:1.9;}
body.landing-page :is(.landing-feature-foot,.landing-highlights,.landing-example-label) {font-size:12px;}
body.landing-page :is(.btn,.bento-card,.step-card,.testimonial-card,.why-card) {transition:background-color .18s ease,border-color .18s ease,transform .18s ease;}
body.landing-page .landing-page-view {animation:landing-view-enter .22s ease-out;}
body.landing-page .btn:active {transform:scale(.98);}
@keyframes landing-view-enter {from {opacity:0;transform:translateY(6px);}to {opacity:1;transform:translateY(0);}}
@media(hover:hover) {
  body.landing-page :is(.bento-card,.step-card,.testimonial-card,.why-card):hover {transform:translateY(-2px);}
}
@media(max-width:700px) {body.landing-page {--landing-gap:20px;}body.landing-page .floating-navbar {gap:8px;}}
@media(prefers-reduced-motion:reduce) {
  body.landing-page .landing-page-view {animation:none;}
  body.landing-page :is(.btn,.bento-card,.step-card,.testimonial-card,.why-card) {transition:none;}
  body.landing-page :is(.btn,.bento-card,.step-card,.testimonial-card,.why-card):is(:hover,:active) {transform:none!important;}
}

.landing-marquee {display:flex;align-items:center;gap:12px;overflow:hidden;border-top:1px solid #303030;background:#080808;color:#f5f2ec;border-radius:0;margin:0;padding:8px 12px;width:100%;box-sizing:border-box;}
.landing-marquee-window {flex:1;min-width:0;overflow:hidden;direction:ltr;}
.landing-marquee-track {display:flex;width:max-content;direction:ltr;animation:landing-marquee-scroll 55s linear infinite;}
.landing-marquee-group {display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:28px;min-width:100vw;padding-inline:14px;box-sizing:border-box;}
.landing-marquee-group span {direction:rtl;white-space:nowrap;font-family:var(--sans);font-size:13px;line-height:20px;font-weight:400;}
.landing-marquee-group span:nth-child(even) {font-size:10px;color:#888;}
.landing-marquee:focus-visible {outline:2px solid var(--text);outline-offset:4px;}
@keyframes landing-marquee-scroll {to {transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce) {
  .landing-marquee-track {animation-duration:85s;}
}

body.landing-page .floating-navbar .mobile-nav-toggle {display:none!important;}
/* Mobile keeps the desktop identity, with touch-sized controls and contained navigation. */
@media(max-width:700px) {
  body.landing-page .floating-navbar {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;}
  body.landing-page .floating-navbar > .nav-brand {min-width:0;gap:6px;}
  body.landing-page .floating-navbar .brand-title {font-size:14px;}
  body.landing-page .floating-navbar > .nav-actions {margin-right:0;gap:6px;}
  body.landing-page .floating-navbar > .nav-actions .btn {height:44px;min-height:44px;padding:8px;font-size:11px;}
  body.landing-page .floating-navbar [data-theme-switch] {height:44px;min-width:48px;}
  body.landing-page .floating-navbar .theme {font-size:8px;}
  body.landing-page .floating-navbar .mobile-nav-toggle {display:inline-flex!important;width:44px;align-items:center;justify-content:center;}
  body.landing-page .mobile-nav-toggle svg {width:20px;height:20px;}
  body.landing-page #openRegisterModalBtn {display:none;}
  body.landing-page .floating-navbar > nav {display:none;position:absolute;top:calc(100% + 8px);inset-inline:0;width:auto;z-index:20;padding:8px;background:#101010;border:1px solid #383838;border-radius:12px;box-shadow:0 12px 30px #0003;}
  body.landing-page .floating-navbar.mobile-menu-open > nav {display:grid;grid-template-columns:1fr;gap:4px;animation:landing-view-enter .18s ease-out;}
  body.landing-page .floating-navbar > nav::-webkit-scrollbar {display:none;}
  body.landing-page .floating-navbar > nav .btn {height:44px;min-height:44px;padding:7px 12px;width:100%;justify-content:flex-start;border-color:transparent!important;background:transparent!important;}
  body.landing-page .landing-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  body.landing-page .landing-actions > .btn {min-width:0;min-height:46px;width:100%;padding:10px;font-size:12px;justify-content:center;}
  body.landing-page .landing-actions > .btn svg {width:16px;flex-shrink:0;}
  body.landing-page .landing-hero h1 {font-size:clamp(34px,9vw,48px);}
  body.landing-page .landing-highlights {line-height:1.8;gap:8px 12px;}
  body.landing-page .landing-start .btn {width:100%;min-height:46px;}
  body.landing-page .modal-card {max-height:calc(100dvh - 32px);overflow-y:auto;}
}
@media(max-width:360px) {
  body.landing-page .floating-navbar > nav {justify-content:flex-start;}
  body.landing-page .floating-navbar .site-logo-symbol {width:40px;flex-basis:40px;}
}