:root{color-scheme:dark;--bg: #020503;--bg-soft: #07100b;--bg-panel: rgba(8, 18, 13, .82);--bg-panel-2: rgba(12, 24, 17, .88);--bg-terminal: rgba(7, 12, 9, .92);--line: rgba(110, 255, 178, .16);--line-strong: rgba(110, 255, 178, .28);--line-soft: rgba(255, 255, 255, .08);--text: #ecfff4;--text-soft: #98b6a5;--text-dim: #69806f;--accent: #63ff9d;--accent-2: #15d178;--accent-3: #00ffa2;--danger: #ff956d;--shadow-lg: 0 30px 90px rgba(0, 0, 0, .45);--shadow-md: 0 18px 46px rgba(0, 0, 0, .26);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--sidebar-width: 290px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(99,255,157,.09),transparent 22%),radial-gradient(circle at 86% 8%,rgba(0,255,162,.08),transparent 18%),linear-gradient(180deg,#020503,#07100b 45%,#020503);overflow-x:hidden}body.modal-open{overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#ffffff04,#ffffff04),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2363ff9d' fill-opacity='.045'%3E%3Cpath d='M42 28h1v1h-1zm63 8h1v1h-1zm31 20h1v1h-1zM22 112h1v1h-1zm77 48h1v1h-1zM72 134h1v1h-1zm155-88h1v1h-1zM139 152h1v1h-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.35;mix-blend-mode:screen}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit}.matrix{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.52}.scanlines,.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.scanlines{background:linear-gradient(to bottom,#ffffff05,#ffffff05 50%,#00000014 51%,#00000014);background-size:100% 5px;opacity:.18;mix-blend-mode:soft-light}.grain{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page{position:relative;z-index:2}.sidebar{position:fixed;top:18px;left:18px;bottom:18px;width:var(--sidebar-width);z-index:34;display:none;flex-direction:column;gap:26px;padding:24px 20px 20px;border-radius:28px;border:1px solid rgba(110,255,178,.1);background:linear-gradient(180deg,#060c09f2,#040806fa),radial-gradient(circle at top,rgba(99,255,157,.08),transparent 40%);box-shadow:0 24px 70px #0000006b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow-y:auto}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),linear-gradient(90deg,rgba(99,255,157,.05),transparent 46%);pointer-events:none}.sidebar>*{position:relative;z-index:1}.sidebar__logo{display:flex;align-items:center;gap:14px}.sidebar__brand{min-width:0}.sidebar__brand-name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.05em}.sidebar__brand-meta{margin-top:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.sidebar__section{display:grid;gap:12px}.sidebar-label{color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.sidebar__nav{display:grid;gap:8px}.sidebar-link{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid transparent;color:var(--text-soft);transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.sidebar-link:hover,.sidebar-link:focus-visible,.sidebar-link.is-active{color:var(--text);border-color:#6effb229;background:#ffffff0d;transform:translate(4px);outline:none}.sidebar-link__dot{width:9px;height:9px;margin-top:7px;border-radius:999px;background:#ffffff24;box-shadow:0 0 0 4px #ffffff05;transition:background .2s ease,box-shadow .2s ease}.sidebar-link:hover .sidebar-link__dot,.sidebar-link:focus-visible .sidebar-link__dot,.sidebar-link.is-active .sidebar-link__dot{background:var(--accent);box-shadow:0 0 0 4px #63ff9d14,0 0 18px #63ff9d4d}.sidebar-link__body{display:grid;gap:4px;min-width:0}.sidebar-link__title{font-size:14px;font-weight:600}.sidebar-link__meta{color:var(--text-dim);font-size:11px;line-height:1.45}.sidebar-preview{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#ffffff09;text-align:left;color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.sidebar-preview:hover,.sidebar-preview:focus-visible{transform:translateY(-2px);border-color:#6effb22e;background:#ffffff0f;box-shadow:0 16px 34px #0000002e;outline:none}.sidebar-preview__thumb{position:relative;width:54px;height:54px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#63ff9d3d,#15d17814),#ffffff0a;border:1px solid rgba(110,255,178,.1)}.sidebar-preview__thumb img{width:100%;height:100%;object-fit:cover}.sidebar-preview__thumb--boa:after,.sidebar-preview__thumb--serpentext:after,.sidebar-preview__thumb--ai:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;border:1px solid rgba(255,255,255,.14)}.sidebar-preview__thumb--boa:before,.sidebar-preview__thumb--serpentext:before,.sidebar-preview__thumb--ai:before{content:attr(data-badge);position:absolute;left:8px;bottom:8px;padding:2px 6px;border-radius:999px;background:#020503d1;color:var(--text);font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.sidebar-preview__body{display:grid;gap:4px;min-width:0}.sidebar-preview__title{font-size:14px;font-weight:600}.sidebar-preview__desc{color:var(--text-dim);font-size:11px;line-height:1.45}.sidebar__footer{margin-top:auto;display:grid;gap:8px;padding:16px;border-radius:22px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.sidebar__footer a{color:var(--text-soft);font-size:13px;transition:color .2s ease}.sidebar__footer a:hover,.sidebar__footer a:focus-visible{color:var(--accent);outline:none}.progress{position:fixed;top:0;left:0;height:2px;width:0%;z-index:40;background:linear-gradient(90deg,var(--accent),transparent 92%);box-shadow:0 0 16px #63ff9d73}.topbar{position:sticky;top:0;z-index:35;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030805c2;border-bottom:1px solid rgba(110,255,178,.08)}.topbar__inner,main,.footer__inner{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:14px}.brand__mark{position:relative;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#63ff9d2e,#15d1780f);border:1px solid rgba(99,255,157,.16);font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--accent);box-shadow:inset 0 0 22px #63ff9d14,0 0 24px #63ff9d14}.brand__mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:12px;border:1px solid rgba(99,255,157,.08)}.brand__name{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.04em}.brand__meta{margin-top:2px;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em}.nav{display:flex;flex-wrap:wrap;gap:18px}.nav a{position:relative;padding:8px 0;color:var(--text-soft);font-size:14px}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.nav a.is-active{color:var(--text)}.nav a.is-active:after{transform:scaleX(1)}.nav a:focus-visible{outline:none}.status{position:relative;padding:10px 14px;border-radius:999px;border:1px solid rgba(110,255,178,.14);color:var(--accent);background:#63ff9d0a;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;overflow:hidden}.status:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0%,rgba(99,255,157,.18) 50%,transparent 100%);transform:translate(-120%);animation:shimmer 4s linear infinite}.topbar__aside{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.lang-switch{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;border:1px solid rgba(110,255,178,.12);background:#08120db8}.lang-switch__button{padding:7px 10px;border-radius:999px;color:var(--text-soft);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.lang-switch__button:hover,.lang-switch__button:focus-visible{color:var(--text);background:#ffffff0f;outline:none}.lang-switch__button.is-active{color:#041109;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 18px #63ff9d2e}section{padding:90px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em}.eyebrow:before{content:"";width:30px;height:1px;background:currentColor}.section-title{margin:18px 0 0;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5rem);line-height:.94;letter-spacing:-.06em}.section-copy{max-width:740px;margin-top:18px;color:var(--text-soft);font-size:17px;line-height:1.9}.hero{padding:44px 0 78px}.hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,430px);gap:48px;align-items:start}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(110,255,178,.16);background:#63ff9d0a;color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;box-shadow:inset 0 0 24px #63ff9d08}.hero__eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 14px currentColor}.hero__title{margin:20px 0 0;font-family:var(--font-display);font-size:clamp(3.5rem,9vw,7.2rem);line-height:.86;letter-spacing:-.09em}.hero__title-line{display:block;opacity:0;transform:translateY(24px);animation:titleIn .75s cubic-bezier(.2,.8,.2,1) forwards}.hero__title-line:nth-child(1){animation-delay:.08s}.hero__title-line:nth-child(2){animation-delay:.18s}.hero__title-line:nth-child(3){animation-delay:.28s}.hero__title .accent{color:var(--accent);text-shadow:0 0 22px rgba(99,255,157,.2)}.hero__title .mark{display:inline-block;padding-right:10px;background:linear-gradient(transparent 64%,#63ff9d1f 64%)}.hero__copy{max-width:720px;margin-top:24px;color:var(--text-soft);font-size:19px;line-height:1.9;opacity:0;transform:translateY(16px);animation:fadeUp .8s ease forwards;animation-delay:.36s}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;opacity:0;transform:translateY(14px);animation:fadeUp .8s ease forwards;animation-delay:.48s}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:999px;border:1px solid rgba(110,255,178,.16);cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:#6effb247;box-shadow:0 14px 36px #00000038;outline:none}.btn--primary{color:#041008;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.btn--primary:before,.modal-action--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-120%);animation:shimmer 4s linear infinite}.btn--ghost{color:var(--text);background:#ffffff08}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px;opacity:0;transform:translateY(14px);animation:fadeUp .8s ease forwards;animation-delay:.58s}.stat-card{position:relative;padding:18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:#ffffff08;box-shadow:inset 0 1px #ffffff08}.stat-card:after{content:"";position:absolute;left:18px;top:0;width:36px;height:1px;background:var(--accent);opacity:.55}.stat-card__value{font-family:var(--font-display);font-size:40px;line-height:1;letter-spacing:-.06em}.stat-card__label{margin-top:8px;color:var(--text-soft);font-size:14px;line-height:1.7}.portrait-shell{position:relative;padding-top:18px;perspective:1600px}.portrait-frame{--tilt-x: 0deg;--tilt-y: 0deg;--lift: 0px;--scale: 1;--glow-x: 50%;--glow-y: 28%;position:relative;padding:18px;border-radius:30px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(99,255,157,.14);box-shadow:var(--shadow-lg),0 0 80px #63ff9d14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift)) scale(var(--scale));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.portrait-frame:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(99,255,157,.08);border-radius:22px}.portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(99,255,157,.22),transparent 34%);mix-blend-mode:screen;pointer-events:none;opacity:.88}.portrait-frame:hover,.portrait-frame:focus-visible{--lift: -10px;--scale: 1.022;border-color:#63ff9d47;box-shadow:var(--shadow-lg),0 24px 96px #63ff9d2e}.portrait-frame:focus-visible{outline:none}.portrait-card{position:relative;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,.8,.16,1)}.portrait-frame.is-flipped .portrait-card{transform:rotateY(180deg)}.portrait-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.portrait-face--front{position:relative}.portrait-face--back{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px 22px 20px;border-radius:22px;display:grid;align-content:space-between;gap:18px;background:radial-gradient(circle at top left,rgba(99,255,157,.18),transparent 42%),linear-gradient(180deg,#08120bfa,#030906fa);border:1px solid rgba(99,255,157,.16);transform:rotateY(180deg)}.portrait-screen{position:relative;overflow:hidden;border-radius:22px;background:#020503}.portrait-screen img{width:100%;aspect-ratio:4 / 5.3;object-fit:cover}.portrait-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 48% 35%,transparent 0%,transparent 48%,rgba(99,255,157,.09) 100%),linear-gradient(180deg,#0000,#0003);pointer-events:none}.portrait-scan{position:absolute;left:0;right:0;height:82px;background:linear-gradient(180deg,#63ff9d00,#63ff9d2e,#63ff9d00);mix-blend-mode:screen;animation:scanner 5s linear infinite;pointer-events:none}.portrait-meta{display:flex;justify-content:space-between;gap:14px;margin-top:16px}.portrait-meta__name{font-family:var(--font-display);font-size:28px;letter-spacing:-.06em}.portrait-meta__copy{color:var(--text-soft);font-size:13px;text-align:right}.portrait-hint{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 12px;border-radius:999px;border:1px solid rgba(99,255,157,.18);background:#08110bd1;color:var(--text-soft);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.portrait-hint:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #63ff9d99}.portrait-back__eyebrow{color:var(--danger);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.portrait-back__title{margin-top:10px;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.6rem);letter-spacing:-.06em}.portrait-back__copy{margin-top:10px;color:var(--text-soft);line-height:1.65}.portrait-back__group{display:grid;gap:10px}.portrait-back__label{color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.portrait-back__chips{display:flex;flex-wrap:wrap;gap:8px}.portrait-back__chips span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(99,255,157,.16);background:#ffffff0a;color:var(--text);font-size:12px;letter-spacing:.02em}.portrait-signal{padding-top:2px;color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.floating-note{position:absolute;left:-18px;bottom:52px;max-width:250px;padding:16px 16px 14px;border-radius:18px;background:#0a120deb;border:1px solid rgba(99,255,157,.14);box-shadow:var(--shadow-md);transform:rotate(2deg);animation:floatCard 4.8s ease-in-out infinite}.floating-note__label{color:var(--danger);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.floating-note__text{margin-top:8px;color:var(--text);font-size:14px;line-height:1.65}.code-strip{display:grid;gap:6px;margin-top:18px;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.code-strip span{display:inline-flex;align-items:center;gap:8px}.code-strip span:before{content:attr(data-step);color:var(--accent)}.grid-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px}.terminal,.note-card,.stack-card,.contact-card{position:relative;padding:26px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#ffffff08;box-shadow:var(--shadow-md)}.terminal:before,.note-card:before,.stack-card:before,.contact-card:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,rgba(99,255,157,.6),transparent 75%)}.terminal__bar{display:flex;align-items:center;gap:8px;margin-bottom:18px}.terminal__dot{width:10px;height:10px;border-radius:999px;background:#fff3}.terminal__dot:nth-child(1){background:#ff7a7a}.terminal__dot:nth-child(2){background:#ffd861}.terminal__dot:nth-child(3){background:#6bff9c}.terminal__path{margin-left:8px;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.terminal p,.contact-card p{margin:0 0 16px;color:var(--text-soft);font-size:16px;line-height:1.9}.terminal p:last-child,.contact-card p:last-child{margin-bottom:0}.note-stack{display:grid;gap:14px}.note-card__id{color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.note-card__title{margin-top:10px;font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:-.05em}.note-card__copy{margin-top:8px;color:var(--text-soft);font-size:14px;line-height:1.75}.apps-shell{position:relative;overflow:hidden;padding:34px;border-radius:34px;border:1px solid rgba(99,255,157,.08);background:radial-gradient(circle at top right,rgba(99,255,157,.08),transparent 28%),linear-gradient(180deg,#09100cf2,#050a07fa);box-shadow:var(--shadow-lg)}.apps-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(99,255,157,.03) 49%,transparent 50%,rgba(99,255,157,.03) 51%,transparent 100%);background-size:140px 100%;opacity:.55;animation:panGrid 12s linear infinite;pointer-events:none}.tabs{position:relative;display:inline-flex;gap:6px;padding:8px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #63ff9d05}.tab{position:relative;z-index:1;padding:12px 18px;border-radius:999px;color:#d6d0c4;cursor:pointer;transition:color .18s ease}.tab.is-active{color:#07100b}.tab-indicator{position:absolute;top:8px;bottom:8px;left:8px;width:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));transition:transform .28s ease,width .28s ease;box-shadow:0 8px 24px #63ff9d2e}.tab-panels{margin-top:28px}.tab-panel{display:none}.tab-panel.is-active{display:block}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px}.app-card,.file-card{position:relative;width:100%;padding:24px;text-align:left;color:inherit;border-radius:24px;background:linear-gradient(180deg,#ffffff0f,#ffffff06);border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.app-card{animation:idleFloat 6s ease-in-out infinite}.app-card:nth-child(2){animation-delay:.5s}.app-card:nth-child(3){animation-delay:1s}.app-card:hover,.app-card:focus-visible,.file-card:hover,.file-card:focus-visible{transform:translateY(-4px);border-color:#63ff9d33;box-shadow:0 20px 56px #0000003d;outline:none}.app-card:before,.file-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,var(--card-accent, rgba(99, 255, 157, .75)),transparent 78%)}.app-card__eyebrow,.file-card__eyebrow{color:var(--card-accent, var(--accent));font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.app-card__title,.file-card__title{margin-top:16px;font-family:var(--font-display);font-size:34px;line-height:.95;letter-spacing:-.06em}.app-card__copy,.file-card__copy{margin-top:10px;color:#cfc8bc;font-size:14px;line-height:1.8}.app-card__preview{display:grid;gap:8px;margin-top:18px;padding:14px;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.05)}.app-card__preview span{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#ffffff29,#ffffff0a)}.app-card__preview span:nth-child(1){width:88%}.app-card__preview span:nth-child(2){width:64%}.app-card__preview span:nth-child(3){width:76%}.pill-row,.file-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill-row span,.file-row span{padding:7px 10px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pill-row span{border:1px solid rgba(255,255,255,.08);color:#f2fbed}.file-row span{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--card-accent, var(--accent))}.app-card__cta{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:700}.file-list{display:grid;gap:16px}.file-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.file-link,.modal-action{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;overflow:hidden}.file-link,.modal-action--primary{color:#07100b;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.file-link--ghost,.modal-action--ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text)}.ai-showcase{display:grid;gap:20px;margin-top:28px}.ai-showcase__hero{position:relative;overflow:hidden;min-height:420px;border-radius:34px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg);background:linear-gradient(90deg,#020503f0,#020503b8 42%,#0205032e),linear-gradient(180deg,#02050333,#020503b8),url(/assets/ai-works-cover-CSlV5Lkb.jpg) center center / cover no-repeat}.ai-showcase__hero:after{content:"WORKS";position:absolute;right:clamp(18px,4vw,42px);bottom:24px;color:#ffffff29;font-family:var(--font-display);font-size:clamp(4rem,16vw,11rem);line-height:.82;letter-spacing:-.08em;pointer-events:none}.ai-showcase__content{position:relative;z-index:1;display:grid;gap:18px;max-width:520px;padding:clamp(24px,4vw,40px)}.ai-showcase__kicker{display:inline-flex;align-items:center;width:fit-content;gap:10px;padding:10px 14px;border-radius:999px;background:#030805b8;border:1px solid rgba(255,255,255,.1);color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ai-showcase__kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 18px currentColor}.ai-showcase__title{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,10vw,6.8rem);line-height:.82;letter-spacing:-.09em}.ai-showcase__copy{max-width:500px;margin:0;color:#d2ccbe;font-size:15px;line-height:1.85}.ai-showcase__meta{display:flex;flex-wrap:wrap;gap:10px}.ai-showcase__meta span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.ai-lane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px}.ai-lane-card{position:relative;padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff06),radial-gradient(circle at top left,rgba(99,255,157,.08),transparent 38%);box-shadow:var(--shadow-md)}.ai-lane-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,rgba(99,255,157,.78),transparent 80%)}.ai-lane-card__status{color:var(--danger);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ai-lane-card__title{margin-top:14px;font-family:var(--font-display);font-size:32px;line-height:.94;letter-spacing:-.05em}.ai-lane-card__copy{margin-top:10px;color:#d2ccbe;font-size:14px;line-height:1.8}.ai-lane-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ai-lane-card__tags span{padding:8px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-soft);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.spotlight-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.spotlight-card.is-spotlit{transform:translateY(-4px);border-color:#6effb23d;box-shadow:0 20px 50px #00000042,0 0 0 1px #63ff9d14}.stack-grid,.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:28px}.stack-card__eyebrow{color:var(--accent);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.stack-card__title{margin-top:12px;font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:-.05em}.stack-card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.stack-card__tags span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-soft);font-size:13px}.contact-card p{margin:0 0 16px}.contact-meta{display:grid;gap:12px;margin-top:20px}.contact-line{padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.contact-line__label{color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.contact-line__value{margin-top:8px;color:var(--text);font-size:15px}.contact-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{color:var(--text-soft);font-size:13px}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text)}.field input:focus,.field textarea:focus{outline:1px solid rgba(99,255,157,.2);border-color:#63ff9d33;box-shadow:0 0 0 3px #63ff9d0f}.footer{padding:0 0 46px}.footer__inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:30px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-dim);font-size:13px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .18s ease}.modal.is-open{opacity:1;pointer-events:auto}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal__panel{position:relative;width:min(1080px,100%);max-height:min(90vh,940px);overflow:auto;padding:24px;border-radius:28px;border:1px solid rgba(99,255,157,.12);background:radial-gradient(circle at top right,rgba(99,255,157,.08),transparent 26%),linear-gradient(180deg,#0a120dfa,#050907fa);box-shadow:var(--shadow-lg);transform:translateY(18px) scale(.98);transition:transform .22s ease}.modal.is-open .modal__panel{transform:translateY(0) scale(1)}.modal__close{position:sticky;top:0;margin-left:auto;width:44px;height:44px;border-radius:14px;cursor:pointer;background:#ffffff0d}.modal__body{display:grid;gap:18px}.modal__hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px}.modal-card{position:relative;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.modal-card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,var(--modal-accent, var(--accent)),transparent 75%)}.modal-card__eyebrow{color:var(--modal-accent, var(--accent));font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.modal-card__title{margin:16px 0 0;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.1rem);line-height:.94;letter-spacing:-.06em}.modal-card__copy{margin-top:14px;color:var(--text-soft);font-size:15px;line-height:1.85}.modal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.modal-stat{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.modal-stat__label{color:var(--text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.modal-stat__value{margin-top:8px;font-family:var(--font-display);font-size:22px;letter-spacing:-.04em}.demo-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(99,255,157,.14);background:#63ff9d0f;color:var(--modal-accent, var(--accent));font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.demo-chip:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 10px currentColor}.demo-title{margin-top:16px;font-family:var(--font-display);font-size:28px;line-height:1;letter-spacing:-.04em}.demo-list{display:grid;gap:12px;margin-top:18px}.demo-step{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.demo-step__label{color:var(--modal-accent, var(--accent));font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.demo-step__copy{margin-top:8px;color:var(--text);font-size:14px;line-height:1.7}.modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.modal-label{color:var(--text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px}.bullet-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.bullet-list li{position:relative;padding-left:16px;color:var(--text-soft);font-size:14px;line-height:1.75}.bullet-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:var(--modal-accent, var(--accent))}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag-list span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-soft);font-size:13px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-note{margin-top:14px;color:var(--text-soft);font-size:13px;line-height:1.72}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes titleIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes scanner{0%{top:-90px}to{top:calc(100% + 30px)}}@keyframes floatCard{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2.8deg) translateY(-8px)}}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes panGrid{0%{transform:translate(0)}to{transform:translate(140px)}}@media(max-width:980px){.hero__grid,.grid-2,.modal__hero,.modal-grid,.hero__stats,.modal-stats{grid-template-columns:1fr}.floating-note{position:static;margin-top:16px;transform:none;max-width:none;animation:none}.portrait-face--back{padding:20px 18px 18px}.ai-showcase__hero{min-height:360px;background:linear-gradient(180deg,#020503c7,#020503e6),url(/assets/ai-works-cover-CSlV5Lkb.jpg) center center / cover no-repeat}.ai-showcase__hero:after{font-size:clamp(3rem,18vw,6rem);left:22px;right:auto;bottom:18px}}@media(max-width:720px){.topbar__inner,main,.footer__inner{width:min(100% - 24px,1180px)}.topbar__inner{padding:12px 0;align-items:flex-start;flex-direction:column}.nav{gap:14px}.topbar__aside{width:100%;justify-content:flex-start}.status{display:none}section{padding:72px 0}.hero{padding-top:34px}.hero__title{font-size:clamp(3rem,15vw,5.4rem)}.apps-shell{padding:24px;border-radius:28px}.ai-showcase__content,.ai-lane-card{padding:22px}.tabs{width:100%;flex-wrap:wrap}.tab{flex:1 1 auto;text-align:center}.modal{padding:14px}.modal__panel{width:calc(100% - 4px);padding:18px}}@media(min-width:1121px){.sidebar{display:flex}.page{padding-left:calc(var(--sidebar-width) + 36px)}.topbar{background:#0308057a}.topbar__inner{min-height:64px;justify-content:flex-end}.topbar .brand,.topbar .nav{display:none}}