@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{color:#0c1930;font-synthesis:none;--navy:#071632;--blue:#125bea;--cyan:#43d9ff;--line:#dce4ef;background:#f4f7fb;font-family:DM Sans,Noto Sans SC,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f8fc;min-width:320px;margin:0}button,a,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffe0;border-bottom:1px solid #cdd8e6b8;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;height:78px;margin:auto;padding:0 36px;display:flex}.brand{color:#071632;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#0c3fba,#1470ee);border-radius:15px;grid-template-columns:1fr auto 1fr;place-items:center;width:48px;height:48px;padding:0 6px;font:800 13px/1 Manrope,sans-serif;display:grid;box-shadow:0 10px 28px #1459e140}.brand-mark i{opacity:.72;font-size:10px;font-style:normal}.brand-name{letter-spacing:.03em;flex-direction:column;display:flex}.brand-name strong{font:800 14px/1.1 Manrope,sans-serif}.brand-name small{color:#687993;letter-spacing:.24em;font:700 9px/1.5 Manrope,sans-serif}.nav-links{gap:30px;margin-left:auto;display:flex}.nav-links button{color:#52627b;background:0 0;border:0;padding:10px 0;font-weight:650}.nav-links button:hover{color:#0d58df}.header-actions{align-items:center;gap:12px;display:flex}.language-picker{color:#0b4dbb;background:#fff;border:1px solid #d7e1ed;border-radius:12px;place-items:center;min-width:72px;height:42px;font-weight:800;display:grid;position:relative;overflow:hidden}.language-picker select{opacity:0;cursor:pointer;position:absolute;inset:0}.menu-button{background:0 0;border:0;width:42px;height:42px;padding:12px;display:none}.menu-button span{background:#0c1930;height:2px;margin:5px 0;display:block}.hero{color:#fff;background:radial-gradient(circle at 80% 52%,#0b50c7 0,#0a327f 23%,#071d49 48%,#06132c 75%);min-height:700px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#05122a1a,#0000 55%),radial-gradient(circle at 13% 18%,#43d9ff1f,#0000 26%);position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;max-width:1280px;min-height:700px;margin:auto;padding:100px 48px 90px;display:grid;position:relative}.hero-copy{max-width:720px}.eyebrow{color:#1163db;letter-spacing:.22em;text-transform:uppercase;margin:0 0 16px;font:800 12px/1.2 Manrope,sans-serif}.eyebrow.bright{color:#61dfff}.hero h1{letter-spacing:-.045em;margin:0;font:700 clamp(44px,5.8vw,80px)/1.02 Manrope,Noto Sans SC,sans-serif}.hero h1 em{color:#d9f8ff;font-style:normal}.hero-body{color:#b8c8e4;max-width:650px;margin:30px 0 0;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:13px;margin-top:38px;display:flex}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:0 22px;font-weight:750;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(135deg,#0f6ef5,#134cc8);box-shadow:0 15px 35px #125ce84d}.button.ghost{color:#d7e7ff;background:#ffffff0e;border-color:#fff3}.button:hover{transform:translateY(-2px)}.hero-proof{color:#8397b7;margin:34px 0 0;font-size:13px}.hero-proof span{color:#53dcaa;margin-right:10px}.hero-visual{perspective:1000px;place-items:center;min-height:480px;display:grid}.portfolio-stack{width:365px;height:430px;position:relative;transform:rotateY(-9deg)rotateX(4deg)}.portfolio-stack.single-product{height:180px}.portfolio-stack.single-product .stack-card{top:34px;left:32px}.stack-card{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff29;border-radius:24px;align-items:center;gap:18px;width:300px;height:112px;padding:22px;display:flex;position:absolute;box-shadow:0 28px 50px #0000004d}.stack-card>span{letter-spacing:.1em;font:800 14px/1.2 Manrope,sans-serif}.card-1{z-index:4;background:linear-gradient(135deg,#155cefeb,#06245ce6);top:0;left:0}.card-2{z-index:3;background:linear-gradient(135deg,#eb5733eb,#681f16e6);top:104px;left:55px}.card-3{z-index:2;background:linear-gradient(135deg,#23b079eb,#0b4b49e6);top:208px;left:10px}.card-4{z-index:1;background:linear-gradient(135deg,#8650e5eb,#321a5ee6);top:312px;left:62px}.hero-orbit{border:1px solid #61dfff2b;border-radius:50%;position:absolute}.orbit-one{width:650px;height:650px;top:10px;right:-210px}.orbit-two{width:430px;height:430px;top:110px;right:-80px}.app-badge{color:#fff;background:linear-gradient(145deg,#126fed,#0b3aa4);border-radius:17px;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40}.app-badge span{z-index:2;font:800 23px/1 Manrope,sans-serif;position:relative}.app-badge i{border:1px solid #ffffff59;border-radius:50%;width:45px;height:45px;position:absolute;bottom:-18px;right:-20px}.app-badge.food{background:linear-gradient(145deg,#ff7b50,#d74627)}.app-badge.home{background:linear-gradient(145deg,#29c697,#087876)}.app-badge.work{background:linear-gradient(145deg,#a16bec,#6032b5)}.app-badge.large{border-radius:22px;width:76px;height:76px}.section{max-width:1280px;margin:auto;padding:110px 48px}.section-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;margin-bottom:52px;display:grid}.section-heading h2,.approach h2,.company h2,.contact h2{letter-spacing:-.04em;margin:0;font:750 clamp(36px,4vw,58px)/1.1 Manrope,Noto Sans SC,sans-serif}.section-heading>p{color:#677991;margin:0;font-size:16px;line-height:1.8}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.product-grid:has(>:only-child){grid-template-columns:minmax(0,760px);justify-content:center}.product-card{color:#0c1930;text-align:left;background:#fff;border:1px solid #dde5ef;border-radius:26px;min-height:420px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 35px #253a590f}.product-card:after{content:"";border:1px solid #d7e8ff;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-150px;right:-120px;box-shadow:0 0 0 45px #1467eb06,0 0 0 90px #1467eb05}.product-card:hover{border-color:#aac9f4;transform:translateY(-5px);box-shadow:0 18px 48px #253a591c}.product-top{justify-content:space-between;align-items:center;display:flex}.status{color:#6b788c;background:#eef2f7;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750;display:inline-flex}.status.live{color:#087953;background:#e4f7ef}.product-number{color:#e5ebf3;font:800 58px/1 Manrope,sans-serif;position:absolute;top:108px;right:27px}.card-eyebrow{letter-spacing:.18em;font:800 11px/1.2 Manrope,sans-serif;color:#6d81a1!important;margin:52px 0 8px!important}.product-card h3{letter-spacing:-.025em;max-width:80%;margin:0;font:750 30px/1.25 Manrope,Noto Sans SC,sans-serif}.product-card>p{color:#687a92;max-width:75%;line-height:1.7}.card-link{color:#0f5fdc;align-items:center;gap:12px;font-weight:750;display:flex;position:absolute;bottom:28px;left:28px}.approach{color:#fff;background:#081a37;grid-template-columns:.8fr 1.2fr;gap:80px;max-width:none;padding-left:max(48px,50vw - 592px);padding-right:max(48px,50vw - 592px);display:grid}.approach-intro{align-self:start;position:sticky;top:130px}.approach-list article{border-top:1px solid #ffffff21;grid-template-columns:70px 1fr;gap:20px;padding:34px 0;display:grid}.approach-list article>span{color:#56dfff;font:800 12px/1.5 Manrope,sans-serif}.approach-list h3{margin:0 0 10px;font:700 27px/1.3 Manrope,Noto Sans SC,sans-serif}.approach-list p{color:#a9bbd4;margin:0;line-height:1.75}.company{grid-template-columns:1.2fr .8fr;align-items:center;gap:90px;display:grid}.company-copy>p:last-child{color:#667991;max-width:760px;font-size:17px;line-height:1.85}.company-facts{border-left:1px solid #d7e0ea;padding-left:60px}.company-facts div{border-bottom:1px solid #dce4ed;grid-template-columns:90px 1fr;align-items:baseline;padding:22px 0;display:grid}.company-facts strong{color:#0c57d4;font:800 45px/1 Manrope,sans-serif}.company-facts span{color:#677991}.contact{color:#fff;background:linear-gradient(135deg,#0a2b66,#0b57ce);grid-template-columns:.8fr 1.2fr;gap:100px;padding:100px max(48px,50vw - 592px);display:grid}.contact-copy>p:last-child{color:#c2d2eb;line-height:1.8}.contact-links a{border-top:1px solid #fff3;flex-direction:column;gap:5px;padding:23px 48px 23px 0;display:flex;position:relative}.contact-links a:last-child{border-bottom:1px solid #fff3}.contact-links span{color:#a8c2ea;font-size:12px;font-weight:700}.contact-links strong{font-size:20px}.contact-links b{font-size:21px;position:absolute;top:34px;right:8px}footer{color:#61738c;background:#f8fbff;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:55px max(36px,50vw - 604px);display:grid}footer>p{text-align:right}footer>div{border-top:1px solid #dde5ee;grid-column:1/-1;justify-content:space-between;padding-top:22px;font-size:12px;display:flex}.detail-page{color:#0c1930}.detail-hero{color:#fff;background:radial-gradient(circle at 78% 46%,#0c5ad4,#082c6f 30%,#071a38 68%);min-height:720px;padding:50px max(48px,50vw - 592px) 80px;position:relative;overflow:hidden}.detail-food .detail-hero{background:radial-gradient(circle at 78% 46%,#ed6a43,#822f28 30%,#2d1420 72%)}.detail-home .detail-hero{background:radial-gradient(circle at 78% 46%,#24b68a,#0b6260 30%,#082d3a 72%)}.detail-work .detail-hero{background:radial-gradient(circle at 78% 46%,#8a54dc,#4a2a91 30%,#1c1741 72%)}.detail-glow{border:1px solid #ffffff2b;border-radius:50%;width:620px;height:620px;position:absolute;top:50px;right:-220px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff05}.back-link{z-index:3;color:#c5d5ee;background:0 0;border:0;padding:12px 0;font-weight:700;position:relative}.detail-layout{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:100px;margin-top:35px;display:grid;position:relative}.detail-brand{align-items:center;gap:17px;margin-bottom:30px;display:flex}.detail-brand>span{flex-direction:column;gap:7px;display:flex}.detail-brand small{color:#9fc4fa;letter-spacing:.18em;font:800 11px/1 Manrope,sans-serif}.detail-brand strong{font-size:17px}.detail-copy h1{letter-spacing:-.045em;max-width:720px;margin:28px 0 20px;font:750 clamp(44px,5.4vw,72px)/1.05 Manrope,Noto Sans SC,sans-serif}.detail-copy>p{color:#c0d0e7;max-width:660px;font-size:18px;line-height:1.75}.detail-copy .button{margin-top:18px}.detail-device{background:#eff4fa;border:8px solid #ffffffc7;border-radius:46px;justify-self:center;width:min(100%,350px);height:510px;padding:28px 22px;transform:rotate(4deg);box-shadow:0 38px 70px #0000004d}.device-top{background:#10213d;border-radius:99px;width:42%;height:14px;margin:-16px auto 28px}.device-brand{color:#10213d;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.device-brand .app-badge{border-radius:13px;width:43px;height:43px}.device-brand .app-badge span{font-size:17px}.device-hero-block{background:linear-gradient(135deg,#0c2559,#1469e6);border-radius:22px;height:132px;margin-top:25px}.detail-food .device-hero-block{background:linear-gradient(135deg,#6c261e,#ee714a)}.detail-home .device-hero-block{background:linear-gradient(135deg,#075151,#2ac99a)}.detail-work .device-hero-block{background:linear-gradient(135deg,#3a2370,#9560e6)}.device-chips{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.device-chips i{background:#fff;border:1px solid #dce5ef;border-radius:14px;height:50px}.device-list{gap:10px;margin-top:20px;display:grid}.device-list i{background:#fff;border:1px solid #dce5ef;border-radius:14px;height:55px}.detail-features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1184px;margin:auto;padding:80px 48px;display:grid}.detail-features article{background:#fff;border:1px solid #dce4ed;border-radius:22px;min-height:180px;padding:28px}.detail-features span{color:#0d62e7;font:800 12px/1 Manrope,sans-serif}.detail-features p{margin:45px 0 0;font-size:18px;font-weight:700;line-height:1.55}.detail-note{color:#52657d;background:#eaf0f7;border-radius:22px;justify-content:space-between;gap:30px;max-width:1088px;margin:0 auto 100px;padding:28px 32px;display:flex}.detail-note p{margin:0}.detail-note a{color:#0d5fdd;white-space:nowrap;font-weight:700}@media (width<=900px){.nav-shell{height:70px;padding:0 20px}.nav-links{background:#f8fbff;border-bottom:1px solid #dce4ef;flex-direction:column;gap:4px;margin:0;padding:16px 20px 24px;display:none;position:absolute;top:70px;left:0;right:0}.nav-links.open{display:flex}.nav-links button{text-align:left;padding:12px}.menu-button{display:block}.hero-grid{grid-template-columns:1fr;padding:80px 28px 70px}.hero-visual{min-height:390px}.section{padding:80px 28px}.section-heading,.approach,.company,.contact,.detail-layout{grid-template-columns:1fr;gap:45px}.approach{padding:80px 28px}.approach-intro{position:static}.company-facts{border-top:1px solid #d7e0ea;border-left:0;padding:25px 0 0}.contact{padding:80px 28px}.detail-layout{margin-top:25px}.detail-device{margin-top:20px}}@media (width<=620px){.brand-name{display:none}.hero{min-height:auto}.hero-grid{min-height:auto;padding-top:68px}.hero h1{font-size:44px}.hero-body{font-size:16px}.hero-visual{min-height:340px;margin:-35px -30px;transform:scale(.82)}.section-heading{grid-template-columns:1fr;gap:20px}.product-grid{grid-template-columns:1fr}.product-card{min-height:390px}.product-card h3,.product-card>p{max-width:90%}.detail-hero{padding:28px 22px 65px}.detail-copy h1{font-size:42px}.detail-device{height:445px;transform:none}.detail-features{grid-template-columns:1fr;padding:55px 22px}.detail-features article{min-height:135px}.detail-features p{margin-top:28px}.detail-note{flex-direction:column;margin:0 22px 70px}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:no-preference){.stack-card{animation:7s ease-in-out infinite float}.stack-card:nth-child(2){animation-delay:-1.5s}.stack-card:nth-child(3){animation-delay:-3s}.stack-card:nth-child(4){animation-delay:-4.5s}@keyframes float{0%,to{translate:0}50%{translate:0 -8px}}}