:root{--bg:#0a0b10;--paper:#f2f3ee;--ink:#101116;--muted:#a8aab3;--line:rgba(255,255,255,.13);--mint:#88ffce;--pink:#ff6d8f;--blue:#6799ff;--yellow:#ffe26d;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f7f4;font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;top:0;left:0;width:100%;z-index:10;background:rgba(10,11,16,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--display);font-weight:800;letter-spacing:-.03em;color:white;text-decoration:none}.brand span{color:var(--mint);margin-right:8px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links>a{color:#ccced4;text-decoration:none;font-size:.94rem}.nav-links>a:hover{color:white}.nav-cta{border:1px solid var(--line);padding:10px 16px;border-radius:100px}.nav-cta span{color:var(--mint);margin-left:8px}.menu-button{display:none}.hero{min-height:780px;padding-top:160px;padding-bottom:90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.availability{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);padding:7px 13px;border-radius:100px;font-size:.77rem;color:#cfd0d7;margin-bottom:36px}.availability i,.run-row i{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint)}.eyebrow{color:var(--mint);font-weight:700;letter-spacing:.15em;font-size:.76rem;margin:0 0 20px}.hero h1,.section-heading h2,.about h2,.contact h2{font:800 clamp(3.8rem,7.3vw,7rem)/.92 var(--display);letter-spacing:-.072em;margin:0}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}.hero-intro{font-size:1.17rem;color:#b6b8c1;max-width:570px;line-height:1.7;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 21px;border-radius:100px;text-decoration:none;font-weight:700}.button.primary{color:#101116;background:var(--mint)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(136,255,206,.18)}.text-link{color:white;text-decoration:none;border-bottom:1px solid #777;padding-bottom:4px}.text-link span{color:var(--mint)}.code-stage{position:relative;min-height:480px;display:grid;place-items:center}.code-stage:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#7065ff 0,#3d367d 32%,transparent 70%);filter:blur(20px);opacity:.5}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:470px;height:470px}.orbit-two{width:360px;height:360px;border-style:dashed;animation:spin 30s linear infinite}.code-window{position:relative;width:450px;background:rgba(20,21,30,.92);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;transform:rotate(1.5deg);z-index:2}.window-bar{height:48px;background:#1e1f2a;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:.7rem;color:#92949e}.window-bar div{display:flex;gap:6px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ff6d76}.window-bar i:nth-child(2){background:#ffe06d}.window-bar i:nth-child(3){background:#72e49f}.window-bar b{font-weight:500;border:1px solid #494b57;border-radius:4px;padding:2px 5px}.code-window pre{margin:0;padding:22px 22px 18px;font:500 .79rem/1.72 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e5e7ec}.ln{display:inline-block;color:#525460;width:25px}.pink{color:#ff7ba1}.blue{color:#79aaff}.green{color:#7cf3c2}.yellow{color:#ffe082}.cursor{color:var(--mint);animation:blink .8s infinite}.run-row{border-top:1px solid #333541;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#a5a7b1}.run-row span{display:flex;align-items:center;gap:8px}.run-row button{border:0;border-radius:6px;background:var(--mint);padding:7px 10px;font-weight:700;cursor:pointer}.floating-tag{position:absolute;z-index:3;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.3)}.tag-python{background:#3675a9;color:#ffe46d;top:65px;left:20px;transform:rotate(-12deg)}.tag-js{background:#f7df1e;color:#181818;right:0;bottom:70px;transform:rotate(9deg)}.ticker{background:var(--mint);color:#101116;overflow:hidden;transform:rotate(-1deg);width:102%;margin-left:-1%;padding:12px 0}.ticker-track{display:flex;gap:30px;white-space:nowrap;font:800 .78rem var(--display);letter-spacing:.12em;animation:ticker 24s linear infinite}.ticker i{font-style:normal}.section{padding-top:140px;padding-bottom:140px}.section-heading{display:grid;grid-template-columns:1.6fr .4fr;align-items:end;gap:70px;margin-bottom:50px}.section-heading h2,.about h2,.contact h2{font-size:clamp(3.1rem,6vw,5.7rem)}.section-heading>p{color:var(--muted);margin:0 0 10px}.filters{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:38px}.filters button{border:0;background:transparent;color:#8c8e98;font:600 .91rem var(--body);padding:8px 15px;border-radius:100px;cursor:pointer}.filters button span{font-size:.66rem;margin-left:5px;opacity:.6}.filters .active{background:#f3f3ef;color:#101116}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{background:#15161d;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .3s,opacity .3s}.project:hover{transform:translateY(-6px)}.project.hidden{display:none}.project-wide{grid-column:1/-1;display:grid;grid-template-columns:1.36fr .64fr}.project-visual{min-height:360px;display:grid;place-items:center;padding:50px;overflow:hidden}.project-wide .project-visual{min-height:480px}.visual-aurora{background:radial-gradient(circle at 30% 20%,#eb77b8,transparent 36%),radial-gradient(circle at 75% 70%,#6e6df8,transparent 34%),linear-gradient(135deg,#2a1c5b,#10111d)}.dashboard-mock{width:min(620px,100%);height:320px;background:rgba(12,13,20,.85);border:1px solid rgba(255,255,255,.26);box-shadow:0 30px 70px rgba(0,0,0,.38);border-radius:14px;padding:24px;transform:perspective(1000px) rotateX(5deg) rotateY(-7deg)}.mock-head{display:flex;justify-content:space-between;color:#eee;font-weight:700;border-bottom:1px solid #343541;padding-bottom:18px}.mock-head div{color:#616370;letter-spacing:7px}.mock-grid{height:220px;display:grid;grid-template-columns:.5fr 1fr;gap:20px;align-items:end}.metric{align-self:center}.metric>*{display:block}.metric small{color:#888b97;font-size:.62rem}.metric strong{font:800 2.5rem var(--display);margin:4px 0}.metric em{font-style:normal;color:var(--mint);font-size:.72rem}.mini-chart{height:170px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #383a46;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#2b2d38 43px)}.mini-chart span{flex:1;background:linear-gradient(#9b8cff,#6663ff);border-radius:4px 4px 0 0}.visual-coral{background:linear-gradient(140deg,#ff775e,#d43967)}.weather-mock{width:310px;padding:28px;border:1px solid rgba(255,255,255,.35);background:rgba(104,28,51,.22);backdrop-filter:blur(8px);border-radius:24px;box-shadow:0 25px 45px rgba(80,0,20,.25)}.weather-mock .sun{font-size:2.2rem;float:right}.weather-mock>span{font-size:.65rem;letter-spacing:.14em}.weather-mock>strong{display:block;font:800 5rem var(--display);line-height:1.1}.weather-mock p{font-size:.8rem}.weather-mock>div:last-child{display:flex;gap:5px;border-top:1px solid rgba(255,255,255,.3);padding-top:15px}.weather-mock i{font-style:normal;font-size:.62rem;flex:1}.weather-mock b{font-size:.85rem}.visual-blue{background:linear-gradient(140deg,#3979ff,#4930a8)}.task-mock{width:310px;padding:28px;background:#f5f5f2;color:#15161b;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3)}.task-mock>span{font-size:.62rem;color:#6f7180;font-weight:700;letter-spacing:.13em}.task-mock>strong{display:block;font:800 1.7rem var(--display);margin:6px 0 20px}.task-mock label{display:flex;gap:9px;border-top:1px solid #ddd;padding:10px 0;font-size:.79rem}.task-mock label i{font-style:normal;border:1px solid #a9aab0;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#fff}.task-mock label:first-of-type i{background:#4e69e9;border-color:#4e69e9}.task-mock>div{display:flex;align-items:center;gap:10px;font-size:.72rem;color:#555}.task-mock>div span{height:5px;background:linear-gradient(90deg,#556ff1 68%,#dedfe4 68%);border-radius:3px;flex:1}.project-info{padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.project-info h3{font:800 2rem var(--display);letter-spacing:-.04em;margin:8px 0}.project-info p{color:#aaacb5;margin:0;max-width:460px}.project-number{font-size:.68rem;color:var(--mint);letter-spacing:.14em;font-weight:700}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0}.tags span{font-size:.7rem;color:#bfc1c9;border:1px solid #373944;border-radius:100px;padding:5px 9px}.project-links{display:flex;gap:18px;align-items:center}.project-links a,.demo-button{color:#f6f6f2;background:none;border:0;font:600 .81rem var(--body);text-decoration:none;padding:0;cursor:pointer}.project-links a{color:#92949d}.project-links span{color:var(--mint)}.about{background:var(--paper);color:var(--ink)}.about .eyebrow{color:#5a48e9}.about h2 em{font-style:normal;-webkit-text-stroke:1px #777;color:transparent}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy{padding-top:40px}.about-copy p{color:#555965}.about-copy .large{color:#171820;font-size:1.45rem;font-weight:500;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9cac5;margin-top:50px;padding-top:30px}.stats div{display:flex;gap:12px;align-items:start}.stats strong{font:800 2.1rem var(--display)}.stats span{font-size:.72rem;line-height:1.35;color:#666a72}.contact-card{position:relative;text-align:center;overflow:hidden;padding:100px 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#161721,#101116)}.contact-card>*{position:relative;z-index:1}.contact-orb{position:absolute;width:650px;height:400px;border-radius:50%;background:radial-gradient(circle,#5547e8 0,#372e9a 25%,transparent 68%);filter:blur(15px);opacity:.65;left:50%;top:48%;transform:translate(-50%,-50%)}.contact h2{font-size:clamp(3.4rem,7vw,6.5rem)}.contact-card>p:not(.eyebrow){color:#b8bac3;max-width:570px;margin:30px auto}.button.light{background:#f5f5f1;color:#15161b;justify-content:space-between;min-width:245px}.button.light span{color:#5746e8}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:35px;padding-bottom:45px;color:#7d7f89;font-size:.76rem}footer div{display:flex;gap:24px}footer a{color:#bfc1c8;text-decoration:none}dialog{width:min(570px,calc(100% - 30px));border:1px solid #484a58;border-radius:22px;background:#171821;color:white;padding:40px;box-shadow:0 40px 100px #000;font-family:var(--body)}dialog::backdrop{background:rgba(3,4,7,.8);backdrop-filter:blur(8px)}.modal-close{position:absolute;right:18px;top:13px;border:0;background:none;color:#aaa;font-size:1.8rem;cursor:pointer}.modal-label{color:var(--mint);font-size:.68rem;letter-spacing:.15em}.modal-label+ h3{font:800 2.2rem var(--display);margin:8px 0}.playground{background:#0c0d12;border-radius:13px;padding:20px;margin-top:25px}.playground label{display:block;font-size:.72rem;color:#a4a6b0;margin-bottom:8px}.playground>div{display:flex;gap:8px}.playground input{flex:1;background:#1d1e27;border:1px solid #3a3c48;color:#fff;border-radius:7px;padding:11px;min-width:0}.playground button{background:var(--mint);border:0;border-radius:7px;padding:0 13px;font-weight:700}.playground output{display:block;margin-top:13px;color:#8e91a0;font:500 .75rem ui-monospace,monospace}.reveal{opacity:0;transform:translateY(20px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{text-align:center}.hero-intro{margin:28px auto}.hero-actions{justify-content:center}.code-stage{min-height:510px}.section-heading,.about-grid{grid-template-columns:1fr;gap:35px}.section-heading>p{max-width:520px}.project-wide{display:block}.project-wide .project-visual{min-height:380px}.about-copy{padding-top:0}.nav-links{position:absolute;top:75px;left:0;width:100%;padding:25px 24px;background:#111219;flex-direction:column;align-items:stretch;display:none}.nav-links.open{display:flex}.menu-button{display:block;border:1px solid var(--line);background:none;color:white;border-radius:100px;padding:7px 13px}.nav-cta{text-align:center}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.nav{height:66px}.hero{min-height:auto;padding-top:125px}.hero h1{font-size:3.6rem}.hero-actions{flex-direction:column;gap:20px}.code-stage{min-height:390px}.code-window{width:100%;transform:none}.orbit{width:340px;height:340px}.orbit-two{width:270px;height:270px}.floating-tag{width:44px;height:44px}.tag-python{left:-4px}.tag-js{right:-4px}.code-window pre{font-size:.66rem;padding:18px 12px}.section{padding-top:90px;padding-bottom:90px}.section-heading h2,.about h2{font-size:3.1rem}.project-grid{grid-template-columns:1fr}.project-visual,.project-wide .project-visual{min-height:310px;padding:26px}.dashboard-mock{height:245px;padding:17px}.mock-grid{height:170px}.mini-chart{height:125px}.project-info{min-height:310px}.about-grid{gap:20px}.stats{gap:10px}.stats div{display:block}.stats strong{font-size:1.65rem;display:block}.contact-card{padding:75px 16px}.contact h2{font-size:3.2rem}footer{align-items:flex-start;flex-direction:column;gap:18px}.filters{overflow-x:auto}.playground>div{display:block}.playground button{width:100%;padding:10px;margin-top:7px}}