:root{color-scheme:light;--ink:#183451;--blue:#1474dc;--muted:#637d98;--line:#d8e7f4;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:#f0f7fd;background-image:radial-gradient(ellipse 850px 610px at 86% 2%,#bfe5ffb8,transparent 68%),radial-gradient(ellipse 650px 560px at 4% 36%,#d5ecffb8,transparent 70%),linear-gradient(135deg,#f9fcff,#edf6fd 75%)}a{color:inherit}
.shell{width:min(1240px,calc(100% - 72px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.shell>nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:760;font-size:24px;letter-spacing:-.055em}.brand-mark{display:none}.brand::before{content:"";width:15px;height:15px;display:inline-block;border-radius:5px;background:linear-gradient(145deg,#0d5fbf,#60c5ff);box-shadow:inset 0 1px 1px #fff8,0 4px 9px #0c73cf36}.links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.links a{text-decoration:none;color:#4e6984;font-size:14px;font-weight:560;transition:color .2s ease}.links a:hover,.links a:focus-visible{color:#096ccf}.links a:last-child{min-width:40px;text-align:center;border:1px solid #ffffffd9;background:#ffffff96;border-radius:11px;padding:9px 10px;box-shadow:0 4px 15px #5a8cbd13}a:focus-visible{outline:2px solid #1678e1;outline-offset:4px}
main{flex:1}h1,h2,h3,p{margin-top:0}.eyebrow{color:#1774cb;font-size:12px;font-weight:730;letter-spacing:.16em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(40px,6vw,90px);padding:90px 0 72px;min-height:610px}.hero-copy h1{font-size:clamp(54px,5.9vw,86px);line-height:1.04;letter-spacing:-.075em;font-weight:730;margin:16px 0 28px}.hero-copy h1 span{color:#1476d8}.hero-copy p{font-size:18px;line-height:1.78;color:#5c7792;max-width:510px}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:34px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:14px;background:linear-gradient(160deg,#2c9af4,#146fda);color:white;text-decoration:none;padding:0 21px;font-size:14px;font-weight:660;box-shadow:0 10px 22px #1974d43b,inset 0 1px 0 #ffffffa6;transition:transform .22s ease,box-shadow .22s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 15px 26px #1974d44a,inset 0 1px 0 #ffffffa6}.text-link{font-size:14px;color:#246fae;text-decoration:none;font-weight:640;padding:12px}.text-link:hover{text-decoration:underline}.availability{margin-top:24px;font-size:12px;color:#7c91a5;letter-spacing:.02em}
.stage{position:relative;min-height:510px;display:grid;place-items:center;isolation:isolate}.stage::before{content:"";position:absolute;inset:0 0 4% 4%;border-radius:46% 54% 49% 51%;background:radial-gradient(circle at 44% 45%,#ffffffd9 0,#d9f0ff82 43%,#78c7f74a 73%,transparent 76%);filter:blur(4px);z-index:-2}.stage::after{content:"";position:absolute;inset:14% 6%;border-radius:40px;border:1px solid #ffffff73;transform:rotate(-9deg);z-index:-1}.app-window{width:min(100%,630px);border-radius:23px;overflow:hidden;border:1px solid #ffffffdf;background:#fafdffdb;box-shadow:0 37px 75px #2c6fa346,0 8px 20px #4a9ed52c,inset 0 1px 0 #fff;backdrop-filter:blur(26px) saturate(1.4);transform:rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.stage:hover .app-window{transform:rotate(0) translateY(-6px)}.window-bar{height:56px;display:flex;align-items:center;gap:8px;padding:0 19px;border-bottom:1px solid #dcebf6a3;background:#fff9}.window-dot{width:10px;height:10px;border-radius:50%;background:#ff6159;box-shadow:inset 0 0 0 1px #0001}.window-dot:nth-child(2){background:#ffbd2e}.window-dot:nth-child(3){background:#29c941}.window-title{margin:auto;color:#55708a;font-size:12px;font-weight:660;transform:translateX(-18px)}.window-body{display:grid;grid-template-columns:minmax(0,1fr) 164px;min-height:345px}.window-main{padding:25px 22px}.sample-label{font-size:11px;color:#7b9ab5;letter-spacing:.03em}.archive-heading{display:flex;align-items:center;gap:13px;margin:12px 0 18px}.archive-glyph{width:48px;height:55px;border-radius:13px;background:linear-gradient(140deg,#fcffff,#8dccf6);box-shadow:0 7px 14px #3e87ba2b,inset 0 1px 0 #fff;border:1px solid #fff;position:relative;flex:none}.archive-glyph::before{content:"";position:absolute;width:6px;height:24px;top:11px;left:21px;border-radius:3px;background:repeating-linear-gradient(#2f76b3 0 4px,transparent 4px 7px)}.archive-glyph::after{content:"";position:absolute;width:12px;height:11px;top:27px;left:18px;border:3px solid #2f76b3;border-radius:4px;background:#c4e8ff}.archive-heading h2{margin:0;font-size:17px;letter-spacing:-.035em}.archive-heading p{margin:4px 0 0;font-size:11px;color:#7990a5}.file-table{border-top:1px solid #d8e7f4}.file-row{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid #e4eff7;font-size:12px}.file-row i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e4f2ff;color:#3e86c7;font-style:normal;font-size:14px;font-weight:690}.file-row span:last-child{margin-left:auto;color:#8ba0b2;font-size:11px}.window-inspector{padding:26px 17px;border-left:1px solid #d8e7f4;background:#dfedfac7;backdrop-filter:blur(18px);font-size:11px}.window-inspector strong{font-size:11px}.window-inspector dl{margin:25px 0 0}.window-inspector dt{color:#8199ae;margin-top:17px}.window-inspector dd{margin:5px 0 0;color:#2d4d6d;font-weight:620}.window-foot{height:57px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-top:1px solid #d5e7f4;background:#ffffffb0;font-size:11px;color:#6e89a1}.window-foot b{border-radius:9px;background:#1a7cde;color:white;padding:9px 12px;font-weight:630}.float-tag{position:absolute;right:-4%;bottom:9%;padding:13px 18px;border:1px solid #fff;border-radius:16px;background:#ffffffb9;backdrop-filter:blur(20px);color:#356e9f;font-size:12px;font-weight:660;box-shadow:0 16px 34px #4786b426;transform:rotate(4deg)}
.format-band{display:flex;align-items:center;gap:25px;padding:23px 0 35px;border-top:1px solid #cbdfee}.format-band strong{font-size:13px;white-space:nowrap}.format-band div{display:flex;gap:10px;flex-wrap:wrap}.format-band span{border:1px solid #d7e7f4;background:#fff9;border-radius:9px;padding:8px 13px;color:#5c7791;font-size:12px;font-weight:650;letter-spacing:.025em}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:68px 0 25px}.section-head h2{font-size:clamp(31px,3.5vw,47px);letter-spacing:-.055em;line-height:1.18;margin:8px 0 0}.section-head p{color:#6d859b;max-width:430px;line-height:1.7;margin:0;font-size:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{border:1px solid #fff;border-radius:24px;background:linear-gradient(145deg,#ffffffd4,#eaf5ffb5);padding:30px;min-height:225px;box-shadow:0 15px 37px #2a74b414,inset 0 1px 0 #fff}.feature .index{color:#1c80d8;font-size:12px;font-weight:730;letter-spacing:.12em}.feature h3{margin:40px 0 12px;font-size:23px;letter-spacing:-.035em}.feature p{font-size:14px;color:#6c849a;line-height:1.7;max-width:275px;margin:0}.trust{margin:88px 0 38px;border:1px solid #ffffffbf;border-radius:30px;background:linear-gradient(100deg,#d6edffb8,#f8fcffcd);padding:41px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 40px #3579ae12}.trust h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.trust p{font-size:14px;line-height:1.7;color:#5f7a92;max-width:650px;margin:0}.trust a{white-space:nowrap}
.page-main{max-width:860px;margin:70px auto 90px;width:100%;border:1px solid #ffffffd9;border-radius:30px;background:#ffffffae;backdrop-filter:blur(26px);box-shadow:0 28px 70px #417bb31a,inset 0 1px 0 #fff;padding:clamp(30px,5vw,64px)}.page-main h1{font-size:clamp(40px,5vw,65px);letter-spacing:-.06em;line-height:1.08;margin:13px 0 30px}.page-main h2{font-size:23px;letter-spacing:-.035em;margin:36px 0 10px}.page-main p,.page-main li{font-size:16px;line-height:1.85;color:#556f86}.page-main ul{padding-left:22px}.page-main .callout{border:1px solid #d4e8f8;border-radius:18px;background:#e4f3ff9e;padding:20px 23px}.page-main .callout p{margin:7px 0 0}.page-main a{color:#126fc9}footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #d0e3f1;padding:23px 0 35px;color:#7890a6;font-size:12px}footer a{color:#5e7e9b;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-copy{max-width:800px}.stage{max-width:720px;width:100%;margin:auto}}@media(max-width:720px){.shell{width:min(100% - 34px,1240px)}.shell>nav{min-height:80px;align-items:flex-start;padding:20px 0}.brand{font-size:21px}.links{gap:10px;justify-content:flex-end}.links a{font-size:12px}.links a:nth-child(1){display:none}.hero{padding:55px 0 35px;min-height:0}.hero-copy h1{font-size:clamp(48px,11vw,75px)}.hero-copy p{font-size:16px}.stage{min-height:410px}.app-window{transform:none}.stage:hover .app-window{transform:translateY(-3px)}.float-tag{right:1%;bottom:0}.format-band{align-items:flex-start;flex-direction:column;gap:15px}.features{grid-template-columns:1fr}.feature{min-height:190px}.feature h3{margin-top:30px}.section-head{display:block}.section-head p{margin-top:12px}.trust{padding:30px;display:block}.trust .text-link{display:inline-block;margin-top:13px;padding-left:0}.page-main{margin:35px auto 55px}}@media(max-width:530px){.stage{min-height:330px}.window-body{grid-template-columns:1fr}.window-inspector{display:none}.app-window{border-radius:16px}.window-main{padding:16px}.window-bar{height:42px}.window-foot{height:48px}.float-tag{display:none}.file-row{min-height:41px}.brand::before{width:12px;height:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-window,.cta{transition:none}.stage:hover .app-window,.cta:hover{transform:none}}@media(prefers-reduced-transparency:reduce){.app-window,.float-tag,.page-main{backdrop-filter:none;background:#f8fcff}}
