:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;min-height:100vh;background:url(/images/casey-horner-1sim8ojvCbE-unsplash.jpg) center / cover no-repeat fixed;color:#fff;position:relative}body:after{content:"";position:fixed;inset:0;background:#00000059;z-index:0}.appShell,.page,.theme-terminal .appShell,.theme-terminal .page{background:transparent!important;position:relative;z-index:1}html,body,#root,.appShell,.page{max-width:100%;overflow-x:hidden}.nav{width:100%;display:flex;justify-content:center;gap:1.5rem;padding:1rem 2rem;background:#202020}.nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav a{color:#fff;text-decoration:none}.nav a.active{border-bottom:2px solid #61dafb}.eggSwitch{position:relative;width:46px;height:24px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);overflow:hidden;cursor:pointer;opacity:.28;transition:opacity .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;display:inline-block;margin-left:14px}.nav:hover .eggSwitch,.eggSwitch:focus-within{opacity:1}.eggSwitch input{position:absolute;inset:0;opacity:0;pointer-events:none}.eggSwitch .track{position:absolute;inset:0}.eggSwitch .thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 1px #00000059,0 2px 8px #00000040 inset;transition:transform .25s ease,background .25s ease,color .25s ease,text-shadow .25s ease;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:20px;text-align:center;color:#222}.eggSwitch .thumb:after{content:"✧";opacity:0;transition:opacity .2s}.nav:hover .eggSwitch .thumb:after,.eggSwitch:focus-within .thumb:after{opacity:.6}.eggSwitch.isOn{background:#00ff801a;border-color:#0d2;box-shadow:inset 0 0 12px #00ff8033}.eggSwitch.isOn .thumb{transform:translate(22px);background:#0f8;color:#032;text-shadow:0 0 8px rgba(0,255,128,.85)}.eggSwitch.isOn .thumb:after{content:">_";opacity:.95}.theme-terminal .eggSwitch{background:#00ff801f;border-color:#0d2}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){.eggSwitch{display:none!important}}@media (max-width: 900px){.nav{padding:.5rem .75rem;gap:.75rem}.nav ul{gap:1rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.nav ul::-webkit-scrollbar{display:none}.nav a{font-size:.95rem;padding:.4rem .2rem}.eggSwitch{margin-left:6px}}@media (max-width: 560px){.nav{justify-content:space-between;gap:.5rem}.nav ul{gap:.75rem}.nav a{font-size:.9rem;padding:.35rem .2rem}.nav{flex-wrap:wrap}}.footer{background:#202020;margin-top:64px;color:#bbb}.footerInner{max-width:1200px;margin:0 auto;padding:20px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footerCopy{margin:0;font-size:14px}.footerLinks{list-style:none;display:flex;gap:16px;padding:0;margin:0}.footerLinks a{display:inline-flex;align-items:center;gap:8px;color:#bbb;text-decoration:none;font-weight:600}.footerLinks a:hover{color:#fff}.icon{width:20px;height:20px;fill:currentColor}.footer{background:#202020;margin-top:64px;color:#bbb;padding-bottom:calc(10px + env(safe-area-inset-bottom))}@media (max-width: 900px){.footerInner{padding:18px 14px;gap:12px}}@media (max-width: 640px){.footerInner{flex-direction:column;align-items:center;text-align:center;gap:10px}.footerCopy{font-size:13px}.footerLinks{gap:12px}.icon{width:18px;height:18px}}html,body,#root{height:100%;margin:0}:root{--header-h: 64px}.home.pageFlow{min-height:calc(100svh - var(--header-h));padding:24px;display:flex;flex-direction:column;gap:20px;align-items:center}.card{width:100%;max-width:980px;background:#2d2d2dfa;color:#ddd;border-radius:14px;box-shadow:0 8px 24px #00000059;padding:28px}.card.hero h1{font-size:clamp(28px,4vw,44px);color:#fff;margin:0 0 12px}.card.hero p{margin:12px 0;font-size:18px;line-height:1.7}.note{margin-top:10px;font-style:italic;opacity:.9}.divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:24px auto;width:80%}.heroCtas{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid #444;text-decoration:none;font-weight:600;transition:transform .06s ease,background-color .2s ease,border-color .2s ease;min-width:140px;text-align:center}.btn.primary{background:#646cff;color:#fff;border-color:#646cff}.btn.ghost{background:transparent;color:#fff}.btn:hover{transform:translateY(-1px)}.grid{display:grid;gap:18px;margin-top:8px}.grid.two{grid-template-columns:1fr;justify-items:center}.grid.two section{text-align:center;max-width:720px;width:100%}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1024px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid.three{grid-template-columns:1fr}}.projCard{display:block;padding:16px;border-radius:12px;background:#3a3a3a;color:inherit;text-decoration:none;border:1px solid #4a4a4a;transition:transform .08s ease,background-color .25s ease,border-color .25s ease}.projCard h4{margin:0 0 6px;color:#fff}.projCard p{margin:0;font-size:15px;line-height:1.6}.projCard:hover{transform:translateY(-2px);background:#454545;border-color:#5a5a5a}.contactBlocks{display:grid;gap:10px;margin:8px 0 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.contactItem{background:#2f2f2f;padding:12px;border-radius:10px}@media (max-width: 800px){.contactBlocks{grid-template-columns:1fr}}.pillList{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 8px;justify-content:center}.pill{--bg:#3a3a3a;--fg:#eee;--hover-bg:#4b4b4b;--hover-fg:#fff;padding:6px 10px;border-radius:999px;background:var(--bg);color:var(--fg);transition:background-color .25s ease,color .25s ease,transform .08s ease;cursor:default}.pill:hover{background:var(--hover-bg);color:var(--hover-fg);transform:translateY(-1px)}.pill.html5{--hover-bg:#e34f26;--hover-fg:#fff}.pill.css3{--hover-bg:#264de4;--hover-fg:#fff}.pill.javascript{--hover-bg:#f7df1e;--hover-fg:#000}.pill.python{--hover-bg:#3776ab;--hover-fg:#fff}.pill.java{--hover-bg:#007396;--hover-fg:#fff}.pill.sql{--hover-bg:#00618a;--hover-fg:#fff}.pill.json{--hover-bg:#f5a623;--hover-fg:#000}.pill.markdown{--hover-bg:#083fa1;--hover-fg:#fff}.pill.gdscript{--hover-bg:#478cbf;--hover-fg:#fff}.pill.react{--hover-bg:#61dafb;--hover-fg:#000}.pill.springboot{--hover-bg:#6db33f;--hover-fg:#fff}.pill.junit5{--hover-bg:#25a162;--hover-fg:#fff}.pill.godot{--hover-bg:#478cbf;--hover-fg:#fff}.pill.pygame{--hover-bg:#4b8bbe;--hover-fg:#fff}.pill.mysql{--hover-bg:#4479a1;--hover-fg:#fff}.pill.postgresql{--hover-bg:#336791;--hover-fg:#fff}.pill.mongodb{--hover-bg:#47a248;--hover-fg:#fff}.pill.restapi{--hover-bg:#ff9800;--hover-fg:#000}.pill.vite{--hover-bg:#646cff;--hover-fg:#fff}.pill.docker{--hover-bg:#2496ed;--hover-fg:#fff}.pill.git{--hover-bg:#f05032;--hover-fg:#fff}.pill.githubactions{--hover-bg:#2088ff;--hover-fg:#fff}.pill.figma{--hover-bg:#0acf83;--hover-fg:#000}.pill.trello{--hover-bg:#1e88e5;--hover-fg:#fff}.pill.vsc{--hover-bg:#007acc;--hover-fg:#fff}.pill.pycharm{--hover-bg:#21d789;--hover-fg:#000}.pill.msteams{--hover-bg:#6264a7;--hover-fg:#fff}.pill.chatgpt{--hover-bg:#00a67d;--hover-fg:#000}.pill.copilot{--hover-bg:#0e7afe;--hover-fg:#fff}.typeWords{--delay:0ms;--step:80ms;display:block}.typeWords .w{opacity:0;animation:tw var(--step) forwards ease;animation-delay:calc(var(--delay) + (var(--i) * var(--step)))}@keyframes tw{to{opacity:1}}@media (max-width: 900px){.home.pageFlow{padding:20px}.card{padding:24px}}@media (max-width: 640px){.home.pageFlow{padding:16px;gap:16px}.card{padding:20px;border-radius:12px}}.projects{padding:64px 16px;text-align:center}.projectsHeader{max-width:1200px;margin:0 auto 24px;padding:16px;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.projectsTitle{font-size:40px;font-weight:700;margin:0 0 16px;color:#fff}.projectsTabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.projTab{padding:8px 14px;border-radius:999px;background:#ffffff14;color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .08s ease}.projTab:hover{background:#646cff;color:#000;transform:translateY(-1px)}.projTab.isActive{background:#646cff;color:#000;box-shadow:0 0 0 2px #ffffff1f inset}.projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:24px auto 0}.projCard{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 6px 18px #00000059;aspect-ratio:28 / 14;max-width:500px;margin:0 auto}.projCardInner{width:100%;height:100%;transition:none;transform-style:preserve-3d;perspective:800px}.projCard:hover .projCardInner{transition:transform 1.5s ease;transform:rotateY(360deg) translateY(-6px)}.projCardInner img{width:100%;height:100%;object-fit:cover;display:block}.projOverlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff0;color:#000;font-size:22px;font-weight:600;opacity:0;transition:background .25s ease,opacity .25s ease;pointer-events:none}.projOverlay em{font-style:normal;opacity:.9;font-size:14px;margin-top:6px}.projCard:hover .projOverlay{background:#ffffffbf;opacity:1}.projectsEmpty{margin-top:24px}@media (max-width: 640px){.projectsTitle{font-size:32px}.projTab{font-size:13px;padding:7px 10px}}.projects .projCard{padding:0;background:transparent;border:0}.contact{display:flex;justify-content:center;padding:64px 16px}.contactCard{width:100%;max-width:640px;background:#2d2d2deb;padding:40px;border-radius:14px;box-shadow:0 8px 24px #00000059;text-align:center;color:#eee;max-height:clamp(520px,78svh,760px);overflow:auto;overscroll-behavior:contain;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.contactTitle{font-size:32px;font-weight:700;margin:0 0 12px;color:#fff}.contactIntro{margin:0 0 24px;font-size:18px;line-height:1.6;color:#ddd}.contactForm{display:grid;gap:16px;justify-items:center;padding-bottom:12px}.contactForm label{justify-self:start;width:100%;max-width:520px;text-align:left;color:#eaeaea}.contactForm input,.contactForm textarea,.contactForm select{width:100%;padding:12px 16px;border-radius:8px;border:none;background:#fff;color:#1e1e1e;font-size:16px;outline:none;box-shadow:inset 0 1px #00000014;transition:box-shadow .2s ease,transform .02s ease}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#6b6b6b}.contactForm input:focus,.contactForm textarea:focus,.contactForm select:focus{box-shadow:0 0 0 3px #61dafb59}.btnPrimary,.contactForm button{align-self:center;padding:12px 32px;background:#61dafb;color:#0b2533;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .02s ease;box-shadow:0 4px 14px #00000040;margin-top:4px;margin-bottom:6px}.btnPrimary:hover,.contactForm button:hover{background:#4ec3e0}.btnPrimary:active,.contactForm button:active{transform:translateY(1px)}.contactLinks{margin-top:28px;display:flex;justify-content:center;gap:24px}.contactLinks a{color:#61dafb;text-decoration:none;font-weight:600}.contactLinks a:hover{text-decoration:underline}@media (max-width: 480px){.contactCard{padding:28px 18px}.contactTitle{font-size:28px}.contactIntro{font-size:16px}}.process{padding:48px 16px 32px;display:flex;justify-content:center}.processWrap{width:100%;max-width:960px}.procHeader{text-align:center;margin-bottom:18px;padding:20px;background:#12121273;border:1px solid rgba(255,255,255,.18);border-radius:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000059}.procTitle{margin:0 0 6px;font-size:36px;font-weight:800;color:#fff}.procIntro{margin:0 auto 14px;opacity:.95;max-width:640px}.procSteps{display:grid;gap:16px;margin-top:18px;justify-items:center}.procStep{background:#2d2d2deb;color:#eee;border-radius:14px;box-shadow:0 8px 24px #00000059;padding:24px;max-width:720px;width:100%;text-align:center}.procStepHead{display:flex;align-items:center;justify-content:center;gap:10px}.procBadge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#646cff;color:#000;font-weight:800}.procStepTitle{margin:0;font-size:24px;color:#fff}.procBlurb{margin:10px auto 12px;opacity:.95;max-width:640px}.procBullets{list-style:none;padding:0;margin:0;display:grid;gap:10px;justify-items:center}.procBullets li{background:#ffffff0f;padding:8px 14px;border-radius:999px;text-align:center;max-width:560px;width:100%}.procCta{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}.btnPrimary{display:inline-block;padding:10px 14px;border-radius:10px;background:#186e10;color:#000;font-weight:700;text-decoration:none;min-width:160px;text-align:center}.btnGhost{padding:10px 14px;border-radius:10px;background:#ffffff14;color:#fff;border:none;cursor:pointer;min-width:160px}@media (max-width: 640px){.procTitle{font-size:30px}.procStep{padding:20px}}.why{padding:48px 16px;display:flex;justify-content:center}.whyCard{width:100%;max-width:960px}.whyTopNav{margin-bottom:16px;padding:12px 14px;border-radius:16px;background:#12121273;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000059}.whyTopRows{display:flex;flex-direction:column;gap:8px;align-items:center}.whyTopRow{display:flex;gap:8px;justify-content:center;align-items:center;padding:2px 0;flex-wrap:nowrap}.whyTopPill{padding:8px 12px;border-radius:999px;background:#ffffff1a;color:#fff;border:0;font-weight:700;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .08s ease,opacity .2s ease}.whyTopPill:hover{background:#646cff;color:#000;transform:translateY(-1px)}.whyTopPill.isActive{background:#646cff;color:#000;box-shadow:0 0 0 2px #ffffff1f inset}.whySection{padding:28px;border-radius:14px;background:#2d2d2deb;color:#eee;box-shadow:0 8px 24px #00000059}.wBody{display:flex;flex-direction:column;width:100%;overflow:visible}.whyTitle{margin:0 0 12px;font-size:36px;font-weight:800;color:#fff;text-align:center}.whyIntro{margin:0 auto 18px;opacity:.95;max-width:720px;text-align:center}.whyList{list-style:none;padding:0;margin:18px auto 8px;display:flex;flex-direction:column;gap:10px;align-items:center}.chip{--hover-bg: #646cff;--hover-fg: #000;background:#ffffff14;color:#fff;border-radius:999px;padding:10px 14px;font-size:15px;max-width:fit-content;transition:background-color .25s ease,color .25s ease,transform .08s ease;cursor:pointer}.chip:hover{background:var(--hover-bg);color:var(--hover-fg);transform:translateY(-1px)}.whyList>li:nth-child(1){--hover-bg: #ff6b6b;--hover-fg:#000}.whyList>li:nth-child(2){--hover-bg: #ffd166;--hover-fg:#000}.whyList>li:nth-child(3){--hover-bg: #4dabf7;--hover-fg:#000}.whyList>li:nth-child(4){--hover-bg: #51cf66;--hover-fg:#000}.whyList>li:nth-child(5){--hover-bg: #845ef7;--hover-fg:#000}.whyList>li:nth-child(6){--hover-bg: #22b8cf;--hover-fg:#000}.whyList>li:nth-child(7){--hover-bg: #ff9ff3;--hover-fg:#000}.whyList>li:nth-child(8){--hover-bg: #ffa94d;--hover-fg:#000}.whyHint{margin:8px auto 0;text-align:center;opacity:.85;font-size:14px}.whyActions{display:flex;justify-content:center;margin-top:auto;padding-top:16px}.why .btnGhost{margin-bottom:20px}@media (max-width: 640px){.whySection{padding:24px}.whyTitle{font-size:30px}.whyTopPill{font-size:13px;padding:7px 10px}.whyTopRow{flex-wrap:wrap}.whyTopNav{padding:10px;border-radius:12px}}.whyModalOverlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.whyModal{width:100%;max-width:640px;background:#2d2d2dfa;color:#eee;border-radius:16px;box-shadow:0 16px 40px #00000073;display:flex;flex-direction:column;max-height:80vh}.whyModalTitle{margin:0;padding:18px 22px 8px;font-size:24px;font-weight:800;color:#fff}.whyModalBody{padding:0 22px 18px;overflow:auto;line-height:1.55;opacity:.95}.whyModalClose{margin:0 22px 22px;align-self:center;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:800;background:#e53935;color:#fff;transition:transform .08s ease,filter .15s ease}.whyModalClose:hover{transform:translateY(-1px);filter:brightness(1.05)}.ref{display:flex;justify-content:center;padding:64px 16px}.flipCard{width:100%;max-width:720px;perspective:1000px}.flipInner{position:relative;transform-style:preserve-3d;transition:height .35s ease}.flipFace{position:absolute;inset:0;padding:32px;border-radius:12px;background:#2d2d2deb;color:#eee;box-shadow:0 8px 24px #00000059;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;text-align:left;padding-bottom:calc(50px + env(safe-area-inset-bottom));transition:transform .65s ease-in-out;will-change:transform}.flipFace.front{transform:rotateY(0);pointer-events:auto}.flipFace.back{transform:rotateY(180deg);pointer-events:none}.flipInner.isFlipped .front{transform:rotateY(-180deg);pointer-events:none}.flipInner.isFlipped .back{transform:rotateY(0);pointer-events:auto}.flipFace::-webkit-scrollbar{display:none}.flipFace h1{margin:0 0 8px;color:#fff}.lead{margin:0 0 16px;opacity:.95}.terms{margin:0 0 18px;padding-left:20px;line-height:1.6}.faq p{margin:10px 0}.hint{opacity:.85}.legalHeading{margin:0 0 10px;color:#fff}.legalList{margin:10px 0 0;padding-left:1.1rem;display:grid;gap:8px}.refActions{display:flex;justify-content:center;gap:10px;margin-top:auto;padding-top:12px;margin-bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.btnGhost{padding:10px 14px;border-radius:10px;background:#ffffff14;color:#fff;border:none;cursor:pointer}@media (max-width: 480px){.flipFace{padding:24px 18px}}#root{text-align:center}.appShell{min-height:100vh;display:flex;flex-direction:column;position:relative}.page{flex:1 0 auto;background:transparent}