*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:#142137;background:#f7f9fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #448bff;outline-offset:5px}button{border:0}.header{position:fixed;z-index:5;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1160px;height:66px;border:1px solid #ffffff80;background:#f3fcff66;backdrop-filter:blur(22px);border-radius:50px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:0 8px 30px #405f8e09}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand img{width:36px;height:36px}.brand strong{font-size:19px;letter-spacing:.6px}.brand>span{font-size:8px;letter-spacing:2px;color:#8d9baf;margin-left:1px}.header nav{display:flex;gap:29px;font-size:12px;color:#65758a;height:100%;align-items:center}.header nav a{position:relative;transition:color .2s}.header nav a:hover,.header nav a.active{color:#3678f6}.active:after{content:'';position:absolute;height:2px;background:#4f88ff;bottom:-10px;left:0;right:0;border-radius:2px}.nav-contact{display:flex;align-items:center;gap:7px;background:#142137;color:#fff;border-radius:30px;padding:11px 15px;font-size:11px;box-shadow:0 4px 8px #14213718}.nav-contact i{width:5px;height:5px;background:#5bc8b3;border-radius:50%}.nav-contact>span{margin-left:5px}.hero{min-height:710px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 10%,#92bbff90,transparent 65%),radial-gradient(ellipse at 20% 25%,#d9f2ff,transparent 60%),linear-gradient(140deg,#e3f1ff,#ecedff 70%,#fff2eb);overflow:hidden}.hero:before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#f7fbff80 0%,#f7fbff32 38%,transparent 65%),url('assets/hero-glass.webp') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:auto 0 0;height:145px;background:linear-gradient(transparent,#f7f9fc);z-index:-1}.hero-inner{max-width:1200px;margin:0 auto;padding:140px 20px 155px;display:grid;grid-template-columns:1.08fr 1fr;position:relative;align-items:center;gap:30px}.hero-copy{z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffffb5;border:1px solid #ffffffbd;border-radius:30px;font-size:11px;color:#617289;box-shadow:0 4px 12px #6585b906}.eyebrow i{height:6px;width:6px;border-radius:50%;background:#80aaff}h1{font-size:56px;font-weight:750;line-height:1.22;letter-spacing:-2px;margin:25px 0 23px}h1 span{color:#2e69d6}.hero-copy>p{font-size:15px;line-height:1.9;color:#62718a;margin:0}.hero-actions{display:flex;gap:13px;margin-top:29px}.button{padding:13px 22px;border-radius:30px;display:inline-flex;justify-content:center;align-items:center;gap:23px;font-size:12px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.primary{background:#142137;color:white;box-shadow:0 10px 20px #1c334b20}.primary:hover{background:#243e61;box-shadow:0 12px 24px #1c334b2b}.secondary{background:#ffffffb8;color:#3a4c67;border:1px solid #ffffff;box-shadow:0 8px 25px #688bc012}.hero-values{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.hero-values span{display:flex;align-items:center;gap:7px;font-size:10px;background:#ffffffb0;padding:7px 11px;border:1px solid #ffffffb0;border-radius:20px;color:#5d6f87}.hero-values i{width:5px;height:5px;background:#4c88ff;border-radius:50%}.hero-values span:nth-child(2) i{background:#2dbca5}.hero-values span:nth-child(3) i{background:#a18bdf}.hero-art{height:290px;position:relative;perspective:850px;transform:translateY(24px)}.icon-stage{position:absolute;display:flex;align-items:center;justify-content:center;width:162px;height:162px;border-radius:39px;background:linear-gradient(145deg,#ffffffb5,#d9e4ff48);border:2px solid #ffffffdb;box-shadow:inset 3px 3px 4px #ffffff,10px 25px 35px #637cbe26,inset -3px -3px 6px #80aaff44;backdrop-filter:blur(7px)}.icon-stage:after{content:'';position:absolute;inset:6px;border:1px solid #ffffff77;border-radius:32px;pointer-events:none}.icon-stage img{width:130px;height:130px;border-radius:30px;box-shadow:0 10px 25px #344b7c22}.reader-stage{top:29px;left:38px;transform:rotate(-16deg) rotateY(-12deg)}.fly-stage{top:72px;left:243px;transform:rotate(13deg) rotateY(-14deg)}.icon-stage>span{position:absolute;top:190px;font-size:12px;letter-spacing:1px;font-weight:550;white-space:nowrap;color:#6175a0;text-shadow:0 2px 10px white}.section{max-width:1160px;margin:0 auto}.products{padding-top:55px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.overline{color:#5388eb;letter-spacing:2px;font-size:10px;font-weight:650}.section-heading h2{font-size:29px;margin:11px 0 0;letter-spacing:-.7px;font-weight:650}.section-heading>a{font-size:12px;color:#6f8199}.section-heading>a span{margin-left:7px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.product{border-radius:26px;padding:29px;background:#ffffffdb;border:1px solid #fff;box-shadow:0 12px 38px #243e5907;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-4px);box-shadow:0 15px 38px #243e5910}.product-head{display:flex;gap:13px;align-items:center;min-height:52px}.app-icon{width:51px;height:51px;border-radius:13px;box-shadow:0 5px 12px #526b8e16}.product-head h3{font-size:19px;letter-spacing:.2px;margin:0 0 6px;font-weight:650}.product-head p{font-size:11px;color:#8796aa;margin:0}.status{margin-left:auto;font-size:9px;padding:5px 9px;border-radius:15px;white-space:nowrap}.review{color:#2b9c89;background:#e8f9f4;border:1px solid #c2eee4}.developing{color:#bf8c3a;background:#fff6e8;border:1px solid #f9e4c2}.product-description{font-size:13px;color:#708095;line-height:1.9;margin:23px 0 22px;min-height:74px}.product-image{height:285px;border-radius:18px;position:relative;overflow:hidden}.reading-image{background:radial-gradient(ellipse at 10% 20%,#fff7ed,transparent 70%),linear-gradient(135deg,#e1f5ed,#d0e8e5)}.visual-caption{position:absolute;left:22px;top:25px;z-index:2;color:#315d66}.visual-caption img{width:34px;height:34px;border-radius:9px;vertical-align:middle;margin-right:7px;box-shadow:0 3px 10px #3e636a16}.visual-caption strong{font-size:15px;font-weight:650}.visual-caption small{display:block;font-size:9px;letter-spacing:.5px;margin-top:12px;color:#739799}.ipad{position:absolute;width:300px;height:230px;object-fit:cover;object-position:top;top:112px;left:100px;border:6px solid #e1ebe8;border-radius:15px;transform:rotate(-9deg);box-shadow:0 14px 20px #254e561f}.iphone{position:absolute;width:105px;height:208px;right:29px;top:82px;border:4px solid #f1f5ed;background:#eae6db;border-radius:18px;overflow:hidden;transform:rotate(10deg);box-shadow:-7px 10px 15px #254e5620}.iphone img{width:100%;display:block}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf1f7;padding-top:20px;margin-top:22px;align-items:center}.product-actions .button{font-size:11px;padding:11px 20px;gap:9px;box-shadow:none}.release-state{font-size:11px;background:#f1f5fa;padding:11px 8px;text-align:center;border-radius:25px;color:#9aa8ba}.platform-line{display:flex;justify-content:space-between;font-size:9px;margin-top:15px;color:#8a9bb0}.platform-line>span{color:#a3afc0}.transfer-image{background:radial-gradient(ellipse at 90% 0%,#f6e9ff,transparent 70%),linear-gradient(130deg,#e6f1ff,#d0e0fe)}.transfer-image .visual-caption{color:#3f629c}.transfer-image .visual-caption small{color:#7a93ba}.laptop{position:absolute;width:265px;height:154px;top:107px;left:36px;background:#fafdff;border:5px solid #e6edfb;border-radius:10px;box-shadow:0 12px 25px #5f79b530;transform:rotate(-8deg);z-index:1}.laptop:after{content:'';position:absolute;bottom:-12px;left:-13px;right:-13px;height:8px;background:linear-gradient(#f8fbff,#bed0ed);border-radius:0 0 12px 12px;box-shadow:0 4px 3px #6b88ba18}.window-bar{display:flex;gap:4px;padding:8px;border-bottom:1px solid #eaf1fa}.window-bar i{width:4px;height:4px;border-radius:50%;background:#b4c9e8}.window-bar span{font-size:6px;color:#7494bc;position:absolute;top:7px;left:110px}.window-body{display:flex;height:120px}.window-sidebar{width:60px;background:#f0f5ff;padding:14px 12px}.window-sidebar b{display:block;height:4px;background:#cbdcf5;border-radius:3px;margin-top:13px;width:32px}.blue-dot{display:block;background:#7fa9ef;border-radius:50%;height:14px;width:14px}.window-main{padding:15px;width:180px}.mini-device{display:flex;align-items:center;gap:7px;color:#6b9ee1;font-size:17px}.mini-device span{font-size:8px;color:#6e86a7}.mini-file{display:flex;gap:10px;margin-top:10px;align-items:center}.mini-file>span{background:#deebff;color:#5d90dd;border-radius:4px;padding:4px;font-size:18px}.mini-file b,.mini-file i{display:block;height:4px;width:65px;background:#d4e3f5;border-radius:2px}.mini-file i{width:45px;background:#e8eff8;margin-top:5px}.mini-progress{height:3px;background:linear-gradient(to right,#7faeff 65%,#edf3ff 65%);margin:10px 0}.mini-pictures{display:flex;gap:4px}.mini-pictures i{height:11px;width:18px;background:#d4e6fb;border-radius:2px}.transfer-phone{position:absolute;z-index:2;right:35px;top:103px;width:87px;height:163px;border:4px solid #e4eafb;border-radius:17px;background:linear-gradient(140deg,#fbfcff,#ecf2ff);transform:rotate(13deg);box-shadow:0 10px 25px #6680b633}.phone-camera{width:23px;height:4px;border-radius:4px;background:#c6d3eb;margin:6px auto}.phone-symbol{font-size:27px;text-align:center;color:#6c99e8;margin-top:18px}.phone-lines{padding:10px 14px}.phone-lines i{display:block;height:4px;border-radius:3px;background:#d6e3f9;margin:5px 0}.phone-lines i:nth-child(2){width:60%}.phone-check{font-size:14px;color:#88a9de;text-align:center}.connection{position:absolute;right:119px;top:159px;color:#77a0e5;font-size:13px;letter-spacing:3px;transform:rotate(-5deg);z-index:2}.illustration-label{position:absolute;bottom:9px;right:13px;font-size:8px;color:#8a9fbf}.more-products{display:flex;align-items:center;gap:18px;padding:20px 26px;border:1px dashed #dce4f0;border-radius:18px;margin-top:26px;color:#8da3bf;background:#fff5}.more-products>span{font-size:27px;font-weight:200}.more-products p{margin:0;color:#6a7d98;font-size:13px}.more-products small{display:block;font-size:11px;margin-top:7px;color:#9baac0}.more-products .more-arrow{margin-left:auto;font-size:22px}.about{padding-top:105px;padding-bottom:65px}.about-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 30px}.about-heading h2{font-size:29px;font-weight:650;letter-spacing:-.7px;margin:0}.about-heading>p{font-size:12px;line-height:1.8;color:#8997ac;margin:0}.mobile-break{display:none}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.principles article{padding:28px;border:1px solid white;background:#ffffffdc;border-radius:20px;box-shadow:0 10px 30px #243e5906}.principles article>span{font-size:9px;letter-spacing:.5px;color:#4b80ee;font-weight:650}.principles h3{font-size:16px;margin:16px 0 11px;font-weight:650}.principles p{font-size:12px;color:#8a99ad;line-height:1.9;margin:0}.contact{background:linear-gradient(120deg,#eaf3ff,#f0efff);border:1px solid #fff;border-radius:23px;display:flex;align-items:center;justify-content:space-between;padding:30px 36px;margin-bottom:70px}.contact>div>span{font-size:11px;color:#7b92b2}.contact h2{font-size:23px;margin:8px 0 0;font-weight:550}.contact>a{display:flex;align-items:center;gap:35px;font-size:15px;color:#4e6f9a}.contact>a>span{background:white;border:1px solid #e2e9f4;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}footer{border-top:1px solid #edf1f6;background:#ffffffa8;padding:28px max(30px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:28px;color:#8392aa;font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;color:#52627b;font-size:12px;font-weight:600;white-space:nowrap}.footer-brand img{width:26px}.footer-brand>span{font-size:10px;color:#a0aec0;font-weight:400;margin-left:4px}.footer-tagline{font-size:10px;color:#a1adc0}footer>div{margin-left:auto;display:flex;gap:22px;white-space:nowrap}dialog{background:#fbfdff;border:1px solid #fff;color:#172d48;border-radius:24px;width:min(600px,calc(100% - 32px));padding:38px;box-shadow:0 35px 100px #1d456c33}dialog::backdrop{background:#26476555;backdrop-filter:blur(10px)}.close{position:absolute;right:16px;top:10px;background:none;border:0;color:#6387a0;font-size:27px}.dialog-icon{width:64px;height:64px;border-radius:15px}#dialog-content h2{font-size:28px}#dialog-content p{font-size:14px;color:#59768e;line-height:1.9}#dialog-content li{font-size:13px;color:#59768e;line-height:2.2}#dialog-content .release-note{background:#eaf4fa;border:1px solid #c5deeb;border-radius:10px;padding:14px;font-size:12px;color:#4b7b98}#dialog-content a{display:inline-block;margin-top:12px;color:#197fa6;font-size:13px}@media(min-width:1700px){.hero{min-height:760px}.hero-inner{padding-top:160px}.hero-art{transform:translateY(40px)}}@media(max-width:1240px){.section{margin-left:40px;margin-right:40px}.hero-inner{padding-left:50px;padding-right:50px;gap:15px}h1{font-size:50px}.hero-art{transform:translateY(50px) scale(.85);transform-origin:left center}.hero-copy>p{font-size:14px}.header nav{gap:20px}.brand>span{display:none}.product{padding:24px}.product-description{font-size:12px}.product-image{height:250px}.ipad{left:60px;width:260px}.iphone{right:17px;width:93px;height:196px}.visual-caption{left:18px}.visual-caption strong{font-size:13px}.laptop{left:20px;width:235px}.window-main{width:165px}.transfer-phone{right:21px;width:75px;height:148px}.connection{right:102px;top:170px}.about-heading>p{font-size:11px}.about-heading h2{font-size:25px}.principles article{padding:23px}.footer-tagline{display:none}}
@media(max-width:850px){.header{top:18px;height:60px;width:calc(100% - 40px);padding:0 18px}.header .product-nav{display:none}.brand strong{font-size:17px}.header nav{gap:24px;font-size:11px}.nav-contact{font-size:10px;padding:10px 13px}.hero-inner{padding:165px 35px 120px;display:block}.hero{min-height:800px}.hero-copy{max-width:570px}.hero-art{width:430px;height:205px;transform:scale(.8);transform-origin:center top;position:relative;margin-left:auto;margin-top:0;right:-20px}.reader-stage{top:15px}.fly-stage{top:40px}.icon-stage>span{top:180px}.hero:before{background-position:65% center}.section{margin-left:28px;margin-right:28px}.products{padding-top:30px}.section-heading h2{font-size:25px}.product-grid{gap:18px}.product{padding:20px;border-radius:22px}.product-head{gap:9px;flex-wrap:wrap}.app-icon{width:43px;height:43px}.product-head h3{font-size:17px}.product-head p{font-size:9px}.status{font-size:8px;padding:4px 6px;margin-left:0}.product-description{min-height:115px;font-size:12px;line-height:1.8;margin:18px 0}.product-image{height:230px}.visual-caption{top:18px;left:13px}.visual-caption strong{display:block;margin-top:7px;font-size:12px}.visual-caption small{font-size:8px;margin-top:7px}.visual-caption img{width:27px;height:27px}.ipad{left:15px;top:128px;width:215px;height:160px}.iphone{right:-10px;top:105px;width:80px;height:165px;border-radius:13px}.laptop{left:-12px;top:130px;width:200px;height:125px;transform:rotate(-8deg)}.window-body{height:95px}.window-sidebar{width:40px;padding:10px 7px}.window-sidebar b{width:22px;margin-top:9px}.window-main{padding:8px;width:140px}.mini-pictures{display:none}.transfer-phone{right:8px;top:116px;width:60px;height:113px;border-radius:12px}.phone-symbol{font-size:21px;margin-top:4px}.phone-lines{padding:6px 8px}.phone-check{font-size:10px}.connection{display:none}.product-actions{grid-template-columns:1fr;gap:10px}.product-actions .button{padding:10px}.release-state{font-size:10px;padding:8px}.platform-line{display:block;line-height:1.9;font-size:8px}.platform-line>span{display:block}.about{padding-top:70px}.about-heading{display:block}.about-heading>p{margin-top:16px;font-size:12px}.about-heading h2{font-size:27px}.principles{gap:14px}.principles article{padding:19px}.principles h3{font-size:15px}.principles p{font-size:11px}.principles article>span{font-size:8px;letter-spacing:0}.contact{padding:25px;gap:20px}.contact h2{font-size:20px}.contact>a{font-size:12px;gap:15px}footer{padding:25px 28px;gap:15px}footer>div{gap:15px}}
@media(max-width:540px){html{scroll-padding-top:30px}.header{height:56px;top:15px;width:calc(100% - 28px);padding:0 14px}.brand{gap:5px}.brand img{width:29px}.brand strong{font-size:16px}.header nav{gap:14px;font-size:10px}.header nav a:last-child{display:none}.nav-contact{padding:9px 11px;font-size:9px;gap:5px}.nav-contact>span{display:none}.hero{min-height:760px}.hero-inner{padding:137px 25px 50px}.eyebrow{font-size:10px;padding:7px 12px}h1{font-size:39px;line-height:1.28;letter-spacing:-1.4px;margin:22px 0 20px}.hero-copy>p{font-size:12px;line-height:1.95}.desktop-break{display:none}.hero-actions{gap:9px;margin-top:25px}.button{font-size:11px;padding:12px 17px;gap:12px}.hero-values{gap:7px;margin-top:22px}.hero-values span{font-size:9px;padding:6px 9px}.hero-art{width:360px;margin-top:35px;margin-left:calc(50% - 180px);right:auto;height:200px;transform:scale(.73);transform-origin:center top}.reader-stage{left:12px;top:10px}.fly-stage{left:205px;top:30px}.hero:before{background-position:65% center}.hero:after{height:120px}.section{margin-left:20px;margin-right:20px}.products{padding-top:22px}.section-heading{margin-bottom:23px;align-items:flex-end}.overline{font-size:8px;letter-spacing:1.7px}.section-heading h2{font-size:22px;line-height:1.45;margin-top:10px;letter-spacing:-.5px}.section-heading>a{font-size:10px;white-space:nowrap;margin-bottom:3px}.product-grid{grid-template-columns:1fr;gap:22px}.product{padding:22px;border-radius:24px}.product-head{flex-wrap:nowrap;gap:10px}.app-icon{height:45px;width:45px}.product-head h3{font-size:18px}.product-head p{font-size:10px}.status{margin-left:auto;font-size:8px;padding:4px 7px}.product-description{min-height:0;line-height:1.9;font-size:12px;margin:20px 0}.product-image{height:235px}.visual-caption{top:20px;left:18px}.visual-caption img{width:30px;height:30px}.visual-caption strong{display:inline;font-size:12px}.visual-caption small{font-size:8px;margin-top:10px}.ipad{left:40px;top:105px;width:240px;height:185px}.iphone{right:14px;top:83px;width:84px;height:177px}.laptop{width:210px;height:137px;left:10px;top:102px}.window-bar span{left:80px}.window-sidebar{width:45px}.window-main{width:153px;padding:12px}.window-body{height:105px}.transfer-phone{right:13px;top:94px;width:65px;height:130px}.phone-symbol{font-size:24px;margin-top:12px}.phone-lines{padding:9px 10px}.phone-check{font-size:12px}.connection{display:block;right:81px;top:154px;font-size:10px;letter-spacing:0}.product-actions{grid-template-columns:1fr 1fr;gap:10px;padding-top:17px;margin-top:20px}.release-state{font-size:9px;padding:10px 4px}.product-actions .button{font-size:10px;padding:10px 12px}.platform-line{display:flex;justify-content:space-between;font-size:8px;margin-top:11px}.more-products{padding:18px;gap:14px;margin-top:23px}.more-products p{font-size:11px}.more-products small{font-size:9px}.more-products>span{font-size:23px}.more-products .more-arrow{font-size:18px}.about{padding-top:58px;padding-bottom:30px}.about-heading{margin-top:13px;margin-bottom:23px}.about-heading h2{font-size:25px;line-height:1.45}.mobile-break{display:block}.about-heading>p{font-size:11px;line-height:1.8}.principles{grid-template-columns:1fr;gap:12px}.principles article{padding:23px;border-radius:17px}.principles article>span{font-size:9px}.principles h3{font-size:16px;margin:12px 0 8px}.principles p{font-size:12px}.contact{display:block;padding:25px;margin-bottom:40px;border-radius:20px}.contact h2{font-size:22px}.contact>a{margin-top:24px;font-size:13px;justify-content:space-between;gap:12px}.contact>a>span{height:32px;width:32px}footer{flex-wrap:wrap;padding:25px 20px;gap:18px}.footer-brand{font-size:12px}footer>div{margin-left:0;width:100%;gap:22px;font-size:10px}dialog{padding:28px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Liquid glass navigation: transparent body, reflective rims, moving light. */
.header{
  --glass-x:24%;
  background:linear-gradient(115deg,rgba(255,255,255,.20),rgba(229,243,255,.06) 45%,rgba(255,255,255,.14));
  -webkit-backdrop-filter:blur(16px) saturate(170%) contrast(1.04);
  backdrop-filter:blur(16px) saturate(170%) contrast(1.04);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 8px 26px rgba(47,75,121,.09),0 2px 5px rgba(77,105,153,.05),inset 0 1.5px 1px rgba(255,255,255,.95),inset 1px 0 1px rgba(255,255,255,.55),inset -1px -1.5px 2px rgba(132,169,217,.17);
  isolation:isolate;
}
.header::before,.header::after{content:'';position:absolute;pointer-events:none;border-radius:inherit;z-index:-1}
.header::before{
  inset:0;
  background:linear-gradient(117deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.02) 23%,transparent 44%,rgba(255,255,255,.18) 73%,rgba(255,255,255,.55) 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.24) 48%,transparent 70%,rgba(0,0,0,.5) 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.24) 48%,transparent 70%,rgba(0,0,0,.5) 100%);
}
.header::after{
  inset:1px;
  border:1px solid transparent;
  border-top-color:rgba(255,255,255,.52);
  border-bottom-color:rgba(255,255,255,.24);
  background:radial-gradient(ellipse 190px 75px at var(--glass-x) -12px,rgba(255,255,255,.57),rgba(255,255,255,.12) 50%,transparent 75%);
  box-shadow:inset 0 2px 5px rgba(255,255,255,.20),inset 0 -2px 4px rgba(98,140,193,.07);
}
.header .brand,.header nav,.header .nav-contact{position:relative;z-index:1}
.header nav{color:#536780;text-shadow:0 1px 1px rgba(255,255,255,.6)}
.header .nav-contact{background:linear-gradient(140deg,#263851ed,#17243feb);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 9px rgba(27,48,80,.15)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header{background:rgba(237,247,255,.88)}}
@media(prefers-reduced-motion:reduce){.header{--glass-x:24%!important}}

/* Gentle hover: preserve perspective and avoid sudden rotation changes. */
.icon-stage{
  transition:transform .48s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .4s ease;
  background-clip:padding-box;
}
.icon-stage img{transition:filter .45s ease}
.icon-stage>span{transition:color .4s ease}
@media(hover:hover) and (pointer:fine){
  .reader-stage:hover{transform:translateY(-5px) rotate(-16deg) rotateY(-12deg) scale(1.015)}
  .fly-stage:hover{transform:translateY(-5px) rotate(13deg) rotateY(-14deg) scale(1.015)}
  .icon-stage:hover{
    border-color:rgba(255,255,255,.98);
    box-shadow:inset 3px 3px 4px #ffffff,10px 29px 40px #637cbe2d,inset -3px -3px 6px #80aaff48;
  }
  .icon-stage:hover img{filter:brightness(1.025)}
  .icon-stage:hover>span{color:#52739f}
}
@media(prefers-reduced-motion:reduce){
  .icon-stage,.icon-stage img,.icon-stage>span{transition:none!important}
  .reader-stage:hover{transform:rotate(-16deg) rotateY(-12deg)}
  .fly-stage:hover{transform:rotate(13deg) rotateY(-14deg)}
}

/* Soft illuminated glass rim on product hover. */
.icon-stage::before{
  content:'';position:absolute;inset:-11px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 30% 12%,rgba(227,253,255,.75),transparent 55%),linear-gradient(135deg,rgba(166,236,255,.58),rgba(177,187,255,.2) 55%,rgba(193,241,255,.5));
  filter:blur(15px);opacity:0;transition:opacity .5s ease;z-index:-1;
}
.icon-stage::after{transition:box-shadow .5s ease,border-color .5s ease}
@media(hover:hover) and (pointer:fine){
  .icon-stage:hover{
    border-color:rgba(242,254,255,1);
    box-shadow:inset 2px 2px 5px rgba(255,255,255,.95),inset -2px -2px 7px rgba(180,232,255,.65),0 0 9px rgba(236,255,255,.85),0 0 25px rgba(134,213,255,.5),0 0 48px rgba(166,185,255,.28),10px 29px 40px #637cbe2d;
  }
  .icon-stage:hover::before{opacity:1}
  .icon-stage:hover::after{border-color:rgba(255,255,255,.95);box-shadow:inset 0 0 10px rgba(232,250,255,.6),0 0 5px rgba(232,250,255,.4)}
}
@media(prefers-reduced-motion:reduce){.icon-stage::before,.icon-stage::after{transition:none!important}}

/* One continuous glass surface, without a second inset rim. */
.icon-stage::after{display:none}

/* Ambient drift is separate from the hover transform, so neither interrupts the other. */
.reader-stage{animation:reader-drift 6.8s ease-in-out infinite}
.fly-stage{animation:fly-drift 7.6s ease-in-out -2.6s infinite}
@keyframes reader-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes fly-drift{0%,100%{translate:0 -2px}50%{translate:0 8px}}
@media(prefers-reduced-motion:reduce){.reader-stage,.fly-stage{animation:none;translate:0 0}}

/* Anchor navigation clears the floating header on every screen size. */
html{scroll-padding-top:112px}
.product:target{border-color:#b2cef0;box-shadow:0 12px 35px #5d88c518}
@media(max-width:850px){html{scroll-padding-top:98px}}
@media(max-width:540px){html{scroll-padding-top:92px}}

/* Content enters gently as it reaches the viewport. */
.scroll-reveal{
  opacity:0;
  translate:0 24px;
  transition:opacity .65s ease var(--reveal-delay,0ms),translate .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.scroll-reveal.is-revealed{opacity:1;translate:0 0}
@media(max-width:540px){.scroll-reveal{translate:0 18px}.scroll-reveal.is-revealed{translate:0 0}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;transition:none!important}}
@media print{.scroll-reveal{opacity:1!important;translate:none!important}}

footer{flex-wrap:wrap}
footer .filing-link{flex-basis:100%;text-align:center;font-size:10px;line-height:1.8;letter-spacing:.2px;color:#8d9fb8;margin-top:3px}
footer .filing-link:hover{color:#4775b2}
@media(max-width:540px){footer .filing-link{text-align:left;margin-top:0;font-size:9px}}
