html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:#f7f8fa}body{font-family:Hanken Grotesk,sans-serif;color:#1a2233}a{color:#143257}a:hover{color:#0e2440}.wrap{max-width:1140px;margin:0 auto;padding-left:32px;padding-right:32px}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.brand b{font-size:21px;font-weight:700;letter-spacing:-.4px;color:#1a2233}.nav .sp{flex:1}.navlink{font-size:14.5px;font-weight:600;color:#52607a;text-decoration:none}.navlink:hover{color:#52607a}.cta{height:40px;padding:0 18px;border-radius:11px;background:#143257;color:#fff;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;box-shadow:0 4px 12px #14325740}.cta:hover{color:#fff}.hero{padding-top:64px;padding-bottom:40px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;overflow-x:clip}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:#143257;margin-bottom:18px}h1{margin:0;font-size:54px;line-height:1.1;font-weight:800;letter-spacing:-1px}h1 em{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;background:linear-gradient(115deg,#f2854e,#e82366);-webkit-background-clip:text;background-clip:text;color:transparent}.rotator{display:inline-grid;text-align:left;vertical-align:top}.rotator span{grid-area:1 / 1;white-space:nowrap;animation:heroWord 7.5s ease-in-out infinite backwards}.rotator span:nth-child(2){animation-delay:2.5s}.rotator span:nth-child(3){animation-delay:5s}.sub{font-size:18px;line-height:1.6;color:#52607a;max-width:470px;margin:22px 0 30px}.badges{display:flex;align-items:center;gap:12px}.badge{text-decoration:none;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 18px 0 15px;border-radius:12px;background:#0b0f14;color:#fff}.badge:hover{color:#fff}.badge.dim{opacity:.55;pointer-events:none}.badge .s{display:block;font-size:10px;opacity:.8;line-height:1.2}.badge .l{display:block;font-size:17px;font-weight:700;line-height:1.15}.soon{height:26px;padding:0 11px;border-radius:9999px;background:#1432571a;color:#143257;font-size:12px;font-weight:700;display:inline-flex;align-items:center}.hero-note{font-size:13px;color:#8a96a8;margin-top:14px}.scene{position:relative;display:flex;justify-content:center;min-height:640px;align-items:center}.scene .glow{position:absolute;width:100%;max-width:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#f2854e33,#e823661a 62%,#e8236600)}.scene .dash{position:absolute;inset:0;width:100%;height:100%}.scene .dash path{animation:heroDash 7s linear infinite}.phone{width:330px;display:block;position:relative;filter:drop-shadow(0 34px 60px rgba(15,25,45,.28));animation:heroFloat 9s ease-in-out infinite}.chip{position:absolute;background:#fff;box-shadow:0 12px 34px #0f192d2e}.chip.scans{top:96px;right:26px;border-radius:12px;padding:9px 14px;text-align:center;animation:heroFloat 5.5s ease-in-out .6s infinite}.chip.scans .n{font-size:17px;font-weight:700;color:#143257}.chip.scans .t{font-size:9px;font-weight:700;letter-spacing:.8px;color:#8a96a8}.chip.mail{bottom:118px;left:10px;border-radius:9999px;padding:8px 15px;display:flex;align-items:center;gap:8px;animation:heroFloat 6.5s ease-in-out 1.4s infinite}.chip.mail .dot{width:8px;height:8px;border-radius:50%;background:#1a8a4a}.chip.dpi{top:236px;left:-26px;border-radius:12px;padding:8px 13px;display:flex;align-items:center;gap:7px;animation:heroFloat 6s ease-in-out 2.2s infinite}.chip b{font-size:12.5px;font-weight:700;color:#1a2233}.mini-card{position:absolute;top:6px;right:12px;width:108px;background:#fff;border-radius:10px;padding:8px;box-shadow:0 14px 38px #0f192d33;transform:rotate(6deg);animation:heroFloat 7s ease-in-out 1s infinite}.mini-card .ph{height:52px;border-radius:6px;background:repeating-linear-gradient(45deg,#dfe5ec 0 8px,#ebf0f5 8px 16px);position:relative}.mini-card .stamp{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:2px;background:#fff;display:flex;align-items:center;justify-content:center}.mini-card .ln{height:5px;border-radius:3px;background:#e8ecf1;margin:7px 2px 4px}.mini-card .ln:last-child{margin:0 22px 2px 2px}.features{padding-top:96px}.sect-head{text-align:center;max-width:620px;margin:0 auto 40px}h2{margin:0;font-size:36px;font-weight:800;letter-spacing:-.6px}.sect-head p{font-size:16.5px;line-height:1.6;color:#52607a;margin:14px 0 0}.browser{border:1px solid rgba(60,60,67,.12);border-radius:16px;overflow:hidden;box-shadow:0 34px 90px #0f192d29;background:#fff}.browser .bar{height:38px;background:#eef0f4;display:flex;align-items:center;padding:0 14px;gap:6px}.browser .bar i{width:10px;height:10px;border-radius:50%;background:#d6dae2}.browser .bar .url{flex:1;max-width:320px;margin:0 auto;height:22px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;color:#8a96a8}.browser .bar .end{width:42px}.browser img{width:100%;display:block}.band-bg{background:#143257;margin-top:110px}.band{padding-top:92px;padding-bottom:92px;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.band .eyebrow{color:#a9c4e4;margin-bottom:14px}.band h2{font-size:34px;letter-spacing:-.5px;color:#fff}.band>div>p{font-size:16px;line-height:1.65;color:#ffffffb8;margin:16px 0 26px}.checks{display:flex;flex-direction:column;gap:14px}.check{display:flex;gap:12px;align-items:flex-start}.check svg{flex-shrink:0;margin-top:2px}.check div{font-size:14.5px;line-height:1.5}.band .check div{color:#ffffffe0}.band .browser{border-color:#ffffff24;box-shadow:0 34px 90px #0006}.band .browser .bar{height:36px}.split{padding-top:110px;display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.split .shot-col{display:flex;justify-content:center}.split .shot-col img{width:320px;display:block;filter:drop-shadow(0 34px 60px rgba(15,25,45,.28))}.split .eyebrow{margin-bottom:14px}.split h2{font-size:34px;letter-spacing:-.5px}.split p{font-size:16px;line-height:1.65;color:#52607a;margin:16px 0 24px}.split .checks{gap:13px}.split .check div{color:#1a2233}.how{padding-top:120px}.how .sect-head{max-width:none;margin:0 0 46px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{background:#fff;border:1px solid rgba(60,60,67,.12);border-radius:18px;padding:28px 26px}.step-card .n{width:40px;height:40px;border-radius:50%;background:#14325714;color:#143257;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.step-card b{display:block;font-size:18px;font-weight:700;margin-bottom:7px}.step-card p{font-size:14.5px;line-height:1.6;color:#52607a;margin:0}.tiles{padding-top:90px}.tiles .cols3{gap:18px}.tile{display:flex;gap:14px;align-items:flex-start;padding:18px 16px}.tile .ic{width:38px;height:38px;border-radius:50%;background:#14325714;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile b{display:block;font-size:15.5px;font-weight:700}.tile p{font-size:13.5px;line-height:1.55;color:#52607a;margin:3px 0 0}.supwrap{margin-top:76px}.support{background:#edf1f6;border-radius:24px;padding:52px 56px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.support h2{margin:0 0 10px;font-size:28px;letter-spacing:-.4px}.support .lede{font-size:14.5px;line-height:1.6;color:#52607a;margin:0}.support .mail{display:inline-flex;align-items:center;gap:9px;margin-top:18px;height:44px;padding:0 18px;border-radius:11px;background:#143257;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #14325740}.support .mail:hover{color:#fff}.support .k{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#8a96a8;margin-bottom:10px}.support .v{font-size:14.5px;line-height:1.7;color:#1a2233}.support .v a{color:#143257;font-weight:600}.support .data{font-size:14px;line-height:1.65;color:#52607a}.support .data a{font-weight:600}.footer{padding-top:48px;padding-bottom:64px;display:flex;align-items:center;gap:24px;border-top:1px solid rgba(60,60,67,.1);margin-top:64px}.footer .brand b{font-size:16px}.footer .c{font-size:13px;color:#8a96a8}.footer .sp{flex:1}.footer a:not(.brand){font-size:13.5px;font-weight:600;color:#52607a;text-decoration:none}.legal{max-width:720px;margin:0 auto;padding:40px 32px 80px}.legal h1{font-size:34px}.legal p{font-size:15.5px;line-height:1.7;color:#52607a}.legal .updated{font-size:13px;color:#8a96a8;margin:-4px 0 34px}.legal h2{font-size:19px;letter-spacing:-.2px;margin:36px 0 10px}.legal ul{margin:10px 0 18px;padding-left:22px}.legal li{font-size:15.5px;line-height:1.7;color:#52607a;margin-bottom:6px}.legal li b,.legal p b{color:#1c2740}@keyframes heroWord{0%{opacity:0;transform:translateY(12px)}6%{opacity:1;transform:none}33%{opacity:1;transform:none}39%{opacity:0;transform:translateY(-12px)}to{opacity:0;transform:translateY(-12px)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes heroDash{to{stroke-dashoffset:-132}}@media(prefers-reduced-motion:reduce){.rotator span,.phone,.chip,.mini-card,.scene .dash path{animation:none}.rotator span:nth-child(2),.rotator span:nth-child(3){opacity:0}.mini-card{transform:rotate(6deg)}}@media(max-width:830px){.nav{padding:0 20px;gap:14px}.navlink{display:none}.hero{grid-template-columns:1fr;gap:20px;padding:36px 24px 8px}h1{font-size:38px}h2,.band h2,.split h2{font-size:27px}.badges{flex-wrap:wrap}.scene{min-height:520px}.phone{width:262px}.features{padding:64px 20px 0}.band{grid-template-columns:1fr;padding:56px 24px;gap:32px}.split{grid-template-columns:1fr;padding:72px 24px 0;gap:32px}.how{padding:76px 20px 0}.cols3{grid-template-columns:1fr}.tiles{padding:48px 12px 0}.supwrap{padding:0 16px}.support{grid-template-columns:1fr;padding:36px 28px;gap:28px}.footer{flex-wrap:wrap;padding:40px 24px 56px}}
