.eb{font:600 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#2E93B0;display:inline-flex;gap:10px;align-items:center}
.eb:before{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,#2E93B0)}
.login{padding:34px}
.login h3{font-size:24px}
.login .s{color:var(--mut);font-size:14px;margin:6px 0 22px}
.in{display:flex;align-items:center;gap:10px;background:rgba(30,42,54,.95);border:1px solid rgba(30,42,54,.18);border-radius:11px;padding:0 14px;height:46px;color:var(--dim);font-size:14.5px;transition:.2s}
.in svg{width:16px;height:16px}
.in.f{border-color:#2E93B0;box-shadow:0 0 0 4px rgba(59,169,200,.18);color:#2B3742}
.ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(59,169,200,.25),rgba(59,169,200,.06));border:1px solid rgba(59,169,200,.3);color:#1F6F87;margin-bottom:22px}
.ico svg{width:20px;height:20px}
.eb{color:var(--o2)}
.eb:before{background:linear-gradient(90deg,transparent,var(--o))}
.in{background:#fff;border:1px solid rgba(30,42,54,.15);color:var(--dim)}
.in.f{border-color:var(--b);box-shadow:0 0 0 4px rgba(59,169,200,.16);color:var(--ink)}
.ico{background:linear-gradient(180deg,rgba(255,80,0,.12),rgba(255,80,0,.04));border:1px solid rgba(255,80,0,.22);color:var(--o2)}
/* ===== v4 premium imagery ===== */
.vis{position:relative;min-height:560px;perspective:1200px}
.vis .ph{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 50px 90px -40px rgba(30,42,54,.55),0 0 0 1px rgba(255,255,255,.6) inset;background:#dfeaf0}
.vis .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.vis .ph:hover img{transform:scale(1.06)}
.vis .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,80,0,0) 45%,rgba(255,80,0,.28) 100%),linear-gradient(0deg,rgba(30,42,54,.35),rgba(30,42,54,0) 45%);pointer-events:none}
.vis .ph.b::after{background:linear-gradient(200deg,rgba(59,169,200,0) 40%,rgba(49,140,166,.45) 100%)}
.vis .m{inset:0 0 70px 70px}
.vis .s{width:44%;height:52%;left:0;bottom:0;border:6px solid #fff;z-index:2;animation:flt 7s ease-in-out infinite}
.vis .blob{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(50px);z-index:-1}
.vis .blob.o{background:#FF5000;opacity:.28;right:-40px;top:-30px}
.vis .blob.c{background:#4BC1DB;opacity:.35;left:-30px;bottom:-30px}
.glass{position:absolute;z-index:3;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:14px 18px;box-shadow:0 24px 50px -24px rgba(30,42,54,.5);display:flex;gap:12px;align-items:center;max-width:270px;animation:flt 6s ease-in-out infinite}
.glass b{display:block;font-size:22px;line-height:1.1;color:#1E2A36;letter-spacing:-.02em}
.glass span{font-size:12.5px;color:#5B6672;line-height:1.35;display:block}
.glass .gi{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#FF5000,#C23A00)}
.glass .gi.bl{background:linear-gradient(135deg,#4BC1DB,#318CA6)}
.glass .gi svg{width:20px;height:20px}
.glass.tr{top:28px;right:-18px;animation-delay:-2s}
.glass.ml{top:40%;left:-10px}
.glass.br{right:14px;bottom:20px;animation-delay:-4s}
.reveal{animation:rev 1.1s cubic-bezier(.2,.7,.2,1) both}
@media(max-width:900px){.vis{min-height:440px;margin:0 6px}.vis .m{inset:0 0 50px 40px}.glass.tr{right:-4px;top:14px}.glass{max-width:220px;padding:10px 14px}.glass b{font-size:18px}}
.glass.tl{top:46px;left:20px;animation-delay:-2s}
@media(max-width:900px){.glass.tl{left:0;top:10px}}
@media(max-width:900px){.glass.br{right:0;bottom:8px;max-width:200px}}
.tg .sw{width:40px;height:22px;border-radius:99px;background:#D5DEE4;position:relative;transition:.3s}
.tg .sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.3s}
.tg input:checked+.sw{background:linear-gradient(90deg,#FF5000,#E64A00)}
.tg input:checked+.sw::after{left:21px}
.ordv{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#69737E;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.ordv::before,.ordv::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#3BA9C8,transparent)}
.soc{display:grid;gap:10px}
.soc .btn{justify-content:center;gap:10px;background:#fff;border:1px solid #DCE6EC;color:#1E2A36;font-weight:600}
.soc .btn:hover{border-color:#4BC1DB;box-shadow:0 8px 24px -10px rgba(59,169,200,.6)}
.pnote{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:0 0 18px;border-radius:14px;background:linear-gradient(135deg,rgba(255,80,0,.09),rgba(75,193,219,.12));border:1px solid rgba(255,80,0,.28);font-size:13.5px}
.pnote svg{width:20px;height:20px;color:#E64A00;flex:none;margin-top:2px}
.pnote b{display:block;color:#1E2A36;margin-bottom:3px}
.pnote span{color:#45525E}
.first{max-width:460px;margin-top:18px;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid rgba(59,169,200,.35);font-size:14px}
.first b{color:#1F6F87}
.first ol{margin:8px 0 0;padding-left:20px;color:#45525E}
.first li{margin:3px 0}
.mdl{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px}
.mdl:target{display:grid}
.mbg{position:absolute;inset:0;background:rgba(30,42,54,.45);backdrop-filter:blur(6px)}
.mbox{position:relative;max-width:440px;width:100%;padding:34px;background:#fff;border-radius:24px;box-shadow:0 40px 90px -30px rgba(30,42,54,.6),0 0 0 6px rgba(75,193,219,.18);animation:pop .35s cubic-bezier(.2,.8,.2,1)}
.mbox h3{margin:12px 0 8px;font-size:22px}
.mbox p{color:#45525E;margin:6px 0;font-size:15px}
.mx{position:absolute;top:14px;right:18px;font-size:26px;color:#69737E;text-decoration:none}
@keyframes flt{50%{transform:translateY(-12px)}}
@keyframes rev{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.94)}}
.in input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:100%;font:inherit;color:#1E2A36;padding:0}
.login label{font-weight:600;font-size:14px;color:#1E2A36;margin-bottom:6px;display:block}
.login .tg{font-weight:500}
.vh{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tg input:focus-visible+.sw{outline:2px solid #3BA9C8;outline-offset:2px}
.lerr{max-width:460px;margin-top:22px;padding:12px 16px;border-radius:12px;background:#FDECEA;border:1px solid #F5C2BC;color:#9B2C1F;font-size:14px}
/* phones: keep the floating chat bubble off the Login button */
[data-ithinq-chat]{transition:opacity .25s ease!important}
body.gvd-btn-low [data-ithinq-chat]{opacity:0!important;pointer-events:none!important}
@media(max-width:900px){.login{padding:26px 20px}}

/* 2026-11-01v: keep hero headline clear of the sticky header */
html{scroll-padding-top:96px}
.hero{scroll-margin-top:96px}
.hero h1{position:relative;z-index:0}
@media(max-width:900px){html{scroll-padding-top:84px}}