/* Source: 30NICE_B01_Header_Hero_v3.html; selectors isolated to b01 */

.b01{--navy:#0B1E3F;--blue:#087DFF;--cyan:#00D5FF;--purple:#7B61FF;--green:#22C55E;--orange:#FF8A00;--pink:#FF4D6D;--bg:#F6F9FD;--white:#FFF;--border:#E5ECF6;--muted:#94A3B8;--text:#334155;--heading:#0F172A;--font:"Be Vietnam Pro",system-ui,sans-serif}
.b01 *, .b01 *:before, .b01 *:after{box-sizing:border-box}.b01{scroll-behavior:smooth}.b01{margin:0;background:var(--bg);color:var(--heading);font-family:var(--font);-webkit-font-smoothing:antialiased}.b01 button, .b01 input, .b01 textarea{font:inherit}.b01 button{cursor:pointer}.b01 a{color:inherit;text-decoration:none}.b01 button:focus-visible, .b01 a:focus-visible, .b01 input:focus-visible, .b01 textarea:focus-visible{outline:3px solid #00D5FF;outline-offset:3px}
.b01{min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 58% 72% at 84% 39%,#c4ddff96,transparent 82%),radial-gradient(ellipse 60% 60% at 38% 18%,#f8fbff,transparent 83%),linear-gradient(122deg,#f6f9fd 0%,#eef5ff 52%,#dbeeff 100%)}
.b01:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse 37% 25% at 87% 84%,#76bdff38,transparent 90%)}
.b01 .wrap{max-width:1540px;margin:auto;padding:0 clamp(22px,3.9vw,64px)}
.b01 .header{height:106px;display:flex;gap:28px;align-items:center;justify-content:space-between;position:relative;z-index:20}
.b01 .brand{width:clamp(208px,22vw,305px);flex-shrink:0;display:flex;align-items:center}.b01 .brand img{width:100%;height:auto;display:block}
.b01 .nav{display:flex;gap:clamp(13px,2vw,33px);align-items:center;margin-left:auto;white-space:nowrap}.b01 .nav>a, .b01 .nav .nav-dropdown-trigger{font-size:13px;font-weight:700;color:var(--navy);border:0;background:none;padding:12px 0;transition:color .2s}.b01 .nav>a:hover, .b01 .nav .nav-dropdown-trigger:hover{color:var(--blue)}
.b01 .nav>a.active{border-radius:100px;background:linear-gradient(115deg,#00bbff,#0055dc);color:white;padding:13px 19px;box-shadow:0 8px 18px #087dff35}.b01 .nav>a.active:hover{filter:brightness(1.07)}
.b01 .nav-drop{position:relative}.b01 .nav-dropdown-trigger{display:flex;align-items:center;gap:8px}.b01 .nav-dropdown-trigger svg{width:14px;height:14px;transition:transform .2s}.b01 .nav-drop.open .nav-dropdown-trigger svg{transform:rotate(180deg)}
.b01 .dropdown{position:absolute;top:calc(100% + 15px);left:-40px;min-width:348px;background:#ffFFfff5;border:1px solid var(--border);box-shadow:0 22px 70px #0b1e3f22;border-radius:18px;padding:12px;display:none;backdrop-filter:blur(15px)}.b01 .nav-drop.open .dropdown{display:grid;grid-template-columns:1fr 1fr;gap:4px}.b01 .dropdown button{background:transparent;border:0;text-align:left;padding:12px;border-radius:10px;font-size:12px;color:var(--navy);font-weight:700}.b01 .dropdown button:hover{background:#eef7ff;color:#0064e8}.b01 .dropdown button small{display:block;color:#71849b;font-size:10px;font-weight:500;margin-top:4px}
.b01 .nav-actions{display:flex;align-items:center;gap:16px;margin-left:8px}.b01 .icon-circle{width:43px;height:43px;border:1px solid #c7ddff;background:#f9fcffbc;box-shadow:0 5px 14px #0065cc16;border-radius:50%;display:grid;place-items:center;color:var(--navy);transition:.2s}.b01 .icon-circle:hover{background:#e3f2ff;transform:translateY(-2px)}.b01 .icon-circle svg{width:21px;height:21px}
.b01 .primary-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;background:linear-gradient(120deg,#00aeff 0%,#086bea 48%,#0349c8 100%);box-shadow:0 9px 17px #0c78e12b, inset 0 1px #ffffff70;color:white;border-radius:13px;padding:16px 24px;font-size:14px;line-height:1.2;font-weight:800;white-space:nowrap;transition:transform .22s,box-shadow .22s,filter .22s}.b01 .primary-btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px #087dff40;filter:saturate(1.15)}.b01 .primary-btn svg{width:19px;height:19px}.b01 .top-cta{padding:14px 20px;border-radius:12px;font-size:12px}
.b01 .hamburger{display:none}
.b01 .hero{position:relative;display:grid;grid-template-columns:43% 57%;min-height:626px;align-items:center;padding-top:5px;padding-bottom:100px}
.b01 .hero-content{position:relative;z-index:4;max-width:705px;padding:42px 0 0}
.b01 .eyebrow{display:inline-flex;gap:11px;align-items:center;padding:10px 17px;border-radius:99px;color:#075bc5;background:linear-gradient(110deg,#e6f2ffb8,#d1e4ffad);border:1px solid #c8ddff;box-shadow:0 6px 12px #087dff12;font-size:clamp(9px,.9vw,12px);font-weight:800;white-space:nowrap;letter-spacing:.1px}.b01 .eyebrow svg{width:21px;height:21px;color:#00aaff}
.b01 h1{font-size:clamp(34px,3.5vw,56px);letter-spacing:-1.95px;line-height:1.25;margin:25px 0 21px;font-weight:900;color:var(--navy)}.b01 h1 .accent{font-style:italic;color:#056de7;background:linear-gradient(100deg,#0755dc 15%,#00cfee 100%);background-clip:text;-webkit-text-fill-color:transparent;position:relative;white-space:nowrap}.b01 h1 .accent:after{content:"";position:absolute;bottom:-8px;left:15%;width:86%;height:4px;border-radius:50%;transform:rotate(-2deg);background:linear-gradient(90deg,#1d96ff,#75eef4)}
.b01 .lead{font-size:clamp(13px,1.07vw,16px);line-height:1.83;color:#20385b;font-weight:500;max-width:630px;margin:0 0 28px}.b01 .hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.b01 .outline-btn{display:inline-flex;align-items:center;gap:11px;border:1.4px solid #abc7ef;background:#ffffffb0;color:var(--navy);box-shadow:0 4px 15px #0b1e3f0a;border-radius:13px;padding:15px 21px;font-size:14px;line-height:1.2;font-weight:800;transition:.2s}.b01 .outline-btn:hover{background:white;border-color:#087dff;transform:translateY(-2px)}.b01 .outline-btn svg{width:21px;height:21px}
.b01 .trust{margin-top:28px;display:flex;gap:clamp(12px,2vw,30px);align-items:center;flex-wrap:wrap;font-size:clamp(10px,.88vw,12px);font-weight:600;color:#183456}.b01 .trust span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.b01 .trust svg{width:17px;height:17px;color:#00b850;stroke-width:3}
.b01 .hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;z-index:2;pointer-events:none}.b01 .hero-art:after{content:"";position:absolute;inset:15% 5% 7%;background:radial-gradient(ellipse at 53% 60%,#00d5ff36,transparent 67%);filter:blur(30px);z-index:-1}.b01 .hero-art img{width:128%;max-width:none;height:auto;object-fit:contain;display:block;transform:translate(4%,3%);filter:drop-shadow(0 20px 25px #087dff13);animation:float 8s ease-in-out infinite}.b01 .bottom-wave{position:absolute;inset:auto 0 0;z-index:0;height:130px;overflow:hidden;pointer-events:none}.b01 .bottom-wave svg{display:block;width:100%;height:100%}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.b01 .search-overlay{position:absolute;z-index:40;right:clamp(22px,3.9vw,64px);top:90px;width:min(440px,calc(100% - 44px));display:none;background:white;border:1px solid var(--border);box-shadow:0 16px 45px #0b1e3f23;padding:16px;border-radius:16px}.b01 .search-overlay.open{display:block}.b01 .search-overlay input{width:100%;border:1px solid #cddff4;border-radius:9px;padding:12px 14px;font-size:13px}.b01 .search-results{margin-top:10px}.b01 .search-results button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px;font-size:12px;color:var(--navy)}.b01 .search-results button:hover{background:#eaf4ff}
.b01 .modal-backdrop{position:fixed;z-index:99;inset:0;display:none;place-items:center;background:#071a36a8;padding:20px;backdrop-filter:blur(6px)}.b01 .modal-backdrop.open{display:grid}.b01 .modal{width:min(530px,100%);background:#fff;border-radius:22px;padding:27px;box-shadow:0 30px 85px #0004;position:relative}.b01 .modal h2{margin:0 0 9px;color:var(--navy);font-size:23px}.b01 .modal p{font-size:13px;line-height:1.7;color:var(--text);margin:0 0 18px}.b01 .modal label{display:block;margin:12px 0 6px;font-size:12px;font-weight:750}.b01 .modal input, .b01 .modal textarea{display:block;width:100%;border:1px solid #c8d7ee;border-radius:10px;padding:12px 13px;font-size:13px;color:#173252;background:white}.b01 .modal textarea{min-height:88px;resize:vertical}.b01 .modal .primary-btn{width:100%;margin-top:17px}.b01 .modal .close{position:absolute;right:14px;top:14px;border:0;border-radius:50%;width:32px;height:32px;background:#edf4ff;color:var(--navy);font-size:21px}.b01 .status{font-size:12px;color:#075bc5;margin-top:10px;min-height:18px}
.b01 .mobile-menu{display:none}
@media (max-width:1260px){.b01 .header{gap:14px}.b01 .nav{gap:13px}.b01 .nav>a, .b01 .nav .nav-dropdown-trigger{font-size:11.5px}.b01 .brand{width:220px}.b01 .nav-actions{gap:9px}.b01 .top-cta{padding:12px 13px}.b01 .hero{grid-template-columns:44% 56%}.b01 .hero-art img{width:128%}.b01 h1{font-size:clamp(34px,3.45vw,46px)}}
@media (max-width:1010px){.b01 .header{height:88px}.b01 .nav, .b01 .top-cta{display:none}.b01 .brand{width:250px}.b01 .nav-actions{margin-left:auto}.b01 .hamburger{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;border:1px solid #cbdff9;background:#fff9;color:var(--navy)}.b01 .hamburger svg{width:22px;height:22px}.b01 .mobile-menu{position:absolute;top:78px;left:20px;right:20px;z-index:30;display:none;flex-direction:column;border:1px solid var(--border);background:#fffe;backdrop-filter:blur(20px);box-shadow:0 20px 35px #0b1e3f24;padding:14px;border-radius:16px}.b01 .mobile-menu.open{display:flex}.b01 .mobile-menu a, .b01 .mobile-menu button{border:0;background:transparent;text-align:left;border-radius:8px;padding:11px 12px;font-size:13px;font-weight:700;color:var(--navy)}.b01 .mobile-menu a:hover, .b01 .mobile-menu button:hover{background:#eff7ff}.b01 .mobile-menu .primary-btn{color:white;justify-content:center;background:linear-gradient(110deg,#07a7fc,#0454d5)}.b01 .hero{grid-template-columns:47% 53%;min-height:610px;padding-bottom:70px}.b01 .hero-content{padding-top:0}.b01 .hero-art img{width:145%;transform:translate(5%,4%)}.b01 h1{font-size:clamp(32px,4.1vw,42px)}.b01 .lead{font-size:13px}.b01 .trust{gap:12px}}
@media (max-width:710px){.b01{min-height:0}.b01 .wrap{padding:0 20px}.b01 .header{height:76px}.b01 .brand{width:min(240px,55vw)}.b01 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:25px;padding-bottom:80px}.b01 .hero-content{max-width:none;padding-top:10px}.b01 .eyebrow{font-size:9px;letter-spacing:0;padding:9px 12px}.b01 h1{font-size:clamp(30px,7.5vw,43px);line-height:1.25;letter-spacing:-1.3px;margin:21px 0}.b01 .lead{font-size:13px;line-height:1.75;margin-bottom:21px}.b01 .hero-ctas{gap:10px}.b01 .primary-btn, .b01 .outline-btn{font-size:12px;padding:14px 15px}.b01 .trust{font-size:10px;margin-top:19px;column-gap:15px;row-gap:9px}.b01 .hero-art{min-height:325px;margin:0 -18px -35px;align-items:center}.b01 .hero-art img{width:113%;transform:translate(0,0)}.b01 .bottom-wave{height:75px}.b01 .search-overlay{top:70px;right:20px}}
@media (max-width:390px){.b01 .brand{width:200px}.b01 .icon-circle{width:38px;height:38px}.b01 .hamburger{width:40px;height:40px}.b01 .hero-art{min-height:275px}.b01 .hero-ctas .primary-btn, .b01 .hero-ctas .outline-btn{width:100%;justify-content:center}.b01 h1{font-size:30px}}
@media (prefers-reduced-motion:reduce){.b01{scroll-behavior:auto}.b01 .hero-art img{animation:none}.b01 .primary-btn, .b01 .outline-btn, .b01 .icon-circle{transition:none}}