@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102f59;--blue:#1d5da8;--blue2:#2e79c7;--pale:#eaf2fb;--ink:#142b45;--muted:#687b90;--line:#e3eaf2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(calc((100% - 1160px)/2),5.5%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;background:#fff}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-logo{height:48px;width:48px;object-fit:cover;object-position:center;border-radius:13px;box-shadow:0 5px 16px #102f5926;border:1px solid #e7eef7}.brand-wordmark{display:block}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.15px;color:#8191a3;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600;color:#53677d}.topbar nav a:hover{color:var(--blue)}.topbar nav .nav-cta span{font-size:16px;margin-left:8px}.nav-cta{background:var(--navy);color:white!important;padding:12px 20px;border-radius:8px}.hero{min-height:580px;background:linear-gradient(115deg,#102f59 0%,#17477f 62%,#2466a5 100%);color:#fff;padding:88px max(calc((100% - 1160px)/2),5.5%);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#c8d9eb;display:inline-flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#70b7f5;box-shadow:0 0 0 4px #ffffff18}.hero h1,.login-aside h1{font:800 clamp(42px,5vw,62px)/1.12 Manrope,sans-serif;letter-spacing:-2.8px;margin:22px 0}.hero h1 span,.login-aside h1 span{color:#9bc9f5}.hero-copy>p{max-width:510px;color:#d3e1ef;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:14px 20px;border-radius:8px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.06)}.button-light{background:white;color:var(--navy)}.button span{font-size:18px}.text-link{font-size:12px;color:#e0ebf7;font-weight:600}.hero-note{margin-top:42px;font-size:11px;color:#c4d7e9}.lock{font-size:18px;margin-right:7px}.hero-art{position:relative;min-height:390px;display:grid;place-items:center}.glow{position:absolute;width:390px;height:390px;border-radius:50%;background:#6eadeb26;filter:blur(30px)}.cloud-card{position:relative;width:min(100%,390px);background:white;color:var(--ink);border-radius:18px;padding:25px 27px;box-shadow:0 30px 80px #061b354c;transform:rotate(1.5deg)}.cloud-top{display:flex;justify-content:space-between;align-items:center}.tiny-brand{background:var(--navy);color:white;padding:7px 9px;border-radius:7px;font-weight:800;font-size:11px}.online-dot{font-size:9px;color:#43876d;font-weight:700}.cloud-icon{font-size:58px;color:#347ec1;text-align:center;margin:24px 0 3px}.cloud-card h3{text-align:center;font:800 18px Manrope;margin:0}.cloud-card>p{text-align:center;font-size:11px;color:var(--muted);line-height:1.6;margin:9px 0 23px}.fake-files>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:9px}.file-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px}.file-icon.blue{background:#e8f2fc;color:#2368aa}.file-icon.pale{background:#edf3fa;color:#6685a5}.fake-files b,.fake-files small{display:block}.fake-files b{font-size:10px}.fake-files small{font-size:9px;color:#8998a8;margin-top:4px}.chevron{margin-left:auto;color:#8ba0b5}.card-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:8px;letter-spacing:1px;color:#8a9bae;font-weight:700}.floating{position:absolute;background:#fff;color:#244568;padding:12px 16px;border-radius:10px;box-shadow:0 12px 35px #071c3735;font-size:16px}.floating span{font-size:10px;font-weight:700;margin-left:7px}.floating-one{top:28px;right:-8px}.floating-two{bottom:26px;left:-12px}.trust-strip{padding:25px max(calc((100% - 1050px)/2),5.5%);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.trust-strip div{display:flex;flex-direction:column;gap:5px}.trust-strip b{font-size:12px}.trust-strip span{font-size:11px;color:var(--muted)}.section{padding:90px max(calc((100% - 1100px)/2),5.5%)}.section-heading{text-align:center;max-width:600px;margin:0 auto 42px}.blue-eyebrow{color:var(--blue);}.section-heading h2,.security-section h2{font:800 36px/1.2 Manrope,sans-serif;letter-spacing:-1.4px;margin:15px 0}.section-heading h2 span,.security-section h2 span{color:var(--blue2)}.section-heading p,.security-section p{font-size:14px;line-height:1.8;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.dash-card{border:1px solid var(--line);border-radius:13px;padding:27px;background:#fff;box-shadow:0 8px 25px #193b5c08}.feature-icon{width:43px;height:43px;border-radius:11px;background:#eaf3fc;color:#2368aa;display:grid;place-items:center;font-size:22px}.feature-card h3,.dash-card h3{font:700 16px Manrope;margin:21px 0 9px}.feature-card p,.dash-card p{font-size:12px;line-height:1.75;color:var(--muted);min-height:63px}.feature-tag{font-size:9px;letter-spacing:1px;color:#3974ac;font-weight:700}.security-section{background:#f4f8fc;padding:75px max(calc((100% - 1100px)/2),5.5%);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.security-section h2{font-size:34px}.security-list>div{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid #dce6f0}.security-list>div>b{font:800 13px Manrope;color:#5d94c7}.security-list strong,.security-list small{display:block}.security-list strong{font-size:13px}.security-list small{font-size:11px;color:var(--muted);margin-top:6px}.button-outline{border:1px solid #cbd9e8;color:var(--navy);background:#fff;margin-top:13px}.bottom-cta{background:var(--navy);color:#fff;padding:35px max(calc((100% - 1100px)/2),5.5%);display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-cta h2{font:700 21px Manrope;margin:0 0 7px}.bottom-cta p{font-size:12px;color:#c7d8e9;margin:0}.footer{background:#0b2443;color:#fff;padding:35px max(calc((100% - 1100px)/2),5.5%)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:15px}.footer-brand .brand-logo{height:42px;width:42px;border-color:#ffffff35}.footer p,.footer-inner>span{font-size:10px;color:#a9bed3}.login-wrap{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:#f4f7fb}.login-aside{background:linear-gradient(145deg,#102f59,#1d5b99);color:white;padding:100px max(9%,calc((100vw - 1100px)/2));display:flex;flex-direction:column;justify-content:center}.login-aside h1{font-size:48px}.login-aside>p{font-size:14px;line-height:1.8;color:#d3e1ef;max-width:400px}.login-aside-foot{margin-top:65px;font-size:11px;color:#c2d8ed}.login-panel{display:grid;place-items:center;padding:55px 30px}.login-panel-inner{width:min(100%,390px)}.login-symbol{width:76px;height:76px;object-fit:cover;border-radius:18px;box-shadow:0 10px 28px #123b7026;margin-bottom:25px}.login-panel h2{font:800 31px Manrope;letter-spacing:-1px;margin:10px 0}.muted{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:27px}.login-panel label{display:block;font-size:11px;font-weight:700;margin:17px 0 8px}.input-wrap{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce5ef;border-radius:8px;padding:0 13px}.input-wrap:focus-within{border-color:#4788c6;box-shadow:0 0 0 3px #4788c61a}.input-wrap>span{color:#8095aa}.input-wrap input{border:0;outline:0;width:100%;height:47px;font:12px 'DM Sans';color:var(--ink);background:transparent}.input-wrap input::placeholder{color:#a4b0bd}.full-button{width:100%;margin-top:24px;background:var(--navy);color:white}.login-help{text-align:center;border-top:1px solid var(--line);margin-top:27px;padding-top:20px;font-size:10px;color:#526a82;line-height:1.8}.login-help small{color:#91a0af}.small-lock{font-size:14px}.back-home{display:block;text-align:center;margin-top:22px;font-size:11px;color:var(--blue);font-weight:700}.alert{padding:12px 14px;background:#fff0f0;color:#a83232;border:1px solid #f3d1d1;border-radius:8px;font-size:11px;line-height:1.5}.dashboard{max-width:1100px;margin:0 auto;padding:65px 25px 90px;min-height:570px}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.dash-heading h1{font:800 32px Manrope;margin:12px 0 5px}.dash-heading p{color:var(--muted);font-size:13px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-card{margin-top:25px;padding:23px;border:1px solid var(--line);border-radius:12px;font-size:12px}.account-card p{color:var(--muted)}
@media(max-width:800px){.topbar{padding:0 5%;height:70px}.topbar nav{gap:13px;font-size:11px}.topbar nav a:first-child,.topbar nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:65px 7%;gap:20px}.hero h1{font-size:47px}.hero-art{min-height:350px}.cloud-card{max-width:360px}.floating-one{right:0}.floating-two{left:0}.trust-strip{padding:22px 7%;flex-wrap:wrap}.trust-strip div{width:44%}.section{padding:65px 7%}.feature-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.security-section{grid-template-columns:1fr;gap:30px;padding:60px 7%}.bottom-cta{padding:30px 7%;align-items:flex-start;flex-direction:column}.footer{padding:30px 7%}.footer-inner{align-items:flex-start;flex-direction:column}.login-wrap{grid-template-columns:1fr}.login-aside{padding:55px 8%}.login-aside h1{font-size:40px}.login-aside-foot{margin-top:30px}.login-panel{padding:50px 8%}.dash-grid{grid-template-columns:1fr}.dash-heading{align-items:flex-start;gap:15px;flex-direction:column}}

/* HB CLOUD brand refinements */
.brand-wordmark{line-height:1.1}.brand-wordmark b{color:#2877c8}.hero{background:radial-gradient(circle at 78% 20%,#347fc7 0,transparent 32%),linear-gradient(115deg,#092b59 0%,#104987 58%,#1e69b5 100%)}.hero-art:before{content:'';position:absolute;inset:4% 2%;background:url('/assets/hb-cloud-logo.jpg') center/cover no-repeat;opacity:.13;filter:blur(1px);border-radius:30px}.cloud-card{backdrop-filter:blur(10px)}.login-aside{background:radial-gradient(circle at 15% 15%,#2e78bd 0,transparent 35%),linear-gradient(145deg,#092b59,#15579a)}.button-primary{background:linear-gradient(100deg,#103b72,#236fba)}.feature-card{transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #193b5c12}
@media(max-width:800px){.brand-logo{height:42px;width:42px}.brand-wordmark{font-size:16px}.footer-brand .brand-logo{height:40px;width:40px}}