/* Approved homepage teal and gold design. Scoped to the homepage. */
.home-redesign{--gold:#ffce5c;--cyan:#10c6d8;--ink:#002d37;color:#f5fbfc;background:#00323d;background-image:radial-gradient(ellipse at 80% 0%,#008c9a88,transparent 38%),linear-gradient(135deg,#003b46,#00252f 60%,#003945);font-family:Arial,Helvetica,sans-serif}
.home-redesign *{box-sizing:border-box}
.home-redesign .wrap{width:min(1320px,calc(100% - 64px));max-width:1320px;margin-inline:auto}
.home-redesign .nav{position:relative;background:transparent;border-bottom:1px solid #27b8c544;box-shadow:none}
.home-redesign .navin{padding:24px 0 18px;gap:20px;display:flex;flex-wrap:wrap;align-items:center}
.home-redesign .nav .brand .brand-banner{height:86px;max-width:260px;object-fit:contain}
.home-redesign .nav nav{width:100%}
.home-redesign .nav ul{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.home-redesign .nav nav a{font-size:14px;color:#eff9fb;text-decoration:none;white-space:nowrap}
.home-redesign .nav nav a[aria-current=page]{border-bottom:2px solid var(--gold);padding-bottom:8px}
.home-redesign .nav .nav-portal{border:1px solid var(--gold);border-radius:9px;padding:10px 16px;background:#00253077}
.home-redesign .workflow-shortcut{background:transparent;padding:16px 0 10px}
.home-redesign .workflow-shortcut .wrap{padding:0;min-height:0;background:transparent}
.home-redesign .workflow-destination{border-color:var(--cyan);background:#003340bb;color:white;padding:8px 14px}
.home-redesign .workflow-shortcut-copy{color:#ecf7fa;font-size:.85rem}
.home-redesign main{overflow:hidden}
.home-redesign .home-focus{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--cyan);border-radius:10px;background:#002a35ba;padding:17px 24px;margin:0 auto;color:#fff;font-size:13px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.home-redesign .home-focus a{color:inherit;text-decoration:none}
.home-redesign .home-focus a:hover{color:var(--gold)}
.home-redesign .home-focus i{font-style:normal;color:#b6f6f8}
.home-redesign .desk-hero{position:relative;padding:78px 0 48px;border-bottom:1px solid #25b7bf44}
.home-redesign .desk-hero:before{content:"";position:absolute;inset:-12px 0 auto;height:190px;background:url('/home-flow-20261015.svg') center/cover no-repeat;opacity:.7;pointer-events:none}
.home-redesign .desk-hero-grid{position:relative;display:grid;grid-template-columns:1.06fr 1fr;gap:38px;align-items:center}
.home-redesign h1{font-size:clamp(38px,4.6vw,65px);line-height:1.06;letter-spacing:-1.7px;margin:0 0 24px;font-weight:800;max-width:680px}
.home-redesign .gold{color:var(--gold)}
.home-redesign .gold-rule{width:80px;height:4px;background:linear-gradient(90deg,#ffe69a,#ba8419);border-radius:4px;margin:18px 0 22px}
.home-redesign .desk-hero-copy p{font-size:18px;line-height:1.6;color:#e0eef1;margin:0 0 28px;max-width:600px}
.home-redesign .desk-actions{display:flex;flex-wrap:wrap;gap:16px}
.home-redesign .desk-btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 22px;min-height:48px;border:1px solid #ffdf87;border-radius:9px;background:linear-gradient(120deg,#ffdf87,#f3c350 65%,#b1801d);color:#032330;text-decoration:none;font-size:16px;font-weight:700;box-shadow:0 6px 18px #00171c44;transition:filter .18s,transform .18s}
.home-redesign .desk-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.home-redesign .desk-btn.outline{background:#002f3a99;color:#fff;border-color:var(--gold)}
.home-redesign .desk-video-frame{border:2px solid var(--gold);border-radius:18px;overflow:hidden;box-shadow:0 15px 30px #001b2466;background:#00212a;position:relative}
.home-redesign .desk-video-frame video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}
.home-redesign .home-video-toggle{position:absolute;bottom:10px;right:10px;width:auto;min-width:0;font-size:12px;padding:5px 9px;border:1px solid #ffcf5c88;border-radius:5px;background:#002b38cc;color:white}
.home-redesign .desk-section{padding:38px 0;border-bottom:1px solid #25b7bf44}
.home-redesign h2{font-size:clamp(26px,2.7vw,36px);line-height:1.22;letter-spacing:-.6px;margin:0;font-weight:750;color:#f6fbfc}
.home-redesign .desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.home-redesign .desk-card{display:flex;flex-direction:column;position:relative;padding:22px 22px 24px;border:1px solid #08b9cb;border-radius:14px;background:linear-gradient(135deg,#00607255,#003341bb);text-decoration:none;color:#f4fafc;min-height:180px;box-shadow:inset 0 1px 0 #72e5ed15;transition:background .2s,transform .2s}
.home-redesign .desk-card:hover{background:linear-gradient(135deg,#007a8b66,#004552dd);transform:translateY(-3px)}
.home-redesign .desk-card-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.home-redesign .desk-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border:2px solid #ffe390;border-radius:13px;background:linear-gradient(130deg,#ffd967,#d29a28 70%,#976710);box-shadow:inset 1px 1px 3px #fff6}
.home-redesign .desk-icon svg{height:32px;width:32px;fill:none;stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-redesign .desk-card h3{font-size:20px;line-height:1.3;font-weight:700;color:#fff;margin:0}
.home-redesign .desk-card p{font-size:16px;line-height:1.5;color:#e0edf1;margin:0;padding-right:42px}
.home-redesign .desk-arrow{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:25px;line-height:1;position:absolute;right:18px;bottom:20px}
.home-redesign .desk-services h2{font-size:clamp(25px,2.5vw,33px)}
.home-redesign .desk-cta{margin-top:28px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #63d2da;border-radius:14px;background:#004351 url('/home-flow-20261015.svg') center bottom/cover no-repeat;min-height:158px}
.home-redesign .desk-cta p{font-size:17px;line-height:1.5;margin:12px 0 0;color:#e4f3f4}
.home-redesign .desk-cta .desk-btn{min-width:240px;flex-shrink:0}
.home-redesign .desk-footer{background:#002b36;border:0;padding:28px 0}
.home-redesign .desk-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.home-redesign .desk-footer img{width:200px;height:auto}
.home-redesign .desk-footer-links{display:flex;gap:14px 22px;flex-wrap:wrap;max-width:700px}
.home-redesign .desk-footer a{color:#d9eef2;font-size:13px;text-decoration:none}
.home-redesign .desk-footer a:hover{color:var(--gold)}
.home-redesign a:focus-visible{outline:2px solid #ffe390;outline-offset:5px}
@media(min-width:1600px){.home-redesign .desk-hero{padding-top:90px;padding-bottom:60px}}
@media(max-width:900px){.home-redesign .wrap{width:calc(100% - 36px)}.home-redesign .nav ul{justify-content:flex-start;gap:20px}.home-redesign .desk-hero-grid{gap:24px}.home-redesign .desk-grid{gap:14px}.home-redesign .desk-card{padding:18px}.home-redesign .desk-card-head{gap:12px}.home-redesign .desk-icon{width:48px;height:48px;flex-basis:48px}.home-redesign .desk-card h3{font-size:17px}.home-redesign .desk-card p{font-size:14px}.home-redesign .home-focus{font-size:10px;letter-spacing:1px;padding:14px;gap:10px}}
@media(max-width:650px){.home-redesign .navin{padding:18px 0}.home-redesign .nav .brand .brand-banner{height:66px}.home-redesign .nav ul{gap:16px}.home-redesign .nav nav a{font-size:12px}.home-redesign .workflow-shortcut .wrap{width:calc(100% - 28px)}.home-redesign .workflow-shortcut-logo{width:75px}.home-redesign .workflow-shortcut-copy{font-size:.75rem}.home-redesign .home-focus{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:10px;gap:14px}.home-redesign .home-focus i{display:none}.home-redesign .desk-hero{padding:45px 0 30px}.home-redesign .desk-hero-grid{grid-template-columns:1fr;gap:28px}.home-redesign h1{font-size:44px;letter-spacing:-1px}.home-redesign .desk-hero-copy p{font-size:16px}.home-redesign .desk-actions{gap:10px}.home-redesign .desk-btn{font-size:14px;padding:13px 16px}.home-redesign .desk-grid{grid-template-columns:1fr}.home-redesign .desk-card{min-height:160px}.home-redesign .desk-card h3{font-size:19px}.home-redesign .desk-card p{font-size:16px}.home-redesign .desk-section{padding:28px 0}.home-redesign .desk-cta{align-items:flex-start;flex-direction:column;padding:24px}.home-redesign .desk-cta .desk-btn{min-width:0;width:100%}.home-redesign .desk-footer .wrap{align-items:flex-start;flex-direction:column}.home-redesign .desk-footer img{width:160px}}
