:root{--primary-color: #ff6410;--bg-color: #ffffff;--text-color: #333333;--card-bg: rgba(255, 255, 255, .6);--copy-bg: rgba(255, 255, 255, .4);--panel-bg: rgba(255, 255, 255, .45);--page4-surface-bg: rgba(0, 0, 0, .08);--card-border-color: rgba(0, 0, 0, .1);--panel-border-color: rgba(255, 255, 255, .35);--field-border-color: rgba(0, 0, 0, .2);--card-shadow: 0 20px 40px rgba(0, 0, 0, .3);--surface-shadow: 0 18px 45px rgba(0, 0, 0, .14);--image-shadow: 0 24px 60px rgba(0, 0, 0, .26);--image-hover-shadow: 0 30px 70px rgba(0, 0, 0, .32);--input-bg: rgba(0, 0, 0, .05);--input-focus-bg: rgba(0, 0, 0, .1);--button-hover: #ff8540;--button-text: #ffffff;--hero-icon-color: #111111;--social-image-filter: brightness(1);--name-shadow: 0 10px 30px rgba(0, 0, 0, .5);--quote-start: #333333;--quote-end: #666666;--glass-blur: blur(8px);--font-main: "Outfit", sans-serif;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;overflow-y:auto;background-color:var(--bg-color);transition:background-color .45s ease}canvas{position:fixed;top:0;left:0;z-index:-1}main{font-family:var(--font-main);width:100%;color:var(--text-color);position:relative;z-index:1;transition:color .45s ease}a{text-decoration:none;color:inherit}h1{font-size:3rem;font-weight:800;color:var(--primary-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1px}h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}p,span{line-height:1.6;font-weight:300}.hidden{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.hidden.show{opacity:1;transform:translateY(0)}.page1{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.page1 header{position:absolute;top:2rem;display:flex;gap:2rem;z-index:10}.page1 header a{display:flex;align-items:center;justify-content:center}.page1 header img{width:40px;height:40px;transition:var(--transition-speed);filter:var(--social-image-filter)}.page1 header i{font-size:40px;line-height:1;color:var(--hero-icon-color);transition:var(--transition-speed)}.page1 header img:hover{transform:scale(1.2);filter:var(--social-image-filter) drop-shadow(0 0 8px var(--primary-color))}.page1 header i:hover{transform:scale(1.2);filter:drop-shadow(0 0 8px var(--primary-color))}#name{font-size:8vw;text-align:center;text-shadow:var(--name-shadow);margin:0}#quotePage{min-height:40vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem}#quotePage h2{font-size:2rem;font-weight:300;max-width:800px;background:linear-gradient(90deg,var(--quote-start),var(--quote-end));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}article,.page4,.novakeyPage,.odoroPage,.mspPage,.gfPage,.page3,.page4point5,.page5{width:min(94%,1400px);margin:4rem auto;padding:clamp(1.75rem,3vw,3rem);background-color:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border-color);border-radius:24px;box-shadow:var(--card-shadow)}article h1,.page4 h1,.novakeyPage h1,.odoroPage h1,.mspPage h1,.gfPage h1,.page3 h1,.page4point5 h1,.page5 h1{border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;display:inline-block;margin-bottom:1.5rem}.project-body,#mainSection,.novakeyMainBody,.odoroMainBody,.mspMainBody,.gfMainBody,.imageSection{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);gap:1.5rem 2rem;margin-top:2rem;align-items:start}.project-left,.novakeyMainBodyLeftSide,.odoroMainBodyLeftSide,.mspMainBodyLeftSide,.gfMainBodyLeftSide{display:contents}.project-right,.novakeyKeyFeatures,.odoroKeyFeatures,.mspKeyFeatures,.gfKeyFeatures{display:grid;gap:1rem}.project-images,#novakeyImageDiv,#odoroImageDiv,#mspImageDiv,#gfImageDiv{grid-column:1/-1;display:flex;gap:1.25rem;overflow-x:auto;padding:.35rem 0 1.25rem;scroll-snap-type:x proximity;scrollbar-width:none}.project-images::-webkit-scrollbar,#novakeyImageDiv::-webkit-scrollbar,#odoroImageDiv::-webkit-scrollbar,#mspImageDiv::-webkit-scrollbar,#gfImageDiv::-webkit-scrollbar{display:none}.project-images a,#novakeyImageDiv a,#odoroImageDiv a,#mspImageDiv a,#gfImageDiv a{display:block;flex:0 0 min(82vw,920px);scroll-snap-align:start}.project-images img,#novakeyImageDiv img,#odoroImageDiv img,#mspImageDiv img,#gfImageDiv img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:20px;border:1px solid var(--panel-border-color);transition:transform var(--transition-speed),box-shadow var(--transition-speed);box-shadow:var(--image-shadow)}.project-images img:hover,#novakeyImageDiv img:hover,#odoroImageDiv img:hover,#mspImageDiv img:hover,#gfImageDiv img:hover{transform:translateY(-8px);box-shadow:var(--image-hover-shadow)}.project-copy{grid-column:1/2;width:100%;max-width:980px;padding:1.75rem;border-radius:20px;border:1px solid var(--panel-border-color);background-color:var(--copy-bg);box-shadow:var(--surface-shadow)}.project-copy p{font-size:1.08rem;line-height:1.7}.project-copy p+p{margin-top:1rem}.project-copy span{color:var(--primary-color);font-weight:600}.project-panel{padding:1.1rem 1.15rem;border-radius:20px;border:1px solid var(--panel-border-color);background-color:var(--panel-bg);box-shadow:var(--surface-shadow)}.project-panel h2{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem;font-size:1rem}.project-panel h2 i{color:var(--primary-color)}.project-list{list-style:none;display:grid;gap:.7rem}.project-list li{display:grid;grid-template-columns:.95rem 1fr;gap:.65rem;align-items:flex-start}.project-list li>i{color:var(--primary-color);font-size:.82rem;margin-top:.25rem}.project-list strong{display:block;margin-bottom:.1rem;font-size:.92rem;font-weight:600}.project-list span{display:block;font-size:.88rem;line-height:1.4}.project-list--compact{gap:.75rem}.project-list--compact strong{display:inline;margin-bottom:0}.project-list--compact span{display:inline}.novakeyMainBody,.odoroMainBody,.mspMainBody,.gfMainBody{grid-template-columns:1fr;gap:1.25rem}.novakeyKeyFeatures,.odoroKeyFeatures,.mspKeyFeatures,.gfKeyFeatures{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start}.novakeyImages,.odoroImages,.mspImages,.gfImages{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:20px;border:1px solid var(--panel-border-color);transition:transform var(--transition-speed),box-shadow var(--transition-speed);box-shadow:var(--image-shadow)}#novakeyImageDiv,#odoroImageDiv,#mspImageDiv,#gfImageDiv{justify-content:flex-start;-webkit-overflow-scrolling:touch}#novakeyImageDiv a,#gfImageDiv a{flex-basis:min(82vw,920px)}#mspImageDiv .mspImageFrame{flex:0 0 min(82vw,920px);scroll-snap-align:start}#mspImageDiv .mspImages{height:clamp(280px,30vw,420px);width:100%;object-fit:cover;object-position:top center}#odoroImageDiv{justify-content:center}#odoroImageDiv a{display:flex;justify-content:center;align-items:flex-start;flex:0 0 min(24vw,320px)}#odoroImageDiv .odoroImages{width:min(100%,315px);height:auto;max-height:none;object-fit:contain}#gfImageDiv .gfImages{height:clamp(280px,30vw,420px);width:100%;object-fit:cover}.novakeyDes,.odoroDes,.mspDes,.gfDes{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 769px){.novakeyKeyFeatures,.mspKeyFeatures,.gfKeyFeatures{grid-template-columns:minmax(0,1.45fr) minmax(240px,.95fr) minmax(220px,.85fr);grid-auto-rows:1fr}.odoroKeyFeatures{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(250px,.95fr) minmax(220px,.8fr);grid-auto-rows:1fr}.novakeyKeyFeatures .project-panel,.odoroKeyFeatures .project-panel,.mspKeyFeatures .project-panel,.gfKeyFeatures .project-panel{height:100%}.novakeyKeyFeatures .project-panel:first-child .project-list,.mspKeyFeatures .project-panel:first-child .project-list,.gfKeyFeatures .project-panel:first-child .project-list,.odoroKeyFeatures .project-panel:nth-child(-n+2) .project-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}.mspKeyFeatures .project-panel:last-child{grid-column:1/-1;width:min(100%,720px);justify-self:center;align-self:start}}#gfLogo{height:60px;width:auto;vertical-align:middle;margin-right:15px;transition:var(--transition-speed)}#gfLogo:hover{transform:rotate(20deg)}code{color:inherit;background-color:var(--input-bg);border:1px solid var(--panel-border-color);border-radius:8px;padding:.1rem .35rem}.page3 .imageSection,.page4point5 .imageSection,.page5 .imageSection{display:flex;flex-direction:column;gap:1.75rem;align-items:stretch}.page3 article,.page3 .page4,.page3 .novakeyPage,.page3 .odoroPage,.page3 .mspPage,.page3 .gfPage,.page3 .page3,.page3 .page4point5,.page3 .page5,.page4point5 article,.page4point5 .page4,.page4point5 .novakeyPage,.page4point5 .odoroPage,.page4point5 .mspPage,.page4point5 .gfPage,.page4point5 .page3,.page4point5 .page4point5,.page4point5 .page5,.page5 article,.page5 .page4,.page5 .novakeyPage,.page5 .odoroPage,.page5 .mspPage,.page5 .gfPage,.page5 .page3,.page5 .page4point5,.page5 .page5{width:auto;max-width:980px;margin:0 auto;padding:1.75rem;background-color:var(--copy-bg);border:1px solid var(--panel-border-color);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;flex:none}.page3 #scamPics,.page3 #wojPics,.page3 #loopedPics,.page4point5 #scamPics,.page4point5 #wojPics,.page4point5 #loopedPics,.page5 #scamPics,.page5 #wojPics,.page5 #loopedPics{order:-1;width:100%;display:flex;justify-content:center}.page3 #scamPics img,.page3 #wojPics img,.page3 #loopedPics img,.page4point5 #scamPics img,.page4point5 #wojPics img,.page4point5 #loopedPics img,.page5 #scamPics img,.page5 #wojPics img,.page5 #loopedPics img{width:min(100%,1040px);max-width:1040px;height:auto;object-fit:cover;border-radius:20px;border:1px solid var(--panel-border-color);box-shadow:var(--image-shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.page3 #scamPics img:hover,.page3 #wojPics img:hover,.page3 #loopedPics img:hover,.page4point5 #scamPics img:hover,.page4point5 #wojPics img:hover,.page4point5 #loopedPics img:hover,.page5 #scamPics img:hover,.page5 #wojPics img:hover,.page5 #loopedPics img:hover{transform:translateY(-6px);box-shadow:var(--image-hover-shadow)}#scamPics img{width:min(100%,720px);max-width:720px}.page4{display:block}.h1Div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.h1Div h1{font-size:2rem;border-bottom:2px solid var(--primary-color)}#focusSide,#albertaSide{display:flex;flex-direction:column;gap:1rem;background-color:var(--page4-surface-bg);padding:2rem;border-radius:16px;height:100%;border:1px solid var(--panel-border-color);box-shadow:var(--surface-shadow)}#focusSide img,#albertaSide img{width:100%;height:clamp(240px,18vw,310px);object-fit:cover;border-radius:16px;border:1px solid var(--panel-border-color);box-shadow:var(--image-shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}#focusSide p,#albertaSide p{flex:1 1 auto}@media (min-width: 769px){#mainSection{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}#focusSide img:hover,#albertaSide img:hover{transform:translateY(-4px);box-shadow:var(--image-hover-shadow)}.page2{padding:4rem 0;background:var(--primary-color);color:#fff;text-align:center}.page2 h1{color:#fff}.techs{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem;max-width:1000px;margin:0 auto}.techs img{width:60px;height:60px;padding:10px;background:white;border-radius:50%;transition:var(--transition-speed)}.techs img:hover{transform:translateY(-10px) rotate(10deg)}#connectForm{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}#connectForm form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--card-bg);padding:3rem;border-radius:24px;border:1px solid var(--card-border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}input,textarea{width:100%;padding:1rem;background-color:var(--input-bg);border:1px solid var(--field-border-color);border-radius:8px;color:var(--text-color);font-family:var(--font-main);font-size:1rem}input::placeholder,textarea::placeholder{color:currentColor;opacity:.62}textarea.message{min-height:4.75rem;line-height:1.5;resize:none;overflow:hidden}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);background-color:var(--input-focus-bg)}button{padding:1rem;background:var(--primary-color);color:var(--button-text);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-speed)}button:hover{background:var(--button-hover);transform:translateY(-2px)}main,article,.novakeyPage,.odoroPage,.mspPage,.gfPage,.page3,.page4point5,.page5,.page4,.project-copy,.project-panel,#focusSide,#albertaSide,h1,h2,p,span,input,textarea,button,#quotePage h2,.page1 header img,.page1 header i,code{transition:color .45s ease,background-color .45s ease,border-color .45s ease,box-shadow .45s ease,filter .45s ease,text-shadow .45s ease}@media (max-width: 768px){h1{font-size:2rem}#name{font-size:12vw}article,.novakeyPage,.odoroPage,.mspPage,.gfPage,.page3,.page4point5,.page5,.page4{width:95%;padding:1.5rem;margin:2rem auto}.project-body,.novakeyMainBody,.odoroMainBody,.mspMainBody,.gfMainBody,.imageSection,#mainSection{grid-template-columns:1fr;gap:1rem}.project-copy,.project-right,.novakeyKeyFeatures,.odoroKeyFeatures,.mspKeyFeatures,.gfKeyFeatures{grid-column:1/-1}.novakeyKeyFeatures,.odoroKeyFeatures,.mspKeyFeatures,.gfKeyFeatures{grid-template-columns:1fr}.project-images,#novakeyImageDiv,#odoroImageDiv,#mspImageDiv,#gfImageDiv{gap:1rem;padding-bottom:.85rem}.project-images a,#novakeyImageDiv a,#odoroImageDiv a,#mspImageDiv a,#gfImageDiv a,#mspImageDiv .mspImageFrame{flex-basis:86vw}#odoroImageDiv a{flex-basis:min(72vw,320px)}.novakeyImages,.gfImages,.odoroImages{max-height:none}#odoroImageDiv .odoroImages{width:min(100%,320px);height:auto}.gfImages{height:auto;object-fit:cover}.project-panel,.project-copy{padding:1.25rem}.page3 .imageSection,.page4point5 .imageSection,.page5 .imageSection{gap:1rem}.page3 article,.page3 .novakeyPage,.page3 .odoroPage,.page3 .mspPage,.page3 .gfPage,.page3 .page3,.page3 .page4point5,.page3 .page5,.page3 .page4,.page4point5 article,.page4point5 .novakeyPage,.page4point5 .odoroPage,.page4point5 .mspPage,.page4point5 .gfPage,.page4point5 .page3,.page4point5 .page4point5,.page4point5 .page5,.page4point5 .page4,.page5 article,.page5 .novakeyPage,.page5 .odoroPage,.page5 .mspPage,.page5 .gfPage,.page5 .page3,.page5 .page4point5,.page5 .page5,.page5 .page4{padding:1.25rem}.novakeyDes,.odoroDes,.gfDes{width:100%;word-wrap:break-word;overflow-wrap:break-word}#quotePage h2{font-size:1.2rem}}