*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b14;color:#f5f7fb;font-family:system-ui,Tahoma,Arial;line-height:1.7}body.light{background:#f6f7fb;color:#111827}header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:#080b14dd;backdrop-filter:blur(16px);border-bottom:1px solid #20283a}.light header{background:#f6f7fbee}.logo{color:inherit;text-decoration:none;font-size:21px;font-weight:900}.logo b{display:inline-grid;place-items:center;width:38px;height:38px;margin-left:7px;border-radius:11px;background:linear-gradient(135deg,#7c5cff,#35d7ff);color:white;font-size:12px}nav{display:flex;gap:28px}nav a{color:#9ba5b7;text-decoration:none;font-size:14px}button{border:1px solid #20283a;background:#101522;color:inherit;border-radius:9px;padding:9px 12px;cursor:pointer;margin-right:5px}#menu{display:none}.hero,section{width:min(1160px,88%);margin:auto}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:60px 0}.hero small,section>small{color:#35d7ff;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:1.05;letter-spacing:-4px}.hero h1 span,h2 span{background:linear-gradient(90deg,#7c5cff,#35d7ff);color:transparent;background-clip:text}.hero p,section>p,.card p,.services p,.process p{color:#9ba5b7}.btn{display:inline-block;padding:12px 20px;border:1px solid #20283a;border-radius:11px;color:inherit;text-decoration:none;margin-top:15px}.btn.main{background:#f5f7fb;color:#080b14}.stats{display:flex;gap:40px;margin-top:35px}.stats b{font-size:24px}.stats i{display:block;font-size:11px;color:#9ba5b7;font-style:normal}.visual{min-height:480px;display:grid;place-items:center;position:relative}.orb{position:absolute;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#35d7ff);opacity:.55;filter:blur(5px)}.code{position:relative;width:min(500px,100%);padding:24px;border:1px solid #ffffff22;background:#0a0e18ed;border-radius:18px;transform:rotate(-2deg);box-shadow:0 25px 80px #0008}.code pre{direction:ltr;text-align:left;font:14px/2 ui-monospace,monospace;color:#dce2ef}.code em{color:#62d8ff;font-style:normal}.visual label{position:absolute;background:#101522;border:1px solid #20283a;padding:10px 15px;border-radius:10px;font-size:11px}.visual label:nth-last-child(2){top:70px;right:0}.visual label:last-child{bottom:65px;left:0}.tech{text-align:center;padding-bottom:100px}.tech div{font-weight:800;color:#7f899b;font-size:18px;margin-top:18px}section{padding:100px 0}h2{font-size:clamp(35px,5vw,56px);line-height:1.1}.filters{float:left;margin-top:-70px}.filters button.active{background:#f5f7fb;color:#080b14}.grid,.services,.process{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;clear:both}.grid article,.services article{background:#0d1220;border:1px solid #20283a;border-radius:17px;overflow:hidden}.art{height:220px;display:grid;place-items:center;font-size:70px}.prayer{background:radial-gradient(circle,#403477,#101522)}.editor{background:#151d35;color:#5edcff}.notes{background:#152d2a;color:#6ee7a0}.terminal{background:#25172d;color:#e99cff}.card{padding:22px}.card h3{font-size:23px;margin:7px 0}.card mark{background:transparent;color:#b6bfd0;border:1px solid #20283a;border-radius:7px;padding:4px 8px;font-size:10px;margin-left:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.skills p{display:flex;justify-content:space-between;margin-bottom:2px}.skills p b{color:#9ba5b7}.skills i{display:block;height:7px;background:#101522;border-radius:9px;margin-bottom:20px}.skills u{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#35d7ff);border-radius:9px}.services{grid-template-columns:repeat(4,1fr)}.services article{padding:23px;min-height:210px}.services h3{margin-top:45px}.process{grid-template-columns:repeat(4,1fr)}.process article{border-top:1px solid #20283a;padding:20px}.process b{color:#35d7ff}.contact{text-align:center;background:radial-gradient(circle at 50% 0,#33265c55,transparent 60%);border:1px solid #20283a;border-radius:25px;padding:65px;margin-bottom:80px}.contact h2{margin-bottom:15px}footer{border-top:1px solid #20283a;padding:25px 6%;color:#687285;display:flex;justify-content:space-between;font-size:11px}@media(max-width:800px){nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 6%;background:#080b14;flex-direction:column}nav.open{display:flex}#menu{display:inline-block}.hero,.split{grid-template-columns:1fr}.hero{padding-top:30px}.visual{min-height:350px}.grid{grid-template-columns:1fr}.services,.process{grid-template-columns:1fr 1fr}.filters{float:none;margin:0 0 20px}.contact{padding:40px 20px}}@media(max-width:500px){.services,.process{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.code pre{font-size:11px}.orb{width:230px;height:230px}.stats{gap:25px}}