:root{color-scheme:light;--ink:#10254f;--muted:#617191;--blue:#0878f9;--cyan:#19c9ec;--pale:#eaf3ff;--line:#dce6f5;--paper:#f7f9ff;--white:#fff;--max:1200px}
    *{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #16b9e5;outline-offset:4px;border-radius:8px}.wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
    .top{position:sticky;top:0;z-index:10;background:rgba(247,249,255,.86);border-bottom:1px solid rgba(220,230,245,.7);backdrop-filter:blur(18px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;font-size:23px;letter-spacing:-.045em}.brand img{width:42px;height:42px;border-radius:14px}.navlinks{display:flex;align-items:center;gap:35px}.navlinks a,.language a{font-size:14px;font-weight:650;text-decoration:none;color:#506383;transition:color .2s}.navlinks a:hover,.language a:hover{color:var(--blue)}.nav-end{display:flex;align-items:center;gap:18px}.language{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--white)}.language a{padding:7px 10px;border-radius:999px}.language a[aria-current=page]{color:var(--blue);background:var(--pale)}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:#fff}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{font-size:20px;line-height:1}.mobile-nav nav{position:absolute;right:0;top:52px;width:220px;display:grid;gap:4px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #10254f1a}.mobile-nav nav a{padding:12px;text-decoration:none;font-weight:650;border-radius:10px}.mobile-nav nav a:hover{background:var(--pale)}
    .hero{min-height:700px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px;padding-top:58px;padding-bottom:74px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#1767cc;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--cyan);border-radius:9px}.hero h1{max-width:670px;margin:23px 0 22px;font-size:clamp(48px,6.2vw,78px);line-height:.99;letter-spacing:-.066em;font-weight:800}.hero h1 em{font-style:normal;color:var(--blue)}.lead{max-width:570px;margin:0;color:var(--muted);font-size:19px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s,border-color .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #10254f14;border-color:#aac8ef}.button.primary{color:#fff;background:linear-gradient(110deg,#086af0,#0788fd);border-color:transparent;box-shadow:0 12px 25px #0878f92b}.button.primary:hover{box-shadow:0 16px 32px #0878f947}.button .arrow{font-size:18px;transition:transform .2s}.button:hover .arrow{transform:translateX(4px)}.hero-note{display:flex;align-items:center;gap:9px;margin-top:21px;color:#71809b;font-size:13px}.hero-note svg{width:17px;height:17px;flex:none;color:#1385f6}
    .hero-art{height:555px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;z-index:-2;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 37% 36%,#d8fbff,#b5e9ff 31%,#d8e7ff 65%,#e8efff 72%);filter:blur(1px)}.hero-art:after{content:"";position:absolute;z-index:-1;inset:8% 0 8% 5%;border:1px solid #d6e6fc;border-radius:49% 51% 54% 46%/48% 44% 56% 52%;transform:rotate(-12deg)}.phone{position:absolute;overflow:hidden;margin:0;border:7px solid #fff;border-radius:30px;background:#eef4ff;box-shadow:0 34px 80px #10254f25,0 7px 17px #10254f15}.phone img{width:100%;height:auto}.phone-main{width:248px;left:14%;top:4%;transform:rotate(-5deg);animation:float-a 7s ease-in-out infinite}.phone-side{width:224px;right:2%;bottom:1%;transform:rotate(7deg);animation:float-b 8s ease-in-out infinite}.float-tag{position:absolute;z-index:3;left:0;bottom:12%;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #e0eafb;border-radius:16px;background:#ffffffed;box-shadow:0 14px 40px #10254f18;font-size:12px;font-weight:750;color:#3b5277;animation:fade-up .7s .25s both}.float-tag i{width:10px;height:10px;border-radius:50%;background:#16c89c;box-shadow:0 0 0 5px #16c89c1f}.visual-caption{position:absolute;right:3%;top:8%;color:#71809b;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.scroll-cue{position:absolute;bottom:20px;left:50%;display:grid;place-items:center;width:34px;height:48px;border:1px solid #cfddf2;border-radius:22px;color:#6c7d9c}.scroll-cue:after{content:"";width:4px;height:8px;border-radius:4px;background:var(--blue);animation:scroll-dot 1.8s ease-in-out infinite}
    .section{padding:94px 0}.problem{position:relative;overflow:hidden;color:#fff;background:#102b5e}.problem:before{content:"";position:absolute;width:430px;height:430px;top:-270px;right:0;border:1px solid #ffffff1e;border-radius:50%;box-shadow:0 0 0 36px #ffffff08,0 0 0 74px #ffffff06,0 0 0 112px #ffffff04}.problem-grid{position:relative;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:80px}.section-kicker{margin:0 0 13px;color:#42c9f1;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.problem h2,.section-heading h2,.closing h2{margin:0;font-size:clamp(34px,4.3vw,54px);line-height:1.08;letter-spacing:-.05em}.problem-copy{max-width:570px;margin:20px 0 0;color:#d1dcf1;font-size:17px;line-height:1.75}.research-stat{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid #ffffff24;border-radius:24px;background:#ffffff0b}.research-stat strong{display:block;font-size:clamp(62px,7vw,84px);line-height:.9;letter-spacing:-.065em;color:#69d8f5}.research-stat span{font-size:18px;font-weight:700;line-height:1.35}.research-note{margin:13px 0 0;color:#b9c9e4;font-size:12px;line-height:1.6}
    .section-heading{max-width:710px;margin-bottom:44px}.section-heading .section-kicker{color:#0b79e9}.section-heading h2{color:var(--ink)}.section-heading p{max-width:620px;margin:17px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{min-height:230px;padding:25px 23px;border:1px solid var(--line);border-radius:21px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:#b6d6f9;box-shadow:0 18px 40px #10254f0e}.feature-icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:25px;border-radius:15px;background:#eaf4ff;color:#0878f9}.feature-icon svg{width:22px;height:22px}.feature h3{margin:0 0 9px;font-size:17px;letter-spacing:-.025em}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
    .screens{background:#edf4ff}.screens-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:78px}.screen-copy .section-heading{margin-bottom:28px}.screen-copy .section-heading h2{font-size:clamp(34px,4vw,49px)}.screen-caption{max-width:460px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.screen-caption strong{color:var(--ink)}.screen-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.screen-frame{margin:0;padding:8px 8px 0;overflow:hidden;border:1px solid #dbe7f8;border-radius:27px;background:#fff;box-shadow:0 23px 55px #163b7221}.screen-frame:nth-child(1){transform:translateY(22px) rotate(-2deg)}.screen-frame:nth-child(2){transform:translateY(-19px) rotate(2deg)}.screen-frame img{width:100%;border-radius:20px 20px 0 0}.screen-frame figcaption{min-height:53px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;color:#647495;font-size:11px;font-weight:650}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{position:relative;padding-top:27px;border-top:1px solid #cfdbed}.step-no{position:absolute;top:-16px;left:0;padding-right:13px;background:var(--paper);color:#1787f3;font-size:12px;font-weight:850;letter-spacing:.12em}.step h3{margin:16px 0 10px;font-size:21px;letter-spacing:-.035em}.step p{max-width:310px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.step:not(:last-child):after{content:"";position:absolute;top:-3px;right:-19px;width:5px;height:5px;border-radius:50%;background:#29bce7}
    .closing{padding:0 0 92px}.closing-inner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:52px 56px;border-radius:30px;color:#fff;background:linear-gradient(115deg,#0d55cb,#087df4 60%,#16b8e8)}.closing-inner:after{content:"";position:absolute;right:18%;top:-175px;width:360px;height:360px;border:1px solid #ffffff31;border-radius:50%;box-shadow:0 0 0 30px #ffffff0a,0 0 0 65px #ffffff07}.closing .section-kicker{color:#b9f4ff}.closing h2{position:relative;z-index:1;max-width:640px;font-size:clamp(32px,4vw,48px)}.closing .button{position:relative;z-index:2;flex:none;border:0;color:#0a3674;background:#fff}.footer{padding:25px 0 34px;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:9px;color:#536787;font-size:13px;font-weight:750}.footer-brand img{width:27px;height:27px;border-radius:9px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{color:#627392;font-size:12px;text-decoration:none}.footer-links a:hover{color:var(--blue)}.copyright{color:#8694ab;font-size:11px}
    @keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-a{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes float-b{0%,100%{translate:0 0}50%{translate:0 12px}}@keyframes scroll-dot{0%{transform:translateY(-5px);opacity:.3}50%{opacity:1}100%{transform:translateY(5px);opacity:.3}}@keyframes section-in{from{opacity:.45;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
    @supports (animation-timeline:view()){.reveal{animation:section-in linear both;animation-timeline:view();animation-range:entry 0% cover 26%}}
    @media(max-width:980px){.wrap{width:min(var(--max),calc(100% - 42px))}.navlinks{gap:20px}.hero{min-height:650px;gap:15px}.hero-art{height:490px}.hero-art:before{width:340px;height:340px}.phone-main{width:213px;left:9%}.phone-side{width:190px}.features{grid-template-columns:repeat(2,1fr)}.screens-grid{gap:40px}.problem-grid{gap:45px}}
    @media(max-width:720px){html{scroll-padding-top:74px}.wrap{width:calc(100% - 36px)}.nav{height:70px;gap:10px}.brand{font-size:21px}.brand img{width:37px;height:37px}.navlinks{display:none}.nav-end{gap:9px}.mobile-nav{display:block}.language a{padding:7px 9px}.hero{grid-template-columns:1fr;min-height:auto;gap:8px;padding-top:55px;padding-bottom:70px}.hero h1{max-width:600px;font-size:clamp(49px,11vw,72px)}.lead{font-size:17px}.hero-art{height:min(120vw,500px);margin-top:18px}.hero-art:before{width:min(78vw,350px);height:min(78vw,350px)}.phone-main{width:min(48vw,220px);left:13%;top:1%}.phone-side{width:min(42vw,195px);right:3%;bottom:0}.float-tag{left:0;bottom:8%;padding:11px 12px;font-size:10px}.visual-caption{right:1%;top:3%;font-size:9px}.scroll-cue{display:none}.section{padding:72px 0}.problem-grid,.screens-grid{grid-template-columns:1fr;gap:32px}.problem h2,.section-heading h2{font-size:38px}.research-stat{padding:23px}.research-stat span{font-size:16px}.features{gap:11px}.feature{min-height:205px;padding:20px 17px}.feature-icon{margin-bottom:19px}.feature h3{font-size:16px}.feature p{font-size:13px}.screens-grid{gap:42px}.screen-pair{gap:13px}.screen-frame{padding:5px 5px 0;border-radius:20px}.screen-frame img{border-radius:15px 15px 0 0}.screen-frame figcaption{min-height:49px;font-size:9px}.steps{grid-template-columns:1fr;gap:29px}.step{padding-left:0}.step p{max-width:520px}.step:not(:last-child):after{right:0}.closing{padding-bottom:68px}.closing-inner{align-items:flex-start;flex-direction:column;padding:34px 27px;border-radius:24px}.closing h2{font-size:37px}.closing-inner:after{right:-190px;top:-175px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:13px 18px}}
    @media(max-width:390px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:47px}.actions{align-items:stretch;flex-direction:column}.button{width:100%}.features{grid-template-columns:1fr}.feature{min-height:0}.feature-icon{margin-bottom:13px}.language a{font-size:12px;padding:7px}.screen-pair{gap:9px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}