.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#1186ff,#00e5e9);width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.menu-toggle{display:none}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;transform:translateX(-140%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff25,transparent);transition:transform .65s}.button:hover:after{transform:translateX(140%) skewX(-20deg)}.button .arrow,.concept-link{transition:transform .3s}.button:hover .arrow{transform:translate(2px,-2px)}.hero .eyebrow{animation:rise-in .7s both}.hero h1{animation:rise-in .9s .1s both}.hero .intro{animation:rise-in .9s .2s both}.hero .actions{animation:rise-in .9s .3s both}.heroart{animation:rise-in 1.2s .15s both}.hero .browser{animation:float-browser 7s ease-in-out infinite}.hero .floatcard{animation:float-label 6s ease-in-out infinite}.orb{animation:glow 7s ease-in-out infinite}.orb:before{border-style:dashed;animation:orbit 65s linear infinite}.hero h1 em{background-size:200% auto;animation:gradient-flow 7s ease-in-out infinite}.solution{transition:border-color .3s,transform .3s,background .3s}.solution:hover{border-color:var(--cyan);transform:translateY(-5px);background:#0c1c30}.plan{transition:transform .35s,box-shadow .35s}.plan:hover{transform:translateY(-7px);box-shadow:0 16px 55px #008cff15}.step:hover .num{color:white}.step .num{transition:color .3s}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal-ready.visible{opacity:1;transform:none}details[open] p{animation:rise-in .35s both}dialog[open]{animation:dialog-in .25s both}.back-top{position:fixed;right:23px;bottom:22px;z-index:12;width:43px;height:43px;border:1px solid #306099;border-radius:50%;background:#0b2138e8;color:#83dcff;font-size:23px;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s}.back-top.show{visibility:visible;opacity:1;transform:none}.inspiration-section{background:radial-gradient(ellipse at 10% 30%,#0c315b38,transparent 60%);border-top:1px solid #172234}.carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.carousel-heading .heading{max-width:760px}.carousel-navigation{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-bottom:12px}.round{height:44px;width:44px;border:1px solid #304563;border-radius:50%;background:#0a1422;color:#d2e8ff;font-size:22px;transition:background .2s,border-color .2s,transform .2s}.round:hover{background:#133959;border-color:#20c4f2;transform:scale(1.06)}.slide-counter{font-size:11px;color:#60758e;white-space:nowrap}.slide-counter b{font-size:14px;color:#eaf3ff}.carousel{overflow:hidden;border:1px solid #283c56;border-radius:16px;background:linear-gradient(120deg,#0e1d30,#09101b);touch-action:pan-y}.carousel-track{display:flex;transition:transform .7s cubic-bezier(.22,1,.36,1)}.concept{min-width:100%;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;padding:44px}.concept-category{font-size:10px;color:#54ccff;letter-spacing:1.8px}.concept-info h3{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:22px 0 16px}.concept-info p{font-size:14px;max-width:325px}.concept-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.concept-tags span{font-size:10px;border:1px solid #2e4766;border-radius:5px;padding:5px 8px;color:#9eb9d6}.concept-link{display:inline-block;font-size:13px;color:#70d9ff;margin-top:12px}.concept-link:hover{transform:translateX(4px)}.concept-preview{min-width:0;padding:16px 0}.demo-window{border-radius:9px;padding:25px;box-shadow:0 25px 60px #0005;overflow:hidden;transition:transform .45s}.concept-preview:hover .demo-window{transform:translateY(-5px)}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #0002;padding-bottom:17px}.demo-top>b{font-size:17px;letter-spacing:-.6px}.demo-top>b>span{font-weight:400;font-size:12px}.demo-top>span{font-size:6px;letter-spacing:1.2px}.demo-window small{font-size:6px;letter-spacing:1.4px}.demo-window h4{font-size:36px;letter-spacing:-1.5px;line-height:1.02;margin:18px 0}.demo-window p{font-size:9px;line-height:1.6}.demo-button{font-size:7px;padding:8px 12px;display:inline-block;margin-top:12px}.demo-bottom{border-top:1px solid #0002;display:flex;justify-content:space-between;font-size:7px;margin-top:22px;padding-top:13px}.service-demo{background:#e7e7df;color:#25372d}.service-demo p{color:#687168}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:20px;align-items:center}.service-demo .demo-button{background:#304e3b;color:#fff}.architecture{height:207px;position:relative;background:linear-gradient(135deg,#c5cabd,#f5f3e9);overflow:hidden}.arch-back{position:absolute;right:15%;bottom:0;height:90%;width:55%;background:linear-gradient(90deg,#bcbca9,#efeddf);border-radius:65px 65px 0 0;box-shadow:20px 20px 20px #7775}.arch-front{position:absolute;width:54%;height:67%;left:0;bottom:0;background:linear-gradient(100deg,#6b826c,#324c3d);border-radius:65px 65px 0 0}.arch-front:after{content:'';position:absolute;left:25%;right:25%;bottom:0;height:72%;background:#183025;border-radius:40px 40px 0 0}.arch-stair{position:absolute;bottom:0;right:0;height:30%;width:50%;background:repeating-linear-gradient(0deg,#d8d4c4 0px,#d8d4c4 9px,#a5a998 10px,#a5a998 12px);transform:skewY(-24deg);transform-origin:bottom right}.architecture>span{position:absolute;top:10px;left:9px;font-size:5px;letter-spacing:2px}.shop-demo{background:#fff5e9;color:#713b24}.shop-demo h4{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:20px 0}.shop-demo .demo-top>b>span{font-size:17px}.demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.demo-products>div>b,.demo-products>div>span{display:block;font-size:8px;margin-top:8px}.demo-products>div>span{font-size:6px;color:#937762;margin-top:2px}.product-art{height:120px;background:#ead9c3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-art:after{content:'';position:absolute;bottom:16px;width:66px;height:10px;border-radius:50%;background:#79462930;filter:blur(4px)}.vase{z-index:1;width:49px;height:65px;background:linear-gradient(90deg,#8e452a,#cf8456 60%,#b05e37);border-radius:16px 16px 22px 22px;position:relative;box-shadow:inset -5px 0 10px #0002}.vase:before{content:'';position:absolute;width:26px;height:12px;top:-6px;left:12px;background:#613e2c;border:4px solid #bc784f;border-radius:50%}.vase-one{background:repeating-linear-gradient(90deg,#b66f45 0,#d79966 3px,#bd7951 6px);border-radius:25px 25px 17px 17px}.vase-two{height:48px;width:58px;background:linear-gradient(90deg,#c2b095,#efe5cf,#c1ad8b);border-radius:18px 18px 30px 30px;transform:translateY(8px)}.vase-two:before{left:18px;width:23px;top:-10px;height:15px;background:#a28c68;border-color:#ded2bc}.lamp{height:80px;position:relative;width:65px;z-index:1}.lamp:before{content:'';position:absolute;top:4px;left:0;width:65px;height:37px;background:linear-gradient(90deg,#a55733,#d69360);border-radius:40px 40px 5px 5px}.lamp:after{content:'';position:absolute;left:30px;top:41px;width:6px;height:37px;background:#a15a39}.lamp>i{position:absolute;bottom:0;left:16px;width:36px;height:6px;background:#8f5136;border-radius:50%}.local-demo{background:#ede4cc;color:#29392f}.local-demo .demo-top>b{font-size:16px;letter-spacing:1px}.local-demo .demo-top>b>span{font-size:7px}.coffee-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10px;padding-top:25px}.local-demo h4{font-family:Georgia,serif;font-size:33px;font-weight:400}.local-demo p{color:#777764}.local-demo .demo-button{background:#293f33;color:#fff}.coffee-scene{position:relative;height:205px;background:#d5c5a2;border-radius:100px 100px 0 0;display:flex;align-items:center;justify-content:center}.saucer{position:absolute;width:112px;height:72px;background:#f5eddb;border-radius:50%;top:95px;box-shadow:8px 12px 16px #6c543e3a}.cup{position:absolute;top:77px;width:80px;height:67px;background:linear-gradient(90deg,#c5b997,#fff5dc,#ddd0b0);border-radius:7px 7px 35px 35px;z-index:1}.cup:after{content:'';position:absolute;width:25px;height:27px;border:7px solid #e9ddbd;border-left:0;border-radius:0 20px 20px 0;right:-20px;top:8px}.coffee{height:25px;border-radius:50%;background:radial-gradient(ellipse,#d8b583 0 8%,#864423 10% 19%,#dab789 21% 28%,#9b5732 30% 35%,#d7b182 37% 43%,#643b27 45% 100%);border:5px solid #ebdfbf;margin-top:-7px}.steam{position:absolute;top:35px;left:47%;width:18px;height:32px;border-left:2px solid #fff8;border-radius:50%;animation:steam-rise 3s ease-in-out infinite}.carousel-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.carousel-footer>p{font-size:10px;color:#73869f;margin:0}.carousel-bottom-controls{display:flex;gap:20px;align-items:center}.carousel-dots{display:flex;align-items:center;gap:9px}.carousel-dots button{width:7px;height:7px;padding:0;background:#364963;border:0;border-radius:10px;transition:width .3s,background .3s;position:relative}.carousel-dots button:before{content:'';position:absolute;inset:-9px}.carousel-dots button[aria-current=true]{width:28px;background:#19b5ff}.autoplay{background:none;border:0;color:#8ca7c4;font-size:12px;padding:8px}.autoplay span{font-size:10px;margin-left:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-browser{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}@keyframes float-label{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes glow{50%{box-shadow:0 0 100px #008cff16}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes gradient-flow{50%{background-position:100% center}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@keyframes steam-rise{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(-9px)}}
@media(max-width:1000px){.navlinks{gap:17px;font-size:12px}.concept{padding:30px;gap:25px}.concept-info h3{font-size:28px}.demo-window{padding:19px}.demo-window h4{font-size:29px}.architecture{height:180px}.product-art{height:100px}}@media(max-width:680px){nav>.button{margin-left:auto}.menu-toggle{display:block;background:none;border:1px solid #293d58;border-radius:5px;color:#bfdefb;order:3;font-size:19px;padding:2px 10px}.navlinks.open{position:absolute;display:flex;top:72px;left:0;right:0;flex-direction:column;padding:22px;background:#081321;border-bottom:1px solid #2f4565;gap:0;box-shadow:0 20px 30px #0006}.navlinks.open a{padding:13px 10px;font-size:14px}.carousel-heading{display:block;margin-bottom:24px}.carousel-heading h2{font-size:31px}.carousel-navigation{margin-top:22px;justify-content:flex-end}.concept{grid-template-columns:1fr;padding:25px 20px;gap:10px}.concept-info h3{font-size:28px;margin:15px 0}.concept-info p{max-width:100%;font-size:13px}.concept-tags{margin:16px 0}.concept-link{margin-top:3px}.demo-window{padding:20px}.demo-top>span{font-size:5px}.demo-window h4{font-size:30px}.architecture{height:180px}.coffee-scene{height:180px}.demo-products{gap:7px}.product-art{height:110px}.carousel-footer{align-items:flex-start}.carousel-footer>p{max-width:145px;font-size:9px}.carousel-bottom-controls{gap:10px}.autoplay span{display:none}.back-top{right:15px;bottom:15px;width:39px;height:39px}.concept-preview{padding:17px 0 0}}@media(max-width:360px){nav{gap:7px}nav .logo{width:100px}nav>.button{padding:8px}.concept{padding:23px 14px}.demo-window{padding:15px}.demo-window h4{font-size:27px}}@media not all{*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.hero .browser{transform:rotate(-4deg)}}