* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Inter",Arial,sans-serif; color:#132238; background:#fff; }
a { text-decoration:none; color:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3 { font-family:"Manrope",sans-serif; }

:root { --navy:#101c27; --blue:#39b9ea; --cyan:#55d8f4; --white:#fff; --text:#132238; --muted:#536274; }

.site-header-shell { position:relative; z-index:100; height:100px; background:transparent; }
.site-header { max-width:1200px; height:100px; margin:0 auto; padding:0 32px; display:flex; align-items:center; gap:35px; }
.brand { width:225px; flex:none; text-align:center; margin-top:10px;}
.brand-skyline { position:relative; width:190px; margin:0 auto -5px; }
.brand-skyline img { display:block; width:100%; height:auto; }
.brand-name {color: #fff;font-family: "Manrope",sans-serif;font-size: 36px;line-height: .9;font-weight: 800;letter-spacing: -1.8px;}
.brand-name span {color: #3db3e5;}
.brand-tagline {margin-top: 7px;color: rgba(255,255,255,.72);font-family: "Inter",sans-serif;font-size: 7px;line-height: 1;font-weight: 600;letter-spacing: 1.6px;white-space: nowrap;}

.tower-light1 { position:absolute; z-index:5; width:5px; height:5px; border-radius:50%; background:#ff3434; left:28%; top:1%; transform:translate(-50%,-50%); opacity:.15; animation:towerBlink 2.4s ease-in-out infinite; animation-delay:0s; }
.tower-light2 { position:absolute; z-index:5; width:5px; height:5px; border-radius:50%; background:#ff3434; left:49%; top:15%; transform:translate(-50%,-50%); opacity:.15; animation:towerBlink 2.4s ease-in-out infinite; animation-delay:.8s; }
.tower-light3 { position:absolute; z-index:5; width:5px; height:5px; border-radius:50%; background:#ff3434; left:62.2%; top:8%; transform:translate(-50%,-50%); opacity:.15; animation:towerBlink 2.4s ease-in-out infinite; animation-delay:1.6s; }

@keyframes towerBlink {
    0%,38%,100% { opacity:.15; box-shadow:none; }
    45%,57% { opacity:1; box-shadow:0 0 3px #ff3434,0 0 7px #ff3434; }
}

.main-nav { margin-left:auto; display:flex; align-items:center; gap:27px; font-family:"Inter",sans-serif; }
.main-nav > a,.business-nav-dropdown-button { color:#fff; font-family:inherit; font-size:13px; font-weight:600; text-decoration:none; }
.main-nav > a:hover,.business-nav-dropdown-button:hover { color:#7fd3e3; }
.business-nav-dropdown { position:relative; }
.business-nav-dropdown-button { display:flex; align-items:center; gap:5px; padding:10px 0; background:none; border:0; cursor:pointer; }
.business-nav-arrow { font-size:9px; }
.business-nav-dropdown-menu { display:none; position:absolute; top:100%; left:-16px; z-index:1000; min-width:210px; padding:8px; background:#fff; border:1px solid #dfe4e7; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.09); }
.business-nav-dropdown:hover .business-nav-dropdown-menu { display:block; }
.business-nav-dropdown-menu a { display:block; padding:6px 10px; border-radius:4px; color:#445159; font-size:12px; font-weight:600; line-height:1.25; text-decoration:none; white-space:nowrap; }
.business-nav-dropdown-menu a:hover { background:#f3f6f7; color:#177f98; }
.business-nav-divider { height:1px; margin:6px 8px; background:#e7ebed; }
/* ALL TOOLS MEGA MENU */
.all-tools { position:static; }
.all-tools-button { display:flex; align-items:center; gap:5px; padding:10px 0; border:0; background:none; color:#fff; font-family:"Inter",sans-serif; font-size:13px; font-weight:600; cursor:pointer; }
.all-tools-button:hover { color:#7fd3e3; }
.all-tools-panel { display:none; position:absolute; z-index:1900; top:100px; left:0; right:0; padding:0 32px; }
.all-tools-panel.open { display:block; }
.all-tools-inner { max-width:1136px; margin:0 auto; padding:26px 30px 32px; background:#fff; border:1px solid #dfe4e7; border-top:0; border-radius:0 0 10px 10px; box-shadow:0 18px 45px rgba(0,0,0,.16); color:#26343d; }
.all-tools-header { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #e7ebed; }
.all-tools-header strong { display:block; margin-top:5px; color:#142330; font-family:"Manrope",sans-serif; font-size:21px; font-weight:800; }
.all-tools-eyebrow { color:#177f98; font-size:9px; font-weight:800; letter-spacing:1.8px; }
.all-tools-configure { color:#177f98; font-size:11px; font-weight:700; white-space:nowrap; }
.all-tools-configure:hover { color:#116d84; }
.all-tools-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 38px; }
.all-tools-category { min-width:0; }
.all-tools-category-title { margin-bottom:10px; color:#177f98; font-size:9px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.all-tools-item { display:block; margin-bottom:3px; padding:8px 9px; border-radius:6px; }
.all-tools-item:hover { background:#f3f7f8; }
.all-tools-item strong { display:block; margin-bottom:2px; color:#172633; font-size:12px; font-weight:700; }
.all-tools-item span { display:block; overflow:hidden; color:#7a858d; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }

.site-navigation { margin-left:auto; display:flex; align-items:center; }
.mobile-nav-button { display:none; width:42px; height:42px; padding:9px; background:transparent; border:1px solid rgba(255,255,255,.35); border-radius:7px; cursor:pointer; }
.mobile-nav-button span { display:block; width:100%; height:2px; margin:5px 0; background:#fff; border-radius:2px; transition:transform .2s ease,opacity .2s ease; }
.mobile-nav-button.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.mobile-nav-button.open span:nth-child(2) { opacity:0; }
.mobile-nav-button.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.btn-primary { display:inline-flex; align-items:center; justify-content:center; background:var(--cyan); color:#10202b; font-weight:700; border-radius:8px;  font-family:"Inter",sans-serif; }
.btn-header { min-width:105px; height:44px; font-size:13px;  font-family:"Inter",sans-serif; }

.hero { position:relative; z-index:1; margin-top:-100px; padding-top:100px; height:550px; overflow:hidden; color:#fff; background-image:url('/images/hero-office.png'); background-size:cover; background-position:center center;  font-family:"Manrope",sans-serif; font-weight:800;}
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,18,27,.94) 0%,rgba(8,18,27,.80) 32%,rgba(8,18,27,.28) 60%,rgba(8,18,27,.06) 100%); }
.hero-inner { position:relative; z-index:2; max-width:1200px; height:450px; margin:0 auto; padding:50px 32px 35px; display:flex; align-items:center; }
.hero-copy { width:560px; }
.hero-eyebrow { margin-bottom:12px; color:#58c9ed; font-size:11px; font-weight:700; letter-spacing:4px; }
.hero h1 { margin:0 0 18px; font-size:58px; line-height:.98; letter-spacing:-2.5px; font-weight:800; }
.hero h1 span { color:#58c9ed; }
.hero-copy>p { max-width:520px; margin:0; color:rgba(255,255,255,.90); font-size:17px; line-height:1.5; }
.hero-actions { display:flex; align-items:center; gap:14px; margin-top:28px; }
.btn-hero { min-width:178px; height:52px; padding:0 25px; gap:25px; }
.btn-watch { height:52px; padding:0 22px; display:flex; align-items:center; gap:13px; border:1px solid rgba(255,255,255,.75); border-radius:28px; font-size:13px; }
.play-icon { width:25px; height:25px; border:1px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; }

.hero-note { position:absolute; right:28px; top:55px; display:flex; flex-direction:column; align-items:center; transform:rotate(-4deg); font-family:"Comic Sans MS",cursive; font-size:22px; line-height:1.25; color:#fff; text-align:center; }
.hero-note-line { width:110px; height:5px; margin-top:12px; background:var(--cyan); border-radius:100%; transform:rotate(-12deg); }

.feature-strip { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(6,1fr); background:#fff; }
.feature-item { min-height:180px; padding:24px 14px 18px; text-align:center; border-right:1px solid #e7ebef; }
.feature-item:last-child { border-right:0; }
.feature-icon { width:58px; height:58px; margin:0 auto 10px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:400; }
.feature-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.feature-item h3 { margin:0 0 7px; font-size:15px; }
.feature-item p { margin:0; color:#526173; font-size:12px; line-height:1.45; }
.feature-blue .feature-icon { color:#1455ad; background:#edf5ff; }
.feature-teal .feature-icon { color:#118c99; background:#ebf9f8; }
.feature-gold .feature-icon { color:#ed9c17; background:#fff5e7; }
.feature-purple .feature-icon { color:#6136ce; background:#f3efff; }
.feature-red .feature-icon { color:#dd3644; background:#fff0f0; }

@media(max-width:1000px) {
    .site-header { padding:0 22px; }
    .mobile-nav-button { display:block; margin-left:auto; }
    .site-navigation { display:none; position:absolute; left:0; right:0; top:100px; z-index:1000; max-height:calc(100vh - 100px); overflow-y:auto; padding:8px 22px 14px; background:#101c27; border-top:1px solid rgba(255,255,255,.12); box-shadow:0 14px 30px rgba(0,0,0,.25); }
    .site-navigation.mobile-open { display:block; }

    .main-nav { display:flex; flex-direction:column; align-items:stretch; gap:10px !important; margin:0; }
    .main-nav > a { display:block; width:100%; padding:4px 4px; border-bottom:1px solid rgba(255,255,255,.10); color:#fff; font-size:14px; font-weight:700; text-align:left; }
    .main-nav > a.active:after { display:none; }

    .business-nav-dropdown { width:100%; }
    .business-nav-dropdown-button,.all-tools-button { width:100%; padding:10px 4px; color:#fff; font-size:14px; font-weight:700; text-align:left; }
    .business-nav-dropdown-menu { left:0; right:auto; }
    .all-tools { width:100%; }
    .all-tools-panel { position:static; padding:0; }
    .all-tools-inner { max-width:none; padding:18px 4px; border:0; border-radius:0; background:#101c27; box-shadow:none; color:#fff; }
    .all-tools-header { margin-bottom:18px; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.12); }
    .all-tools-header strong { color:#fff; font-size:17px; }
    .all-tools-configure { color:#55d8f4; }
    .all-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
    .all-tools-category-title { color:#55d8f4; }
    .all-tools-item { padding:6px 0; }
    .all-tools-item:hover { background:none; }
    .all-tools-item strong { color:#fff; }
    .all-tools-item span { color:rgba(255,255,255,.55); }

    .hero { background-position:60% center; }
    .hero-inner { padding-left:25px; padding-right:25px; }
    .hero-note { display:none; }
    .feature-strip { grid-template-columns:repeat(3,1fr); }

    .header-user-tools { margin-left:0; }
    .header-account-name { display:none; }
    .header-account-arrow { display:none; }
    .header-notification-menu,.header-account-menu { position:fixed; top:90px; right:16px; }
}

@media(max-width:650px) {
    .site-header-shell,.site-header { height:100px; }
    .brand { width:auto; }
    .brand-logo { width:145px; }
    .main-nav { display:flex; flex-direction:column; align-items:stretch; gap:0px; margin:0; }
    .mobile-nav-button { width:40px; height:40px; }
    .site-navigation { top:100px; max-height:calc(100vh - 100px); padding:8px 22px 22px; }
    .btn-header { min-width:95px; }
    .hero { margin-top:-100px; padding-top:100px; height:auto; min-height:620px; background-position:65% center; }
    .hero-inner { height:auto; min-height:538px; padding:70px 20px 50px; align-items:flex-start; }
    .hero-copy { width:100%; }
    .hero h1 { font-size:44px; }
    .hero-copy>p { font-size:16px; }
    .hero-actions { flex-direction:column; align-items:flex-start; }
    .feature-strip { grid-template-columns:1fr 1fr; }
    .footer-inner { flex-direction:column; text-align:center; gap:25px; }
    .footer-links { margin-left:0; justify-content:center; flex-wrap:wrap; }
    .footer-copy { padding-left:0; border-left:0; }
    .all-tools-header { align-items:flex-start; flex-direction:column; gap:8px; }
.all-tools-grid { grid-template-columns:1fr; }
}

.site-footer { background:#101c27; color:#fff; padding:45px 30px; }
.footer-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:45px; }
.footer-brand { width:165px; flex:none; }
.footer-brand img { width:100%; height:auto; }
.footer-links { display:flex; gap:25px; margin-left:auto; }
.footer-links a { color:rgba(255,255,255,.70); font-size:12px; }
.footer-links a:hover { color:#55d8f4; }
.footer-copy { padding-left:25px; border-left:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.45); font-size:11px; }


/* DASHBOARD PREVIEW */
.dashboard-section { padding:70px 30px; background:linear-gradient(120deg,#f8fbfd 0%,#fff 55%,#f1fafc 100%); border-top:1px solid #edf1f4; }
.dashboard-section-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:290px 1fr; gap:55px; align-items:center; }
.section-eyebrow { margin-bottom:13px; color:#718096; font-size:10px; font-weight:700; letter-spacing:3px; }
.dashboard-intro h2,.guided-copy h2 { margin:0 0 15px; color:#101c2c; font-family:"Manrope",sans-serif; font-size:42px; line-height:1.03; letter-spacing:-1.8px; }
.section-lead { margin:0; color:#566576; font-size:14px; line-height:1.6; }
.dashboard-benefits { margin:22px 0 26px; padding:0; list-style:none; }
.dashboard-benefits li { display:flex; align-items:center; gap:10px; margin:9px 0; color:#26384a; font-size:13px; }
.dashboard-benefits li span { width:19px; height:19px; display:flex; align-items:center; justify-content:center; flex:none; border-radius:50%; background:#17a7b7; color:#fff; font-size:11px; font-weight:700; }
.dashboard-start { width:165px; height:47px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-radius:24px; background:#152231; color:#fff; font-size:13px; font-weight:600; }

.dashboard-preview { min-width:0; min-height:410px; display:grid; grid-template-columns:155px 1fr; overflow:hidden; border:1px solid #dce3e8; border-radius:9px; background:#fff; box-shadow:0 14px 40px rgba(24,43,61,.09); }
.preview-sidebar { padding:18px 12px; border-right:1px solid #e5e9ed; background:#fbfcfd; }
.preview-brand { margin:0 6px 20px; color:#142338; font-family:"Manrope",sans-serif; font-size:20px; font-weight:800; letter-spacing:-1px; }
.preview-brand span { color:#2cb5d1; }
.preview-nav { display:flex; flex-direction:column; gap:3px; }
.preview-nav div { padding:8px 9px; display:flex; align-items:center; gap:8px; border-radius:5px; color:#435364; font-size:9px; }
.preview-nav div span { width:15px; text-align:center; font-size:12px; }
.preview-nav div.active { background:#20b5c3; color:#fff; }

.preview-main { min-width:0; padding:16px; }
.preview-topbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; color:#18283a; }
.preview-topbar strong { font-size:15px; }
.preview-topbar span { font-size:9px; }
.business-summary { min-height:62px; padding:10px; display:flex; align-items:center; gap:8px; border:1px solid #e4e8ec; border-radius:6px; }
.business-icon { width:38px; height:38px; display:flex; align-items:center; justify-content:center; flex:none; border-radius:5px; background:#edf5ff; color:#1766b0; font-size:21px; }
.business-details { min-width:145px; }
.business-details strong { display:block; margin-bottom:5px; color:#142338; font-size:12px; }
.business-details div { color:#74808d; font-size:8px; white-space:nowrap; }
.status-active,.status-state { padding:3px 8px; border-radius:10px; font-size:7px; font-weight:600; }
.status-active { background:#dff5e7; color:#178349; }
.status-state { background:#e6f2ff; color:#216cb4; }
.business-summary button { margin-left:auto; padding:7px 10px; border:1px solid #d8e0e7; border-radius:4px; background:#fff; color:#20364b; font-size:8px; font-weight:600; }

.preview-status-row { margin-top:12px; display:grid; grid-template-columns:1.5fr 1fr; gap:10px; }
.setup-progress,.next-up { padding:12px; border:1px solid #e5e9ed; border-radius:6px; }
.preview-card-heading { display:flex; justify-content:space-between; margin-bottom:9px; font-size:9px; }
.preview-card-heading span { color:#6f7c89; font-size:8px; }
.progress-track { height:8px; overflow:hidden; border-radius:10px; background:#e8eef1; }
.progress-value { width:80%; height:100%; border-radius:10px; background:#1eb1be; }
.next-up { display:flex; align-items:center; gap:9px; background:#fff9ef; }
.next-icon { color:#e79b17; font-size:21px; }
.next-up span,.next-up strong,.next-up small { display:block; }
.next-up span { color:#d99015; font-size:8px; }
.next-up strong { margin:2px 0; font-size:9px; }
.next-up small { color:#78828d; font-size:7px; }
.next-up b { margin-left:auto; }

.dashboard-tools { margin-top:11px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.dashboard-tool { min-height:69px; padding:9px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid #e7ebef; border-radius:6px; text-align:center; }
.dashboard-tool strong { color:#27394b; font-size:8px; }
.dashboard-tool b { position:absolute; right:7px; top:27px; color:#9aa5af; }
.tool-icon { font-size:19px; }
.tool-blue { color:#1474c4; }
.tool-purple { color:#7141ca; }
.tool-teal { color:#1598a4; }
.tool-gold { color:#e69c17; }
.tool-red { color:#d43a4b; }

/* GUIDED TASKS */
.guided-section { padding:75px 30px; background:#fff; border-top:1px solid #edf0f2; }
.guided-section-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; gap:75px; align-items:center; }
.guided-demo { overflow:hidden; border:1px solid #dfe5e9; border-radius:12px; background:#fff; box-shadow:0 18px 45px rgba(22,42,60,.10); }
.guided-demo-header { padding:20px 24px 15px; display:flex; justify-content:space-between; align-items:center; }
.guided-demo-header span { display:block; margin-bottom:4px; color:#71808f; font-size:8px; font-weight:700; letter-spacing:2px; }
.guided-demo-header strong { color:#15263a; font-family:"Manrope",sans-serif; font-size:17px; }
.guided-percent { color:#16a3b2; font-size:13px; font-weight:700; }
.guided-progress { height:5px; background:#edf1f3; }
.guided-progress div { width:30%; height:100%; background:#1eb4c2; }
.guided-question { padding:28px 35px 30px; }
.guided-step-label { margin-bottom:8px; color:#16a3b2; font-size:9px; font-weight:700; letter-spacing:1.5px; }
.guided-question h3 { margin:0 0 8px; color:#142338; font-family:"Manrope",sans-serif; font-size:23px; line-height:1.2; }
.guided-question>p { margin:0 0 20px; color:#657383; font-size:12px; line-height:1.55; }
.guided-choice { margin:8px 0; padding:13px 14px; display:flex; align-items:flex-start; gap:10px; border:1px solid #dfe5e9; border-radius:7px; cursor:pointer; }
.guided-choice.selected { border-color:#22acba; background:#f3fcfc; }
.guided-choice input { margin-top:3px; accent-color:#18a7b5; }
.guided-choice strong,.guided-choice small { display:block; }
.guided-choice strong { margin-bottom:3px; color:#27394a; font-size:11px; }
.guided-choice small { color:#7a8792; font-size:9px; }
.guided-buttons { margin-top:22px; display:flex; justify-content:space-between; }
.guided-buttons button { height:40px; padding:0 20px; border-radius:6px; font-family:"Inter",sans-serif; font-size:11px; font-weight:600; cursor:pointer; }
.guided-back { border:1px solid #d6dde3; background:#fff; color:#536271; }
.guided-next { border:0; background:#19acba; color:#fff; }

.guided-feature { margin-top:20px; display:flex; gap:14px; }
.guided-feature-number { width:30px; height:30px; display:flex; align-items:center; justify-content:center; flex:none; border:1px solid #cad5dd; border-radius:50%; color:#173047; font-size:12px; font-weight:700; }
.guided-feature strong { color:#1b2d40; font-size:13px; }
.guided-feature p { margin:4px 0 0; color:#687686; font-size:11px; line-height:1.5; }
.guided-cta { width:175px; height:46px; margin-top:26px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border-radius:23px; background:#142332; color:#fff; font-size:12px; font-weight:600; }

@media(max-width:900px) {
    .dashboard-section-inner,.guided-section-inner { grid-template-columns:1fr; }
    .dashboard-intro { max-width:600px; }
    .guided-copy { order:1; }
    .guided-demo { order:2; }
}

@media(max-width:650px) {
    .dashboard-section,.guided-section { padding:55px 20px; }
    .dashboard-section-inner,.guided-section-inner { gap:35px; }
    .dashboard-intro h2,.guided-copy h2 { font-size:35px; }
    .dashboard-preview { grid-template-columns:1fr; }
    .preview-sidebar { display:none; }
    .business-summary { flex-wrap:wrap; }
    .business-summary button { margin-left:46px; }
    .preview-status-row { grid-template-columns:1fr; }
    .dashboard-tools { grid-template-columns:1fr 1fr; }
    .guided-question { padding:24px 20px; }
}

.header-user-tools { display:flex; align-items:center; gap:8px; margin-left:8px; }
.header-notification,.header-account { position:relative; }
.header-icon-button,.header-account-button { height:44px; border:0; background:transparent; color:#fff; cursor:pointer; font-family:"Inter",Arial,sans-serif; }
.header-icon-button { position:relative; width:44px; display:flex; align-items:center; justify-content:center; }
.header-bell-icon { font-size:18px; line-height:1; }
.header-notification-badge { position:absolute; top:3px; right:2px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:#e83e49; color:#fff; font-size:9px; line-height:17px; font-weight:800; text-align:center; }
.header-account-button { display:flex; align-items:center; gap:9px; padding:0 5px; }
.header-avatar { display:flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:50%; background:#39b9ea; color:#fff; font-size:11px; font-weight:800; }
.header-avatar-large { width:42px; height:42px; flex:0 0 42px; font-size:14px; }
.header-account-name { font-size:13px; font-weight:600; }
.header-account-arrow { color:rgba(255,255,255,.75); font-size:12px; }
.header-dropdown { display:none; position:absolute; top:calc(100% + 13px); right:0; z-index:2000; background:#fff; border:1px solid #dfe4e7; border-radius:9px; box-shadow:0 12px 35px rgba(0,0,0,.14); color:#26343d; }
.header-dropdown.open { display:block; }
.header-account-menu { width:245px; padding:10px; }
.header-notification-menu { width:320px; padding:18px; }
.header-dropdown-title { margin-bottom:14px; color:#142330; font-family:"Manrope",Arial,sans-serif; font-size:17px; font-weight:800; }
.header-account-summary { display:flex; align-items:center; gap:12px; padding:8px; }
.header-account-summary strong { display:block; margin-bottom:3px; color:#142330; font-size:13px; }
.header-account-summary div span { display:block; max-width:160px; overflow:hidden; color:#7a858d; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.header-dropdown-divider { height:1px; margin:8px; background:#e7ebed; }
.header-account-menu > a { display:block; padding:10px; border-radius:5px; color:#445159; font-size:12px; font-weight:600; }
.header-account-menu > a:hover { background:#f3f6f7; color:#177f98; }
.header-notification-empty { padding:18px 5px; color:#7a858d; font-size:12px; text-align:center; }