/* Motion direction: graphite, warm orange and electric turquoise. */
:root{--navy:#121722;--ink:#f1f3f8;--gold:#ffa849;--gold-light:#ffbf77;--muted:#acb7c7;--line:#ffffff20;--paper:#181e2a;--cyan:#57d9d1}
body{background:#10121a;color:var(--ink)}
html{scroll-padding-top:96px}em{color:var(--gold)}
.header{background:#10121ae8;border-color:#ffffff12;backdrop-filter:blur(22px)}
.brand small{color:#b1bac9}.nav-contact{border-color:#ffa84970;color:var(--gold);border-radius:30px}
.nav-links a:after{background:var(--cyan)}.nav-links a[aria-current=page]{color:var(--cyan)}
.button{border-radius:40px;transition:transform .35s,box-shadow .35s}.button:hover{transform:translateY(-4px);box-shadow:0 10px 35px #ff9c4433}
.button.dark,.button.gold{background:var(--gold);color:#1a1720}.text-link{color:var(--gold)}
.section{position:relative;padding-block:100px}.section-top p{color:var(--muted)}.section-top h2,.split-content h2{line-height:1.5}
.eyebrow{color:var(--cyan)}.reading-progress{background:linear-gradient(90deg,var(--gold),var(--cyan))}
.experience-hero{position:relative;overflow:hidden;isolation:isolate;background:#10121a}
.ambient-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(black,transparent)}
.experience-hero:before{content:"";position:absolute;width:65vw;height:65vw;left:-16%;top:-40%;z-index:-1;background:radial-gradient(ellipse,#176e6d58,transparent 65%);animation:aurora-shift 12s ease-in-out infinite alternate}
.experience-hero:after{content:"";position:absolute;width:55vw;height:55vw;right:-20%;bottom:-65%;z-index:-1;background:radial-gradient(ellipse,#d85b2e50,transparent 66%);animation:aurora-shift 10s ease-in-out -5s infinite alternate}
.experience-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center;min-height:700px;padding-block:75px 45px}
.experience-copy h1{font-size:clamp(45px,5.4vw,82px);line-height:1.5;letter-spacing:-2px;margin:22px 0;animation:title-enter 1.1s both}
.experience-copy h1 em{display:inline-block;color:var(--gold);position:relative}.experience-copy h1 em:after{content:"";position:absolute;bottom:6px;right:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold));transform-origin:right;animation:underline-enter 1.4s .5s both}
.experience-copy>p{font-size:18px;color:#bcc5d4;line-height:2;margin-bottom:28px}.experience-copy .actions{gap:20px}.hero-keywords{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-keywords span{font-size:13px;border:1px solid #ffffff20;padding:4px 15px;border-radius:30px;color:#a9b8cc}
.system-theater{position:relative;min-width:0;perspective:1300px;padding-top:62px;--scene-progress:0}
.theater-watermark{position:absolute;top:0;left:4%;font:900 clamp(72px,10vw,140px)/1 Arial,sans-serif;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #ffffff15;z-index:-1;direction:ltr}
.theater-orbit{position:absolute;width:86%;aspect-ratio:1;top:-30px;left:5%;border:1px solid #ffa84925;border-radius:50%;transform:rotateX(62deg) rotateZ(-25deg);box-shadow:0 0 0 34px #57d9d105,0 0 0 35px #57d9d122;animation:orbit-breathe 8s ease-in-out infinite}
.system-scenes{position:relative;width:100%;aspect-ratio:1.6947;perspective:1200px;transform:translateY(calc(var(--scene-progress)*-18px));transition:transform .2s linear}
.system-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(45px) rotateY(-18deg) scale(.86);transition:opacity .65s,transform 1s cubic-bezier(.16,1,.3,1),visibility .65s;pointer-events:none}
.system-scene.is-active{opacity:1;visibility:visible;transform:translateY(0) rotateY(0) scale(1)}
.system-scene.is-active .device{animation:computer-hover 5.5s ease-in-out infinite}
.device{width:100%;aspect-ratio:1.6947;position:relative;isolation:isolate;filter:drop-shadow(0 22px 24px #0006);overflow:hidden}
.device .device-chassis,.device .ora-chassis{position:absolute;width:125.49%;max-width:none;height:auto;left:-12.745%;top:-75.70%;aspect-ratio:1;object-fit:fill;padding:0;filter:none;transform:none;z-index:0}
.device .device-display{position:absolute;left:13.42%;top:5.61%;width:73.47%;height:78.4%;background:#eceef0;overflow:hidden;z-index:1}
.device .device-display img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;filter:none;padding:0;transform:none;max-width:100%;border-radius:0}
.device-shine{position:absolute;left:13.42%;top:5.61%;width:73.47%;height:78.4%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff18 40%,transparent 60%);background-size:300% 100%;animation:screen-shine 7s ease-in-out infinite}
.product-card:hover .device img{transform:none}.product-card:hover .device{transform:rotate(-1deg) translateY(-6px)}
.theater-caption{display:flex;align-items:center;gap:20px;margin-top:28px;padding:20px 0;border-top:1px solid #ffffff20;min-height:120px}
.theater-counter{font-size:14px;white-space:nowrap;color:var(--cyan);font-family:monospace}.theater-name{font-size:24px}.theater-description{font-size:14px;color:var(--muted);margin-top:5px}.theater-link{margin-inline-start:auto;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff30;border-radius:50%;font-size:26px;color:var(--gold)}
.system-picker{display:flex;gap:8px;flex-wrap:wrap}.system-picker button{background:transparent;border:1px solid #ffffff18;border-radius:25px;padding:6px 13px;font-size:13px;color:#aeb9cb;transition:.3s}.system-picker button[aria-pressed=true]{background:var(--gold);color:#19151c;border-color:var(--gold)}
.theater-timer{height:2px;background:#ffffff12;margin-top:20px;overflow:hidden}.theater-timer i{display:block;height:100%;background:var(--cyan);transform-origin:right;animation:theater-time 6s linear infinite}.system-theater.is-held .theater-timer i{animation-play-state:paused}
.experience-bottom{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#b7bfcd;border-top:1px solid #ffffff18;padding-block:25px}.experience-bottom>a{color:var(--gold)}.experience-bottom>span:last-child{font:12px monospace;letter-spacing:1px}
.sector-ribbon{background:var(--gold);color:#211921;border:0;transform:rotate(-1.2deg) scale(1.03);margin:16px 0 0;padding-block:18px}.sector-ribbon i{color:#5f3524}.sector-ribbon>div{animation-duration:23s}
.solutions{background:radial-gradient(ellipse at 0% 35%,#17383e55,transparent 45%),#10121a}.product-grid{gap:30px}.product-card,.product-card:first-child{background:linear-gradient(145deg,#222733,#171c26);border-color:#ffffff17;border-radius:24px;color:var(--ink);box-shadow:none}.product-card:hover{border-color:#57d9d16b;box-shadow:0 0 35px #4fc9be12}
.product-card-image,.product-card:first-child .product-card-image{background:radial-gradient(ellipse at 50% 100%,#24586480,transparent 67%),#161c28;padding:50px 18px 28px;min-height:0}.product-card-image .device{transition:transform .7s}.product-card-image>span{color:#8dafbc}.product-card-copy small{color:var(--cyan)}.product-card-copy p,.product-card:first-child p{color:#adb9cc}.product-card:first-child .product-card-image{padding:12px}.product-card:first-child .product-card-image>img{object-fit:cover;aspect-ratio:1.45}.product-card:nth-child(3) .product-card-image{background:radial-gradient(ellipse at 50% 100%,#854b2870,transparent 67%),#1d202b}
.card-arrow{color:var(--gold)}.ora-section{background:radial-gradient(at 20% 55%,#183e42,#101d28 60%);border-block:1px solid #57d9d122}.company-sign{background:radial-gradient(ellipse,#313246,#191e2c);border-radius:25px}.company-sign:before{border-color:#ffa84940;box-shadow:0 0 0 60px #ffa84904}.company-sign small{color:#b2bbc9}.company-sign>img{filter:drop-shadow(0 0 30px #ff9c4455)}
.services,.soft-section,.news-home{background:#171c27}.service-list>article,.service-list{border-color:#ffffff18}.service-list>article:hover{background:#242938}.service-motion.motion-training span{background:#304650;color:#e4f4f4}.company-principles b,.service-editorial small{color:var(--gold)}
.feature-card{background:#1b212e;border-color:#ffffff16;border-radius:20px}.feature-card:hover{background:#202c39;box-shadow:0 20px 50px #0003;border-color:var(--cyan)}.feature-num{color:#4b6b78}.feature-track{height:3px;background:#ffffff0b}.feature-track i{background:linear-gradient(90deg,var(--gold),var(--cyan))}.feature-card:nth-child(2n){background:#22212e}.feature-card:nth-child(3n){background:#1d292d}
.page-intro{background:radial-gradient(ellipse at 13% 50%,#1e4c505e,transparent 55%),#111723;border-color:#ffffff16}.page-intro:after{border-color:#ffa84955;box-shadow:0 0 0 50px #57d9d109,0 0 0 100px #ff994408}.page-intro .eyebrow,.breadcrumb{color:#97b9c6}.page-intro h1 em{color:var(--gold)}
.product-hero{background:radial-gradient(ellipse at 15% 55%,#2f5e5d6b,transparent 55%),#111824}.product-head h2{color:var(--gold)}.product-showcase{padding:45px 6px 5px;background:transparent;box-shadow:none;border-radius:0;animation:none}.product-showcase>.device{animation:computer-hover 6s ease-in-out infinite}.product-showcase>span{color:var(--cyan)}.product-showcase>img[src$="ora.png"]{aspect-ratio:1.3;object-fit:cover}.product-showcase:before{content:"";position:absolute;inset:15%;border:1px solid #57d9d124;border-radius:50%;box-shadow:0 0 90px #57d9d115;z-index:-1}
.process-section{background:linear-gradient(120deg,#163039,#241e2d);border-block:1px solid #ffffff12}.process-grid article{border-color:#57d9d159}.sector-tags span{background:#252d3c;border-color:#ffffff20}.quote-card{background:#202736}.quote-card:nth-child(2n){background:#252430}.news-card{background:#1e2532;border-color:#ffffff18}.news-photo>span{background:#14222ce8;color:var(--cyan);backdrop-filter:blur(8px)}.news-card:hover{box-shadow:0 20px 40px #0005}.news-photo img{filter:saturate(.8)}.article-cover{background:#1b2532}.archive-note{background:#202936}.article-layout aside small{color:var(--gold)}
.contact-section{background:#f3a354;color:#251d23}.contact-heading h2 em{color:#67402c}.contact-section .eyebrow{color:#513425}.contact-circle{border-color:#55382b70;color:#251d23}.contact-circle:hover{background:#171d29;color:#ffc285}.contact-section:after{animation:orbit-breathe 10s infinite}.inquiry-form{background:#1c2432;border-color:#ffffff20}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#111925;color:#f3f6fa;border-color:#ffffff28}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#91a0b4}.location-grid article{background:#222c3a;border-color:#ffffff20}.location-grid b{color:var(--gold)}
footer{background:#0b0f17}.motion-toggle{background:#222c39;color:#d3e0ec;border-color:#ffffff30;backdrop-filter:blur(15px)}.motion-toggle span{font-size:12px}.nav-links.open{background:#17202d}.round-link{background:#263342;color:var(--gold)}
/* The supplied phone artwork stays intact; the viewport removes transparent margins. */
.app-experience{background:radial-gradient(ellipse at 50% 42%,#24576655,transparent 58%),#10151f;padding-block:95px 75px;position:relative;overflow:hidden;isolation:isolate;border-block:1px solid #ffffff14}.app-experience:before{content:"APPS";position:absolute;top:235px;left:50%;transform:translateX(-50%);font:900 clamp(130px,27vw,390px)/1 Arial,sans-serif;color:transparent;-webkit-text-stroke:1px #ffffff0c;z-index:-1}.app-experience h1,.app-experience h2{font-size:clamp(36px,4.8vw,66px);line-height:1.45}.app-experience .section-top{margin-bottom:10px}.app-deck{height:460px;position:relative;perspective:1100px;touch-action:pan-y;cursor:grab;outline-offset:-5px;direction:ltr}.app-orbit{position:absolute;left:10%;right:10%;height:220px;top:175px;border:1px solid #57d9d13a;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 0 55px #ffa84905,0 0 0 56px #ffa8491a;animation:orbit-breathe 9s ease-in-out infinite}.app-slide{margin:0;position:absolute;width:210px;height:417px;left:calc(50% - 105px);top:20px;transform-style:preserve-3d;transform:translateX(calc(var(--offset)*180px)) translateZ(calc(var(--depth)*-100px)) rotateY(calc(var(--offset)*-13deg)) rotateZ(calc(var(--offset)*3deg));opacity:var(--visibility,1);transition:transform .95s cubic-bezier(.2,.8,.2,1),opacity .75s,filter .75s;filter:brightness(.65);z-index:var(--layer,1);pointer-events:none}.app-slide.is-active{filter:brightness(1);z-index:8}.phone-photo{width:100%;height:100%;overflow:hidden;position:relative;filter:drop-shadow(0 15px 20px #0008);animation:phone-float 5s ease-in-out infinite}.app-slide:nth-of-type(2n) .phone-photo{animation-delay:-2.5s}.phone-photo img{position:absolute;max-width:none;width:244.2%;height:auto;left:-72.22%;top:-12.465%;mix-blend-mode:normal}.app-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:35px;z-index:9}.app-controls>button{width:52px;height:52px;border:1px solid #ffffff35;background:#263542;color:var(--gold);border-radius:50%;font-size:25px;transition:background .3s,transform .3s}.app-controls>button:hover{background:#375464;transform:scale(1.08)}.app-current{text-align:center;min-width:310px;max-width:480px}.app-count{font:13px monospace;color:var(--cyan)}.app-current h3{font-size:26px;margin:8px 0}.app-current p{font-size:15px;color:var(--muted)}.app-dots{display:flex;gap:10px;justify-content:center;margin:25px 0}.app-dots button{padding:0;width:8px;height:8px;border:0;border-radius:10px;background:#536171;transition:width .45s,background .45s}.app-dots button[aria-pressed=true]{width:36px;background:var(--gold)}.app-dots button:before{content:"";display:block;width:100%;height:28px;margin-top:-10px}.app-actions{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:15px}.app-autoplay{font-size:13px;border:0;border-bottom:1px solid #8a9baa;background:none;color:#acb9ca;padding:5px 0}.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes aurora-shift{from{transform:translate(-6%,0) scale(.9)}to{transform:translate(12%,15%) scale(1.2)}}
@keyframes title-enter{from{opacity:0;transform:translateY(40px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes underline-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes computer-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:-1deg}}
@keyframes phone-float{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes screen-shine{0%,20%{background-position:150% 0}75%,100%{background-position:-150% 0}}
@keyframes orbit-breathe{0%,100%{scale:1;opacity:.55}50%{scale:1.09;opacity:1}}
@keyframes theater-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.motion-paused .device,.motion-paused .phone-photo{animation:none!important}.motion-paused .app-slide{transition:none!important}
.feature-card:after,.product-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px at var(--light-x,50%) var(--light-y,50%),#57d9d117,transparent 75%);opacity:0;transition:opacity .4s}.feature-card:hover:after,.product-card:hover:after{opacity:1}.product-card{position:relative}
html:not(.js) .app-deck{height:auto;display:flex;overflow-x:auto;gap:25px;padding:30px 0}html:not(.js) .app-slide{position:relative;left:auto;top:auto;flex-shrink:0;transform:none;opacity:1;filter:none}html:not(.js) .app-orbit{display:none}
@media(max-width:1100px){.experience-layout{grid-template-columns:1fr 1.1fr;gap:25px;min-height:660px}.experience-copy h1{font-size:55px;letter-spacing:-1px}.experience-copy>p{font-size:16px}.experience-copy .actions{align-items:flex-start;flex-direction:column;gap:15px}.system-picker{gap:6px}.system-picker button{font-size:12px;padding:5px 9px}.theater-description{font-size:13px}.theater-caption{gap:12px}.nav-links{background:#17202d}}
@media(max-width:760px){.experience-layout{grid-template-columns:1fr;padding-top:40px;gap:30px}.experience-copy{text-align:center}.experience-copy h1{font-size:clamp(42px,8vw,62px);margin:18px 0;line-height:1.45}.experience-copy .actions{align-items:center;flex-direction:row;justify-content:center}.experience-copy>p{font-size:16px}.hero-keywords{justify-content:center;margin-top:25px}.system-theater{padding-top:35px;width:min(600px,100%);margin:auto}.theater-watermark{font-size:110px;top:-20px}.theater-orbit{top:-40px}.theater-caption{margin-top:10px;min-height:105px}.theater-name{font-size:22px}.theater-counter{font-size:12px}.theater-description{font-size:14px}.system-picker{justify-content:center}.system-picker button{font-size:13px;padding:6px 10px}.experience-bottom{justify-content:center;text-align:center}.experience-bottom>span{display:none}.section{padding-block:65px}.product-card-image{padding:45px 12px 20px}.product-card:first-child .product-card-image{padding:0}.product-card-copy{padding-top:22px}.page-intro:after{opacity:.3}.app-experience{padding-block:60px 50px}.app-experience .section-top{gap:18px}.app-experience h1,.app-experience h2{font-size:38px}.app-deck{height:390px}.app-slide{width:175px;height:347px;left:calc(50% - 87.5px);transform:translateX(calc(var(--offset)*115px)) translateZ(calc(var(--depth)*-90px)) rotateY(calc(var(--offset)*-15deg)) rotateZ(calc(var(--offset)*3deg))}.app-orbit{left:-20%;right:-20%;top:140px}.app-current{min-width:0;flex:1}.app-current h3{font-size:22px}.app-current p{font-size:14px}.app-controls{gap:12px}.app-controls>button{width:44px;height:44px;flex-shrink:0}.app-actions{gap:22px;flex-wrap:wrap}.app-experience:before{top:250px;font-size:150px}.contact-circle{background:#1e2530;color:#ffc181}.device-shine{opacity:.6}}
@media(prefers-reduced-motion:reduce){.system-scene,.app-slide{transition:none!important}.experience-copy h1{filter:none}.app-experience:before{opacity:.7}}

/* Compact system selector. Every product has the same visual weight. */
html,body{overflow-x:clip}
.solutions{padding-block:58px 65px}
.solutions .section-top{margin-bottom:30px;align-items:center}
.solutions .section-top h2{font-size:clamp(30px,3.2vw,44px);line-height:1.45}
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;align-items:stretch}
.product-grid .product-card,.product-grid .product-card:first-child{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;border-radius:18px;background:#1b222e;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.product-grid .product-card:hover{transform:translateY(-6px);border-color:#57d9d180;box-shadow:0 14px 32px #0003}
.product-grid .product-card-image,.product-grid .product-card:first-child .product-card-image{padding:36px 10px 10px;background:radial-gradient(ellipse at 50% 90%,#30616c50,transparent 72%),#151d28;min-height:0}
.product-grid .product-card-image>span{left:12px;top:12px;font-size:12px;letter-spacing:0;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;color:#94b5c2}
.product-grid .product-card-image .device{width:100%;margin:0;transition:transform .5s}
.product-grid .product-card .device .ora-chassis{width:125.49%;max-width:none;height:auto;aspect-ratio:1;object-fit:fill;left:-12.745%;top:-75.70%;padding:0;filter:none}
.product-grid .product-card-copy{padding:18px 17px 20px;display:flex;flex-direction:column;flex:1}
.product-grid .product-card-copy small{font-size:13px;line-height:1.7;color:var(--cyan)}
.product-grid .product-card-copy h3{font-size:21px;line-height:1.5;margin:8px 0 10px;min-height:63px}
.product-grid .product-card-copy p{font-size:14px;line-height:1.9;color:#b5c1d0;margin-bottom:18px}
.product-grid .card-arrow{margin-top:auto;align-self:flex-start;font-size:14px;padding-bottom:3px}
@media(min-width:1600px){.product-grid .product-card-copy h3{font-size:23px}}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-grid .product-card-copy h3{min-height:0}.product-grid .product-card-image{padding-inline:22px}}
@media(max-width:760px){.solutions{padding-block:42px 48px}.solutions .section-top{gap:16px;align-items:flex-start}.solutions .section-top h2{font-size:32px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-grid .product-card-copy{padding:16px}.product-grid .product-card-copy h3{font-size:20px}.product-grid .product-card-copy p{font-size:14px}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr;gap:12px}.product-grid .product-card,.product-grid .product-card:first-child{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:stretch}.product-grid .product-card-image,.product-grid .product-card:first-child .product-card-image{padding:34px 4px 14px;display:flex;align-items:center}.product-grid .product-card-image>span{font-size:12px;left:8px;max-width:calc(100% - 16px)}.product-grid .product-card-copy{padding:16px 12px}.product-grid .product-card-copy h3{font-size:19px;margin:5px 0 7px}.product-grid .product-card-copy p{font-size:14px;line-height:1.75;margin-bottom:12px}.product-grid .product-card-copy small{font-size:12px}.product-grid .card-arrow{font-size:13px}}
