/* JENCSoft / Experience 2.0 — responsive, no libraries, motion-safe. */
:root{--cyan:#3de7f0;--blue:#48a7ff;--navy:#071327;--ink:#10213a;--off:#f5f8ff;--width:1230px;--ease-out:cubic-bezier(.2,.75,.22,1)}
::selection{background:#47dcf1;color:#04182c}
body{overflow-x:clip}
.scroll-progress{position:fixed;z-index:110;top:0;left:0;right:0;height:3px;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#41e9dd,#559fff,#b28bff);box-shadow:0 0 15px #25e5e6}
.site-header{background:rgba(5,16,35,.82);box-shadow:0 8px 40px rgba(3,14,30,.05);transition:background .3s,box-shadow .3s}.site-header.is-scrolled{background:rgba(4,15,31,.95);box-shadow:0 8px 38px rgba(3,14,30,.2)}.nav-shell{height:78px}.nav-links>a{position:relative}.nav-links>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:-7px;background:#43deee;border-radius:3px;transition:right .25s}.nav-links>a:not(.nav-cta):hover::after{right:0}.nav-links .nav-cta{border-color:rgba(77,218,239,.4);background:linear-gradient(130deg,rgba(66,196,240,.11),rgba(27,67,121,.06));border-radius:30px;padding:11px 20px}.nav-links .nav-cta:hover{background:#1bd8eb;color:#061c35;border-color:#1bd8eb}.nav-links .nav-cta:hover span{color:#061c35}.brand img{filter:drop-shadow(0 0 8px rgba(61,231,240,.2))}

/* Hero — motion-led, editorial layout */
.hero{background:radial-gradient(ellipse 60% 90% at 87% 54%,rgba(18,65,110,.35),transparent 80%),linear-gradient(130deg,#061226 0%,#071934 45%,#071428 100%);min-height:660px}.hero-inner{grid-template-columns:1.08fr .92fr;min-height:650px;padding:64px 0 54px;gap:36px}.hero-grid{background-size:56px 56px;opacity:.6;mask-image:linear-gradient(110deg,transparent 10%,#000 65%,transparent 100%)}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.6;background-image:radial-gradient(circle at 23% 26%,rgba(98,161,239,.15) 0 1px,transparent 2px),radial-gradient(circle at 65% 14%,rgba(66,240,228,.3) 0 1px,transparent 2px);background-size:123px 157px,167px 139px}.hero-glow{opacity:.18}.hero-glow-left{width:560px;height:560px;top:10%;left:-15%;background:#1c54b3}.hero-glow-right{width:520px;height:520px;bottom:-25%;right:-5%;background:#00a7cf}.hero-mouse-light{position:absolute;inset:0;pointer-events:none;opacity:.65;background:radial-gradient(circle 360px at var(--hero-x,75%) var(--hero-y,50%),rgba(74,167,239,.10),transparent 75%);transition:opacity .5s}.hero-copy{padding-top:2px}.eyebrow{color:#88d4e6;font-size:10px;letter-spacing:.19em;white-space:normal}.eyebrow-dot,.live-dot{background:#2aebd6;box-shadow:0 0 0 4px rgba(42,235,214,.08),0 0 19px rgba(42,235,214,.6)}.eyebrow-dot{animation:statusPulse 2.7s ease-in-out infinite}.eyebrow-line{height:1px;width:35px;background:linear-gradient(90deg,#54dbea,transparent)}.hero h1{font-size:clamp(45px,5.4vw,76px);font-weight:850;max-width:740px;letter-spacing:-.064em;margin:30px 0 21px;line-height:1.07}.hero-gradient-word{display:inline;background:linear-gradient(110deg,#b3f6ff 0%,#4cdef6 34%,#4a91fa 78%,#ab92fe 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 28px rgba(34,155,234,.14))}.hero-gradient-word .accent-stop{color:#59e0ff;-webkit-text-fill-color:#59e0ff}.hero-copy>p{max-width:560px;color:#b6c5d8;font-size:15.5px;line-height:1.85}.hero-copy>p strong{color:#eafcff}.hero-buttons{margin-top:32px;gap:12px}.btn{min-height:52px;border-radius:14px;padding:14px 22px;transition:transform .3s var(--ease-out),box-shadow .3s,background .3s,border-color .3s}.btn-primary{background:linear-gradient(110deg,#46f0eb,#36b9f4);box-shadow:0 14px 38px rgba(36,202,242,.19)}.btn-primary:hover{box-shadow:0 16px 36px rgba(36,202,242,.34)}.btn-arrow{font-size:18px;line-height:1}.btn-ghost{background:rgba(255,255,255,.035)}.hero-metrics{display:flex;align-items:center;gap:23px;margin-top:53px;border-top:1px solid rgba(151,193,223,.16);padding-top:25px}.hero-metrics>div:not(.hero-metric-tag){min-width:98px}.hero-metrics strong{font-size:30px;color:#f5fbff;letter-spacing:-.07em;font-weight:850;line-height:1}.metric-plus{font-size:13px;color:#39dbe8;margin-left:4px;vertical-align:8px}.hero-metrics small{display:block;font-size:10px;color:#859cb3;letter-spacing:.04em;margin-top:8px}.hero-metric-tag{margin-left:auto;font-size:10px;color:#89acbd;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;flex:none}.hero-bottom{color:#93a8bf;border-top-color:rgba(164,215,231,.1);font-size:10px}.hero-bottom a{color:#bde4ea;transition:color .2s}.hero-bottom a:hover{color:#fff}.footer-signal{width:5px;height:5px;border-radius:50%;background:#38eadd;display:inline-block;vertical-align:middle;margin-right:9px;box-shadow:0 0 14px #3ce7df}

.hero-art{height:535px;transform-style:preserve-3d;perspective:1000px}.hero-aura{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#1c93d1 0%,rgba(7,62,125,.3) 36%,transparent 74%);opacity:.34;filter:blur(34px);animation:breathe 7s ease-in-out infinite}.halo{border-color:rgba(108,208,245,.17)}.halo-one{width:460px;animation:orbit 55s linear infinite}.halo-two{width:365px;border-style:dashed;animation:orbitReverse 65s linear infinite}.hero-center{width:300px;height:369px;border-radius:27px;border:1px solid rgba(97,223,245,.34);transform:rotate(-5deg);box-shadow:0 35px 110px rgba(0,5,18,.48),inset 0 0 70px rgba(55,220,244,.065);background:linear-gradient(153deg,rgba(27,84,130,.8),rgba(6,23,49,.97) 50%,rgba(14,61,104,.88));backdrop-filter:blur(14px);transition:transform .4s var(--ease-out);overflow:hidden}.hero-center::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.10),transparent 40%);pointer-events:none}.hero-center::after{content:"";position:absolute;left:-60%;top:-50%;height:180%;width:40%;transform:rotate(32deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);animation:shinePass 7s ease-in-out infinite}.hero-center-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid rgba(155,221,242,.1);font-size:8px;letter-spacing:.17em;color:#76b6cf;font-weight:800}.hero-center-top>span:first-child{display:flex;gap:5px}.hero-center-top i{width:5px;height:5px;border-radius:50%;background:#3f779b}.hero-center-top i:first-child{background:#41ecdc}.hero-center-light{background:#40d2f4;opacity:.17}.hero-logo-glass{width:210px;height:210px;position:relative;display:grid;place-items:center;margin-top:14px;border-radius:50%;background:radial-gradient(circle,rgba(27,133,180,.13),transparent 70%)}.hero-logo-glass::before{content:"";position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(94,236,245,.13)}.hero-logo-glass img{width:185px;height:185px;object-fit:contain;filter:drop-shadow(0 17px 25px rgba(9,206,235,.13));animation:logoLevitate 5.5s ease-in-out infinite}.hero-center-caption{color:#9ad7e7;font-size:8px;letter-spacing:.19em;margin:4px 0 13px}.hero-center-caption span{color:#28d9e1;margin:0 6px}.hero-wave{height:22px;display:flex;align-items:center;gap:4px;opacity:.66}.hero-wave span{width:3px;height:calc(5px + 10px * var(--wave,1));border-radius:2px;background:#3adbe5;animation:wave 1.1s ease-in-out infinite alternate}.hero-wave span:nth-child(3n){--wave:.35;animation-delay:.4s}.hero-wave span:nth-child(2n){--wave:.75;animation-delay:.25s}.hero-wave span:nth-child(4n){--wave:1.15;animation-delay:.6s}
.hero-card{z-index:4;min-width:200px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);padding:12px 14px;box-shadow:0 22px 50px rgba(1,5,25,.4);border-radius:16px;transition:box-shadow .3s,scale .3s}.hero-card:hover{scale:1.05;box-shadow:0 26px 64px rgba(1,5,25,.5)}.hero-card-left{left:-3%;top:19%;animation:floatCard1 5s ease-in-out infinite}.hero-card-right{right:-5%;bottom:18%;animation:floatCard2 5.8s ease-in-out infinite}.hero-card-arrow{margin-left:auto;color:#6a8697;font-size:15px}.hero-card-icon{border-radius:12px}.hero-card strong{color:#152c45}.hero-mini-tile{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(142,225,238,.27);border-radius:11px;color:#e8faff;background:rgba(12,41,75,.82);font-weight:750;font-size:10px;box-shadow:0 12px 38px rgba(3,12,38,.3);backdrop-filter:blur(14px);transition:transform .25s,border-color .25s}.hero-mini-tile:hover{transform:translateY(-4px);border-color:#75eaff}.hero-mini-menu{left:3%;bottom:23%}.hero-mini-menu svg{color:#8efdd7}.hero-mini-hms{right:2%;top:20%}.hero-mini-hms svg{color:#78ecfc}.orbit-spark{position:absolute;color:#44dff1;opacity:.65;font-size:15px;animation:twinkle 3.2s ease-in-out infinite}.spark-a{top:7%;left:13%}.spark-b{top:11%;right:32%;animation-delay:.8s}.spark-c{bottom:12%;left:39%;animation-delay:1.4s}
.ticker-strip{overflow:hidden;background:#0a1d39;color:#b5e6f0;border-top:1px solid rgba(156,224,240,.09);border-bottom:1px solid rgba(156,224,240,.09);padding:15px 0}.ticker-track{display:flex;align-items:center;gap:35px;width:max-content;animation:ticker 36s linear infinite;font-size:10px;white-space:nowrap;font-weight:850;letter-spacing:.22em}.ticker-track b{color:#42e0d9;font-size:13px;font-weight:400}

/* Section polish */
.section{padding:108px 0}.section-kicker{font-size:11px;letter-spacing:.2em;color:#1097b1;display:inline-flex;align-items:center;gap:10px}.section-kicker::before{content:"";width:17px;height:2px;border-radius:2px;background:#25bfd5}.section-title{font-size:clamp(34px,4vw,54px);letter-spacing:-.06em}.section-title em{background:linear-gradient(100deg,#12859e,#469fbd);color:transparent;-webkit-background-clip:text;background-clip:text}.about-section{position:relative;overflow:hidden}.about-section::before{content:"";position:absolute;width:360px;height:360px;border:1px solid #dcecf2;border-radius:50%;top:-240px;right:-120px;box-shadow:0 0 0 55px rgba(207,234,243,.16),0 0 0 105px rgba(207,234,243,.09)}.about-grid{position:relative;grid-template-columns:.95fr 1.05fr;gap:100px}.about-text>p{font-size:15.5px}.about-values span{background:#f2fbfe;border:1px solid #def1f6;color:#1a7389;font-weight:750;transition:background .2s,transform .2s}.about-values span:hover{background:#e2f9ff;transform:translateY(-3px)}
.work-section{position:relative;background:linear-gradient(180deg,#f7faff,#eef5fa)}.work-section::before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(circle,#c2d9e8 .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 20%,transparent 75%)}.work-section>.container{position:relative}.section-head{gap:50px}.section-head>p{color:#5c6f83}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.filter-bar{margin:0;gap:8px}.filter-btn{border-radius:11px;padding:10px 17px;transition:background .23s,transform .23s,border-color .23s}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.is-active{background:#092b4c;border-color:#092b4c;box-shadow:0 7px 22px rgba(8,54,96,.13)}.filter-count{margin:0;color:#72879a;font-size:12px;font-weight:750;white-space:nowrap}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.app-card,.service-card{position:relative;transform-style:preserve-3d;will-change:transform}.app-card{border:1px solid #e1ebf3;border-radius:26px;box-shadow:0 18px 45px rgba(13,41,78,.055);overflow:hidden;transition:box-shadow .35s var(--ease-out),border-color .35s var(--ease-out),transform .35s var(--ease-out)}.app-card:hover{border-color:rgba(51,180,218,.46);box-shadow:0 25px 65px rgba(10,51,98,.16)}.app-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--tilt-x,50%) var(--tilt-y,10%),rgba(255,255,255,.18),transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}.app-card:hover::after{opacity:1}.app-card-body{padding:26px 27px 29px}.app-card h3{font-size:27px;letter-spacing:-.05em;margin:14px 0 6px}.app-card p{font-size:14px;margin-bottom:20px}.app-card-top{font-size:11px}.card-category{font-size:11px}.card-arrow{color:#20869f;transition:transform .25s}.app-card:hover .card-arrow{transform:translate(3px,-3px)}.card-learn{display:inline-flex;align-items:center;gap:7px;color:#0c81a3}.card-learn span{transition:transform .25s}.app-card:hover .card-learn span{transform:translateX(5px)}

/* Bespoke product-interface illustrations, not actual app screenshots. */
.app-visual{height:300px;border-radius:24px 24px 0 0;place-items:center}.app-visual-large{height:420px;border-radius:25px;transform:none}.visual-violet{--visual-bg-a:#25154b;--visual-bg-b:#693cd2;--visual-accent:#e0c8ff}.visual-amber{--visual-bg-a:#171c3e;--visual-bg-b:#7a3c56;--visual-accent:#ffd685}.visual-green{--visual-bg-a:#123a43;--visual-bg-b:#137d76;--visual-accent:#a2ffe2}.visual-teal{--visual-bg-a:#112941;--visual-bg-b:#216682;--visual-accent:#abf3ff}.app-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 20%,rgba(255,255,255,.13),transparent 55%);pointer-events:none}.visual-glow{width:300px;height:300px;left:30%;opacity:.17;filter:blur(85px)}.visual-orbit{width:330px;height:330px;border-color:rgba(255,255,255,.13);transition:transform 1s var(--ease-out)}.app-card:hover .visual-orbit-a{transform:rotate(6deg) scaleX(1.7)}.app-card:hover .visual-orbit-b{transform:rotate(-33deg) scaleX(1.4)}.visual-bottom{bottom:17px;left:24px;right:24px}.visual-label{font-size:10px;letter-spacing:.18em;color:#fff;opacity:.66}.visual-square{background:rgba(255,255,255,.08);width:30px;height:30px;transition:background .25s,transform .25s}.app-card:hover .visual-square{background:rgba(255,255,255,.22);transform:rotate(45deg)}.visual-top-label{position:absolute;top:18px;left:24px;z-index:3;display:flex;gap:8px;align-items:center;font-size:9px;font-weight:850;letter-spacing:.15em;color:rgba(255,255,255,.75)}.preview-status-dot{height:6px;width:6px;border-radius:50%;background:#62ffe5;box-shadow:0 0 9px #64f7e7}.preview-indicator{margin-left:10px;font-size:18px;color:rgba(255,255,255,.55)}.demo-window{position:relative;z-index:2;min-width:0;box-shadow:0 25px 55px rgba(1,6,23,.35);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);transform:rotate(-5deg) translateY(9px)}.app-card:hover .demo-window{transform:rotate(-2deg) translateY(-2px);box-shadow:0 31px 65px rgba(1,6,23,.39)}.app-visual-large .demo-window{transform:rotate(-3deg) scale(1.17)}.app-visual-large:hover .demo-window{transform:rotate(-1deg) scale(1.2)}.demo-float{position:absolute;z-index:3;right:13%;bottom:53px;font-size:9px;font-weight:850;letter-spacing:.06em;padding:9px 11px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:9px;box-shadow:0 10px 24px rgba(0,0,0,.2);backdrop-filter:blur(8px);transform:rotate(5deg);animation:demoFloat 5.2s ease-in-out infinite}.demo-float-math{background:rgba(111,72,204,.8)}.demo-float-light{background:rgba(173,96,49,.8)}.demo-float-menu{background:rgba(30,127,93,.87)}.demo-float-hms{background:rgba(40,129,158,.87)}.app-visual-large .demo-float{bottom:74px;right:7%}
.demo-math{width:263px;padding:15px 17px 18px;border-radius:20px;background:linear-gradient(165deg,#1b164a,#30227b 90%);border:1px solid rgba(232,223,255,.28);color:#fff}.demo-math-header,.demo-light-head,.demo-menu-head,.demo-hms-head{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:9px;letter-spacing:.08em;font-weight:900}.demo-math-header small{color:#b9aaff;font-size:7px;margin-left:8px;font-weight:700}.demo-clock{padding:5px 8px;border-radius:7px;color:#d8caff;background:rgba(255,255,255,.1);white-space:nowrap}.demo-question{margin:16px 0 14px;text-align:center;font-size:33px;font-weight:850;letter-spacing:-.065em;line-height:1.1}.demo-question>span{color:#c9aaff}.demo-question em{font-style:normal;color:#61e7f5}.demo-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-answers>span{padding:8px 11px;border:1px solid rgba(180,159,245,.27);background:rgba(255,255,255,.06);border-radius:8px;font-size:12px;font-weight:750}.demo-answers>.answer-selected{background:#45dbb5;color:#07293a;border-color:#58f8cb;box-shadow:0 0 19px rgba(53,227,181,.22)}.answer-selected b{float:right}.demo-math-progress{display:flex;justify-content:center;gap:5px;margin-top:15px}.demo-math-progress i{width:23px;height:3px;background:#6f59bc;border-radius:2px}.demo-math-progress i:nth-child(-n+3){background:#62ebd6}
.demo-light{width:288px;padding:16px 16px 11px;border-radius:18px;background:linear-gradient(160deg,#111d3c,#3b294d);color:#fff;border:1px solid rgba(250,198,117,.34)}.demo-light-head span:last-child{color:#ffda7f;font-size:13px;letter-spacing:0}.light-board{width:100%;height:158px;display:block;margin:13px 0 4px}.laser-path{stroke-dasharray:10 5;animation:laserFlow 2.2s linear infinite}.laser-pulse{transform-origin:222px 30px;animation:laserPulse 2.3s ease-in-out infinite}.demo-light-footer{display:flex;justify-content:space-between;font-size:7px;font-weight:800;letter-spacing:.08em;color:#ffc677}
.demo-menu{width:271px;background:#f7fffa;color:#183e37;border:1px solid rgba(255,255,255,.75);padding:14px;border-radius:20px}.demo-menu-head>span{color:#237c61}.demo-menu-head small{font-size:7px;color:#8cab9a}.demo-menu-title{font-size:17px;font-weight:850;margin:13px 0 10px;letter-spacing:-.05em;display:flex;justify-content:space-between;align-items:center}.demo-menu-title span{background:#e6f5e7;border-radius:7px;padding:0 7px;color:#318761}.demo-days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:12px}.demo-days span{text-align:center;font-size:7px;font-weight:850;padding:7px 0;border-radius:6px;background:#e9f5ec;color:#618978}.demo-days .day-active{color:#fff;background:#279a74}.demo-meals{display:grid;gap:5px}.demo-meals>div{display:flex;align-items:center;gap:9px;padding:7px;background:#fff;border:1px solid #e7f1e9;border-radius:9px}.demo-meals b,.demo-meals small{display:block}.demo-meals b{font-size:9px}.demo-meals small{font-size:8px;color:#83a097}.demo-meals i{font-size:11px;font-style:normal;margin-left:auto;color:#27a87c}.meal-emoji{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e9f8e7;color:#4d9870}
.demo-hms{width:284px;background:#edf8fc;color:#18374c;border:1px solid rgba(255,255,255,.76);border-radius:17px;padding:15px}.demo-hms-head{color:#2b778e;font-size:8px}.demo-hms-head span:last-child{color:#52afbd;font-size:7px}.demo-hms-title{font-size:16px;letter-spacing:-.04em;font-weight:850;margin:15px 0 12px;display:flex;justify-content:space-between}.demo-hms-title span{letter-spacing:3px;color:#95c5cc}.demo-hms-stat{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-hms-stat>div{background:#fff;border-radius:9px;padding:10px 9px;box-shadow:0 4px 14px rgba(12,72,91,.06)}.demo-hms-stat small,.demo-hms-stat b{display:block}.demo-hms-stat small{font-size:8px;color:#8eacba}.demo-hms-stat b{margin-top:6px;font-size:8px;color:#2d6071}.demo-hms-stat b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31c3ae;margin-right:4px}.demo-hms-chart{background:#fff;border-radius:9px;margin-top:8px;padding:9px 11px 10px}.chart-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#769caa;font-weight:850}.chart-caption em{font-size:12px;color:#25b9b7;font-style:normal}.chart-bars{height:43px;display:flex;align-items:end;gap:5px;margin-top:4px}.chart-bars i{height:var(--bar);flex:1;background:linear-gradient(180deg,#3ddad7,#51a6e5);border-radius:3px 3px 0 0;animation:barGrow 1.5s var(--ease-out) both;transform-origin:bottom}.chart-bars i:nth-child(2n){animation-delay:.15s}

.service-section{background:linear-gradient(180deg,#fff,#fbfdff)}.service-grid{gap:22px}.service-card{border:1px solid #e5edf4;border-radius:23px;padding:34px;box-shadow:0 10px 35px rgba(15,44,77,.035);overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}.service-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#53d8ef,#839aff);transform:scaleX(0);transform-origin:left;transition:transform .45s}.service-card:hover{border-color:#c8eaf2;box-shadow:0 22px 47px rgba(12,56,91,.1)}.service-card:hover::before{transform:scaleX(1)}.service-icon{color:#0da5bc;font-size:30px;transition:transform .35s}.service-card:hover .service-icon{transform:rotate(-9deg) scale(1.15)}
.contact-panel{background:radial-gradient(ellipse at 80% 30%,rgba(5,143,164,.3),transparent 56%),linear-gradient(120deg,#071a33,#0c3b57);border:1px solid rgba(58,212,234,.13);box-shadow:0 30px 75px rgba(7,39,70,.15)}.contact-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(rgba(122,213,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,213,239,.035) 1px,transparent 1px);background-size:34px 34px}.contact-halo{animation:breathe 7s ease-in-out infinite}.contact-graphic-ring{animation:orbit 24s linear infinite;border-style:dashed}.contact-graphic img{animation:logoLevitate 5.5s ease-in-out infinite}.footer{background:#061327}.footer-links a{transition:transform .2s,color .2s}.footer-links a:hover{transform:translateX(4px)}
.detail-hero{background:radial-gradient(ellipse at 75% 40%,rgba(12,85,120,.24),transparent 58%),#071327}.detail-copy h1{background:linear-gradient(110deg,#fff,#bfe8f5);color:transparent;-webkit-background-clip:text;background-clip:text}.detail-copy h1 .accent-stop{-webkit-text-fill-color:#2be3ed}.detail-copy,.detail-hero-grid>.app-visual{animation:slideIn .8s var(--ease-out) both}.detail-hero-grid>div:last-child{animation:slideIn .9s var(--ease-out) both;animation-delay:.12s}.feature-item{border-radius:20px;box-shadow:0 13px 32px rgba(12,52,78,.04);transition:transform .3s,border-color .3s,box-shadow .3s}.feature-item:hover{transform:translateY(-5px);border-color:#badfea;box-shadow:0 19px 39px rgba(12,52,78,.10)}.process-list li{transition:transform .3s}.process-list li:hover{transform:translateX(7px)}

/* All animated elements have a readable baseline with JavaScript turned off */
.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.hero-copy{animation:slideIn .8s var(--ease-out) both}.hero-art{animation:fadeRise 1.1s var(--ease-out) both;animation-delay:.08s}
@keyframes slideIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeRise{from{opacity:0;transform:translateY(38px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes logoLevitate{0%,100%{transform:translateY(3px)}50%{transform:translateY(-9px)}}
@keyframes demoFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes floatCard1{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-13px)}}
@keyframes floatCard2{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(3deg) translateY(-11px)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes orbitReverse{to{transform:rotate(-360deg)}}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.27}50%{transform:scale(1.12);opacity:.48}}
@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 0 4px rgba(42,235,214,.07),0 0 19px rgba(42,235,214,.6)}50%{opacity:.65;box-shadow:0 0 0 8px rgba(42,235,214,.04),0 0 10px rgba(42,235,214,.4)}}
@keyframes shinePass{0%,35%{left:-70%}65%,100%{left:160%}}
@keyframes wave{to{height:6px;opacity:.5}}
@keyframes twinkle{0%,100%{opacity:.2;scale:.6}50%{opacity:.9;scale:1.2}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes laserFlow{to{stroke-dashoffset:-30}}
@keyframes laserPulse{0%,100%{opacity:.25;transform:scale(.85)}55%{opacity:1;transform:scale(1.18)}}
@keyframes barGrow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}

@media(max-width:1100px){.hero h1{font-size:clamp(44px,5.2vw,65px)}.hero-inner{gap:16px}.hero-art{transform:scale(.9);transform-origin:center}.hero-mini-hms{right:-1%}.hero-metric-tag{display:none}}
@media(max-width:860px){.hero-inner{min-height:585px;grid-template-columns:1fr 1fr;gap:8px}.hero h1{font-size:clamp(41px,5.4vw,53px)}.hero-art{transform:scale(.77)}.hero-metrics{margin-top:33px}.hero-mini-menu{left:-4%}.hero-mini-hms{right:-5%}.app-visual{height:270px}.demo-window{scale:.9}.app-visual-large .demo-window{scale:1}.about-grid{gap:45px}.app-grid{gap:18px}.service-card{padding:26px}}
@media(max-width:650px){.nav-shell{height:70px}.nav-links{top:70px;transform-origin:top}.nav-links.is-open{animation:mobileMenu .28s var(--ease-out) both}.nav-toggle{border:1px solid rgba(137,216,242,.22);border-radius:11px}.nav-toggle span{transition:transform .25s,opacity .25s}.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:67px 0 20px;gap:0;min-height:auto}.eyebrow{font-size:9px}.hero h1{font-size:clamp(41px,10.6vw,57px);max-width:560px;margin:23px 0 17px}.hero-copy>p{font-size:14.5px}.hero-metrics{margin-top:36px;gap:27px;padding-top:21px}.hero-metrics strong{font-size:27px}.hero-art{height:394px;transform:scale(.75);margin:0 auto;max-width:500px;width:100%;transform-origin:center}.hero-center{width:306px;height:358px}.hero-logo-glass img{width:178px}.hero-card-left{left:-7%;top:22%}.hero-card-right{right:-9%;bottom:17%}.hero-mini-hms{right:0;top:9%}.hero-mini-menu{left:2%;bottom:8%}.hero-bottom{padding:15px 0 19px}.hero-bottom span:first-child{max-width:200px}.ticker-strip{padding:12px 0}.ticker-track{font-size:9px;gap:25px}.section{padding:75px 0}.section-title{font-size:clamp(33px,8.8vw,43px)}.about-grid{gap:25px}.portfolio-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.filter-count{margin-left:4px}.app-grid{grid-template-columns:1fr;gap:23px}.app-visual{height:280px}.demo-window{scale:1}.app-card-body{padding:24px}.app-card h3{font-size:25px}.service-grid{gap:17px}.contact-panel{padding:42px 26px}.detail-hero{padding:29px 0 65px}.detail-hero-grid{gap:30px}.detail-hero .app-visual-large{height:330px}.app-visual-large .demo-window{transform:rotate(-3deg) scale(1.02)}.app-visual-large:hover .demo-window{transform:rotate(-1deg) scale(1.04)}.app-visual-large .demo-float{bottom:47px}}
@media(max-width:430px){.hero-art{transform:scale(.71);width:100%;margin-top:-16px;margin-bottom:-20px}.hero-card-left{left:-15%}.hero-card-right{right:-15%}.hero-mini-menu{left:-6%}.hero-mini-hms{right:-5%}.demo-float{right:6%}.filter-btn{padding:9px 11px;font-size:11px}.app-visual{height:267px}.app-visual-large .demo-window{transform:rotate(-3deg) scale(.96)}}
@media(max-width:365px){.hero h1{font-size:38px}.hero-art{transform:scale(.65);margin-top:-29px;margin-bottom:-27px}.hero-buttons{flex-direction:column}.hero-metrics{gap:17px}.hero-card-left{left:-25%}.hero-card-right{right:-25%}.hero-mini-hms{right:-11%}.app-visual{height:245px}.demo-window{scale:.88}.app-visual-large .demo-window{scale:.92}.filter-btn{padding:8px 10px}}
@keyframes mobileMenu{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.app-card,.service-card{will-change:auto}.hero-mouse-light{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1!important;transform:none!important}.hero-copy,.hero-art{opacity:1;transform:none}.hero-art{transform:scale(.85)}.ticker-track{animation:none!important}.demo-window{transform:rotate(-3deg)}}