:root{color-scheme:dark;--bg:#080d1d;--surface:#10182c;--text:#f3f5ff;--muted:#9ba9c4;--line:#25304b;--cyan:#60d9f9;--violet:#8d72ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(95px);opacity:.25;border-radius:50%}.glow-one{width:470px;height:470px;background:#5331ce;top:60px;right:-100px}.glow-two{width:360px;height:360px;background:#007eae;top:420px;left:-170px}.header{max-width:1190px;margin:auto;min-height:92px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900;letter-spacing:.04em;line-height:1.2}.brand b,.footer-brand b{color:var(--cyan)}.brand small{display:block;color:#7f90b3;font-size:9px;letter-spacing:.18em;margin-top:5px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#785dff,#30d8ec);color:white;font-size:20px;box-shadow:0 8px 25px #5535f955}.brand-icon span{font-size:11px}nav{display:flex;align-items:center;gap:28px}nav a{color:#b9c4dd;font-size:13px;font-weight:600;transition:color .2s}nav a:hover,nav a.active{color:#fff}.nav-contact{border:1px solid #475272;border-radius:9px;padding:10px 16px}.menu-btn{display:none}.section{max-width:1190px;margin:0 auto;padding:92px 30px}.hero{min-height:650px;position:relative;padding-top:110px}.eyebrow,.kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.2em}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #3b4d6c;border-radius:30px;padding:8px 13px;background:#142139}.pulse{width:7px;height:7px;border-radius:50%;background:#58e4a0;box-shadow:0 0 0 4px #58e4a020}.hero h1{font-size:clamp(44px,5.4vw,76px);line-height:1.12;letter-spacing:-.065em;margin:25px 0;max-width:740px}.hero h1 span,h2 em{font-style:normal;background:linear-gradient(95deg,#65d9f8,#a286ff);color:transparent;background-clip:text}.hero p{max-width:545px;font-size:16px;color:var(--muted)}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:10px;padding:13px 21px;font-size:13px;font-weight:800}.primary{background:linear-gradient(110deg,#6a71ff,#7c51d8);color:white;box-shadow:0 12px 40px #6359fb33}.secondary{background:#1a243b;color:#e4eaff;border:1px solid #34415e}.hero-stats{display:flex;gap:35px;margin-top:68px}.hero-stats div{display:flex;flex-direction:column;gap:2px;border-right:1px solid #33415b;padding-right:30px}.hero-stats div:last-child{border:0}.hero-stats strong{font-size:24px}.hero-stats span{color:var(--muted);font-size:11px}.hero-visual{position:absolute;right:50px;top:125px;width:350px;height:350px;display:grid;place-items:center;pointer-events:none}.orb{width:185px;height:185px;border-radius:42px;display:grid;place-items:center;transform:rotate(-13deg);font-size:68px;font-weight:900;background:linear-gradient(145deg,#8358f5,#142c7e 60%,#0e9db7);box-shadow:0 30px 90px #6246ed70,inset 0 0 0 2px #ffffff44}.orb span{font-size:35px;color:#8defff}.orbit{position:absolute;border:1px solid #4d5c8b;border-radius:50%;width:310px;height:310px;transform:rotate(-30deg) scaleY(.65)}.orbit2{width:390px;height:390px;transform:rotate(35deg) scaleY(.6);border-color:#4d5c8b77}.float-tag{position:absolute;font-size:10px;letter-spacing:.13em;border:1px solid #53658d;border-radius:8px;background:#182540;padding:9px 12px;color:#c8d9ff}.tag1{top:45px;right:0}.tag2{bottom:45px;left:0}.content-section{padding-top:70px;padding-bottom:65px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;line-height:1.16;margin:12px 0 14px}.section-top p{color:var(--muted);font-size:14px;margin:0}.filters{display:flex;gap:10px;margin-bottom:24px}.filter{background:#111a30;color:#b1bfdc;border:1px solid #283550;padding:8px 15px;border-radius:8px;font-size:12px}.filter.active{color:#fff;background:#293359;border-color:#6873bb}.cards,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.item-card,.project-card{background:linear-gradient(140deg,#131d35,#0e1528);border:1px solid #273552;border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s}.item-card:hover,.project-card:hover{transform:translateY(-4px);border-color:#5b64a5}.card-art{height:210px;position:relative;display:grid;place-items:center;overflow:hidden}.art-purple{background:radial-gradient(circle at 50% 55%,#684bd0 0,#2a2462 36%,#121935 75%)}.art-blue{background:radial-gradient(circle at 50% 55%,#176eab 0,#133456 36%,#101c33 75%)}.art-symbol{font-size:80px;font-weight:900;letter-spacing:-.12em;color:#e2e5ff;text-shadow:0 12px 45px #ba8cff}.art-corner{position:absolute;top:18px;right:20px;font-size:10px;letter-spacing:.2em;color:#b4c0db}.card-body{padding:25px}.meta{display:flex;justify-content:space-between;align-items:center}.tag{display:inline-block;font-size:10px;font-weight:800;padding:5px 10px;border-radius:6px}.green{color:#66e9ae;background:#123e37}.amber{color:#ffcf8b;background:#4b3421}.type{color:#7e91b1;font-size:11px}.card-body h3,.project-card h3{font-size:22px;letter-spacing:-.025em;margin:15px 0 6px}.card-body p,.project-card p{color:var(--muted);font-size:13px;min-height:45px}.card-link,.project-card a{display:inline-flex;gap:14px;color:#7cd9ff;font-size:13px;font-weight:800;margin-top:13px}.card-muted{display:inline-block;margin-top:13px;color:#7d8da9;font-size:13px}.project-card{min-height:325px;padding:30px;position:relative}.project-card.alt{background:linear-gradient(130deg,#151a32,#0b1b2c)}.project-num{font-size:10px;color:#8d9fbc;letter-spacing:.18em}.project-mark{font-size:70px;color:#9a88ff;position:absolute;right:30px;top:20px;opacity:.45}.project-card .tag{margin-top:75px}.project-card h3{margin-top:16px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #24304a;border-bottom:1px solid #24304a;margin-top:55px}.about-copy{padding-top:20px;color:var(--muted);font-size:15px}.about-copy strong{color:white}.about-chip{display:inline-block;margin-top:18px;font-size:10px;letter-spacing:.18em;border:1px solid #334563;border-radius:30px;padding:8px 13px;color:#8ee0ff}.contact{padding-top:100px;padding-bottom:100px}.contact-panel{background:radial-gradient(ellipse at 90% 10%,#38327d 0,transparent 50%),linear-gradient(130deg,#1b2145,#111e37);border:1px solid #455181;border-radius:20px;padding:65px}.contact-panel p{color:#b3bfdc;max-width:530px;font-size:14px;margin-bottom:28px}.copy-notice{font-size:12px;color:#78e4b0;min-height:18px;margin-top:12px}footer{max-width:1190px;margin:auto;border-top:1px solid #25324a;padding:35px 30px 55px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8595b4;font-size:12px}.footer-brand{font-size:17px;font-weight:900;color:#fff}.footer-brand span{display:block;color:#8595b4;font-size:10px;font-weight:400}footer a{color:#b5c4e1}@media(max-width:950px){.hero-visual{opacity:.2;right:0}.hero h1,.hero p,.hero-actions,.hero-stats{position:relative;z-index:1}}@media(max-width:700px){.header{min-height:75px;padding:16px 20px;position:relative}.brand{font-size:16px}.brand-icon{width:40px;height:40px}.menu-btn{display:block;background:#192540;border:1px solid #354362;color:#fff;border-radius:8px;padding:7px 12px;font-size:22px}nav{display:none;position:absolute;top:70px;left:16px;right:16px;z-index:10;flex-direction:column;align-items:stretch;gap:0;background:#131e36;border:1px solid #394765;border-radius:12px;padding:8px}nav.open{display:flex}nav a{padding:12px}.nav-contact{border:0}.section{padding:65px 20px}.hero{padding-top:70px;min-height:630px}.hero h1{font-size:clamp(39px,10vw,58px)}.hero-visual{top:210px;right:-110px;transform:scale(.7);opacity:.14}.hero-stats{gap:12px;margin-top:65px}.hero-stats div{padding-right:12px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:9px}.cards,.project-grid,.about{grid-template-columns:1fr}.about{gap:12px}.card-art{height:180px}.contact-panel{padding:35px 24px}.filters{flex-wrap:wrap}footer{padding:30px 20px;flex-direction:column;align-items:flex-start}}