:root{--ink:#11233e;--ink-soft:#3c4d66;--muted:#687993;--blue:#127ac4;--green:#6d961d;--gold:#edb72b;--purple:#9d55a2;--red:#af0938;--paper:#fff;--line:#e7ecf2;--shadow:0 20px 70px rgba(23,55,91,.075)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:white;color:var(--ink);font:400 16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #0e85d4;outline-offset:4px}.wrap{width:min(1440px,calc(100% - 108px));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:-100px;left:10px;background:#fff;padding:14px}.skip-link:focus{top:12px}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(255,255,255,.77);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(222,229,239,.58);transition:box-shadow .4s,background .4s}.site-header.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(30,63,90,.055)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;line-height:1.16}.brand-image{width:48px;height:48px;display:grid;place-items:center}.brand-image img{width:45px;height:45px;object-fit:contain}.brand-caption{display:grid;gap:4px;color:#14243e;letter-spacing:-.035em}.brand-caption strong{font-size:15px;line-height:1;font-weight:680}.brand-caption small{font-size:13px;font-weight:770;line-height:1;color:#223653}.brand-it-accent{color:var(--blue)}.nav-items{display:flex;align-items:center;gap:32px}.nav-items a{font-size:13px;color:#5b6a7e;font-weight:620;transition:color .2s}.nav-items a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:14px}.lang-toggle{border:1px solid #e7edf5;background:#f9fbfe;min-width:58px;height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;color:#2f425d;font-size:12px;font-weight:800}.lang-globe{font-size:18px;color:var(--blue)}.nav-login{display:inline-flex;align-items:center;gap:20px;justify-content:center;border-radius:999px;background:#112944;color:#fff;height:41px;padding:0 17px;font-size:13px;font-weight:690;transition:transform .25s,box-shadow .25s}.nav-login:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(18,76,140,.15)}.mobile-menu{display:none;border:0;background:none;width:40px;height:40px;padding:10px}.mobile-menu span{display:block;height:2px;margin:6px 0;background:#1e334b}.hero-section{position:relative;min-height:820px;isolation:isolate;overflow:hidden;background:linear-gradient(177deg,#fff 0%,#fefeff 51%,#f5f9fd 100%);padding-top:78px}.hero-faint-word{pointer-events:none;position:absolute;top:14px;right:-.06em;white-space:nowrap;color:rgba(33,63,102,.039);font-size:clamp(210px,27vw,490px);font-family:Georgia,'Times New Roman',serif;letter-spacing:-.11em;font-weight:400;line-height:1.22;z-index:-1;will-change:transform}.hero-wash{position:absolute;border-radius:50%;filter:blur(65px);pointer-events:none;z-index:-1;opacity:.53}.hero-wash-blue{width:580px;height:390px;right:0;top:140px;background:radial-gradient(ellipse,rgba(79,174,238,.23),transparent 70%)}.hero-wash-purple{width:390px;height:360px;right:240px;bottom:20px;background:radial-gradient(ellipse,rgba(176,116,201,.12),transparent 74%)}.hero-wash-yellow{width:340px;height:200px;right:60px;bottom:85px;background:radial-gradient(ellipse,rgba(240,187,47,.12),transparent 74%)}.hero-layout{position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:716px}.hero-copy{padding:68px 0 88px;position:relative;z-index:9}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.21em;font-weight:800;color:#66829a;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#6ba13b;box-shadow:0 0 0 5px #e8f4e7}.hero-copy h1{font-size:clamp(57px,5vw,89px);line-height:1.055;letter-spacing:-.077em;margin:33px 0 29px;max-width:740px;font-weight:735;color:#0c2343}.hero-copy h1 em{font-style:normal;background:linear-gradient(92deg,#127ab8 5%,#9d57ac 40%,#e7b62c 82%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:chromaticText 9s ease-in-out infinite}.hero-description{font-size:clamp(16px,1.24vw,20px);line-height:1.65;color:#63718a;max-width:520px;margin-bottom:30px}.hero-buttons,.feature-buttons,.closing-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:29px;min-height:55px;border-radius:999px;padding:0 23px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;font-size:14px;font-weight:700;white-space:nowrap}.btn-primary{color:#fff;background:linear-gradient(100deg,#096dae,#167bd4);box-shadow:0 12px 32px rgba(30,120,202,.19)}.btn-white{background:#fff;color:#213650;border:1px solid #e4ebf3;box-shadow:0 8px 28px rgba(21,55,87,.065)}.btn-outline{border:1px solid #d4deea;background:transparent}.btn-arrow{font-size:19px}.hero-small-link{margin-top:31px;color:#64768c;font-size:13px;font-weight:680}.hero-small-link a{display:inline-flex;gap:12px;align-items:center;transition:color .2s}.hero-small-link a:hover{color:var(--blue)}.hero-bottom{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px}.hero-rule{height:1px;background:#dde5ed;flex:1}.scroll-cue{font-size:10px;letter-spacing:.17em;color:#98a6b6;display:flex;align-items:center;gap:13px;font-weight:750}.scroll-line{width:45px;height:1px;background:#c8d5e3}
/* HERO: physical-looking CSS 3D devices; scroll only adjusts composition via variables. */
.devices-scene{position:relative;width:100%;height:650px;perspective:1300px;transform-style:preserve-3d;--scene-scroll:0;--scene-cursor-x:0;--scene-cursor-y:0}.stage-back-circle{position:absolute;width:70%;aspect-ratio:1;top:10%;left:19%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.8),rgba(172,211,237,.18) 45%,rgba(184,170,225,.065) 64%,transparent 75%);border:1px solid rgba(224,233,242,.32)}.scene-light{position:absolute;filter:blur(26px);border-radius:50%;opacity:.7;mix-blend-mode:multiply}.light-a{height:190px;width:180px;right:7%;top:23%;background:rgba(64,156,233,.14)}.light-b{height:160px;width:160px;left:13%;bottom:8%;background:rgba(159,96,197,.12)}.orbit-path{position:absolute;left:7%;top:19%;width:85%;height:57%;border-radius:50%;border:1px solid rgba(125,170,217,.14);transform:rotate(-25deg)}.orbit-two{transform:rotate(31deg);border-color:rgba(176,123,180,.12)}.floor-glow{position:absolute;bottom:2%;left:14%;right:1%;height:84px;background:radial-gradient(ellipse,rgba(57,122,185,.18),transparent 72%);filter:blur(15px);pointer-events:none}.laptop-float{position:absolute;width:690px;height:510px;top:58px;left:4%;z-index:5;transform:translate3d(var(--laptop-x,0px),var(--laptop-y,0px),0) rotateY(var(--laptop-rotate-y,-11deg)) rotateX(var(--laptop-rotate-x,2deg));transform-style:preserve-3d;will-change:transform;animation:laptopBreathe 7s ease-in-out infinite}.laptop-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d}.laptop-display{position:absolute;width:84%;height:73%;top:5%;left:10%;border-radius:19px 19px 10px 10px;padding:12px;background:linear-gradient(130deg,#1b2d45 0%,#111d31 29%,#566d89 80%,#182d42 100%);box-shadow:inset 0 0 0 2px #62718a,0 45px 85px rgba(12,29,52,.19),0 18px 29px rgba(13,39,67,.17);transform:rotateX(4deg) rotateZ(-3deg);transform-origin:50% 100%;border:2px solid #566578}.screen-bezel{position:relative;width:100%;height:100%;border-radius:9px;overflow:hidden;background:#f9fbfd;padding:9px}.webcam{position:absolute;top:2px;left:50%;height:3px;width:3px;background:#6b92ac;border-radius:50%;z-index:3}.laptop-ui{height:100%;background:#fff;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 35px #ebf2fa}.mock-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ebeff4;height:35px;padding:0 13px}.mock-brand{display:flex;align-items:center;gap:6px;font-size:10px;color:#233e60;letter-spacing:-.02em}.mini-monogram{display:grid;place-items:center;background:linear-gradient(110deg,#3472a5 0 20%,#6f9815 20% 36%,#b66d9f 36% 54%,#e9b62a 54% 76%,#1281ae 76% 90%,#b3083e 90%);color:#fff;width:23px;height:20px;font:18px Georgia,serif}.mock-avatar{width:19px;height:19px;background:linear-gradient(140deg,#d9f2e4,#c4e4f5);border-radius:50%}.mock-content{display:grid;grid-template-columns:99px 1fr;height:calc(100% - 35px)}.mock-nav{border-right:1px solid #e8edf4;background:#fbfcfe;padding:22px 7px}.mock-navitem{font-size:9px;padding:10px 5px;color:#7890a8;white-space:nowrap;display:flex;align-items:center;gap:6px}.mock-navitem span{font-size:14px}.mock-navitem.active{background:#e8f2fa;border-radius:5px;color:#1674bc;font-weight:700}.mock-body{padding:25px 24px}.mock-kicker{font-size:8px;letter-spacing:.12em;font-weight:800;color:#8d9db2}.mock-headline{font-weight:800;font-size:25px;letter-spacing:-.055em;line-height:1.1;margin-top:8px}.mock-sub{font-size:10px;color:#8293a8;margin:6px 0 20px}.mock-search{height:34px;border:1px solid #e5ebf3;border-radius:8px;box-shadow:0 4px 10px #0c34550b;display:flex;align-items:center;gap:7px;padding:0 10px;color:#92a2b3;font-size:9px}.mock-search>span:first-child{font-size:18px}.search-end{margin-left:auto;background:#f3f6fa;padding:3px;border-radius:3px}.mock-tiles{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-tile{height:102px;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;padding:11px;font-size:8px;border:1px solid #e4edf3}.mock-tile span{font-size:22px}.mock-tile strong{font-size:9px;color:#344963}.mock-tile.blue{background:#eff7ff;color:#0d78ca}.mock-tile.red{background:#fff1f4;color:#be2358}.mock-tile.violet{background:#f6f2fe;color:#9261b9}.mock-banner{margin-top:15px;background:#f5f8fb;border:1px solid #edf1f5;display:flex;align-items:center;gap:7px;border-radius:7px;padding:9px;font-size:9px;color:#60758c}.mock-banner span:last-child{margin-left:auto}.mock-secure-dot{width:7px;height:7px;background:#4ba66c;border-radius:50%}.laptop-hinge{position:absolute;left:8%;top:77%;width:84%;height:8px;background:linear-gradient(#5c7188,#152438);border-radius:5px;transform:rotateZ(-3deg)}.laptop-keyboard{position:absolute;width:97%;left:2%;top:76%;height:19%;border-radius:4px 4px 22px 22px;background:linear-gradient(180deg,#cad6e1 0%,#e2e9ef 11%,#859caf 75%,#4e6b88 99%);border:1px solid #bdcddb;box-shadow:0 15px 24px rgba(12,40,70,.17);transform:perspective(300px) rotateX(68deg) rotateZ(-3deg);transform-origin:top center}.keyboard-rows{position:absolute;top:12%;left:12%;right:12%;height:50%;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 12px,#657e95 12px 15px),repeating-linear-gradient(90deg,#4c6379 0 21px,#b1beca 21px 25px);background-blend-mode:multiply;opacity:.9}.trackpad{position:absolute;bottom:9%;left:39%;width:25%;height:28%;border:1px solid #8297ac;border-radius:4px}.laptop-lip{position:absolute;width:92%;height:6px;background:linear-gradient(90deg,#7b94a9,#e2ebf3 45%,#6a839a);top:90.5%;left:5%;border-radius:50%;transform:rotateZ(-3deg)}.phone-float{position:absolute;left:0;top:230px;width:162px;height:325px;z-index:8;transform:translate3d(var(--phone-x,0px),var(--phone-y,0px),0) rotate(-13deg) rotateY(-8deg);animation:phoneBreathe 6s ease-in-out infinite;filter:drop-shadow(11px 19px 22px rgba(18,48,83,.18))}.phone-body{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#0a1626,#425b72 65%,#18273c);border:4px solid #39495a;border-radius:25px;padding:7px;box-shadow:inset 0 0 0 1px #a1b2c3}.phone-screen{height:100%;background:linear-gradient(175deg,#f9fbff 20%,#e7f2fd);border-radius:17px;overflow:hidden;padding:45px 13px 16px}.phone-island{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:42%;height:11px;background:#081a2c;border-radius:10px;z-index:2}.phone-micro-logo{font:19px Georgia,serif;letter-spacing:-.1em;color:#0d70a5}.phone-micro-logo b{font:700 10px Arial, sans-serif;letter-spacing:0}.phone-hello{font-size:14px;line-height:1.18;color:#1b314e;margin:28px 0 16px}.phone-hello strong{font-size:19px;letter-spacing:-.04em}.phone-line{height:3px;width:38px;background:linear-gradient(90deg,#6c901b,#d4bb54);border-radius:9px;margin-bottom:21px}.phone-option{border-radius:7px;margin:8px 0;padding:9px 6px;font-size:8px;font-weight:750;display:flex;gap:7px;align-items:center;color:#345}.phone-option span{font-size:13px}.phone-option.blue{background:#e5f1fc}.phone-option.red{background:#fcecf1}.phone-option.green{background:#edf4e8}.phone-bottom{height:3px;width:40px;border-radius:4px;background:#708097;position:absolute;bottom:12px;left:calc(50% - 20px)}.printer-float{position:absolute;right:0;bottom:90px;width:200px;height:170px;z-index:8;transform:translate3d(var(--printer-x,0px),var(--printer-y,0px),0) rotate(-7deg) rotateY(-18deg);animation:printerBreathe 7s ease-in-out infinite;filter:drop-shadow(4px 14px 18px rgba(39,72,110,.15))}.printer-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d}.printer-top{position:absolute;left:9%;top:26%;width:82%;height:47%;background:linear-gradient(165deg,#fff,#d7e3ec 68%,#b4c4d2);border:1px solid #afbdca;border-radius:9px 11px 5px 5px;transform:skewY(-2deg);box-shadow:0 13px 22px rgba(28,60,90,.18)}.printer-cover{position:absolute;top:33%;left:20%;width:60%;height:10%;background:#253548;border:5px solid #b3c5d4;border-radius:3px}.printer-slot{position:absolute;left:23%;top:57%;width:54%;height:8px;background:#43576c;border-radius:3px;box-shadow:inset 0 2px 3px #14293c}.printer-tray{position:absolute;top:64%;left:17%;width:66%;height:28%;background:linear-gradient(#c2d0db,#f9fbfd 46%,#a3b4c5);border:1px solid #bac9d4;clip-path:polygon(0 0,100% 0,89% 100%,10% 100%)}.printer-paper{position:absolute;top:12%;left:30%;width:43%;height:39%;background:white;border:1px solid #d5dde7;border-radius:2px;transform:rotate(-3deg);box-shadow:0 3px 10px #647b8d2e}.printer-paper span{display:block;width:52%;height:2px;background:#a8bacc;margin:9px 0 0 13px}.printer-status{position:absolute;right:23%;top:47%;width:6px;height:6px;border-radius:50%;background:#62bb82;box-shadow:0 0 6px #65bd8b}.floating-chip{position:absolute;z-index:10;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:730;color:#506987;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);padding:11px 15px;border:1px solid rgba(219,230,239,.9);border-radius:12px;box-shadow:0 9px 34px #23496c12;animation:chipBreathe 5s ease-in-out infinite}.chip-icon{color:#1eb58d;font-size:18px}.chip-icon.orange{color:#ebad34}.chip-systems{right:3%;top:18%}.chip-service{right:17%;bottom:8%;animation-delay:-2.5s}
.section-pad{padding:128px 0}.section-kicker{margin-bottom:23px}.display-heading{font-size:clamp(37px,4.65vw,68px);line-height:1.12;letter-spacing:-.065em;font-weight:730;margin:0;color:#10253f}.about-section{padding-top:135px;padding-bottom:140px}.about-grid{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:120px}.about-right{padding-top:46px}.about-right p{font-size:clamp(17px,1.65vw,23px);line-height:1.65;color:#596a80;margin:0 0 30px}.about-pill-row{display:flex;gap:9px;flex-wrap:wrap}.about-pill-row span{font-size:12px;font-weight:670;border-radius:40px;padding:8px 14px;background:#f1f5f8;color:#5f7183}.services-section{background:#f7f9fc;border-block:1px solid #f0f4f8}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.section-sub{font-size:17px;color:#76859a;margin:18px 0 0}.text-link{font-size:14px;color:#2672b6;font-weight:700;white-space:nowrap;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-tile{position:relative;min-height:355px;padding:23px 25px 24px;border-radius:24px;border:1px solid #e7edf3;background:white;box-shadow:0 17px 42px rgba(40,72,100,.03);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s cubic-bezier(.22,.75,.26,1),box-shadow .4s}.service-tile:hover{transform:translateY(-11px)!important;box-shadow:0 24px 50px rgba(27,68,113,.12)}.service-tile:before{content:"";position:absolute;inset:-40% -50% 40% -50%;border-radius:50%;background:radial-gradient(ellipse,rgba(110,163,231,.085),transparent 63%)}.service-number{font-size:12px;letter-spacing:.14em;font-weight:780;color:#8b9eaf}.service-tile h3{font-size:20px;letter-spacing:-.03em;margin:0 0 9px;line-height:1.24}.service-tile p{font-size:13px;color:#8290a2;line-height:1.65;max-width:230px;margin:0}.tile-arrow{position:absolute;right:20px;bottom:23px;color:#667e97;font-size:19px}.service-art{position:relative;width:175px;height:145px;margin:auto;display:grid;place-items:center}.service-art-laptop{filter:drop-shadow(0 18px 12px #2780ba25)}.service-screen{width:113px;height:78px;border-radius:7px;border:6px solid #354e6a;background:linear-gradient(135deg,#d5edff,#72b4e5);transform:rotate(-12deg) rotateY(-18deg);box-shadow:inset 0 0 0 1px #d0e5f8}.service-screen:after{content:'IT';position:absolute;font-size:24px;font-weight:750;color:#fff;left:35px;top:16px}.service-base{width:128px;height:10px;border-radius:60%;background:linear-gradient(90deg,#b1c6d9,#647a9a);transform:rotate(-12deg);position:absolute;bottom:32px;left:21px}.incident-art span:first-child{height:94px;width:94px;border-radius:28px;background:linear-gradient(145deg,#ffebee,#ffc3d5);display:grid;place-items:center;font-size:54px;font-weight:800;color:#cb4566;box-shadow:0 12px 18px #bb4d6e18;transform:rotate(-13deg)}.incident-ripple{position:absolute;border:1px solid #fbd7e2;width:128px;height:128px;border-radius:50%;animation:alertRipple 3s ease-in-out infinite}.access-ring{height:105px;width:105px;border-radius:50%;border:16px solid #ceb8e4;color:#9c6db6;font-size:54px;display:grid;place-items:center;box-shadow:0 18px 20px #846ba21e}.access-tick{position:absolute;width:38px;height:38px;background:#80be94;color:#fff;font-weight:800;border-radius:50%;right:23px;bottom:22px;display:grid;place-items:center}.device-monitor{display:block;width:108px;height:74px;background:linear-gradient(135deg,#7acbb7,#b8e2d4);border:6px solid #466b69;border-radius:7px;transform:rotate(8deg);box-shadow:0 8px 16px #265c5340}.device-stand{position:absolute;bottom:29px;height:8px;width:74px;border-radius:5px;background:#46786b}.device-phone{position:absolute;right:22px;bottom:28px;width:34px;height:68px;border-radius:9px;border:5px solid #213e54;background:#b3f4d3;transform:rotate(15deg)}.workflow-section{background:#fff}.workflow-head{text-align:center;max-width:830px;margin:0 auto 73px}.workflow-head .section-kicker{justify-content:center}.workflow-head>p{color:#8291a3;font-size:17px}.workflow-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:start}.workflow-card{text-align:center;min-height:240px;display:flex;flex-direction:column;align-items:center;padding:14px 12px}.workflow-step{color:#9bacc1;font-size:11px;font-weight:780;letter-spacing:.12em}.workflow-icon{width:98px;height:98px;border-radius:30px;display:grid;place-items:center;font-size:48px;margin:23px 0 24px;box-shadow:0 14px 34px #214e9f0d;transition:transform .35s}.workflow-card:hover .workflow-icon{transform:translateY(-7px) rotate(-6deg)}.workflow-blue{background:#e9f5ff;color:#3088d0}.workflow-purple{background:#f6ebfc;color:#aa6ac2}.workflow-green{background:#eaf7ef;color:#4eb57d}.workflow-card h3{font-size:22px;letter-spacing:-.035em;margin:0 0 10px}.workflow-card p{font-size:14px;color:#8290a3;max-width:245px;margin:0}.workflow-connector{height:2px;margin-top:110px;background:linear-gradient(90deg,#d9e9f8,#e8d9ef);position:relative}.connector-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#9a64c1;top:-4px;left:0;box-shadow:0 0 0 6px #bba1d722;animation:connectorTravel 4s ease-in-out infinite}.workflow-connector:nth-of-type(4) .connector-dot{animation-delay:-2s;background:#dfae3d}.feature-section{background:#f7f9fc;overflow:hidden}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.feature-visual{position:relative;height:420px;isolation:isolate}.feature-orbit{position:absolute;border-radius:50%;border:1px solid #c4d8e8;top:12%;left:9%;width:72%;height:72%;transform:rotate(-35deg) skewY(15deg);animation:orbitTurn 24s linear infinite}.feature-orbit.orbit-front{border-color:#e5d9ef;transform:rotate(35deg) skewY(-15deg);animation-direction:reverse;animation-duration:31s}.feature-center{position:absolute;width:145px;height:145px;left:calc(45% - 72px);top:calc(48% - 72px);border-radius:40px;background:#fff;display:grid;place-items:center;box-shadow:0 25px 65px #205a8423;border:1px solid #e9eef5;transform:rotate(-9deg);animation:logoFloat 6s ease-in-out infinite}.feature-center img{width:90px;height:90px;object-fit:contain}.feature-label{position:absolute;background:#fff;color:#55718d;border:1px solid #e5ecf4;padding:13px 18px;border-radius:15px;font-size:13px;font-weight:780;box-shadow:0 16px 32px #3b639212}.feature-label-a{left:2%;top:14%}.feature-label-b{right:7%;top:16%}.feature-label-c{left:13%;bottom:12%}.feature-label-d{right:10%;bottom:11%}.feature-copy{padding:20px}.feature-copy p{font-size:17px;color:#77889b;max-width:560px;line-height:1.75;margin:26px 0}.knowledge-section{background:#fff}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.knowledge-tile{position:relative;min-height:270px;border-radius:23px;background:#f9fbfd;border:1px solid #e7edf4;padding:31px;transition:transform .35s,box-shadow .35s}.knowledge-tile:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1c4d7d12}.knowledge-tile h3{font-size:21px;margin:18px 0 7px;letter-spacing:-.03em}.knowledge-tile p{font-size:14px;color:#8996a7;line-height:1.65;max-width:275px}.kb-icon{width:66px;height:66px;border-radius:20px;font-size:34px;display:grid;place-items:center;font-weight:670}.kb-blue{background:#e8f5ff;color:#2790d6}.kb-purple{background:#f2eafa;color:#a86ec2}.kb-green{background:#e6f6eb;color:#35a778}.kb-arrow{position:absolute;bottom:29px;right:31px;font-size:19px;color:#758eaa}.closing-section{position:relative;overflow:hidden;background:linear-gradient(105deg,#eaf4fc,#faf9fd 55%,#fbf6e9);padding:135px 0 142px}.closing-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#a4bee82e,transparent 65%)}.closing-wrap{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;max-width:1020px}.closing-wrap .section-kicker{color:#668098}.closing-wrap h2{font-size:clamp(44px,5.6vw,81px);letter-spacing:-.069em;line-height:1.1;margin:0 0 19px;font-weight:730}.closing-wrap p{font-size:18px;color:#687d94;margin:0 0 34px}.btn-dark{background:#122b48;color:#fff}.footer{background:#fff;border-top:1px solid #edf1f5}.footer-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand span{display:grid;gap:3px}.footer-brand b{font-size:13px}.footer-brand small{font-size:10px;color:#8391a0}.footer-note,.footer-inner>a{font-size:12px;color:#8a99a9}.footer-inner>a:hover{color:var(--blue)}
/* Motion only enters the viewport; headings are never changed by language switching */
.reveal{opacity:0;transform:translateY(38px) scale(.986);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.service-tile.reveal.visible:hover{transform:translateY(-11px) scale(1)}.slide-up{animation:heroEnter .95s both cubic-bezier(.19,1,.22,1)}.hero-copy h1{animation-delay:.09s}.hero-description{animation-delay:.2s}.hero-buttons{animation-delay:.29s}.hero-small-link{animation-delay:.36s}@keyframes heroEnter{from{opacity:0;transform:translateY(29px)}to{opacity:1;transform:translateY(0)}}@keyframes laptopBreathe{0%,100%{margin-top:0}50%{margin-top:-10px}}@keyframes phoneBreathe{0%,100%{margin-top:0}50%{margin-top:12px}}@keyframes printerBreathe{0%,100%{margin-bottom:0}50%{margin-bottom:7px}}@keyframes chipBreathe{0%,100%{margin-top:0}50%{margin-top:9px}}@keyframes chromaticText{0%,100%{background-position:0 30%}50%{background-position:100% 75%}}@keyframes alertRipple{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:.15;transform:scale(1.18)}}@keyframes connectorTravel{0%{left:0}85%,100%{left:100%}}@keyframes orbitTurn{from{rotate:0deg}to{rotate:360deg}}@keyframes logoFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
/* Tablet, narrow laptops, phones */
@media(max-width:1300px){.wrap{width:min(1200px,calc(100% - 70px))}.hero-layout{grid-template-columns:44% 56%}.hero-copy h1{font-size:clamp(52px,5.25vw,78px)}.devices-scene{transform:scale(.88);transform-origin:center center}.service-tile{padding:21px 19px}.service-tile h3{font-size:18px}.service-grid{gap:12px}}
@media(max-width:1100px){.nav-items{gap:18px}.hero-section{min-height:710px}.hero-layout{min-height:625px}.hero-copy h1{font-size:clamp(44px,5.5vw,63px)}.devices-scene{transform:scale(.72);transform-origin:34% 48%;width:145%;margin-left:-15%;margin-right:-30%}.hero-copy{padding-bottom:30px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile{min-height:310px}.service-art{height:115px}.about-grid{gap:60px}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.header-inner{height:68px;gap:8px}.brand-image,.brand-image img{width:38px;height:38px}.brand-caption strong{font-size:13px}.brand-caption small{font-size:11px}.nav-actions{gap:6px}.nav-login{padding:0 12px;height:38px;gap:9px;font-size:12px}.lang-toggle{min-width:51px;height:36px}.mobile-menu{display:block}.nav-items{display:none;position:absolute;left:19px;right:19px;top:74px;padding:19px;border-radius:18px;border:1px solid #e7ebf1;box-shadow:0 18px 40px #16395c17;background:white;align-items:stretch;flex-direction:column;gap:19px}.nav-items.open{display:flex}.hero-section{padding-top:69px;min-height:1050px}.hero-layout{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center;padding:70px 0 0;position:relative;z-index:5}.eyebrow{justify-content:center;font-size:9px}.hero-copy h1{font-size:clamp(45px,9.5vw,71px);line-height:1.09;letter-spacing:-.067em;margin:24px 0 21px}.hero-description{margin:0 auto 23px;max-width:560px;font-size:16px}.hero-buttons{justify-content:center}.hero-small-link{margin-top:20px}.hero-faint-word{top:60px;font-size:clamp(150px,40vw,350px)}.devices-scene{width:760px;height:530px;transform:scale(.71);transform-origin:top center;margin:-4px 0 -151px;left:50%;translate:-50% 0}.laptop-float{top:0}.phone-float{top:182px}.printer-float{bottom:125px;right:16px}.hero-bottom{bottom:23px}.section-pad{padding:78px 0}.about-grid,.feature-grid{grid-template-columns:1fr;gap:30px}.about-right{padding-top:0}.about-section{padding-block:90px}.feature-visual{order:2;height:320px}.feature-copy{padding:0}.section-intro{align-items:flex-start}.service-grid{gap:12px}.workflow-grid{grid-template-columns:1fr;gap:8px}.workflow-card{min-height:auto;padding:10px 0 22px}.workflow-icon{height:76px;width:76px;margin:13px 0 12px;font-size:37px;border-radius:25px}.workflow-card h3{font-size:20px}.workflow-card p{font-size:13px}.workflow-connector{height:37px;width:2px;justify-self:center;margin:0;background:linear-gradient(#d9e9f8,#e8d9ef)}.workflow-connector .connector-dot{left:-4px;top:0;animation:connectorTravelY 4s ease-in-out infinite}.workflow-head{margin-bottom:25px}.knowledge-grid{grid-template-columns:1fr;gap:13px}.knowledge-tile{min-height:210px}.closing-section{padding:90px 0}.footer-inner{min-height:140px;flex-wrap:wrap;justify-content:space-between}.footer-note{width:100%;order:3;margin-bottom:14px}@keyframes connectorTravelY{0%{top:0}85%,100%{top:100%}}}
@media(max-width:440px){.hero-section{min-height:900px}.hero-copy{padding-top:54px}.hero-copy h1{font-size:clamp(40px,10vw,52px)}.hero-buttons{gap:9px}.btn{padding:0 17px;font-size:12px;min-height:50px;gap:12px}.hero-description{font-size:14px}.devices-scene{transform:scale(.51);height:460px;margin:-4px 0 -206px}.service-grid{grid-template-columns:1fr}.service-tile{min-height:262px}.service-art{height:85px;transform:scale(.8)}.display-heading{font-size:39px}.section-intro{display:block}.text-link{display:inline-block;margin-top:20px}.section-sub{font-size:15px}.feature-visual{height:270px}.feature-orbit{top:7%;left:4%;width:88%}.feature-label{padding:8px 11px;font-size:10px}.feature-center{left:calc(50% - 65px);top:calc(48% - 65px);width:130px;height:130px}.closing-wrap h2{font-size:43px}.closing-buttons{justify-content:center}.nav-login{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.laptop-float,.phone-float,.printer-float{transform:none!important}}
/* Prevent the wide 3D artboard from increasing the mobile grid's intrinsic width. */
@media(max-width:760px){.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-copy,.devices-scene{min-width:0}.hero-copy{width:100%}.devices-scene{justify-self:center}}
@media(max-width:760px){.devices-scene{left:0;translate:none;transform-origin:top left;margin-left:calc(50% - 269.8px)}}
@media(max-width:440px){.devices-scene{left:0;translate:none;transform-origin:top left;margin-left:calc(50% - 193.8px)}}
@media(max-width:760px){.devices-scene{justify-self:start}}
/* v27 — the hero products are real GPU-rendered 3D meshes. */
.devices-scene{position:relative;isolation:isolate;min-width:0;overflow:visible;height:620px;transform:none!important;translate:none!important;margin:0!important;perspective:none!important}
.devices-webgl{position:absolute;z-index:3;inset:-10px -3% 0 -3%;width:106%;height:100%;display:block;background:transparent;touch-action:pan-y;filter:drop-shadow(0 20px 36px rgba(25,63,102,.08))}
.devices-scene .stage-back-circle{z-index:0;left:13%;top:13%;height:74%;width:74%;background:radial-gradient(circle at 45% 45%,rgba(244,250,255,.73),rgba(222,237,252,.20) 53%,transparent 73%);border:1px solid rgba(194,218,237,.25)}
.devices-scene .scene-light{z-index:1;pointer-events:none}
.devices-scene .floating-chip{z-index:5;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 35px rgba(55,93,133,.10)}
.devices-scene .chip-systems{right:3%;top:16%}.devices-scene .chip-service{right:7%;bottom:13%}
.no-webgl-fallback{display:none;position:absolute;inset:28% 10%;z-index:4;border:1px solid #e5edf4;border-radius:28px;background:linear-gradient(135deg,#fff,#f4f9ff);box-shadow:0 30px 80px rgba(18,74,129,.12);padding:60px 20px;text-align:center;color:#173452}
.no-webgl-fallback strong{display:block;font-size:clamp(24px,3vw,40px)}.no-webgl-fallback small{display:block;margin-top:12px;font-size:15px;color:#8193aa}
.no-webgl .no-webgl-fallback{display:block}.no-webgl .devices-webgl{display:none}
@media(max-width:1150px){.devices-scene{height:540px}.devices-webgl{inset:0 -3%;height:100%}.devices-scene .chip-systems{right:3%;top:11%}.devices-scene .chip-service{bottom:12%}}
@media(max-width:760px){.hero-layout{grid-template-columns:minmax(0,1fr)}.devices-scene{height:410px;width:100%;min-width:0;transform:none!important;translate:none!important;margin:6px 0 0!important;left:auto!important;justify-self:stretch!important}.devices-webgl{inset:0 -6%;width:112%;height:100%}.devices-scene .chip-systems{top:3%;right:1%;font-size:9px}.devices-scene .chip-service{right:5%;bottom:3%;font-size:9px}}
@media(max-width:440px){.hero-section{min-height:920px}.devices-scene{height:310px;margin:18px 0 0!important}.devices-webgl{inset:0 -7%;width:114%}.devices-scene .chip-systems{top:1%}.devices-scene .chip-service{bottom:0%}}

/* Show high-quality pre-rendered 3D assets until WebGL initializes, and as a permanent GPU fallback. */
.devices-fallback-img{position:absolute;z-index:2;left:-3%;top:5%;width:106%;height:91%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 18px 22px rgba(30,60,100,.10));animation:deviceFallbackFloat 7s ease-in-out infinite}
.devices-scene.webgl-ready .devices-fallback-img{display:none}
.devices-scene:not(.webgl-ready) .devices-webgl{display:none}
.devices-scene.no-webgl .no-webgl-fallback{display:none}
@keyframes deviceFallbackFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@media(max-width:760px){.devices-fallback-img{left:-7%;top:2%;width:114%;height:95%}}
@media(prefers-reduced-motion:reduce){.devices-fallback-img{animation:none}}

/* v28 — refined soft-depth atmosphere and GPU/product fallback */
.devices-scene .stage-back-circle{background:radial-gradient(circle at 42% 39%,rgba(255,255,255,.91),rgba(225,239,253,.22) 48%,rgba(222,211,247,.075) 69%,transparent 81%);border-color:rgba(186,214,235,.22);box-shadow:inset 0 1px 55px rgba(255,255,255,.62)}
.devices-scene::before{content:"";position:absolute;inset:23% 8% 13% 10%;border-radius:50%;pointer-events:none;z-index:0;border:1px solid rgba(137,180,218,.11);transform:rotate(-17deg);animation:orbitSlow 34s linear infinite}
.devices-scene::after{content:"";position:absolute;left:17%;right:11%;bottom:11%;height:16%;background:radial-gradient(ellipse,rgba(81,133,182,.14),rgba(142,126,186,.055) 42%,transparent 72%);filter:blur(25px);pointer-events:none;z-index:1}
@keyframes orbitSlow{to{transform:rotate(343deg)}}
.devices-scene .floating-chip{transition:transform .8s cubic-bezier(.2,.7,.2,1);animation:chipFloat 7s ease-in-out infinite alternate}
.devices-scene .chip-service{animation-delay:-3.5s;animation-duration:8s}
@keyframes chipFloat{0%{transform:translate3d(0,5px,0)}100%{transform:translate3d(0,-8px,0)}}
.devices-webgl{filter:none}
@media(prefers-reduced-motion:reduce){.devices-scene::before,.devices-scene .floating-chip{animation:none}}

/* Three independently animated cut-outs of the real 3D render when GPU rendering is unavailable. */
.devices-fallback-stage{position:absolute;left:50%;top:49%;width:111%;height:auto;aspect-ratio:1250/600;transform:translate(-50%,-50%);z-index:2;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(38,68,102,.045))}
.device-sprite{position:absolute;height:auto;object-fit:contain;transform-origin:center center;will-change:transform}
.sprite-printer{left:68.8%;top:23.8%;width:32.16%;z-index:1;animation:printerFallbackFloat 10s ease-in-out infinite}
.sprite-laptop{left:21.12%;top:1.3%;width:58.64%;z-index:2;animation:laptopFallbackFloat 8.3s ease-in-out infinite}
.sprite-phone{left:1.36%;top:15.5%;width:22.48%;z-index:3;animation:phoneFallbackFloat 6.8s ease-in-out infinite}
@keyframes laptopFallbackFloat{0%,100%{transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) + 5px),0) rotate(.1deg)}50%{transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) - 7px),0) rotate(-.35deg)}}
@keyframes phoneFallbackFloat{0%,100%{transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) + 6px),0) rotate(-1.4deg)}50%{transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) - 13px),0) rotate(2deg)}}
@keyframes printerFallbackFloat{0%,100%{transform:translate3d(var(--printer-x,0px),calc(var(--printer-y,0px) + 3px),0) rotate(.3deg)}50%{transform:translate3d(var(--printer-x,0px),calc(var(--printer-y,0px) - 6px),0) rotate(-.55deg)}}
.devices-scene.webgl-ready .devices-fallback-stage{display:none}
@media(max-width:760px){.devices-fallback-stage{width:125%;top:53%}}
@media(prefers-reduced-motion:reduce){.device-sprite{animation:none!important;will-change:auto}}
/* Keep all three devices completely on-screen on narrow handsets. */
@media(max-width:760px){
 .devices-fallback-stage{width:115%;top:52%}
 .sprite-phone{left:10%;top:11.5%;width:19.5%}
 .sprite-laptop{left:23%;top:1.3%;width:55%}
 .sprite-printer{left:69%;top:27%;width:24%}
}

/* v29 — photographic product finish and independently animated parallax layers.
   Carefully pre-rendered realistic cutouts are used for visual fidelity.
   This is layered perspective motion, not a freely rotatable 3D/CAD viewer. */
.devices-scene{isolation:isolate;overflow:visible}
.devices-scene .photoreal-stage{position:absolute;z-index:3;left:49%;top:51%;width:119%;height:auto;aspect-ratio:2009 / 783;transform:translate(-50%,-50%);filter:none;pointer-events:none}
.photoreal-stage .device-sprite{position:absolute;display:block;object-fit:contain;height:auto;max-width:none;backface-visibility:hidden;transform-style:preserve-3d;filter:drop-shadow(0 16px 18px rgba(33,65,96,.09));}
.photoreal-stage .sprite-phone{left:1.15%;top:14.6%;width:17.62%;z-index:4;animation:photoPhoneFloat 8s ease-in-out infinite alternate}
.photoreal-stage .sprite-laptop{left:19.36%;top:0%;width:60.73%;z-index:3;animation:photoLaptopFloat 9s ease-in-out infinite alternate}
.photoreal-stage .sprite-printer{left:65.1%;top:15.33%;width:34.9%;z-index:2;animation:photoPrinterFloat 10s ease-in-out infinite alternate}
@keyframes photoLaptopFloat{0%{transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) + 5px),0) rotate(.05deg)}100%{transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) - 8px),0) rotate(-.25deg)}}
@keyframes photoPhoneFloat{0%{transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) + 8px),0) rotate(-1.8deg)}100%{transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) - 12px),0) rotate(1.4deg)}}
@keyframes photoPrinterFloat{0%{transform:translate3d(var(--printer-x,0px),calc(var(--printer-y,0px) + 4px),0) rotate(.45deg)}100%{transform:translate3d(var(--printer-x,0px),calc(var(--printer-y,0px) - 6px),0) rotate(-.25deg)}}
.devices-scene .stage-back-circle{background:radial-gradient(circle at 43% 41%,rgba(255,255,255,.98),rgba(217,238,251,.22) 46%,rgba(224,216,241,.045) 67%,transparent 82%);border-color:rgba(190,214,234,.19)}
.devices-scene::after{background:radial-gradient(ellipse,rgba(88,124,169,.11),rgba(152,131,178,.042) 43%,transparent 75%);filter:blur(27px)}
.devices-scene .chip-systems{top:14%;right:0%}.devices-scene .chip-service{right:0%;bottom:15%}
@media (max-width:1150px){.devices-scene .photoreal-stage{width:132%;left:50%;top:52%}}
@media (max-width:760px){.devices-scene .photoreal-stage{width:130%;left:50%;top:53%}.devices-scene .chip-systems{top:10%;right:0%}.devices-scene .chip-service{bottom:10%;right:2%}}
@media (max-width:440px){.devices-scene .photoreal-stage{width:137%;left:50%;top:52%}.devices-scene .chip-systems{top:5%;right:0%}.devices-scene .chip-service{bottom:4%;right:0%}}
@media (prefers-reduced-motion:reduce){.photoreal-stage .device-sprite{animation:none!important;transform:none!important;filter:none}}

/* V30: Cinematic, sequential device focus. Photographic device silhouettes are retained.
   This is a perspective-style 2.5D composition; not a freely rotatable 3D model.
   All three remain independently animated and in their original artboard positions. */
.photoreal-stage {perspective:1200px;perspective-origin:50% 45%;}
.photoreal-stage .device-sprite {transition:filter .8s ease;transform-style:preserve-3d;}
.photoreal-stage .sprite-laptop {animation:v30LaptopSpotlight 21s cubic-bezier(.37,0,.28,1) infinite;transform-origin:50% 78%;}
.photoreal-stage .sprite-phone {animation:v30PhoneSpotlight 21s cubic-bezier(.37,0,.28,1) infinite;transform-origin:52% 77%;}
.photoreal-stage .sprite-printer {animation:v30PrinterSpotlight 21s cubic-bezier(.37,0,.28,1) infinite;transform-origin:52% 70%;}
@keyframes v30LaptopSpotlight{
  0%,7%,29%,100% {transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) + 3px),0) scale(1) rotate(-.3deg);}
  15%,22% {transform:translate3d(calc(var(--laptop-x,0px) - 5px),calc(var(--laptop-y,0px) - 13px),0) scale(1.095) rotate(.35deg);}
  40%,52% {transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) + 5px),0) scale(.99) rotate(-.4deg);}
  70%,82% {transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) + 3px),0) scale(.99) rotate(-.3deg);}
}
@keyframes v30PhoneSpotlight{
  0%,26%,62%,100% {transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) + 3px),0) scale(1) rotate(-1.1deg);}
  36%,49% {transform:translate3d(calc(var(--phone-x,0px) + 4px),calc(var(--phone-y,0px) - 19px),0) scale(1.155) rotate(2.1deg);}
  76%,86% {transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) - 4px),0) scale(1.01) rotate(-.6deg);}
}
@keyframes v30PrinterSpotlight{
  0%,59%,94%,100% {transform:translate3d(var(--printer-x,0px),calc(var(--printer-y,0px) + 3px),0) scale(1) rotate(-.3deg);}
  70%,83% {transform:translate3d(calc(var(--printer-x,0px) - 8px),calc(var(--printer-y,0px) - 16px),0) scale(1.105) rotate(1deg);}
}
.devices-scene .stage-back-circle {animation:v30AmbientPulse 21s ease-in-out infinite;}
@keyframes v30AmbientPulse {0%,100%{opacity:.66;filter:blur(0px)}23%,62%{opacity:.95;filter:blur(3px)}82%{opacity:.75;filter:blur(0px)}}
@media(max-width:760px){.photoreal-stage .sprite-laptop{animation-name:v30MobileLaptop}.photoreal-stage .sprite-phone{animation-name:v30MobilePhone}.photoreal-stage .sprite-printer{animation-name:v30MobilePrinter}}
@keyframes v30MobileLaptop{0%,7%,29%,100%{transform:translate3d(var(--laptop-x,0px),var(--laptop-y,0px),0) scale(1)}15%,22%{transform:translate3d(var(--laptop-x,0px),calc(var(--laptop-y,0px) - 7px),0) scale(1.045)}}
@keyframes v30MobilePhone{0%,26%,62%,100%{transform:translate3d(var(--phone-x,0px),var(--phone-y,0px),0) scale(1)}36%,49%{transform:translate3d(var(--phone-x,0px),calc(var(--phone-y,0px) - 8px),0) scale(1.08) rotate(1deg)}}
@keyframes v30MobilePrinter{0%,59%,94%,100%{transform:translate3d(var(--printer-x,0px),var(--printer-y,0px),0) scale(1)}70%,83%{transform:translate3d(var(--printer-x,0px),calc(var(--printer-y,0px) - 7px),0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.photoreal-stage .device-sprite,.devices-scene .stage-back-circle{animation:none!important;transition:none!important;transform:none!important}}

/* v31: account badge; hero art & animation remain untouched. */
.nav-login.nav-account-loading{opacity:.72;min-width:119px;pointer-events:none;background:#f1f5fa;color:#50627b;box-shadow:none}
.nav-login.nav-is-authenticated{background:linear-gradient(112deg,#103352,#174a75);gap:9px;padding:4px 12px 4px 4px;min-width:0;max-width:245px;height:43px}
.nav-avatar{flex:none;width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#2585c9,#a15fa5,#eab92c);display:none;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;overflow:hidden}
.nav-is-authenticated .nav-avatar{display:flex}
.nav-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.nav-avatar img[hidden]{display:none}
#navAccountLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.nav-is-authenticated .nav-account-arrow{font-size:13px}
@media(max-width:600px){.nav-login.nav-is-authenticated{max-width:138px;gap:7px;padding-right:8px}.nav-is-authenticated #navAccountLabel{max-width:72px;font-size:11px}.nav-account-arrow{display:none}}
@media(max-width:375px){.nav-login.nav-is-authenticated{max-width:86px}.nav-is-authenticated #navAccountLabel{display:none}}