.mobile-product-preview { display:none; }
/* Mobile presentation: one reading column, quieter previews, reachable controls. */
@media(max-width:767px) {
  html body #app .mobile-reading-panel { margin-block-start:28px!important; }
  html body #app .mobile-reading-panel + .mobile-reading-panel { margin-block-start:20px!important; }
  html body #app .why-v2-grid article:nth-child(n) { min-height:0!important; height:auto!important; padding-block:24px!important; }
  html body #app :is(.story-hero-proof,.c9-trust,.cv-trust) { display:none!important; }
  html body #app .product-story-copy .hero-actions { margin-top:24px!important; }
  html body #app .product-story-copy>.eyebrow { padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; font-size:11px!important; line-height:1.5!important; }
  html body #app .product-story-copy h1 { margin-top:20px!important; }
  html body #app .sf3-invite { display:none!important; }
  html body #app .sf3-rule { margin-block:24px!important; }
  html body #app .sf3-middle { gap:24px!important; }
  html body.mobile-legal-page #app .hero-explorer { display:none!important; }
  html body.mobile-legal-page #app .hero { min-height:0!important; padding:36px 20px!important; }
  html body #app .mobile-reading-section { min-height:0!important; height:auto!important; padding-block:48px!important; }
  html body #app .mobile-reading-section>div { min-height:0!important; }
  html body #app .mobile-original-preview { display:none!important; }
  html body #app .mobile-product-preview { display:flex!important; align-items:center; justify-content:center; width:100%; min-width:0; margin:24px 0 0; padding:18px; border:1px solid #d5e5d9; border-radius:16px; background:#f0f6f0; }
  html body #app .mobile-product-preview img { display:block; width:auto!important; max-width:100%!important; height:auto!important; max-height:270px!important; object-fit:contain!important; border-radius:6px; }
  html body #app main h1 { font-size:34px!important; line-height:1.16!important; letter-spacing:-.035em!important; white-space:normal!important; }
  html body #app main h2 { font-size:28px!important; line-height:1.25!important; letter-spacing:-.025em!important; }
  html[lang="ar"] body #app main :is(h1,h2) { letter-spacing:0!important; line-height:1.5!important; }
  html body #app :is(.product-story-copy,.story-block-head,.mi-head,.sx-section-head,.ai-journey-head,.c9-case-head,.cv-head,.ep-heading,.fr-heading,.lb-heading,.sv-section-head,.sec2-heading,.sec17-heading,.why-heading) { width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; transform:none!important; }
  html body #app :is(.product-story-copy,.story-block-head,.mi-head,.sx-section-head,.ai-journey-head,.c9-case-head,.cv-head,.ep-heading,.fr-heading,.lb-heading,.sv-section-head,.sec2-heading,.sec17-heading,.why-heading)>p { font-size:16px!important; line-height:1.65!important; margin-top:16px!important; }
  html body #app :is(.product-story-hero,.sx-hero,.c9-hero,.cv-hero,.ep-hero,.fr-hero,.lb-hero,.sv-app-hero,.why-hero,.sec2-hero,.blog-hero) { padding-block:36px!important; min-height:0!important; }
  html body #app :is(.hero-centered,.sx-hero-grid,.c9-hero-grid,.cv-hero-grid,.ep-hero-grid,.fr-hero-layout,.lb-hero-grid,.sv-app-hero-grid) { grid-template-columns:minmax(0,1fr)!important; min-height:0!important; gap:0!important; }
  html body #app :is(.sx-shell,.c9-shell,.cv-shell,.ep-shell,.fr-shell,.lb-shell,.sv-shell,.sec2-shell,.why-shell,.blog-shell,.av-shell,.ai-journey-shell) { width:calc(100% - 40px)!important; max-width:640px!important; margin-inline:auto!important; }
  html body #app :is(.sx-hero-copy,.c9-hero-copy,.cv-hero-copy,.ep-hero-copy,.fr-hero-copy,.lb-hero-copy,.sv-app-hero-copy,.why-hero-copy) { padding:0!important; transform:none!important; }
  html body #app :is(.sx-hero-copy,.c9-hero-copy,.cv-hero-copy,.ep-hero-copy,.fr-hero-copy,.lb-hero-copy,.sv-app-hero-copy,.why-hero-copy)>p { font-size:16px!important; line-height:1.65!important; margin-block:18px!important; }
  html body #app :is(.story-hero-sticker,.sx-hero-sticker,.c9-hero-type,.c9-grain,.c9-index,.cv-orb,.ep-grid-lines,.fr-hero-grid,.lb-hero-gridlines,.blog-signal,.c9-close-phone,.c9-product-watermark) { display:none!important; }
  html body #app :is(.product-story-hero,.sx-hero,.c9-hero,.cv-hero,.ep-hero,.fr-hero,.lb-hero,.sv-app-hero) :is(.hero-actions,.sx-actions,.c9-actions,.cv-actions,.ep-actions,.fr-actions,.lb-actions,.sv-actions) { display:flex!important; flex-wrap:wrap; gap:10px; margin-block:24px 0!important; }
  html body #app :is(.story-objection-grid,.sx-objection-grid,.story-objection-list) { grid-template-columns:1fr!important; gap:0!important; }
  html body #app :is(.story-objection-grid,.sx-objection-grid,.story-objection-list)>article { min-height:0!important; padding:22px 0!important; border:0!important; border-bottom:1px solid currentColor!important; background:transparent!important; box-shadow:none!important; }
  html body #app :is(.why-proof-grid,.why-deployment-list) { grid-template-columns:1fr!important; grid-auto-rows:auto!important; gap:0!important; }
  html body #app .why-proof-grid>article { min-height:0!important; height:auto!important; padding:24px 20px!important; border-radius:12px!important; margin-bottom:12px; }
  html body #app .why-proof-grid>.why-proof-card { display:block!important; grid-template-rows:none!important; }
  html body #app .why-proof-card-title { min-height:0!important; padding:0!important; }
  html body #app .why-proof-grid>article h3 { font-size:22px!important; line-height:1.35!important; }
  html body #app .about-v5 .av-hero { padding-block:36px!important; min-height:0!important; gap:24px!important; }
  html body #app .about-v5 .av-art { display:none!important; }
  html body #app .about-v5 .av-lead { font-size:16px!important; line-height:1.65!important; }
  html body #app .about-v5 :is(.av-work,.av-proof,.av-places,.av-origin,.av-principle) { padding-block:48px!important; }
  html body #app .about-v5 .av-work-grid { display:block!important; }
  html body #app .about-v5 .av-work-note { padding:0 0 20px!important; min-height:0!important; }
  html body #app .about-v5 .av-cities { gap:16px!important; }
  html body #app .about-v5 .av-city { min-height:0!important; padding:22px!important; }
  html body #app .blog-hero-grid { display:block!important; }
  html body #app .blog-feature-card { box-shadow:none!important; }
  html body #app .blog-grid { grid-template-columns:1fr!important; gap:24px!important; }
  html body #app .blog-grid article { min-height:0!important; }
  html body #app .blog-grid img { max-height:180px!important; object-fit:cover; }
  html body #app :is(.cu-hero,.dm-hero) { padding-block:36px!important; }
  html body #app .cu-clocks { display:none!important; }
  html body #app :is(.cu-office,.dm-prep-cards>article,.dm-steps>article) { min-height:0!important; padding:22px!important; }
  html body #app :is(.cu-form,.dm-form) { padding:24px 20px!important; border-radius:16px!important; box-shadow:none!important; }
  html body #app :is(.cu-fields,.dm-fields) { gap:18px!important; }
  html body #app :is(.cu-form,.dm-form) :is(input,select,textarea) { font-size:16px!important; min-height:48px; }
  html body #app :is(.sf3-top,.sf3-main) { gap:24px!important; }
  html body #app .sf3-trust { display:none!important; }
  html body #app .sf3-brand p { font-size:15px!important; line-height:1.65!important; }
}
.mobile-hero-eyebrow,.home-page .taw-static-copy>.mobile-hero-lead { display:none; }
@media (max-width:1080px) {
  html body .site-header { position:sticky!important; top:0; background:#fbfcf8!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; transition:none!important; }
  html body .nav-shell { height:68px!important; }
  html body .nav-actions { display:none!important; }
  html body .nav-links { display:none!important; position:fixed!important; inset:68px 0 0!important; height:calc(100dvh - 68px)!important; background:#fbfcf8!important; overflow:auto!important; overscroll-behavior:contain; transform:none!important; transition:none!important; }
  html body.menu-open .nav-links { display:flex!important; flex-direction:column!important; align-items:stretch!important; padding:12px 24px 32px!important; gap:0!important; }
  html body .nav-links>a,html body .nav-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:58px; padding:16px 0!important; font-size:19px!important; text-align:start!important; border-bottom:1px solid #dce5dc; }
  html body .nav-group { width:100%; }
  html body .nav-group .mega { display:none!important; position:static!important; width:100%!important; margin:0!important; padding:8px 0 16px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; transform:none!important; transition:none!important; opacity:1!important; visibility:visible!important; }
  html body .nav-group.open .mega { display:block!important; }
  html body .mega-intro,html body .mega-links small,html body .discover-links small { display:none!important; }
  html body .mega-links { display:grid!important; grid-template-columns:1fr!important; gap:0!important; }
  html body .mega-links a { min-height:46px; padding:12px 16px!important; border-radius:6px; }
  html body .mega-links span { font-size:16px!important; font-weight:500; }
  html body .discover-links>a { min-height:52px; }
  html body .nav-trigger span { transition:none; }
  html body .nav-group.open>.nav-trigger span { transform:rotate(180deg); }
  html body .menu-button { touch-action:manipulation; }
}
@media (max-width: 767px) {
  html body.home-page .taw-static-hero { padding:32px 20px 40px!important; background:#f4f8f2!important; }
  html body.home-page .taw-static-hero:before { display:none; }
  html body.home-page .taw-static-copy:has(.mobile-hero-lead)>.taw-static-eyebrow,
  html body.home-page .taw-static-copy:has(.mobile-hero-lead)>p:not(.mobile-hero-lead) { display:none!important; }
  html body.home-page .taw-static-copy>.mobile-hero-eyebrow { display:block; margin:0 0 20px; font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.06em; color:#227249; }
  html body.home-page .taw-static-copy>.mobile-hero-lead { display:block; margin:20px 0 0!important; font-size:16px!important; line-height:1.65!important; }
  html body.home-page .taw-static-trust .sovereignty-owner { display:none!important; }
  html body.home-page .taw-static-trust { margin-top:12px!important; }
  html body.home-page .home-device-bar { display:none!important; }
  html body.home-page .why-v2-grid { grid-auto-rows:auto!important; align-items:start!important; }
  body .section-shell { width:calc(100% - 40px)!important; max-width:640px!important; margin-inline:auto!important; }
  body :is(.product-story-hero,.product-story-block,.story-objections,.story-faq,.story-closing) { padding-block:56px!important; }
  body :is(.product-story-copy,.story-block-head) { min-width:0; }
  body :is(.product-story-copy h1,.story-block-head h2) { line-height:1.2!important; text-wrap:pretty!important; }
  body :is(.product-story-copy>p,.story-block-head>p) { font-size:16px!important; line-height:1.7!important; }
  body .button { min-height:48px; white-space:normal; text-align:center; }
  body .discover-links small { display:none; }
  body .discover-links>a { min-height:56px; }
  body footer { padding-inline:20px; }
  body .footer-top { gap:24px; }
  body .footer-grid { gap:28px 20px; }
  body .footer-word { font-size:clamp(64px,18vw,130px); }

  .home-page .taw-static-hero { padding:40px 20px 48px; min-height:0; background:#f3f8f1; }
  .home-page .taw-static-shell { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; min-height:0; }
  .home-page .taw-static-eyebrow { font-size:10px; line-height:1.6; letter-spacing:.08em; max-width:32ch; margin-bottom:20px; text-wrap:pretty; }
  .home-page .taw-static-copy h1#taw-home-title { font-size:clamp(29px,7.8vw,44px)!important; line-height:1.16!important; letter-spacing:-.04em; white-space:normal!important; }
  .home-page .taw-static-copy h1#taw-home-title :is(span,em) { white-space:normal!important; }
  html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title { letter-spacing:0; line-height:1.45!important; }
  .home-page .taw-static-copy>p { font-size:16px; line-height:1.7; margin-top:22px; }
  .home-page .taw-static-actions { display:flex; flex-direction:column; gap:8px; margin-top:24px; }
  .home-page .taw-static-actions .button { width:100%; min-height:50px; font-size:15px; }
  .home-page .taw-static-actions .button-ghost { background:transparent; border-color:transparent; box-shadow:none; }
  .home-page .taw-static-trust { margin-top:20px; gap:10px; }
  .home-page .taw-static-trust .sovereignty-badge { background:transparent; color:#234c38; border:0; box-shadow:none; padding:0; font-size:12px; }
  .home-page .sovereignty-badge svg { color:#087646; width:20px; }
  .home-page .sovereignty-owner { display:none; }
  .home-page .home-product-stage { display:flex; flex-direction:column; gap:16px; min-height:0!important; padding:16px; border:1px solid #d6e4d8; border-radius:18px; background:white; }
  .home-page .home-product-stage:before,.home-page .home-product-orbit,.home-page .home-phone-device,.home-page .home-reach-signal { display:none!important; }
  .home-page .home-product-tabs { position:static!important; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; width:100%; padding:0; }
  .home-page .home-product-tabs button { min-width:0; padding:10px 4px; min-height:44px; font-size:12px; justify-content:center; }
  .home-page .home-product-tabs button>span { display:none; }
  .home-page .home-dashboard-device { position:static!important; width:100%!important; transform:none!important; border-radius:8px; box-shadow:none; }
  .home-page .home-dashboard-device>img { width:100%; height:auto; max-height:none; transform:none!important; }
  .home-page .home-product-caption { position:static!important; width:100%!important; padding:0!important; border:0; background:transparent; box-shadow:none; transform:none!important; }
  .home-page .home-product-caption strong { font-size:17px; line-height:1.4; }
  .home-page .home-product-caption p { font-size:14px; line-height:1.6; }
  .home-page .proof-highlights .proof-track>div { padding:20px 14px; }
  .home-page .proof-highlights .proof-track strong { font-size:16px; }
  .home-page .proof-highlights .proof-track span { font-size:13px; line-height:1.5; }
  .home-page :is(.home-problem,.why-v2,.dashboard-v3,.home-app-showcase,.metric-lab,.home-security,.home-company,.faq-section,.closing) { padding-block:56px!important; }
  .home-page main section h2 { font-size:30px!important; line-height:1.2!important; letter-spacing:-.025em; text-wrap:pretty!important; }
  html[lang="ar"] .home-page main section h2 { letter-spacing:0; line-height:1.5!important; }
  .home-page :is(.home-section-intro,.why-v2-intro,.dashboard-v3-head,.app-intro-v2) { gap:18px!important; margin-bottom:28px; }
  .home-page :is(.home-section-intro,.why-v2-intro,.dashboard-v3-head,.app-intro-v2,.security-message,.company-band-copy) p { font-size:16px!important; line-height:1.7!important; }
  .home-page .why-v2-grid { gap:0; }
  .home-page .why-v2-grid article:nth-child(n) { min-height:0; padding:24px 0; border:0; border-bottom:1px solid #cdded1; border-radius:0; box-shadow:none; background:transparent; color:#123e2c; transform:none; }
  .home-page .why-v2-grid article:nth-child(n) :is(h3,p) { color:#123e2c; }
  .home-page .why-v2-grid h3 { font-size:21px; line-height:1.35; }
  .home-page .why-v2-grid p { font-size:16px; line-height:1.65; }
  .home-page .why-v2-grid article:before,.home-page .why-v2-grid article:after { display:none; }
  .home-page .dashboard-v3-console { padding:0; border:0; background:transparent; box-shadow:none; }
  .home-page .dashboard-v3-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; overflow:visible; padding:0; margin-bottom:20px; }
  .home-page .dashboard-v3-tabs button { width:100%; min-width:0; min-height:48px; padding:10px; flex-direction:row; justify-content:flex-start; }
  .home-page .dashboard-v3-detail { padding:20px; }
  .home-page .app-canvas { display:flex; flex-direction:column; gap:24px; padding:0; border:0; background:transparent; box-shadow:none; }
  .home-page .app-dock { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:0; border:0; background:transparent; }
  .home-page .app-dock button,.home-page .app-dock button.active { display:flex; min-width:0; min-height:48px; padding:12px; gap:6px; }
  .home-page .app-dock button :is(small,i),.home-page .app-dock button>span { display:none!important; }
  .home-page .app-dock button b { font-size:14px; }
  .home-page .app-phone-stage { min-height:0; padding:24px; background:#e4f1e5; }
  .home-page .app-phone { width:190px; }
  .home-page :is(.app-orbit,.app-notification) { display:none; }
  .home-page .app-detail { padding:0; border:0; background:transparent; }
  .home-page .app-detail h3 { font-size:27px; line-height:1.25; }
  .home-page .app-detail>p { font-size:16px; line-height:1.7; }
  .home-page .security-board { padding:0; gap:30px; border:0; box-shadow:none; background:transparent; }
  .home-page .security-controls { gap:0; }
  .home-page .security-controls article { padding:20px 0; border:0; border-bottom:1px solid #cdded1; background:transparent; }
  .home-page .security-controls article p { font-size:15px; line-height:1.65; }
  .home-page .company-band { padding:24px; border-radius:18px; }
  .home-page .company-band-stats { gap:20px; }
  .home-page .company-band-stats article { padding:16px 0; }
  .home-page .faq-item>button { padding-block:20px; font-size:17px; line-height:1.5; }
  .home-page .closing-orbit { display:none; }
  .home-page .closing .hero-actions { display:flex; flex-direction:column; }
}