body { background:#f7fafc; }
    .landing-shell { min-height:100vh; color:var(--text); }
    .landing-nav { position:sticky; top:0; z-index:50; height:68px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 6vw; background:rgba(255,255,255,.9); border-bottom:1px solid rgba(15,23,42,.08); backdrop-filter:blur(18px); }
    .landing-brand { font-family:var(--font-brand); font-size:28px; font-weight:900; color:#0f172a; display:flex; align-items:center; gap:8px; white-space:nowrap; letter-spacing:-.04em; }
    .landing-brand-mark { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; color:#fff; background:linear-gradient(135deg,#4f6cff,#11a8f5); box-shadow:0 12px 24px rgba(47,134,255,.24); font-size:18px; }
    .landing-brand .brand-ff { color:#2f86ff; }
    .landing-brand .dz-badge { font-family:var(--font-sans); font-size:11px; font-weight:800; background:var(--red-dz); color:#fff; padding:2px 7px; border-radius:5px; letter-spacing:1px; }
    .landing-nav-links { display:flex; align-items:center; gap:2px; }
    .nav-link { padding:7px 14px; font-size:13px; font-weight:600; color:#475569; text-decoration:none; border-radius:8px; transition:color .15s,background .15s; white-space:nowrap; }
    .nav-link:hover { color:#0b8f86; background:rgba(11,143,134,.06); }
    .landing-nav-actions { display:flex; align-items:center; gap:10px; }

    .landing-hero { background:linear-gradient(135deg,#0b9185 0%,#0a6694 55%,#1a3470 100%); padding:72px 6vw 0; position:relative; overflow:hidden; }
    .landing-hero::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px); background-size:28px 28px; pointer-events:none; z-index:0; }
    .landing-hero::after { content:''; position:absolute; right:-80px; bottom:40px; width:540px; height:540px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 65%); pointer-events:none; z-index:0; }
    .landing-hero > * { position:relative; z-index:1; }
    .hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding-bottom:88px; }
    .hero-text { color:#fff; }
    .hero-kicker { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.12); color:rgba(255,255,255,.92); font-size:11px; font-weight:700; letter-spacing:.04em; margin-bottom:20px; }
    .hero-kicker-dot { width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.2); animation:pulseKicker 2s ease-in-out infinite; flex-shrink:0; }
    @keyframes pulseKicker { 0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.2)} 50%{box-shadow:0 0 0 7px rgba(255,255,255,.06)} }
    .hero-title { font-family:var(--font-sans); font-size:clamp(30px,3.2vw,50px); font-weight:800; line-height:1.1; color:#fff; letter-spacing:-1.5px; margin:0 0 18px; }
    .hero-title .accent { background:linear-gradient(90deg,#9de8d8,#7dd3fc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-shadow:none; }
    .hero-tagline { font-size:16px; color:rgba(255,255,255,.75); line-height:1.72; max-width:480px; margin:0 0 26px; }
    .hero-support-copy { font-size:14px; color:rgba(255,255,255,.6); line-height:1.65; max-width:480px; margin:-12px 0 22px; }
    .landing-hidden { display:none; }
    .hero-actions { display:flex; flex-direction:column; gap:10px; margin-bottom:22px; max-width:320px; }
    .btn-hero-primary { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:13px 22px; border-radius:12px; background:#fff; color:#0b7a72; font-size:14px; font-weight:800; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,.2); transition:transform .18s,box-shadow .18s; }
    .btn-hero-primary:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,.3); }
    .btn-hero-ghost { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:13px 22px; border-radius:12px; border:1.5px solid rgba(255,255,255,.38); color:rgba(255,255,255,.92); font-size:14px; font-weight:700; text-decoration:none; transition:border-color .18s,background .18s; }
    .btn-hero-ghost:hover { border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.1); }
    .hero-trust { display:flex; gap:14px; flex-wrap:wrap; color:rgba(255,255,255,.6); font-size:11px; font-weight:600; }
    .hero-trust-item { display:flex; align-items:center; gap:5px; }
    .hero-trust-dot { width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.45); flex-shrink:0; }
    .hero-devices { position:relative; height:420px; }
    .mock-desktop-wrap { position:absolute; left:0; top:0; width:calc(100% - 46px); border-radius:14px 14px 0 0; background:#1e293b; box-shadow:0 32px 80px rgba(0,0,0,.42); overflow:hidden; }
    .mock-desktop-bar { height:32px; background:#1e293b; border-bottom:1px solid rgba(255,255,255,.06); display:flex; align-items:center; gap:6px; padding:0 12px; }
    .mock-desktop-bar .mock-dot { width:8px; height:8px; }
    .mock-browser-url { flex:1; height:15px; display:flex; align-items:center; margin:0 10px; padding:0 8px; border-radius:4px; background:rgba(255,255,255,.07); }
    .mock-browser-url span { color:rgba(255,255,255,.32); font-size:8.5px; font-weight:500; }
    .mock-app-nav { height:42px; display:flex; align-items:center; gap:10px; padding:0 14px; background:#fff; border-bottom:1px solid rgba(0,0,0,.08); box-shadow:0 1px 4px rgba(0,0,0,.06); }
    .mock-app-brand { display:flex; align-items:center; gap:5px; color:#0f172a; font-family:var(--font-brand); font-size:16px; font-weight:900; white-space:nowrap; letter-spacing:-.04em; }
    .mock-app-brand-mark { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; background:linear-gradient(135deg,#4f6cff,#11a8f5); color:#fff; font-size:11px; }
    .mock-app-brand .brand-ff { color:#2f86ff; }
    .mock-app-brand-badge { padding:1px 5px; border-radius:3px; background:#ef4444; color:#fff; font-family:var(--font-sans); font-size:8px; font-weight:800; letter-spacing:.8px; }
    .mock-app-search { width:160px; flex-shrink:0; height:26px; display:flex; align-items:center; gap:5px; padding:0 10px; border:1px solid rgba(0,0,0,.08); border-radius:24px; background:#FAFAF8; overflow:hidden; }
    .mock-app-search-icon { color:#9ca3af; font-size:10px; }
    .mock-app-search-text { color:#9ca3af; font-family:var(--font-sans); font-size:8.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .mock-nav-icons { display:flex; align-items:center; gap:2px; flex:1; justify-content:center; }
    .mock-nav-icon { width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:11px; color:#6b7280; cursor:pointer; }
    .mock-nav-icon.active { background:rgba(209,250,229,.82); color:#0b746f; }
    .mock-create-btn { padding:3px 8px; background:#0F6E56; color:#fff; border-radius:6px; font-family:var(--font-sans); font-size:8px; font-weight:700; white-space:nowrap; }
    .mock-feed-title { font-family:var(--font-sans); font-size:9px; font-weight:700; color:#1a1a1a; white-space:nowrap; flex-shrink:0; }
    .mock-filter-chips { display:flex; gap:3px; flex-wrap:wrap; }
    .mock-app-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
    .mock-bell { position:relative; color:#6b7280; font-size:14px; }
    .mock-bell-dot { position:absolute; top:-3px; right:-3px; width:7px; height:7px; border:1.5px solid #fff; border-radius:50%; background:#C0392B; }
    .mock-avatar-grad { display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg,#0F6E56,#1D9E75); color:#fff; font-family:var(--font-sans); font-weight:700; }
    .mock-avatar-nav { width:28px; height:28px; font-size:11px; }
    .mock-desktop-layout { display:grid; grid-template-columns:148px 1fr; height:346px; overflow:hidden; background:#eef2f8; }
    .mock-sidebar { display:flex; flex-direction:column; overflow:hidden; background:#fff; border-right:1px solid rgba(0,0,0,.06); }
    .mock-side-section { font-family:var(--font-sans); font-size:6.5px; font-weight:800; color:#9ca3af; letter-spacing:.08em; text-transform:uppercase; padding:8px 8px 3px; }
    .mock-profile-card { overflow:hidden; flex-shrink:0; background:#fff; border-bottom:1px solid rgba(0,0,0,.06); }
    .mock-profile-cover { height:36px; background:linear-gradient(135deg,#0F6E56,#1D9E75 55%,#EF9F27 100%); }
    .mock-profile-body { padding:0 10px 10px; margin-top:-14px; }
    .mock-profile-avatar { width:26px; height:26px; border:2px solid #fff; font-size:10px; }
    .mock-profile-name { margin-top:4px; color:#1a1a1a; font-family:var(--font-sans); font-size:8.5px; font-weight:700; }
    .mock-profile-spec { color:#0F6E56; font-family:var(--font-sans); font-size:7.5px; font-weight:500; }
    .mock-profile-verified { display:flex; align-items:center; gap:2px; margin-top:2px; color:#0F6E56; font-family:var(--font-sans); font-size:7px; }
    .mock-profile-verified-dot { width:6px; height:6px; display:inline-block; border:1px solid #0F6E56; border-radius:50%; background:#E1F5EE; }
    .mock-side-nav { flex:1; display:flex; flex-direction:column; gap:1px; padding:8px 6px; }
    .mock-side-link { display:flex; align-items:center; gap:7px; padding:7px 8px; border-radius:6px; color:#6b7280; }
    .mock-side-link.active { background:#E1F5EE; color:#0F6E56; }
    .mock-side-icon { width:16px; text-align:center; font-size:12px; }
    .mock-side-text { font-family:var(--font-sans); font-size:9px; font-weight:500; }
    .mock-side-link.active .mock-side-text { font-weight:600; }
    .mock-side-badge { margin-left:auto; padding:1px 5px; border-radius:8px; background:#C0392B; color:#fff; font-size:7px; font-weight:700; }
    .mock-feed { display:flex; flex-direction:column; gap:7px; overflow:hidden; padding:8px; background:#eef2f8; }
    .mock-real-card { background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:10px; padding:11px 12px; }
    .mock-real-head { display:flex; align-items:flex-start; gap:8px; margin-bottom:7px; }
    .mock-real-avatar { width:28px; height:28px; border-radius:50%; background:#e2e8f0; color:#64748b; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .mock-real-info { flex:1; min-width:0; }
    .mock-real-name-row { display:flex; align-items:center; gap:4px; flex-wrap:wrap; margin-bottom:2px; }
    .mock-real-name { font-family:var(--font-sans); font-size:9.5px; font-weight:700; color:#1a1a1a; }
    .mock-real-check { color:#0F6E56; font-size:8px; font-weight:800; }
    .mock-real-badge { padding:1px 6px; border-radius:10px; font-family:var(--font-sans); font-size:7px; font-weight:700; }
    .mock-real-badge.cas { background:#dbeafe; color:#1d4ed8; text-transform:uppercase; letter-spacing:.04em; }
    .mock-real-badge.beta { background:#f3f4f6; color:#6b7280; }
    .mock-real-sub { font-family:var(--font-sans); font-size:7.5px; color:#9ca3af; }
    .mock-real-title { font-family:var(--font-sans); font-size:10px; font-weight:700; color:#1a1a1a; margin-bottom:5px; line-height:1.4; }
    .mock-real-body { font-family:var(--font-sans); font-size:8px; color:#64748b; line-height:1.55; margin-bottom:7px; }
    .mock-real-reactions { font-family:var(--font-sans); font-size:7.5px; color:#6b7280; margin-bottom:7px; padding-bottom:6px; border-bottom:1px solid rgba(0,0,0,.06); }
    .mock-real-actions { display:flex; align-items:center; gap:5px; }
    .mock-act-like { padding:2px 7px; border-radius:20px; background:#f3f4f6; color:#6b7280; font-family:var(--font-sans); font-size:7.5px; font-weight:600; border:1px solid rgba(0,0,0,.08); }
    .mock-act-up { padding:2px 7px; border-radius:20px; background:#0F6E56; color:#fff; font-family:var(--font-sans); font-size:7.5px; font-weight:700; }
    .mock-act-score { font-family:var(--font-sans); font-size:7.5px; color:#6b7280; font-weight:600; }
    .mock-act-down { font-family:var(--font-sans); font-size:7.5px; color:#9ca3af; font-weight:600; }
    .mock-act-txt { font-family:var(--font-sans); font-size:7.5px; color:#6b7280; font-weight:600; white-space:nowrap; }
    .mock-act-bk { font-size:9px; margin-left:auto; color:#9ca3af; }
    .mock-composer, .mock-filter-bar, .mock-post-card, .mock-phone-card { background:#fff; border:1px solid rgba(0,0,0,.08); }
    .mock-composer { border-radius:10px; padding:10px; }
    .mock-composer-head { display:flex; align-items:center; gap:8px; margin-bottom:9px; }
    .mock-composer-avatar { width:26px; height:26px; flex-shrink:0; font-size:10px; }
    .mock-composer-input { flex:1; padding:6px 12px; border:1px solid rgba(0,0,0,.08); border-radius:20px; background:#FAFAF8; color:#9ca3af; font-family:var(--font-sans); font-size:8.5px; }
    .mock-composer-actions { display:flex; gap:5px; padding-top:8px; border-top:1px solid rgba(0,0,0,.06); }
    .mock-composer-chip { padding:4px 8px; border:1px solid rgba(0,0,0,.08); border-radius:5px; background:#FAFAF8; color:#6b7280; font-family:var(--font-sans); font-size:7.5px; }
    .mock-filter-bar { display:flex; align-items:center; gap:6px; padding:4px 0; flex-wrap:wrap; }
    .mock-filter-chip { padding:3px 8px; border-radius:7px; color:#6b7280; font-family:var(--font-sans); font-size:7.5px; border:1px solid rgba(0,0,0,.08); background:#FAFAF8; }
    .mock-filter-chip.active { background:#0F6E56; color:#fff; font-weight:600; border-color:#0F6E56; }
    .mock-post-card { padding:12px; border-radius:10px; transition:all .2s; }
    .mock-post-head { display:flex; align-items:flex-start; gap:9px; margin-bottom:9px; }
    .mock-post-mini-avatar { width:30px; height:30px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50%; background:#E1F5EE; color:#0F6E56; font-family:var(--font-sans); font-size:12px; font-weight:700; }
    .mock-post-mini-main { flex:1; min-width:0; }
    .mock-post-mini-row { display:flex; align-items:center; gap:6px; flex-wrap:nowrap; }
    .mock-post-mini-name { color:#1a1a1a; font-family:var(--font-sans); font-size:10px; font-weight:700; }
    .mock-post-mini-badge { padding:1px 6px; border-radius:12px; background:#E1F5EE; color:#0F6E56; font-family:var(--font-sans); font-size:8px; font-weight:600; white-space:nowrap; }
    .mock-post-mini-spec { color:#0F6E56; font-family:var(--font-sans); font-size:9px; font-weight:500; }
    .mock-post-mini-time { color:#9ca3af; font-family:var(--font-sans); font-size:8px; }
    .mock-post-mini-title { margin-bottom:5px; color:#1a1a1a; font-family:var(--font-sans); font-size:10px; font-weight:600; line-height:1.4; }
    .mock-post-mini-copy { margin-bottom:9px; color:#6b7280; font-family:var(--font-sans); font-size:8.5px; line-height:1.55; }
    .mock-tag-row { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:9px; }
    .mock-tag { padding:2px 8px; border:1px solid rgba(0,0,0,.08); border-radius:12px; background:#FAFAF8; color:#6b7280; font-family:var(--font-sans); font-size:7.5px; }
    .mock-post-actions { display:flex; gap:5px; padding-top:8px; border-top:1px solid rgba(0,0,0,.06); }
    .mock-post-actions span { color:#9ca3af; font-family:var(--font-sans); font-size:8px; }
    .mock-post-actions .mock-read-link { margin-left:auto; color:#0F6E56; font-weight:600; }
    .mock-phone-wrap { position:absolute; right:-8px; bottom:-4px; width:154px; height:274px; border-radius:30px; background:#111827; box-shadow:0 48px 100px rgba(0,0,0,.7),0 0 0 1.5px rgba(255,255,255,.1),0 0 50px rgba(15,110,86,.18),inset 0 1px 0 rgba(255,255,255,.07); overflow:hidden; z-index:10; transform:rotate(1.8deg); }
    /* navbar phone premium */
    .mock-pnav { height:32px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; background:#fff; border-bottom:1px solid rgba(0,0,0,.07); flex-shrink:0; }
    .mock-pnav-brand { display:flex; align-items:center; gap:4px; }
    .mock-pnav-icon { width:18px; height:18px; border-radius:6px; background:linear-gradient(135deg,#4f6cff,#11a8f5); display:flex; align-items:center; justify-content:center; color:#fff; font-size:9px; }
    .mock-pnav-name { font-family:var(--font-brand); font-size:11px; font-weight:800; color:#0F6E56; letter-spacing:-.03em; }
    .mock-pnav-ff { color:#2f86ff; }
    .mock-pnav-dz { font-family:var(--font-sans); font-size:7px; font-weight:800; background:#C0392B; color:#fff; padding:1px 4px; border-radius:3px; letter-spacing:.8px; }
    .mock-pnav-actions { display:flex; align-items:center; gap:6px; }
    .mock-pnav-bell { font-size:12px; position:relative; color:#6b7280; }
    .mock-pnav-dot { position:absolute; top:-2px; right:-2px; width:5px; height:5px; background:#C0392B; border-radius:50%; border:1px solid #fff; }
    .mock-pnav-avatar { width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#0F6E56,#1D9E75); color:#fff; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center; }
    /* feed phone */
    .mock-pfeed { flex:1; display:flex; flex-direction:column; gap:5px; overflow:hidden; padding:6px; background:#eef2f8; }
    .mock-pcard { background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:9px; padding:8px 9px; flex-shrink:0; }
    .mock-palert { border-left:3px solid #BA7517; background:#fffbf3; border-color:rgba(186,117,23,.2); }
    .mock-palert-label { font-family:var(--font-sans); font-size:6.5px; font-weight:800; color:#BA7517; text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; }
    .mock-pcard-title { font-family:var(--font-sans); font-size:8.5px; font-weight:700; color:#1a1a1a; line-height:1.35; margin-bottom:3px; }
    .mock-pcard-sub { font-family:var(--font-sans); font-size:7px; color:#9ca3af; margin-bottom:4px; }
    .mock-pchips { display:flex; gap:3px; }
    .mock-pchip { font-family:var(--font-sans); font-size:6.5px; font-weight:700; padding:1px 6px; border-radius:8px; }
    .mock-pchip.gold { background:#FAEEDA; color:#BA7517; }
    .mock-pcard-head { display:flex; align-items:center; gap:6px; margin-bottom:5px; }
    .mock-pavatar { width:22px; height:22px; border-radius:50%; background:#e2e8f0; color:#64748b; font-size:7px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .mock-pavatar.purple { background:#EEEDFE; color:#534AB7; }
    .mock-pcard-info { flex:1; min-width:0; }
    .mock-pcard-name { font-family:var(--font-sans); font-size:8px; font-weight:700; color:#1a1a1a; }
    .mock-pcheck { color:#0F6E56; font-size:7px; }
    .mock-pbadge { font-family:var(--font-sans); font-size:6px; font-weight:700; padding:1px 5px; border-radius:8px; white-space:nowrap; flex-shrink:0; }
    .mock-pbadge.cas { background:#dbeafe; color:#1d4ed8; text-transform:uppercase; letter-spacing:.04em; }
    .mock-pcard-actions { display:flex; align-items:center; gap:4px; padding-top:5px; border-top:1px solid rgba(0,0,0,.06); }
    .mock-pact-like { font-family:var(--font-sans); font-size:7px; font-weight:600; color:#6b7280; padding:1px 6px; border-radius:12px; background:#f3f4f6; border:1px solid rgba(0,0,0,.08); }
    .mock-pact-up { font-family:var(--font-sans); font-size:7px; font-weight:700; color:#fff; background:#0F6E56; padding:1px 6px; border-radius:12px; }
    .mock-pact-txt { font-family:var(--font-sans); font-size:6.5px; color:#9ca3af; font-weight:600; }
    .mock-pact-read { font-family:var(--font-sans); font-size:7px; color:#0F6E56; font-weight:700; margin-left:auto; }
    /* bottom nav phone */
    .mock-pbottom { height:36px; display:flex; align-items:center; justify-content:space-around; background:#fff; border-top:1px solid rgba(0,0,0,.07); flex-shrink:0; }
    .mock-pbottom-item { display:flex; flex-direction:column; align-items:center; gap:2px; font-size:12px; opacity:.35; }
    .mock-pbottom-item.active { opacity:1; color:#0F6E56; }
    .mock-pbottom-item small { font-family:var(--font-sans); font-size:5.5px; font-weight:700; color:inherit; }
    .mock-home-bar { height:14px; background:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .mock-home-bar::after { content:''; width:44px; height:4px; background:#1a1a1a; border-radius:3px; opacity:.15; }
    .mock-phone-notch { height:30px; background:#111827; display:flex; align-items:center; justify-content:space-between; padding:0 14px; position:relative; flex-shrink:0; }
    .mock-island { position:absolute; left:50%; transform:translateX(-50%); top:9px; width:42px; height:13px; background:#000; border-radius:20px; }
    .mock-ptime { font-family:var(--font-sans); font-size:8px; font-weight:700; color:#fff; z-index:1; }
    .mock-pbatt { font-size:6px; color:rgba(255,255,255,.6); z-index:1; letter-spacing:-1px; }
    .mock-phone-screen { background:#f8fafc; height:210px; overflow:hidden; }
    .mock-phone-status { display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 10px; margin-top:1px; }
    .mock-phone-time { color:rgba(255,255,255,.7); font-family:var(--font-sans); font-size:6.5px; font-weight:700; }
    .mock-phone-dots { color:rgba(255,255,255,.55); font-size:6.5px; }
    .mock-phone-screen.is-app { display:flex; flex-direction:column; padding:0; background:#eef2f8; height:100%; }
    .mock-phone-nav { height:30px; display:flex; align-items:center; gap:6px; flex-shrink:0; padding:0 10px; background:#fff; border-bottom:1px solid rgba(0,0,0,.08); box-shadow:0 1px 3px rgba(0,0,0,.05); }
    .mock-phone-brand { color:#0F6E56; font-family:var(--font-brand); font-size:12px; font-weight:700; }
    .mock-phone-avatar { width:20px; height:20px; margin-left:auto; font-size:8px; }
    .mock-phone-feed { flex:1; display:flex; flex-direction:column; gap:5px; overflow:hidden; padding:7px; }
    .mock-phone-card { flex-shrink:0; border-radius:8px; padding:7px 8px; }
    .mock-phone-alert { border-left:3px solid #BA7517; }
    .mock-phone-alert-label { margin-bottom:2px; color:#BA7517; font-family:var(--font-sans); font-size:7.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
    .mock-phone-title { margin-bottom:2px; color:#1a1a1a; font-family:var(--font-sans); font-size:8.5px; font-weight:700; }
    .mock-phone-meta { color:#6b7280; font-family:var(--font-sans); font-size:7.5px; line-height:1.35; }
    .mock-phone-chip-row { display:flex; gap:4px; margin-top:4px; }
    .mock-phone-alert-chip { padding:1px 6px; border-radius:8px; background:#FAEEDA; color:#BA7517; font-family:var(--font-sans); font-size:7px; font-weight:600; }
    .mock-phone-post-head { display:flex; align-items:center; gap:5px; margin-bottom:4px; }
    .mock-phone-post-head.tight { margin-bottom:3px; }
    .mock-phone-post-avatar { width:20px; height:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50%; background:#E1F5EE; color:#0F6E56; font-family:var(--font-sans); font-size:8px; font-weight:700; }
    .mock-phone-post-avatar.purple { background:#EEEDFE; color:#534AB7; }
    .mock-phone-post-main { flex:1; min-width:0; }
    .mock-phone-name { color:#1a1a1a; font-family:var(--font-sans); font-size:8.5px; font-weight:700; }
    .mock-phone-spec { color:#0F6E56; font-family:var(--font-sans); font-size:7px; }
    .mock-phone-post-badge { flex-shrink:0; padding:1px 5px; border-radius:8px; background:#E1F5EE; color:#0F6E56; font-family:var(--font-sans); font-size:6.5px; font-weight:600; }
    .mock-phone-post-title { margin-bottom:4px; color:#1a1a1a; font-family:var(--font-sans); font-size:8px; font-weight:600; line-height:1.35; }
    .mock-phone-actions { display:flex; gap:8px; padding-top:4px; border-top:1px solid rgba(0,0,0,.06); }
    .mock-phone-actions span { color:#9ca3af; font-family:var(--font-sans); font-size:7.5px; }
    .mock-phone-actions .mock-phone-read { margin-left:auto; color:#0F6E56; font-weight:600; }
    .mock-phone-time-muted { margin-left:auto; color:#9ca3af; font-family:var(--font-sans); font-size:7px; }
    .mock-phone-question { color:#6b7280; font-family:var(--font-sans); font-size:7.5px; line-height:1.35; }
    .mock-phone-bottom { height:30px; display:flex; align-items:center; justify-content:space-around; flex-shrink:0; background:#fff; border-top:1px solid rgba(0,0,0,.08); }
    .mock-phone-bottom-item { display:flex; flex-direction:column; align-items:center; gap:1px; opacity:.4; }
    .mock-phone-bottom-item.active { opacity:1; }
    .mock-phone-bottom-icon { font-size:11px; }
    .mock-phone-bottom-label { color:#9ca3af; font-family:var(--font-sans); font-size:5.5px; }
    .mock-phone-bottom-item.active .mock-phone-bottom-label { color:#0F6E56; font-weight:700; }
    .hero-wave { position:relative; margin-top:-1px; line-height:0; }

    .mockup-card { position:relative; border-radius:24px; background:#fff; border:1px solid rgba(15,23,42,.08); box-shadow:0 28px 70px rgba(15,23,42,.16); overflow:hidden; animation:floatMockup 5s ease-in-out infinite; }
    .mockup-top { height:52px; display:flex; align-items:center; gap:8px; padding:0 18px; background:#f8fafc; border-bottom:1px solid rgba(15,23,42,.08); }
    .mock-dot { width:10px; height:10px; border-radius:50%; background:#cbd5e1; }
    .mock-dot:nth-child(1){background:#ef4444}.mock-dot:nth-child(2){background:#f59e0b}.mock-dot:nth-child(3){background:#10b981}
    .mockup-body { display:grid; grid-template-columns:120px 1fr; min-height:430px; }
    .mock-side { background:linear-gradient(180deg,#0b8f86,#0d7377); color:#dff8ef; padding:16px 10px; display:flex; flex-direction:column; gap:4px; }
    .mock-nav-item { display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:10px; font-size:10px; font-weight:700; color:rgba(255,255,255,.65); white-space:nowrap; }
    .mock-nav-item.active { background:rgba(255,255,255,.18); color:#fff; }
    .mock-main { padding:16px; background:linear-gradient(180deg,#fff,#f8fafc); }
    .mock-post { border:1px solid rgba(15,23,42,.07); border-radius:16px; background:#fff; padding:14px; }
    .mock-post-header { display:flex; align-items:center; gap:9px; margin-bottom:11px; }
    .mock-post-avatar { width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#0b8f86,#2f6fed); display:flex; align-items:center; justify-content:center; color:#fff; font-size:13px; font-weight:800; flex-shrink:0; }
    .mock-post-name { font-size:11px; font-weight:800; color:#0f172a; line-height:1.2; }
    .mock-post-meta { font-size:9px; color:#94a3b8; margin-top:1px; }
    .mock-post-tag { margin-left:auto; font-size:9px; font-weight:800; padding:3px 8px; border-radius:999px; background:#f0fdf9; color:#0b8f86; border:1px solid #ccfbf1; white-space:nowrap; flex-shrink:0; }
    .mock-post-title { font-size:11px; font-weight:800; color:#0f172a; margin-bottom:6px; line-height:1.35; }
    .mock-post-excerpt { font-size:10px; color:#64748b; line-height:1.5; margin-bottom:11px; }
    .mock-post-footer { display:flex; gap:10px; font-size:9px; color:#94a3b8; font-weight:600; align-items:center; }
    .mock-post-footer span:last-child { margin-left:auto; color:#0b8f86; font-weight:800; }
    .mock-alert { position:absolute; right:14px; bottom:14px; width:200px; padding:12px; background:#fff7ed; border:1px solid #fed7aa; border-radius:14px; box-shadow:0 12px 28px rgba(15,23,42,.13); animation:pulseAlert 2.4s ease-in-out infinite; }
    .mock-alert-tag { font-size:9px; font-weight:800; color:#ea580c; margin-bottom:3px; text-transform:uppercase; letter-spacing:.05em; }
    .mock-alert strong { display:block; font-size:11px; color:#9a3412; margin-bottom:2px; font-weight:800; }
    .mock-alert p { margin:0; font-size:10px; color:#92400e; line-height:1.4; }

    .landing-section { padding:72px 6vw; }
    .landing-section.how-section { background:linear-gradient(180deg,#f0fdf9,#fff); padding-top:64px; padding-bottom:64px; }
    .landing-section.feature-section { background:#f8fafc; }
    .section-head { max-width:760px; margin:0 auto 34px; text-align:center; }
    .section-head h2 { font-size:34px; font-weight:800; margin-bottom:10px; }
    .section-head p { font-size:16px; color:#64748b; line-height:1.7; }
    .pillar-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
    .pillar-card, .testimonial-card { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:18px; padding:22px; box-shadow:0 10px 28px rgba(15,23,42,.06); }
    .pillar-icon { width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:16px; }
    .pillar-icon.c1 { background:#ccfbf1; color:#0b8f86; }
    .pillar-icon.c2 { background:#dbeafe; color:#1d4ed8; }
    .pillar-icon.c3 { background:#fef3c7; color:#d97706; }
    .pillar-icon.c4 { background:#fee2e2; color:#dc2626; }
    .pillar-card { transition: box-shadow .18s, transform .18s; }
    .pillar-card:hover { box-shadow:0 18px 40px rgba(15,23,42,.10); transform:translateY(-3px); }
    .pillar-card h3 { font-size:17px; margin-bottom:8px; }
    .pillar-card p, .testimonial-card p { color:#64748b; line-height:1.65; font-size:14px; }

    .testimonials { background:#0f172a; color:#fff; }
    .testimonials .section-head h2 { color:#fff; }
    .testimonials .section-head p { color:#cbd5e1; }
    .testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .testimonial-card { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .testimonial-card p { color:#e2e8f0; }
    .testimonial-author { margin-top:18px; font-weight:800; }
    .testimonial-role { color:#9ae6c7; font-size:12px; margin-top:2px; }

    .auth-section { padding:72px 6vw; background:linear-gradient(180deg,#f8fbff,#fff); }
    .auth-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,460px); gap:34px; align-items:start; max-width:1120px; margin:0 auto; }
    .auth-copy { padding:26px 0; }
    .auth-copy h2 { font-size:36px; font-weight:800; margin-bottom:12px; }
    .auth-copy p { color:#64748b; font-size:16px; line-height:1.7; margin-bottom:18px; }
    .auth-check { display:flex; gap:10px; align-items:flex-start; margin:12px 0; color:#334155; font-size:14px; }
    .auth-check span:first-child { color:var(--teal); font-weight:800; }
    .auth-box { width:100%; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:22px; padding:22px; box-shadow:0 20px 50px rgba(15,23,42,.11); }
    .auth-tabs { display:flex; background:#f1f5f9; border-radius:14px; padding:4px; margin-bottom:20px; }
    .auth-tab { flex:1; padding:10px; font-size:14px; font-weight:700; border-radius:10px; border:none; background:none; cursor:pointer; color:var(--text-muted); transition:all .15s; font-family:var(--font-sans); }
    .auth-tab.active { background:var(--teal); color:#fff; box-shadow:0 7px 16px rgba(15,110,86,.2); }
    .auth-panel { display:none; }
    .auth-panel.show { display:block; }
    .prof-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:16px; }
    .prof-option { border:1px solid var(--border); border-radius:12px; padding:12px 8px; cursor:pointer; text-align:center; font-size:12px; font-weight:700; transition:all .15s; }
    .prof-option:hover, .prof-option.sel { border-color:var(--teal); background:var(--teal-light); color:var(--teal); }
    .upload-zone { border:2px dashed var(--border-md); border-radius:var(--radius-md); padding:18px; text-align:center; cursor:pointer; transition:all .2s; }
    .upload-zone:hover, .upload-zone.dragover, .upload-zone.selected { border-color:var(--teal); background:var(--teal-pale); }
    .auth-error.show { display:flex; }
    .forgot-box.show { display:block; }

    @keyframes floatMockup { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
    @keyframes pulseAlert { 0%,100%{transform:scale(1)} 50%{transform:scale(1.025)} }

    /* Section label chip */
    .section-label { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; background:rgba(11,143,134,.1); color:#0b8f86; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; }

    /* How-it-works cards */
    .how-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:920px; margin:0 auto; }
    .how-card { background:#fff; border:1px solid rgba(15,23,42,.07); border-radius:22px; padding:30px 24px; box-shadow:0 4px 20px rgba(15,23,42,.06); transition:box-shadow .18s,transform .18s; }
    .how-card:hover { box-shadow:0 16px 40px rgba(15,23,42,.10); transform:translateY(-3px); }
    .how-card-step { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#0b8f86,#0d6e8a); color:#fff; font-size:14px; font-weight:800; margin-bottom:18px; box-shadow:0 6px 16px rgba(11,143,134,.28); }
    .how-card-icon { font-size:34px; display:block; margin-bottom:12px; }
    .how-card h3 { font-size:16px; font-weight:800; color:#0f172a; margin-bottom:8px; }
    .how-card p { font-size:13.5px; color:#64748b; line-height:1.65; margin:0; }

    /* Feature showcase 2x2 grid */
    .feature-showcase { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .feature-grid-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
    .feature-card { background:#fff; border:1px solid rgba(15,23,42,.07); border-radius:20px; padding:24px; box-shadow:0 4px 16px rgba(15,23,42,.05); display:flex; gap:18px; align-items:flex-start; transition:box-shadow .18s,transform .18s; }
    .feature-card.vertical { flex-direction:column; gap:14px; }
    .feature-card:hover { box-shadow:0 16px 40px rgba(15,23,42,.10); transform:translateY(-2px); }
    .feature-icon { width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
    .feature-icon.c-med { background:#f0fdf9; color:#0b8f86; }
    .feature-icon.c-case { background:#fdf4ff; color:#9333ea; }
    .feature-icon.c-job { background:#dbeafe; color:#1d4ed8; }
    .feature-icon.c-academy { background:#fef3c7; color:#d97706; }
    .feature-icon.c-alert { background:#fff7ed; color:#ea580c; }
    .feature-icon.c-tools { background:#ecfdf5; color:#059669; }
    .feature-card h3 { font-size:16px; font-weight:800; color:#0f172a; margin-bottom:7px; }
    .feature-card p { font-size:13.5px; color:#64748b; line-height:1.65; margin:0 0 10px; }
    .feature-tag { display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:999px; font-size:11px; font-weight:700; }

    /* Stats band */
    .stats-band { background:linear-gradient(135deg,#0f172a 0%,#0b2d4a 100%); }
    .landing-value-band { background:linear-gradient(135deg,#0f172a,#0b2d4a); padding:64px 6vw; }
    .landing-value-grid { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
    .landing-value-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:32px 28px; }
    .landing-value-icon { font-size:40px; margin-bottom:10px; }
    .landing-value-card h3 { font-size:22px; font-weight:800; color:#fff; margin-bottom:8px; }
    .landing-value-card p { font-size:14px; color:rgba(255,255,255,.6); line-height:1.7; margin:0; }
    .stats-inner { display:grid; grid-template-columns:repeat(4,1fr); max-width:1100px; margin:0 auto; padding:0 6vw; }
    .stat-cell { padding:36px 20px; text-align:center; border-right:1px solid rgba(255,255,255,.08); }
    .stat-cell:last-child { border-right:none; }
    .stat-num { font-size:40px; font-weight:800; color:#fff; line-height:1; display:block; letter-spacing:-1px; }
    .stat-desc { font-size:12px; color:rgba(255,255,255,.55); font-weight:600; margin-top:7px; display:block; line-height:1.4; }
    .stat-num .stat-accent { color:#9de8d8; }

    /* Better testimonial cards */
    .testi-card { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:26px; position:relative; overflow:hidden; }
    .testi-grid-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; max-width:960px; margin:0 auto 36px; }
    .testi-card.centered { text-align:center; }
    .testi-icon { font-size:44px; margin-bottom:16px; }
    .testi-title { font-size:18px; font-weight:800; color:#f1f5f9; margin-bottom:10px; }
    .testi-text.flush { margin:0; }
    .testi-quote-mark { position:absolute; top:8px; right:14px; font-size:80px; line-height:1; color:rgba(255,255,255,.04); font-family:Georgia,serif; pointer-events:none; user-select:none; }
    .testi-stars { display:flex; gap:2px; margin-bottom:14px; }
    .testi-star { color:#f59e0b; font-size:13px; }
    .testi-text { color:#e2e8f0; font-size:14px; line-height:1.72; margin-bottom:20px; }
    .testi-author { display:flex; align-items:center; gap:12px; }
    .testi-avatar { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; font-weight:800; flex-shrink:0; }
    .testi-name { font-size:13px; font-weight:800; color:#f1f5f9; }
    .testi-role { font-size:11px; color:#94a3b8; margin-top:2px; }
    .testi-verified { display:inline-flex; align-items:center; gap:3px; font-size:9.5px; font-weight:700; color:#34d399; background:rgba(52,211,153,.12); padding:2px 7px; border-radius:999px; margin-top:4px; }

    /* Auth section features list */
    .auth-feature-list { display:flex; flex-direction:column; gap:0; margin-top:24px; }
    .auth-feature { display:flex; align-items:flex-start; gap:14px; padding:16px 0; border-bottom:1px solid #f1f5f9; }
    .auth-feature:first-child { padding-top:0; }
    .auth-feature:last-child { border-bottom:none; }
    .auth-feature-icon { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
    .auth-feature-icon.secure { background:#f0fdf9; color:#0b8f86; }
    .auth-feature-icon.fast { background:#dbeafe; color:#1d4ed8; }
    .auth-feature-icon.private { background:#fef3c7; color:#d97706; }
    .section-label.auth-access { margin-bottom:16px; }
    .section-label.light-on-dark { background:rgba(255,255,255,.1); color:rgba(255,255,255,.85); }
    .auth-error { display:none; margin-bottom:14px; }
    .forgot-row { display:flex; justify-content:flex-end; margin-bottom:16px; }
    .forgot-toggle { border:none; background:none; color:var(--teal); cursor:pointer; font-family:inherit; font-size:12px; font-weight:600; padding:0; }
    .forgot-box { display:none; padding:14px; margin-bottom:14px; border:1px solid rgba(16,185,129,.22); border-radius:12px; background:#f0fdf9; }
    .forgot-title { display:block; margin-bottom:6px; color:#065f46; font-size:13px; }
    .forgot-input { margin-bottom:8px; }
    .forgot-result { margin:8px 0 0; color:#047857; font-size:12px; line-height:1.5; }
    .auth-switch { margin-top:16px; color:var(--text-muted); font-size:13px; text-align:center; }
    .auth-field-title { margin-bottom:10px; font-size:14px; font-weight:800; }
    .prof-icon { display:block; margin-bottom:4px; font-size:22px; }
    .invite-help { display:block; margin-top:5px; color:var(--text-muted); font-size:12px; }
    .required-mark { color:var(--red-dz); }
    .terms-wrap { margin-bottom:16px; }
    .terms-label { display:flex; align-items:flex-start; gap:8px; color:var(--text-muted); cursor:pointer; font-size:12px; }
    .terms-check { margin-top:2px; }
    .terms-link { color:var(--primary); text-decoration:underline; }
    .nl-section { background:linear-gradient(135deg,#0f172a,#0b2d4a); padding:64px 6vw; }
    .nl-inner { max-width:900px; margin:0 auto; display:flex; align-items:center; gap:48px; flex-wrap:wrap; }
    .nl-text { flex:1; min-width:260px; }
    .nl-kicker { font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#38bdf8; margin-bottom:12px; }
    .nl-title { font-size:clamp(20px,3vw,28px); font-weight:800; color:#f1f5f9; margin:0 0 10px; line-height:1.3; }
    .nl-subtitle { font-size:15px; color:#94a3b8; margin:0; line-height:1.6; }
    .nl-form { flex:1; min-width:280px; }
    .nl-field-row { display:flex; gap:10px; flex-wrap:wrap; }
    .nl-input { flex:1; min-width:200px; padding:12px 16px; border-radius:10px; border:1.5px solid #1e40af; background:#0f172a; color:#f1f5f9; font-size:15px; outline:none; transition:border-color .2s; }
    .nl-input:focus { border-color:#38bdf8; }
    .nl-input::placeholder { color:#475569; }
    .nl-btn { padding:12px 24px; border-radius:10px; font-size:15px; white-space:nowrap; }
    .nl-notice { font-size:12px; color:#475569; margin:10px 0 0; }
    .nl-msg { font-size:13px; margin:10px 0 0; padding:10px 14px; border-radius:8px; }
    .nl-msg.ok { background:#052e16; color:#4ade80; }
    .nl-msg.err { background:#450a0a; color:#f87171; }
    .compact-footer { background:#0a0f1e; color:#475569; padding:28px 6vw; font-size:13px; }
    .compact-footer-inner { max-width:1100px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
    .compact-footer-brand { color:#e2e8f0; font-family:var(--font-brand); font-size:20px; font-weight:700; }
    .compact-footer-links { display:flex; gap:20px; flex-wrap:wrap; }
    .compact-footer-links a { color:#475569; text-decoration:none; }
    .compact-footer-links a:hover { color:#e2e8f0; }
    .auth-feature-text h4 { font-size:14px; font-weight:800; color:#0f172a; margin:0 0 3px; }
    .auth-feature-text p { font-size:12.5px; color:#64748b; line-height:1.5; margin:0; }

    @media(max-width:980px) {
      .auth-layout { grid-template-columns:1fr; }
      .pillar-grid, .testimonial-grid { grid-template-columns:1fr 1fr; }
      .hero-inner { grid-template-columns:1fr; gap:36px; padding-bottom:60px; }
      .hero-devices { display:none; }
      .how-cards { grid-template-columns:1fr; }
      .feature-showcase { grid-template-columns:1fr; }
      .footer-inner { grid-template-columns:1fr 1fr; }
      #why > div[style*="grid-template-columns:repeat(3"] { grid-template-columns:1fr 1fr !important; }
      .testimonials > div[style*="grid-template-columns:repeat(3"] { grid-template-columns:1fr 1fr !important; }
      div[style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns:1fr 1fr !important; }
    }
    .how-steps { display:flex; align-items:flex-start; max-width:860px; margin:0 auto; }
    .how-step { flex:1; text-align:center; padding:28px 22px; }
    .how-arrow { display:flex; align-items:center; padding-top:48px; font-size:24px; color:#0b8f86; opacity:.28; flex-shrink:0; }
    .how-step-num { width:46px; height:46px; border-radius:50%; background:var(--teal); color:#fff; font-size:18px; font-weight:800; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; box-shadow:0 8px 20px rgba(11,143,134,.28); }
    .how-step h3 { font-size:17px; font-weight:800; margin-bottom:8px; }
    .how-step p { font-size:14px; color:#64748b; line-height:1.6; }

    .testimonials-cta { text-align:center; margin-top:36px; }
    .testimonials-cta .btn-primary { background:#fff; color:#0b8f86; box-shadow:0 10px 28px rgba(0,0,0,.18); }
    .testimonials-cta .btn-primary:hover { background:#f0fdf9; }
    .testimonials-note { margin-top:12px; font-size:13px; color:#94a3b8; }

    @media(max-width:640px) {
      .landing-nav { padding:0 18px; }
      .landing-nav-links { display:none; }
      .landing-nav-actions .btn-ghost { display:none; }
      .landing-hero { padding:48px 18px 0; }
      .hero-title { font-size:clamp(30px,9vw,46px); }
      .hero-tagline { font-size:15px; }
      .hero-actions { flex-direction:column; max-width:100%; }
      .hero-actions .btn-hero-primary, .hero-actions .btn-hero-ghost { width:100%; }
      .mockup-body { grid-template-columns:1fr; }
      .mock-side { display:none; }
      .mock-alert { position:static; width:auto; margin:0 14px 14px; }
      .landing-section, .auth-section { padding:52px 18px; }
      .pillar-grid, .testimonial-grid { grid-template-columns:1fr; }
      div[style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns:1fr !important; }
      .section-head h2, .auth-copy h2 { font-size:28px; }
      .how-steps { flex-direction:column; align-items:stretch; }
      .how-arrow { display:none; }
      .how-step { padding:18px 10px; }
      .footer-inner { grid-template-columns:1fr; gap:24px; }
      .footer-bottom { flex-direction:column; gap:4px; }
      .stats-inner { grid-template-columns:1fr 1fr; }
      .stat-num { font-size:30px; }
      .feature-card { flex-direction:column; gap:12px; }
    }

    .hero-professions { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
    .hero-prof-badge { font-size:11px; font-weight:700; padding:4px 12px; border-radius:999px; background:rgba(11,143,134,.08); color:#0b8f86; border:1px solid rgba(11,143,134,.16); }

    .landing-footer { background:#0a0f1e; color:#64748b; padding:60px 6vw 36px; }
    .footer-inner { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:28px 48px; }
    .footer-brand-name { font-family:var(--font-brand); font-size:22px; font-weight:700; color:#e2e8f0; display:flex; align-items:center; gap:7px; margin-bottom:10px; }
    .footer-brand-name .dz-badge { font-family:var(--font-sans); font-size:10px; font-weight:800; background:#e8423e; color:#fff; padding:2px 6px; border-radius:5px; letter-spacing:1px; }
    .footer-brand p { font-size:13px; line-height:1.7; max-width:340px; color:#475569; margin-bottom:18px; }
    .footer-brand-tagline { display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; background:rgba(11,143,134,.15); color:#9de8d8; font-size:11px; font-weight:700; }
    .footer-links-head { font-size:11px; font-weight:800; color:#cbd5e1; text-transform:uppercase; letter-spacing:.09em; margin-bottom:16px; }
    .footer-links { display:flex; flex-direction:column; gap:10px; }
    .footer-links a { color:#475569; text-decoration:none; font-size:13px; font-weight:500; transition:color .15s; }
    .footer-links a:hover { color:#e2e8f0; }
    .footer-bottom { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.06); padding-top:22px; margin-top:12px; font-size:12px; color:#334155; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }