@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--ink:#102033;--muted:#68778b;--line:#dce5ee;--blue:#2c77ff;--cyan:#bdeeff;--paper:#f6f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans SC','DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}.shell{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#2373ff,#53d4ff);font:700 20px 'DM Sans'}.brand b{display:block;font-size:16px;line-height:1.05}.brand small{display:block;font:600 8px 'DM Sans';letter-spacing:1.1px;color:#8190a0;margin-top:4px}nav{display:flex;align-items:center;gap:31px;font-size:13px;color:#5b6c80}nav a:hover{color:var(--blue)}.nav-cta{padding:11px 19px;border:1px solid var(--line);border-radius:100px;color:var(--ink)}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-top:32px;padding-bottom:38px}.eyebrow{margin:0 0 17px;color:var(--blue);font:700 11px 'DM Sans';letter-spacing:2.2px}.hero h1{font-size:clamp(40px,5vw,67px);line-height:1.16;letter-spacing:-3px;margin:0 0 26px;font-weight:900}.hero em,.section em,.platform em,.contact em{font-style:normal;color:var(--blue)}.lead{font-size:16px;line-height:1.9;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px}.button{display:inline-flex;gap:24px;align-items:center;padding:15px 23px;border-radius:7px;font-weight:700;font-size:14px}.button.primary{color:#fff;background:var(--blue);box-shadow:0 10px 25px #2c77ff2b}.text-link{font-size:13px;font-weight:700}.text-link span{color:var(--blue);margin-left:8px;font-size:18px}.hero-note{margin-top:55px;font-size:12px;color:#8a99aa}.pulse{display:inline-block;width:7px;height:7px;background:#43d6a0;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #43d6a01c}.hero-art{height:530px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#eef8ff 0%,#f7f6ff 52%,#eefaff 100%)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:360px;height:360px;right:-70px;top:-80px;background:#c7f2ff}.orb-b{width:230px;height:230px;left:-80px;bottom:20px;background:#dce0ff}.watch{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(12deg);width:210px;height:390px;display:flex;align-items:center;flex-direction:column}.strap{width:126px;height:110px;background:linear-gradient(90deg,#1e3048,#304964);border-radius:35px;box-shadow:inset 0 0 0 4px #ffffff12}.strap.bottom{margin-top:-17px;height:126px}.case{z-index:1;padding:10px;border-radius:43px;background:linear-gradient(145deg,#273c55,#0d1b2d);box-shadow:20px 26px 30px #233b5a36}.screen{width:190px;height:218px;border-radius:34px;background:radial-gradient(circle at 75% 10%,#327eff,#0c2c73 62%,#07152e);color:white;padding:27px 22px;position:relative;overflow:hidden}.time{font:500 35px 'DM Sans';display:block;letter-spacing:-2px}.date{font:11px 'DM Sans';color:#b9d5ff;letter-spacing:1px}.heart{position:absolute;right:22px;top:27px;font-size:27px;color:#77c4ff}.metrics{position:absolute;left:23px;right:23px;bottom:22px;display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:16px}.metrics b{font:600 18px 'DM Sans'}.metrics small{font:9px 'DM Sans';color:#9fc3ff;margin-bottom:3px}.metrics i{position:absolute;bottom:0;left:0;width:62px;height:3px;background:#54ddff;border-radius:3px}.art-label{position:absolute;right:28px;bottom:28px;color:#819ab4;font:600 10px 'DM Sans';letter-spacing:2px;text-align:right;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:25px;padding-bottom:25px}.stats div{display:flex;gap:21px;align-items:center;padding-left:15%;border-left:1px solid var(--line)}.stats div:first-child{border-left:0}.stats strong{font:700 30px 'DM Sans';color:var(--blue)}.stats span{font-size:12px;line-height:1.8;color:var(--muted)}.section{padding-top:125px;padding-bottom:125px}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;margin-bottom:55px}.section-heading h2,.platform h2,.contact h2{font-size:46px;line-height:1.25;letter-spacing:-2px;margin:0;font-weight:900}.section-heading>p:last-child{font-size:14px;line-height:2;color:var(--muted);margin:0 0 3px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{border:1px solid var(--line);padding:30px 29px 28px;min-height:315px;position:relative;border-radius:5px}.cards article.featured{background:var(--ink);color:white;border-color:var(--ink);transform:translateY(-14px)}.cards .num{font:600 11px 'DM Sans';color:#9aabbc}.featured .num{color:#8ba6c7}.icon{font:30px 'DM Sans';color:var(--blue);margin-top:31px}.cards h3{font-size:20px;margin:13px 0 12px}.cards p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 25px}.featured p{color:#aebfd2}.cards a{font-size:12px;font-weight:700}.cards a span{color:var(--blue);margin-left:8px}.platform{background:var(--paper);padding:115px 0}.platform-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.platform-intro{color:var(--muted);font-size:14px;line-height:1.9;max-width:450px;margin-top:25px}.platform-list{margin-top:35px;border-top:1px solid var(--line);max-width:450px}.platform-list div{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.platform-list b{font-size:16px}.platform-list span{font-size:11px;color:#7b8b9d}.rings{height:380px;position:relative;display:grid;place-items:center}.ring{position:absolute;border-radius:50%;border:1px solid #cbdbea}.ring-1{width:350px;height:350px}.ring-2{width:260px;height:260px;border-color:#a7c7ff}.ring-3{width:155px;height:155px;border:18px solid #d6f5ff;box-shadow:0 0 0 1px #88c5ff}.ring-core{width:105px;height:105px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;text-align:center;font:700 24px 'DM Sans';line-height:.8;box-shadow:0 14px 35px #2c77ff55}.ring-core small{font-size:7px;letter-spacing:1px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);padding-top:27px}.steps>div{padding-right:20px;border-left:1px solid var(--line);padding-left:22px}.steps>div:first-child{border-left:0;padding-left:0}.steps span{font:700 12px 'DM Sans';color:var(--blue)}.steps h3{font-size:17px;margin:24px 0 9px}.steps p{font-size:12px;color:var(--muted);margin:0}.contact{padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact h2{margin-bottom:23px}.contact>div:first-child>p:last-child{font-size:13px;line-height:1.9;color:var(--muted)}.contact-card{border-left:2px solid var(--blue);padding:10px 0 10px 29px}.contact-card div+div{margin-top:33px}.contact-card span{display:block;color:#8392a2;font-size:11px;margin-bottom:8px}.contact-card a{font:600 22px 'DM Sans';color:var(--blue)}.contact-card p{font-size:13px;line-height:1.9;margin:0}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px}.footer p{font-size:11px;color:#91a0b1}@media(max-width:760px){.nav{height:72px}nav{display:none}.hero{display:block;padding-top:65px}.hero-art{height:390px;margin-top:55px}.watch{transform:translate(-50%,-50%) scale(.75) rotate(12deg)}.stats{grid-template-columns:1fr;gap:20px}.stats div{border-left:0;padding-left:0}.section{padding-top:80px;padding-bottom:80px}.section-heading,.platform-grid,.contact{display:block}.section-heading h2{margin-bottom:25px}.cards{grid-template-columns:1fr}.cards article.featured{transform:none}.platform{padding:80px 0}.rings{margin-top:55px;height:300px}.ring-1{width:285px;height:285px}.steps{grid-template-columns:1fr 1fr;gap:28px}.steps>div:nth-child(3){border-left:0;padding-left:0}.contact-card{margin-top:45px}.footer{display:block}.footer p{margin-top:20px}.hero h1{letter-spacing:-2px}}
