:root{--accent:#07adcc;--ink:#262626;--muted:#646b71;--line:#dde4e6;--green:#67ba5c;--paper:#fff;--dark:#20282d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #03849c;outline-offset:5px;border-radius:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:14px;z-index:99}.skip-link:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line)}.brand{display:block;width:195px}.brand img{width:100%;height:auto;display:block}.header nav{display:flex;gap:32px;align-items:center;font-size:.875rem;font-weight:600}.header nav a:hover,.text-link:hover,footer a:hover{color:#037f96}.nav-login{display:flex;gap:10px;align-items:center;background:#f3f6f7;padding:12px 18px;border-radius:9px}.nav-login svg{width:18px;height:18px}.hero{padding:68px 0 28px;text-align:center;position:relative}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;line-height:1.6;margin-bottom:22px}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow>span{display:block;width:20px;height:2px;background:var(--accent)}h1{font-size:clamp(2.7rem,5.5vw,4.75rem);font-weight:750;letter-spacing:-.065em;line-height:1.07;margin-bottom:24px}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:1.125rem;line-height:1.7;margin-bottom:42px}.entry-layout{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:42px;align-items:center;text-align:left}.login-card{background:var(--dark);color:white;padding:28px 32px 24px;border-radius:20px;box-shadow:0 24px 55px -25px #123c4b66;position:relative;border-top:3px solid var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#b0bdc3;gap:12px;font-size:.6875rem;letter-spacing:.12em;font-weight:600;margin-bottom:24px}.card-top svg{color:var(--accent)}.login-card h2{font-size:2rem;letter-spacing:-.045em;line-height:1.16;margin-bottom:14px}.login-card p{color:#bec9ce;font-size:.9375rem;max-width:340px;margin-bottom:24px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;background:var(--accent);color:#10272c;font-weight:750;font-size:1rem;min-height:56px;padding:15px 24px;transition:background .2s,transform .2s,box-shadow .2s}.primary-button:hover{background:#34c3dc;transform:translateY(-2px);box-shadow:0 8px 22px #07adcc26}.primary-button svg{width:19px;height:19px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;font-size:.8125rem;color:#a4b2b9}.card-bottom a{color:#d8e6ec;text-decoration:underline;text-underline-offset:4px}.card-bottom a:hover{color:#34c3dc}.note-number{font-size:.6875rem;color:var(--muted);letter-spacing:.11em;font-weight:650;display:block;margin-bottom:18px}.side-note h2{font-size:1.375rem;line-height:1.25;letter-spacing:-.035em;margin-bottom:12px}.side-note p{font-size:.875rem;color:var(--muted);margin-bottom:22px}.caption{font-size:.75rem;color:var(--muted);display:block;margin-top:12px}.mini-bars{height:34px;background:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 3px,transparent 3px,transparent 7px);border-radius:3px;opacity:.7;mask-image:linear-gradient(to top,#000,transparent);max-width:190px}.channel-line{display:flex;gap:8px;flex-wrap:wrap}.channel-line span{font-size:.75rem;background:#eef7f8;border:1px solid #d9eff2;padding:8px 12px;border-radius:6px;color:#157286}.discover{display:inline-flex;align-items:center;gap:15px;font-size:.8125rem;color:var(--muted);padding:35px 12px 0}.discover span{font-size:1.2rem}.features{margin-top:42px;padding:80px 0 84px;background:#f4f7f8;border-top:1px solid #e6edef;border-bottom:1px solid #e6edef}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;align-items:end;margin-bottom:48px}.section-heading>.eyebrow{grid-column:1/-1;color:#16758a;margin-bottom:20px}.section-heading h2,.workflow h2{font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.055em;margin:0}.section-heading h2 span{color:var(--accent)}.section-heading>p:last-child{font-size:1rem;color:var(--muted);max-width:420px;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.feature-grid article{border-top:1px solid #cbd8dc;padding-top:24px;position:relative;display:flex;flex-direction:column}.feature-index{position:absolute;right:0;top:26px;font-size:.75rem;color:#7b858b}.feature-grid svg{color:#037f96;width:28px;height:28px;margin-bottom:28px}.feature-grid h3{font-size:1.0625rem;letter-spacing:-.025em;margin-bottom:12px}.feature-grid p{font-size:.9375rem;color:var(--muted);margin-bottom:24px}.feature-tag{margin-top:auto;color:#4a646e;font-size:.75rem}.workflow{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.workflow .eyebrow{color:#157286}.workflow h2 span{color:var(--accent)}.workflow>div>p:not(.eyebrow){max-width:360px;color:var(--muted);margin-top:22px;margin-bottom:20px}.text-link{font-size:.9375rem;border-bottom:2px solid var(--accent);padding-bottom:5px;font-weight:650}.workflow ol{padding:0;margin:10px 0 0;list-style:none}.workflow li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:25px 0}.workflow li:first-child{padding-top:0}.workflow li>span{font-size:.8125rem;color:#037f96;padding-top:5px}.workflow h3{font-size:1.125rem;letter-spacing:-.025em;margin-bottom:8px}.workflow li p{color:var(--muted);font-size:.9375rem;margin:0}.closing{background:#e7f7fa;border:1px solid #cfedf2;border-radius:16px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:70px}.closing p{font-size:1.5rem;letter-spacing:-.025em;line-height:1.4;margin:0;font-weight:400}.closing strong{font-weight:700}.closing .primary-button{width:230px}footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:28px 0 38px;font-size:.8125rem;color:var(--muted)}footer .brand{width:140px}footer p{margin:0 auto 0 0}.hero h1,.hero .lead,.entry-layout{animation:appear .65s ease both}.hero .lead{animation-delay:.08s}.entry-layout{animation-delay:.16s}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{padding-top:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.entry-layout{gap:22px;grid-template-columns:1fr 1.8fr 1fr}.login-card{padding:26px}.side-note h2{font-size:1.2rem}.caption{display:none}.feature-grid{grid-template-columns:repeat(2,1fr);gap:38px}.section-heading{gap:0 40px}.workflow{gap:50px}.header nav{gap:20px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{padding:24px 0}.brand{width:150px}.header nav>a:not(.nav-login){display:none}.nav-login{padding:10px 13px}.hero{padding-top:44px}.hero .eyebrow{font-size:.625rem;letter-spacing:.13em}h1{font-size:clamp(2.25rem,8vw,3.6rem);letter-spacing:-.055em}.lead{font-size:1rem;margin-bottom:30px}.entry-layout{grid-template-columns:1fr;gap:28px;max-width:440px;margin:auto}.login-card{grid-row:1;padding:26px}.login-card h2{font-size:1.9rem}.side-note{display:none}.features{margin-top:22px;padding:50px 0}.section-heading{display:block;margin-bottom:34px}.section-heading h2{margin-bottom:20px}.section-heading>.eyebrow{font-size:.625rem}.feature-grid{gap:32px 22px}.feature-grid h3{font-size:1rem}.feature-grid p{font-size:.875rem}.feature-tag{line-height:1.5}.workflow{grid-template-columns:1fr;padding:58px 0;gap:34px}.workflow h2{font-size:2.65rem}.workflow li{padding:22px 0}.closing{padding:26px;flex-direction:column;align-items:stretch;margin-bottom:42px}.closing p{font-size:1.375rem}.closing .primary-button{width:100%}footer{flex-wrap:wrap;gap:18px 24px;padding-bottom:30px}footer p{width:100%;order:4;font-size:.75rem}footer .brand{margin-right:auto;width:125px}}@media(max-width:360px){.brand{width:125px}.feature-grid{grid-template-columns:1fr}.login-card{padding:22px}.card-bottom{font-size:.75rem}.hero .eyebrow{letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}