/* LaxoOrbis — luminous studio edition */
body{background:#050914}::selection{background:#40dfe6;color:#04111b}
.header{background:#050914d9;border-bottom-color:#8dbde318;box-shadow:0 8px 40px #0002}
.hero{position:relative;isolation:isolate;min-height:760px;grid-template-columns:1.12fr 1fr;gap:70px;padding-block:95px 110px}
.hero:before{content:'';position:absolute;z-index:-2;inset:0 calc((100vw - 100%)/-2);background:radial-gradient(ellipse at 85% 30%,#2465c32b,transparent 46%),radial-gradient(ellipse at 4% 72%,#5629a525,transparent 45%),radial-gradient(ellipse at 60% 90%,#08b6be12,transparent 40%);pointer-events:none}
.hero:after{content:'';position:absolute;z-index:-1;inset:0 -8%;background-image:linear-gradient(#a4ddff07 1px,transparent 1px),linear-gradient(90deg,#a4ddff07 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 35%,#000,transparent);pointer-events:none}
.hero h1{font-size:clamp(3.6rem,5.7vw,5.55rem);line-height:1.06;letter-spacing:-.065em;margin-bottom:28px}
.hero h1 .gradient-text{display:inline-block;background-image:linear-gradient(110deg,#a6baff 0%,#62cfff 38%,#30e5d4 82%);padding-bottom:.1em}
.hero .eyebrow{display:inline-flex;border:1px solid #73b7e329;padding:8px 12px;border-radius:30px;background:#1020348c;font-size:10px;letter-spacing:.13em;margin-bottom:30px}
.tiny-orbit{background:#63f3d5;border:0;box-shadow:0 0 12px #5ff6d9}
.hero .lead{font-size:17px;line-height:1.85;max-width:480px;color:#acbad0}
.button{border-radius:12px;background:linear-gradient(115deg,#5b60ed,#087fbd 65%,#0abbd0);box-shadow:inset 0 1px 0 #ffffff35,0 8px 28px #075ca735;border-color:#ffffff18;min-height:54px}
.actions>.button:first-child:after{content:'↗';font-size:21px;margin-left:12px;line-height:1}
.button.secondary{background:#0e182680;border-color:#45607b80;box-shadow:inset 0 1px 0 #ffffff0a}
.hero-note{gap:10px;flex-wrap:wrap;margin-top:32px}.hero-note span{padding:5px 9px;border:1px solid #ffffff13;border-radius:5px;color:#96aec6;font-size:9px;letter-spacing:.08em}.hero-note span+span:before{display:none}
.hero-visual{perspective:1200px;padding-block:38px 60px}
.hero-visual:before{inset:-100px -70px;background:radial-gradient(ellipse,#188fd335,transparent 62%)}
.orbit-one{width:560px;height:560px;border-color:#4c98ce40;box-shadow:0 0 60px #1488de12,inset 0 0 60px #1488de0b}
.orbit-two{width:650px;height:350px;border-color:#ac8cff35}
.orbit:after{content:'';position:absolute;top:13%;left:13%;width:8px;height:8px;border-radius:50%;background:#65e2f4;box-shadow:0 0 20px #42d9ff}
.orbit-two:after{top:auto;left:auto;bottom:12%;right:16%;background:#b08cff;box-shadow:0 0 20px #9c64ff}
.solution-panel{transform:rotateY(-7deg) rotateZ(-2deg);border:1px solid #74b4d94d;border-radius:24px;background:linear-gradient(145deg,#1d3349ef,#0d182a 65%);box-shadow:0 35px 90px #0009,0 0 70px #127aaa12,inset 0 1px 0 #ccecff24;position:relative}
.panel-top{background:#b9dcff04;padding:17px 24px;color:#acbed2}.panel-body{padding:30px}.panel-body h2{font-size:35px}.panel-body .eyebrow{color:#75dccf}.platform-tabs{border-radius:12px;padding:6px}.platform-tabs button{border-radius:8px}.platform-tabs button[aria-selected=true]{background:linear-gradient(120deg,#244361,#136173);color:#b5fffa;box-shadow:inset 0 1px 0 #ffffff20}
.solution-row{padding:16px 0}.line-icon{background:#ffffff05;border-color:#537f9b50}.check{width:21px;height:21px;border-radius:50%;background:#43d8ad13;text-align:center}
.floating-label{right:-15px;bottom:18px;padding:17px 24px;border-radius:16px;border-color:#6bd9d255;background:linear-gradient(125deg,#193f4b,#13253c);box-shadow:0 18px 40px #0008;animation:studio-float 7s ease-in-out infinite}
.visual-coordinate{color:#769bb7;bottom:-4px;font-size:9px}
.capability-strip{background:#091321;border-block-color:#5d8eb32b;position:relative}.capability-strip .container{padding-block:25px;color:#cbd6e8}.capability-strip i{color:#85b9ff}
.section{padding-block:110px}.section-heading{margin-bottom:52px}.eyebrow{color:#66cdd9}.section-heading h2{font-size:clamp(2.2rem,3.5vw,3.4rem)}
.service-card{padding:34px;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#155f7840,transparent 60%),linear-gradient(145deg,#102032,#0b1323);border-color:#46637d50;box-shadow:inset 0 1px 0 #ffffff0b;overflow:hidden;display:flex;flex-direction:column}
.service-card:nth-child(2){background:radial-gradient(ellipse at 100% 0,#6246bc30,transparent 60%),linear-gradient(145deg,#181e35,#0c1322)}
.service-card:nth-child(3){background:radial-gradient(ellipse at 100% 0,#17756230,transparent 60%),linear-gradient(145deg,#10272d,#0b1323)}
.service-icon{width:58px;height:58px;padding:13px;border:1px solid #6be5ed35;border-radius:16px;background:#34d4dd0d;margin-bottom:30px}.service-card:nth-child(2) .service-icon{color:#b2a6ff;border-color:#a791ff40;background:#a791ff0d}.service-card:nth-child(3) .service-icon{color:#74e1bd}
.service-number{font-size:48px;font-weight:800;letter-spacing:-.06em;color:#c1dbf010;top:22px;right:28px}.service-card h3{font-size:23px}.service-card .text-link{margin-top:auto;align-self:flex-start}.text-link:after{content:' ↗';display:inline-block;margin-left:7px}.tags span{border-radius:6px;background:#ffffff04;border-color:#ffffff10}
.work-section{background:radial-gradient(ellipse at 50% 20%,#24316022,transparent 65%),#080f1b}.project{border:1px solid #374d663d;border-radius:24px;padding:10px;background:#111d2d66;transition:border-color .25s,transform .25s}.project:hover{border-color:#60c7df80;transform:translateY(-4px)}.project-display{border-radius:17px;height:370px}.project-caption{padding:23px 15px 18px}.project-caption h3{font-size:21px}.round-button{width:43px;height:43px;background:#152b40;color:#a2eeff}.mobility{background:radial-gradient(ellipse at 80% 20%,#247897,#0f2d44 55%,#101e30)}.enterprise{background:radial-gradient(ellipse at 80% 10%,#56488e,#252447 55%,#171b32)}.concept-ui{margin-top:42px;box-shadow:0 25px 45px #0006}.erp-ui{margin-top:35px}.web-display{height:320px;background:radial-gradient(ellipse at 90% 80%,#17565e,#102636 70%)}
.industry-grid{gap:16px}.industry-grid article{border:1px solid #405b703b;border-radius:16px;padding:26px;background:linear-gradient(150deg,#14213488,#09111d);transition:border-color .2s,background .2s}.industry-grid article:hover{border-color:#49c2d36b;background:#132739}.industry-grid h3{font-size:20px}.industry-grid p{font-size:14px}.industry-grid article>span{color:#76c7e2}.industry-note{text-align:center;border:1px dashed #3b617a66;border-radius:12px;padding:20px;color:#b1c7dd}
.process{gap:20px}.process article{padding:26px 21px;border:1px solid #30496266;border-radius:15px;background:linear-gradient(160deg,#13243b66,transparent)}.process article:before{left:23px}.process article>span{color:#99baff}.process h3{font-size:19px}
.about-section{background:radial-gradient(ellipse at 0 80%,#164b6440,transparent 55%),radial-gradient(ellipse at 95% 0,#40317a3b,transparent 65%),#0d1727;padding-block:100px;border-block-color:#6689ba26}.about-grid h2{font-size:clamp(2.3rem,3.5vw,3.3rem)}.values span{border:1px solid #568ba040;border-radius:30px;padding:8px 12px;color:#b9d7e6}
.faqs details{padding:22px;border:1px solid #2c405655;border-radius:12px;margin-bottom:12px;background:#101c2b70}.faqs details:first-child{padding-top:22px}.faqs details[open]{border-color:#48bcc566;background:#13293b}.faqs summary{font-size:16px}
.contact-section{position:relative;background:radial-gradient(ellipse at 0 20%,#29368c38,transparent 55%),radial-gradient(ellipse at 100% 100%,#087c8e29,transparent 50%),#0b1526;padding-block:100px}.contact-grid{align-items:center;gap:75px}.contact-grid h2{font-size:clamp(3rem,4.5vw,4.5rem)}#project-form{padding:32px;border:1px solid #658aa340;border-radius:24px;background:linear-gradient(145deg,#1d314350,#0a132380);box-shadow:0 25px 60px #0003,inset 0 1px 0 #ffffff10}input,select,textarea{border-radius:10px;border-color:#4b668650;background:#06111f99}form label{font-size:13px}form .button:disabled{opacity:.7;cursor:wait}.contact-domain{font-size:19px;color:#8de5f0}
.footer{padding-top:50px}.footer-top{padding-bottom:36px}.footer-bottom{color:#8ea4bc}
@keyframes studio-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:clamp(3.2rem,5.8vw,4.7rem)}.panel-body{padding:25px}.service-card{padding:26px}.service-card h3{font-size:21px}.contact-grid{gap:40px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-block:55px 80px;gap:32px;min-height:auto}.hero h1{font-size:clamp(3.3rem,9vw,5rem);max-width:620px}.hero .lead{max-width:580px}.hero:after{mask-image:linear-gradient(180deg,transparent,#000)}.hero-visual{max-width:500px;width:95%;margin:0 auto}.hero-note{gap:8px}.hero-note span{font-size:9px}.orbit-one{width:110%;height:95%}.orbit-two{width:125%;height:70%}.section{padding-block:72px}.section-heading{margin-bottom:34px}.service-card{padding:30px}.service-card h3{font-size:24px}.project-display{height:350px}.web-display{height:auto;padding:28px}.project-caption h3{font-size:20px}.about-section,.contact-section{padding-block:70px}.contact-grid{gap:30px}.contact-grid h2{font-size:3rem}#project-form{padding:26px}.process{gap:16px}.process article{padding:22px 18px}.floating-label{right:-5px}.solution-panel{transform:rotate(-1deg)}}
@media(max-width:420px){.hero h1{font-size:3.25rem}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero .lead{font-size:16px}.hero .actions{flex-direction:column;align-items:stretch}.hero .button{font-size:14px}.hero-visual{width:100%;padding-top:20px}.panel-body{padding:22px}.panel-body h2{font-size:30px}.floating-label{padding:13px 18px}.floating-label div{font-size:12px}.industry-grid{grid-template-columns:1fr}.industry-grid article{padding:24px}.process{grid-template-columns:1fr}.project-caption{padding:20px 10px}.project-caption h3{font-size:18px}.project-display{padding:20px}.web-display{padding:24px}#project-form{padding:20px}.section-heading h2{font-size:2.15rem}.about-grid h2{font-size:2.3rem}.contact-domain{font-size:17px}.faqs details{padding:20px}.faqs details:first-child{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.floating-label{animation:none}.project,.service-card,.industry-grid article{transition:none}}
@media(min-width:801px){.hero{min-height:680px;padding-block:45px 65px}.hero-visual{padding-block:20px 40px}.panel-body{padding:24px 28px}.hero .panel-body .eyebrow{display:block;padding:0;border:0;border-radius:0;background:none;margin-bottom:15px}.panel-body>p:not(.eyebrow){margin-bottom:18px}.solution-row{padding:13px 0}.hero h1{font-size:clamp(3.6rem,5.7vw,5.55rem)}}
/* Mobile usability: comfortable touch targets and compact-screen forms. */
@media(max-width:800px){
  .menu-toggle{min-height:44px;min-width:76px;justify-content:center;align-items:center}
  .platform-tabs button,.filters button{min-height:44px}
  .round-button,.close-dialog{min-width:44px;min-height:44px}
  .nav #nav-links{max-height:calc(100dvh - 106px);overflow-y:auto;overscroll-behavior:contain}
  .form-row>*{min-width:0}
  input,select,textarea{font-size:16px;max-width:100%}
  .contact-domain{overflow-wrap:anywhere}
  dialog{padding:24px;max-height:calc(100dvh - 32px)}
  .solution-row>div{min-width:0}
}
@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:350px){.hero h1{font-size:clamp(2.65rem,15vw,3rem)}.panel-body{padding:20px 16px}.solution-row{gap:8px}.solution-row strong{font-size:12px}.solution-row small{font-size:10px}.concept-ui{max-width:100%;padding:18px}}