/* JASBTECH / VISION 02 — prismatic digital studio */
:root{--lime:#c2c3c5;--bg:#080a13;--panel:#0e1013;--muted:#9ea0a3;--line:#ffffff16}body{background:radial-gradient(ellipse at 80% 0,#24262933,transparent 30%),#080a13;color:#f2f3ff}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:100px;border:0;max-width:1600px;padding-inline:6%}.brand{letter-spacing:-1.5px}.brand span{color:#c8c9cb}.brand small{color:#7d7f82}.header-actions .small{background:#f9fafc;color:#141619;border-radius:40px}.header-actions .text-btn{color:#aeb0b3}nav{padding:13px 23px;border:1px solid #ffffff12;border-radius:40px;background:#ffffff03;gap:27px}.hero{max-width:1600px;padding:85px 6% 100px;min-height:780px;grid-template-columns:1.06fr 1fr;overflow:visible}.hero:before{content:'ENGINEERED TO EVOLVE';position:absolute;left:6%;bottom:67px;font:9px monospace;letter-spacing:3px;color:#606265}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#c2c3c5;font-size:9px;border:1px solid #9193962b;border-radius:30px;display:inline-flex;padding:9px 13px;background:#7a7c7f0a}.eyebrow i{box-shadow:0 0 12px #c2c3c5}h1{font-size:clamp(60px,6.1vw,91px);font-weight:500;line-height:1.01;letter-spacing:-5.5px;margin:29px 0 26px}h1 em{display:block;background:linear-gradient(105deg,#e9eaec 0%,#a0a2a5 38%,#a5a7aa 85%);background-clip:text;-webkit-text-fill-color:transparent;font-weight:400}h1>span{max-width:650px!important}.hero-copy>p{font-size:14px;line-height:1.9;max-width:390px;color:#a7a9ac}.button{border-radius:35px;background:linear-gradient(120deg,#cecfd1,#a9abae);color:#101215;box-shadow:0 5px 30px #797b7e1c;font-size:12px;padding:18px 24px}.button:hover{background:#e3e4e6;box-shadow:0 8px 35px #9d9fa244}.hero-actions{gap:25px}.play{border-color:#8284874d}.hero-foot{max-width:420px;margin-top:38px;border-color:#ffffff12;font-size:9px;gap:10px}.hero-foot b{color:#babbbd}.scene{margin-top:-35px;min-height:570px;background:radial-gradient(ellipse,#51535628,transparent 66%);overflow:visible}#universe{width:120%;height:110%;left:-10%;top:-5%;filter:drop-shadow(0 0 18px #8c8e9133)}.scene .core,.scene .orbit{display:none}.scene-label{top:35px;left:35px;color:#97999c;font-size:8px}.scene-label span{margin-left:90px;color:#606265}.scene-bottom{bottom:15px;font-size:8px;color:#7f8184}.float-chip{background:linear-gradient(120deg,#141619c7,#17191ca0);border:1px solid #d2d3d529;border-radius:13px;box-shadow:0 18px 50px #0005,inset 0 1px #ffffff10;padding:17px 20px;color:#cecfd1;backdrop-filter:blur(24px)}.float-chip span{color:#f2f3f5;font-size:11px}.float-chip small{color:#97999c}.chip-ai{top:120px;right:-15px;transform:rotate(5deg)}.chip-code{bottom:100px;left:-10px}.scroll-note{font-size:8px;color:#77797c;bottom:31px;left:6%}.capability-strip{max-width:1600px;margin:auto;padding:26px 6%;border-color:#ffffff14;font-size:9px;letter-spacing:2.4px;color:#7d7f82;background:linear-gradient(90deg,transparent,#9d9fa208,transparent)}.capability-strip b{font-size:17px;color:#97999c}.section{max-width:1600px;padding:115px 6%}.eyebrow{color:#9c9ea1;font-size:9px;letter-spacing:2.2px}h2{font-size:clamp(37px,3.7vw,56px);letter-spacing:-2.5px;font-weight:400;line-height:1.12}h2 span{color:#838588}.section-head{margin-bottom:45px}.section-head p{font-size:12px;color:#8f9194}.filters{margin-bottom:30px;gap:8px}.filters button{border-color:#ffffff16;color:#989a9d;background:#ffffff02;padding:11px 20px}.filters button.active{background:#d4d5d7;color:#181a1d;border-color:#d4d5d7}.service-grid{grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:270px;padding:28px 24px;border-radius:15px;background:radial-gradient(ellipse at 15% 0,#898b8e16,transparent 65%),linear-gradient(140deg,#111316,#0c0e11);border-color:#ffffff10;overflow:hidden;isolation:isolate;transition:transform .35s,border-color .35s,box-shadow .35s}.service-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#acaeb120,transparent 65%);opacity:0;transition:opacity .3s;z-index:-1}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#c2c3c55c;box-shadow:0 20px 50px #0004;transform:translateY(-7px)}.service-card .icon{font-size:30px;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(130deg,#d4d5d721,#888a8d07);box-shadow:inset 0 1px #ffffff30,0 10px 20px #0003;border:1px solid #bdbec024;margin-bottom:31px;color:#d3d4d6;text-shadow:0 0 20px #a1a3a655;transform:rotate(-6deg)}.service-card:nth-child(2n) .icon{color:#c7c8ca;background:linear-gradient(130deg,#a8aaad20,#8d8f9205)}.service-card h3{font-size:17px;font-weight:500;line-height:1.35}.service-card p{font-size:11px;color:#95979a;line-height:1.8}.service-card small{color:#6e7073;font-size:9px;margin-top:20px}.service-card .arrow{color:#888a8d}.software{position:relative;background:radial-gradient(ellipse at 85% 55%,#4b4d5016,transparent 55%)}.product-tabs{border-color:#ffffff14;gap:20px}.product-tabs button{color:#7b7d80;font-size:23px}.product-tabs button.active{color:#d8d9db;border-color:#c3c4c6}.product-tabs small{color:#7e8083}.product-body{grid-template-columns:.78fr 1.22fr;gap:100px;margin-top:70px}.tag{color:#cacbcd;background:#a0a2a50a;border-color:#87898c3b;border-radius:20px;font-size:8px}.product-copy h3{font-size:68px;font-weight:500;color:#f2f3f5}.product-copy p{color:#9c9ea1}.product-features span{border-color:#9b9da024;background:#9b9da006;border-radius:30px;color:#babbbd}.dashboard{background:#101215;border:1px solid #989a9d3b;border-radius:13px;transform:perspective(1300px) rotateY(-12deg) rotateX(6deg);box-shadow:25px 35px 90px #0008,0 0 80px #77797c15;position:relative}.dash-bar{background:#17191c;border-color:#ffffff0d;color:#d3d4d6}.dash-bar small{color:#898b8e}.dash-layout aside{color:#87898c;border-color:#ffffff0a;background:#101215}.dash-main>small{color:#838588}.dash-main h4{color:#e6e7e9}.dash-stats>div{background:#191b1e;border-color:#ffffff0a}.dash-stats small{color:#95979a}.dash-stats b{color:#f4f5f7}.dash-stats em{color:#babbbd}.chart-box{background:#15171a}.bars{border-color:#545659}.bars i{background:linear-gradient(#bfc0c2,#6a6c6f);box-shadow:0 0 15px #8c8e9116}.chart-axis{color:#787a7d}.dash-row{color:#9b9da0}.ai-section{grid-template-columns:1.1fr 1fr;gap:10%;background:radial-gradient(ellipse at 18% 45%,#55575a23,transparent 50%)}.ai-art{height:440px;background:radial-gradient(circle,#6e70732a,transparent 65%);perspective:900px}.ai-art>span{font-size:210px;background:linear-gradient(130deg,#dcdddf,#888a8d,#dcdddf);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(6px 14px 0 #222427);text-shadow:none}.ai-ring{height:360px;width:360px;border:1px solid #999b9e4d;transform:rotateX(60deg) rotateZ(-25deg);box-shadow:0 0 0 35px #a2a4a707,0 0 0 70px #a2a4a704}.ai-art small{color:#7b7d80}.ai-list button{color:#e5e6e8;border-color:#ffffff17;font-size:13px}.ai-list button span,.ai-list button small{color:#7e8083}.ai-list button:hover{color:#c9cacc}.loyalty{margin:30px auto;max-width:1408px;border:1px solid #aeb0b321;border-radius:24px;background:radial-gradient(at 100% 0,#60626535,transparent 65%),linear-gradient(130deg,#121417,#0b0d10);padding:75px 6%;gap:10%}.member-card{border:1px solid #dedfe155;background:radial-gradient(ellipse at 80% 0,#d2d3d56b,transparent 60%),linear-gradient(125deg,#5b5d60,#1d1f22 50%,#5b5d60);position:relative;overflow:hidden;transform:perspective(900px) rotateY(-15deg) rotateZ(6deg);box-shadow:20px 35px 60px #0006,inset 0 1px #ffffff55}.member-card:after{content:'';position:absolute;top:-50%;left:-100%;height:200%;width:60%;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:rotate(25deg);animation:cardSheen 8s infinite;pointer-events:none}.member-icon{color:#e3e4e6}.member-top span{color:#e6e7e9}.member-card h3{font-weight:400}.benefits{color:#d2d3d5}.member-bottom{color:#bdbec0;border-color:#ffffff25}.member-bottom span{color:#e5e6e8}.social-grid{gap:25px}.post-art{height:270px;border-radius:14px}.art-one{background:radial-gradient(at 0 100%,#dfe0e2,transparent 80%),linear-gradient(120deg,#87898c,#dcdddf);color:#191b1e}.art-two{background:radial-gradient(at 20% 100%,#5a5c5f,#121417 75%);color:#dddee0}.art-two:after{border-color:#cdced030;box-shadow:0 0 0 25px #cdced005,0 0 0 50px #cdced003}.art-three{background:linear-gradient(120deg,#e2e3e5,#aaacaf);color:#3d3f42}.social-grid small{color:#888a8d}.social-grid h4{color:#d1d2d4}.contact-section{padding:115px 20px;background:radial-gradient(ellipse at 50% 120%,#73757855,transparent 65%),#0a0c0f;position:relative}.contact-section h2{font-size:clamp(46px,5.9vw,85px);letter-spacing:-4px;font-weight:400}.contact-section em{background:linear-gradient(90deg,#dadbdd,#babbbd);background-clip:text;-webkit-text-fill-color:transparent}.contact-orbit{border-color:#d2d3d522;box-shadow:0 0 0 30px #bdbec005,0 0 0 60px #bdbec003}.contact-section .button{position:relative;z-index:1}footer{padding:40px 6%}footer p,footer span,footer button{color:#87898c}.floating-contact{background:#17191cbb;backdrop-filter:blur(15px);border-color:#bfc0c240;color:#dddee0;box-shadow:0 5px 30px #0006}dialog{background:#111316;color:#f3f4f6;border-color:#898b8e55}dialog::backdrop{background:#030610bb}input,select,textarea{background:#0c0e11;border-color:#545659;color:#ebecee}.notice{background:#abadb00a;border-color:#94969933;color:#aeb0b3}.admin-tabs button{background:#1c1e21;border-color:#585a5d}.admin-row button{border-color:#7a7c7f}.dash-stats>div{min-width:0}.form-grid label{color:#bfc0c2}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.in-view{opacity:1;transform:none}@keyframes cardSheen{0%,50%{left:-100%}85%,100%{left:150%}}
@media(min-width:1500px){.hero{min-height:850px;padding-top:110px}.scene{min-height:620px}}@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:70px;min-height:730px}h1{font-size:65px;letter-spacing:-4px}.scene{min-height:520px;transform:scale(.9)}.product-body{gap:45px}.service-card{min-height:250px}.loyalty{margin:20px 4%}.post-art{height:220px}}@media(max-width:720px){header{height:82px;padding-inline:6%}nav{background:#141619;border-radius:0;top:82px}h1{font-size:56px;letter-spacing:-3.5px}.hero{padding:45px 6% 65px;min-height:0;grid-template-columns:1fr;overflow:hidden}.hero-copy>p{font-size:13px}.hero:before{bottom:46px;font-size:7px}.hero .eyebrow{font-size:7px}.hero-actions{flex-direction:row;gap:17px}.hero-actions .button{font-size:10px;padding:15px}.scene{margin:0 -10%;height:420px;min-height:420px;transform:none}#universe{width:110%;left:-5%;height:110%}.scene-label{left:28px;top:25px}.scene-label span{margin-left:60px}.chip-ai{right:15px;top:75px}.chip-code{left:25px;bottom:60px}.float-chip{padding:13px 16px}.scene-bottom{left:28px;right:28px;bottom:8px}.scroll-note{bottom:22px}.hero-foot{margin-top:28px;font-size:8px}.section{padding:65px 6%}h2{font-size:36px;letter-spacing:-1.7px}.service-grid{gap:11px}.service-card{padding:20px 17px;min-height:275px;border-radius:13px}.service-card .icon{width:47px;height:47px;font-size:25px;margin-bottom:26px}.service-card h3{font-size:16px}.service-card p{font-size:11px}.service-card small{font-size:8px}.product-body{grid-template-columns:1fr;gap:40px;margin-top:40px}.product-tabs{gap:10px}.product-tabs button{font-size:17px}.product-tabs small{font-size:8px}.product-copy h3{font-size:55px}.dashboard{transform:perspective(1200px) rotateY(-4deg) rotateX(3deg);margin-right:5px}.ai-section{grid-template-columns:1fr;gap:30px}.ai-art{height:300px}.ai-ring{width:250px;height:250px}.ai-art>span{font-size:170px}.loyalty{margin:15px 4%;padding:45px 7%;border-radius:20px;grid-template-columns:1fr;gap:45px}.member-card{transform:rotate(4deg);padding:25px;margin:0 3px}.member-card h3{font-size:25px}.post-art{height:260px}.contact-section{padding:75px 20px}.contact-section h2{font-size:46px;letter-spacing:-2.6px}.capability-strip{font-size:8px}.reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}