:root{--inner-cyan:#22eef2;--inner-orange:#ff8a00;--inner-ink:#020506;--inner-panel:#071014;--inner-line:rgba(255,255,255,.09)}
body.inner-page{background:#020506;color:#edf4f5;overflow-x:hidden}
body.inner-page main{position:relative;isolation:isolate}
body.inner-page main:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(34,238,242,.08),transparent 28rem),radial-gradient(circle at 8% 48%,rgba(255,138,0,.055),transparent 30rem),linear-gradient(180deg,#020506,#04090b 48%,#020506)}
body.inner-page main:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(34,238,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,238,242,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 74%)}
body.inner-page .site-header{background:rgba(2,5,6,.88);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.inner-page .nav-links a{position:relative}
body.inner-page .nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,var(--inner-orange),var(--inner-cyan));transition:transform .22s ease}
body.inner-page .nav-links a:hover:after,body.page-services .nav-links a[href="services.html"]:after,body.page-solutions .nav-links a[href="solutions.html"]:after,body.page-about .nav-links a[href="about.html"]:after,body.page-work .nav-links a[href="portfolio.html"]:after,body.page-contact .nav-links a[href="contact.html"]:after{transform:scaleX(1)}
body.inner-page .page-hero{position:relative;min-height:58vh;display:flex;align-items:end;padding:clamp(120px,16vw,190px) 0 clamp(70px,9vw,120px);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.075)}
body.inner-page .page-hero:before{content:"TELUK // SYSTEMS";position:absolute;right:-1vw;top:42%;transform:translateY(-50%);font-size:clamp(3.8rem,10vw,10rem);line-height:.8;font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}
body.inner-page .page-hero:after{content:"";position:absolute;right:8%;top:24%;width:clamp(170px,25vw,380px);aspect-ratio:1;border:1px solid rgba(34,238,242,.14);border-radius:50%;box-shadow:0 0 0 34px rgba(34,238,242,.025),0 0 0 70px rgba(255,138,0,.018);pointer-events:none}
body.inner-page .page-hero .container{position:relative;z-index:1}
body.inner-page .page-hero .eyebrow,body.inner-page .section .eyebrow{display:inline-flex;align-items:center;gap:10px}
body.inner-page .page-hero .eyebrow:before,body.inner-page .section .eyebrow:before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--inner-orange),var(--inner-cyan))}
body.inner-page .page-hero h1{max-width:980px;font-size:clamp(3rem,7vw,7.2rem);line-height:.9;letter-spacing:-.055em;margin-top:18px;text-wrap:balance}
body.inner-page .page-hero .lead{max-width:760px;margin-top:26px;font-size:clamp(1.02rem,1.7vw,1.28rem);line-height:1.72;color:#aebdc2}
body.inner-page .section{position:relative;padding-block:clamp(72px,9vw,126px)}
body.inner-page .section.compact{padding-block:clamp(54px,7vw,90px)}
body.inner-page .content-band{border-block:1px solid rgba(255,255,255,.07);background:linear-gradient(115deg,rgba(34,238,242,.035),rgba(255,255,255,.008) 42%,rgba(255,138,0,.025))}
body.inner-page .section-head{gap:40px;margin-bottom:38px}
body.inner-page .section-head h2,body.inner-page .split-copy h2,body.inner-page .cta h2,body.inner-page .content-intro h2{font-size:clamp(2.1rem,4.4vw,4.5rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
body.inner-page .section-head>p{max-width:620px;font-size:1rem;line-height:1.7}
body.inner-page .card,body.inner-page .detail-card{position:relative;overflow:hidden;border:1px solid var(--inner-line);border-radius:0;background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.008));box-shadow:none;transition:transform .24s ease,border-color .24s ease,background .24s ease}
body.inner-page .card:before,body.inner-page .detail-card:before{content:"";position:absolute;left:0;top:0;width:58px;height:2px;background:linear-gradient(90deg,var(--inner-orange),var(--inner-cyan))}
body.inner-page .card:hover,body.inner-page .detail-card:hover{transform:translateY(-4px);border-color:rgba(34,238,242,.22);background:linear-gradient(145deg,rgba(34,238,242,.045),rgba(255,255,255,.012))}
body.inner-page .card-icon{border-radius:0;background:rgba(34,238,242,.07);border:1px solid rgba(34,238,242,.13);color:#dffcff}
body.inner-page .detail-card .mini-label{color:#8eeff2}
body.inner-page .detail-list li:before{border-radius:0;transform:rotate(45deg);background:linear-gradient(135deg,var(--inner-orange),var(--inner-cyan))}
body.inner-page .steps-grid{gap:1px;border-radius:0;background:rgba(34,238,242,.14);border-color:rgba(34,238,242,.1)}
body.inner-page .step-block{position:relative;background:#050a0c;min-height:220px;padding:30px}
body.inner-page .step-block:after{content:"";position:absolute;right:18px;top:18px;width:7px;height:7px;border:1px solid rgba(34,238,242,.48);transform:rotate(45deg)}
body.inner-page .step-block .step-number{color:#ff9c22}
body.inner-page .value-item{border-left:1px solid rgba(34,238,242,.5);background:linear-gradient(90deg,rgba(34,238,242,.045),transparent)}
body.inner-page .faq-list{max-width:none}
body.inner-page .faq-list details{border-radius:0;background:rgba(255,255,255,.014);transition:border-color .2s ease,background .2s ease}
body.inner-page .faq-list details[open]{border-color:rgba(34,238,242,.24);background:rgba(34,238,242,.025)}
body.inner-page .capability-pill{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-weight:720;background:rgba(34,238,242,.035)}
body.inner-page .content-note{border-radius:0;border-left:2px solid var(--inner-orange);background:linear-gradient(90deg,rgba(255,138,0,.05),rgba(255,255,255,.012))}
body.inner-page .cta{position:relative;overflow:hidden;padding:clamp(34px,6vw,70px);border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 80% 20%,rgba(34,238,242,.08),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,138,0,.025))}
body.inner-page .cta:after{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;height:280px;border:1px solid rgba(34,238,242,.14);transform:rotate(45deg);pointer-events:none}
body.inner-page .form-card{border-radius:0;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(34,238,242,.014))}
body.inner-page input,body.inner-page textarea,body.inner-page select{border-radius:0!important;background:#05090b!important;border-color:rgba(255,255,255,.11)!important}
body.inner-page input:focus,body.inner-page textarea:focus,body.inner-page select:focus{outline:none!important;border-color:rgba(34,238,242,.5)!important;box-shadow:0 0 0 3px rgba(34,238,242,.06)!important}
body.inner-page .site-footer{border-top:1px solid rgba(255,255,255,.07);background:#020506}
@media(max-width:960px){body.inner-page .page-hero{min-height:auto;padding-top:130px}body.inner-page .page-hero:after{right:-80px;opacity:.65}body.inner-page .section-head{gap:22px}}
@media(max-width:640px){body.inner-page .page-hero{padding:112px 0 68px}body.inner-page .page-hero h1{font-size:clamp(2.65rem,15vw,4.8rem)}body.inner-page .page-hero:before{top:28%;right:-12%;font-size:25vw}body.inner-page .page-hero:after{width:210px;right:-120px;top:22%}body.inner-page .section{padding-block:68px}body.inner-page .section-head h2,body.inner-page .split-copy h2,body.inner-page .cta h2,body.inner-page .content-intro h2{font-size:clamp(2rem,11vw,3.1rem)}body.inner-page .card,body.inner-page .detail-card{padding:24px 22px}body.inner-page .step-block{min-height:0}body.inner-page .cta{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){body.inner-page .card,body.inner-page .detail-card{transition:none}}
