:root{--beamo-yellow:#f4d03f;--beamo-yellow-dark:#f1c40f;--beamo-yellow-light:#f7dc6f;--beamo-purple:#8a0045;--beamo-purple-light:#b00059;--beamo-purple-dark:#650033;--text-primary:#2c3e50;--text-secondary:#34495e;--background-light:#fcfcfc;--background-dark:#f5f6fa;--shadow-color:rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-light);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;overflow-x:hidden;width:100%}.icon{font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.emoji,.icon{display:inline-block}.emoji{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.2em;font-style:normal;margin-right:.5rem}.feature-card .icon{font-size:3.5rem}.social-links .icon{font-size:1.2rem}.social-links a{font-size:1.5rem;margin:0 .5rem;text-decoration:none}.icon:hover{transform:scale(1.1)}.raspberry-pi-page .requirements-grid .requirement-card .icon:hover{transform:none}header{background:#fff;box-shadow:0 2px 10px var(--shadow-color);overflow-x:hidden;position:fixed;top:0;transition:transform .3s ease;width:100%;z-index:1000}header.scrolled-down{transform:translateY(-100%)}header.scrolled-up{box-shadow:0 4px 10px var(--shadow-color);transform:translateY(0)}.main-nav{justify-content:flex-start;margin:0 auto;max-width:95%;padding:1.2rem;position:relative;width:95%}.main-nav,.nav-brand{align-items:center;display:flex}.nav-brand{gap:1.2rem;margin-right:.25rem}.logo{height:55px;transition:transform .3s ease;width:auto}.logo:hover{transform:scale(1.05)}.nav-links{align-items:center;display:flex;flex:1;flex-wrap:nowrap;gap:1.5rem;list-style:none;margin-left:0;margin-right:.5rem;white-space:nowrap;width:100%}.nav-links a{color:var(--text-primary);font-size:.95rem;font-weight:500;outline:none;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:var(--beamo-yellow);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--beamo-yellow-dark)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;outline:none;padding:.5rem;transition:transform .3s ease;z-index:100}.mobile-menu-toggle:hover{transform:scale(1.05)}.hero{background:linear-gradient(135deg,#fff,#f9fafc);box-shadow:inset 0 -10px 20px rgba(0,0,0,.05);margin-bottom:0;margin-top:76px;max-width:100%;opacity:1;overflow:hidden;padding:8rem 2rem;position:relative;text-align:center;transition:opacity .4s ease;width:100%}.hero:before{background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(0,0,0,.01));bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}.hero-content{animation:fadeUpIn 1s ease .2s forwards;opacity:0;transform:translateY(20px);transition:transform .4s ease,opacity .4s ease}.hero h1{animation:fadeUpIn 1s ease forwards;color:var(--text-primary);font-size:4rem;margin-bottom:1.5rem;opacity:0;text-shadow:none;transform:translateY(30px)}.hero p{animation:fadeUpIn 1s ease .4s forwards;color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem}.cta-buttons,.hero p{opacity:0;transform:translateY(20px)}.cta-buttons{animation:fadeUpIn 1s ease .6s forwards;display:flex;gap:1.5rem;justify-content:center}.cta-primary,.cta-secondary{border-radius:50px;font-weight:600;padding:1.2rem 2.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.cta-primary{background:var(--text-primary);box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff}.cta-primary,.cta-secondary{font-weight:600;transition:all .3s ease}.cta-secondary{background:transparent;border:none;box-shadow:none;color:var(--text-primary);outline:none;position:relative}.cta-secondary:after{display:none}.cta-primary:hover,.cta-secondary:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.cta-primary:hover{background:#243949}.cta-secondary:hover{background:rgba(0,0,0,.03);border-color:#243949}.page-hero{background:linear-gradient(135deg,#fff,#f9fafc);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 -10px 20px rgba(0,0,0,.05);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center;z-index:1}.page-hero:before{animation:subtleFloat 15s ease-in-out infinite alternate;background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(0,0,0,.01));bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:-1}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-content h1{animation:slideDown .8s ease;color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hero-content p{animation:fadeIn 1s ease .3s both;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.os-badges{animation:fadeIn 1s ease .6s both;display:flex;gap:1rem;justify-content:center}.os-badge{align-items:center;background:#fff;border-radius:25px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.os-badge:hover{box-shadow:0 4px 15px rgba(0,0,0,.15);transform:translateY(-3px)}.os-badge.active{background:var(--beamo-yellow-light);color:var(--text-primary)}.os-badge i{font-size:1.2rem}.features{background:var(--background-dark);margin-top:0;padding:6rem 2rem 8rem;position:relative;z-index:3}.features h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:4rem;position:relative;text-align:center}.features h2:after{background:var(--beamo-yellow);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.feature-grid{display:grid;gap:2.5rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding-bottom:4rem;position:relative;z-index:2}.feature-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.05);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;text-decoration:none;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.feature-card:before{background:var(--beamo-yellow);bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.feature-card:hover:before{transform:scaleX(1);transform-origin:left}.feature-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-10px)}.feature-card i{font-size:3rem;margin-bottom:1.5rem;transition:transform .3s ease}.feature-card:hover i{transform:scale(1.1)}.feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.feature-card p{color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.feature-card .product-icon{height:80px;margin-bottom:1.5rem;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1);width:80px}.support-button{background-color:var(--beamo-yellow);border:none;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:var(--text-primary);cursor:pointer;justify-content:center;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;white-space:nowrap}.support-button .icon{font-size:1.5rem;margin-bottom:0;margin-right:.5rem;vertical-align:middle}.support-button:hover{background-color:var(--beamo-yellow-dark);box-shadow:0 6px 12px rgba(0,0,0,.15);transform:translateY(-3px)}.page-hero .support-button{font-size:1.1rem;padding:1rem 2rem}.page-hero .support-button:hover{transform:translateY(-5px)}.page-hero.bottom-help .support-button{margin-top:2rem}.page-hero.bottom-help .support-button .icon{margin-right:.6rem}body:not(.raspberry-pi) .support-button{background-color:var(--beamo-yellow)}body:not(.raspberry-pi) .support-button:hover{background-color:var(--beamo-yellow-dark)}.support-options{align-items:center;display:flex;flex-direction:column;gap:1rem}footer{background:var(--text-primary);color:#fff;max-width:100%;overflow:hidden;padding:6rem 2rem 2rem;position:relative;width:100%}footer:before{background:var(--beamo-yellow);content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer-content{display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3{color:var(--beamo-yellow);font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.8rem;position:relative}.footer-section h3:after{background:var(--beamo-yellow);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.8rem;transition:transform .3s ease}.footer-section ul li:hover{transform:translateX(5px)}.footer-section a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--beamo-yellow)}.social-links{display:flex;gap:1.2rem}.social-links a{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;display:inline-flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.social-links a img.social-icon{height:24px;object-fit:contain;width:24px}.social-links a i{font-size:1.2rem;transition:transform .3s ease}.social-links a:hover{background:var(--beamo-yellow);transform:translateY(-3px)}.social-links a:hover i,.social-links a:hover img.social-icon{color:var(--text-primary);transform:scale(1.1)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);margin:3rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}.footer-bottom p{color:hsla(0,0%,100%,.6);font-size:.9rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroPattern{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px) and (max-width:1024px){.nav-links{gap:1.2rem;overflow-x:auto;overflow-y:hidden}.main-nav{padding:1rem 1.5rem}.nav-links a{font-size:.9rem}}@media (max-width:900px){.nav-links{gap:.8rem}.nav-links a{font-size:.85rem;padding:.4rem 0}}@media (max-width:850px){.nav-links{gap:.6rem}.nav-links a{font-size:.8rem}.logo{height:48px}}@media (max-width:768px){.main-nav{justify-content:space-between}.nav-brand{margin-right:0}.nav-links{background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);flex-direction:column;gap:1.5rem;left:0;margin-left:0;max-height:calc(100vh - 76px);opacity:0;overflow-x:visible;overflow-y:auto;padding:1.5rem 2rem;position:fixed;right:0;text-align:center;top:76px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;white-space:normal;z-index:99}.header-social-links{margin-left:0;margin-right:1rem}.header-social-links a{height:34px;width:34px}.header-social-links a img.social-icon{height:18px;width:18px}.nav-links.active{opacity:1;transform:translateY(0);visibility:visible}.nav-links a{font-size:1rem;padding:.8rem 0}.mobile-menu-toggle,.nav-links a{display:block}.mobile-menu-toggle span{background:var(--text-primary);border-radius:1px;display:block;height:2px;margin:6px 0;transition:all .3s ease;width:25px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero h1{font-size:2.5rem}.cta-buttons{flex-direction:column}.instructions-container{grid-template-columns:1fr;max-width:100%;padding:1rem 0;width:100%}.toc{border-radius:0;box-sizing:border-box;padding:1.5rem 1rem;position:static;width:100%}.step-by-step{grid-template-columns:1fr}.step{padding:1.5rem}.step-number{align-items:center;background:var(--beamo-yellow-dark);border-radius:50%;color:var(--text-primary);display:flex;font-weight:600;height:2.5rem;justify-content:center;margin-bottom:1rem;position:static;transform:none;width:2.5rem}.instructions-page .page-hero{padding:4rem 1rem}.instructions-page .hero-content h1{font-size:2.5rem}.instructions-page .hero-content p{font-size:1rem}.instructions-page .os-badges{flex-wrap:wrap;gap:.5rem;justify-content:center}.instructions-container{padding:2rem 1rem}.toc{margin-bottom:2rem;text-align:center}.toc h2{font-size:1.8rem}.instructions-content section h2{font-size:1.8rem;margin-bottom:1.5rem}.step{padding:1rem}.instructions-content{width:100%}.instructions-content section{margin-left:0;margin-right:0}.settings-container{padding:.5rem}.step-by-step{margin:0}.settings-container,.step-by-step{max-width:100%;padding:0;width:100%}.settings-container{margin:1rem 0}.settings-list{margin:.5rem 0;max-width:100%;padding:0;width:100%}.settings-list li{box-sizing:border-box;margin-bottom:.5rem;max-width:100%;padding:.8rem;width:100%}.action-box,.tip-box,.warning{margin:1rem 0;padding:1rem .75rem}.action-box,.instructions-content section,.tip-box,.warning{border-radius:0;box-sizing:border-box;max-width:100%;width:100%}.instructions-content section{margin:0 0 1.5rem;padding:1.5rem .75rem}.os-content.active{margin:0;padding:0;width:100%}.os-instructions{margin-top:1.5rem;width:100%}}@media (max-height:500px) and (orientation:landscape){.nav-links{flex-direction:row;flex-wrap:wrap;gap:1.2rem 2rem;justify-content:center;max-height:calc(100vh - 76px);overflow-y:auto;padding:1rem}.nav-links li{width:auto}.nav-links a{display:inline-block;padding:.5rem .8rem}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.nav-links{gap:1rem}.nav-links a{font-size:.95rem}}@media (min-width:769px){header.scrolled-up .nav-links a{padding:.4rem 0}}.contact-page .page-hero{background:linear-gradient(135deg,#fff,#f9fafc);margin-top:76px;overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center}.contact-page .contact-methods{padding:4rem 2rem}.contact-container{gap:2rem;grid-template-columns:1fr 1fr}.contact-card{border-radius:10px;box-shadow:0 2px 10px var(--shadow-color);padding:2rem}.primary-contact{background:var(--beamo-yellow-light);grid-column:1/-1;text-align:center}.support-phone{font-size:2rem;margin:1rem 0}.tutorial-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}.tutorial-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px var(--shadow-color);overflow:hidden}.video-wrapper{padding-bottom:56.25%;position:relative}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.tutorial-content{padding:1.5rem}.tutorial-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.tutorial-steps ul{list-style:none;margin:0;padding:0}.tutorial-steps li{border-bottom:1px solid #eee;padding:.5rem 0}.resource-link{align-items:center;color:var(--beamo-yellow-dark);display:inline-flex;font-weight:500;gap:.5rem;margin:.5rem 0;text-decoration:none}.requirements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.requirement-card{border-radius:10px;box-shadow:0 2px 10px var(--shadow-color);padding:2rem;text-align:center}.requirement-card i{color:var(--beamo-yellow);font-size:2.5rem;margin-bottom:1rem}.setup-steps{margin:2rem 0}.step{background:#fff;box-shadow:0 2px 10px var(--shadow-color);margin-bottom:2rem}.raspberry-pi-page .step-number{background:var(--beamo-purple-light);box-shadow:0 4px 10px rgba(176,0,89,.3);color:#fff}.tip-box,.warning-box{margin:1.5rem auto}@media (max-width:480px){.tip-box{align-items:flex-start;flex-direction:column;padding:1rem}.tip-box .icon{margin-bottom:.5rem;margin-right:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--beamo-yellow);border:3px solid var(--background-light);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--beamo-yellow-dark)}@media (max-width:768px){.contact-container,.tutorial-grid{grid-template-columns:1fr}.requirements-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.requirements-grid{grid-template-columns:1fr}}.instructions-page{padding-top:76px}.instructions-container{display:grid;gap:3rem;grid-template-columns:250px 1fr;padding:2rem}.toc{background:#fff;border-radius:10px;box-shadow:0 2px 10px var(--shadow-color);height:fit-content;padding:1.5rem;position:sticky;top:100px}.toc h2{border-bottom:2px solid var(--beamo-yellow);color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.toc ul{list-style:none}.toc li{margin:.8rem 0}.toc a{border-radius:5px;color:var(--text-secondary);display:block;padding:.5rem;text-decoration:none;transition:all .3s ease}.toc a:hover{background:var(--beamo-yellow-light);color:var(--text-primary);transform:translateX(5px)}.instructions-content section{background:#fff;border-radius:10px;box-shadow:0 2px 10px var (--shadow-color);margin-bottom:2rem;padding:2rem}.instructions-content h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.instructions-content h2:after{background:var(--beamo-yellow);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.requirement-cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.req-card{background:var(--background-light);border-radius:10px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.req-card:hover{box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-5px)}.req-card i{color:var(--beamo-yellow);font-size:2.5rem;margin-bottom:1rem}.req-card h3{color:var(--text-primary);margin-bottom:.5rem}.os-instructions{margin-top:3rem}.step-by-step{display:grid;gap:2rem}.step{border-radius:10px;padding:2rem}.step-number{height:2.5rem;margin-bottom:1rem;position:static;transform:none;width:2.5rem}.warning{align-items:center;background:#fff3cd;border-radius:5px;color:#856404;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.warning .icon{flex-shrink:0;font-size:2rem;margin:0}.code-block{background:#2c3e50;border-radius:5px;color:#fff;margin:1rem 0;overflow-x:auto;padding:1rem}.code-block code{font-family:Courier New,Courier,monospace}.req-details{border-top:1px solid rgba(0,0,0,.1);margin-top:1rem;padding-top:1rem}.req-details span{color:var (--text-secondary);display:block;font-size:.9rem;margin:.5rem 0}.req-details i{margin-right:.5rem}.action-box{align-items:center;background:var(--background-light);border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.settings-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.settings-container .tip-box,.tip-box{max-width:1100px;width:95%}.tip-box{align-items:flex-start;border-radius:10px;box-sizing:border-box;display:flex;gap:1rem;margin:1.5rem auto;padding:1.5rem}.tip-box .icon{color:#3498db;font-size:1.5rem;margin-right:1rem}@media (max-width:768px){.settings-container{grid-template-columns:1fr}}@media (max-width:900px){.instructions-container{grid-template-columns:1fr;max-width:100%;padding:1.5rem 0;width:100%}.toc{margin-bottom:2rem;position:static}}@media (max-width:480px){.requirement-cards{grid-template-columns:1fr}.step{padding:1.5rem}.step-number{align-items:center;background:var(--beamo-yellow-light);border-radius:50%;color:var(--text-primary);display:flex;font-weight:600;height:2.5rem;justify-content:center;margin-bottom:1rem;position:static;transform:none;width:2.5rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.instructions-container{padding:1rem}.instructions-content section{padding:1.5rem}.toc{padding:1rem}.os-content.active{padding:0;width:100%}.action-box,.tip-box,.warning{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}}.raspberry-hero{background:linear-gradient(135deg,#b00059,#650033);overflow:hidden;position:relative}.raspberry-hero:before{animation:heroPattern 30s linear infinite;background:url(/assets/pattern.df916a94e833ec902d85.svg);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0}.raspberry-hero .hero-content{padding:6rem 2rem;position:relative;z-index:2}.raspberry-hero h1{animation:slideDown .8s ease;color:#fff;font-size:3.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.raspberry-hero p{animation:fadeIn 1s ease .3s both;color:hsla(0,0%,100%,.9);font-size:1.4rem;margin:0 auto;max-width:600px}.pi-instructions{background:var(--background-light);padding:4rem 2rem}.instructions-container{margin:0 auto;max-width:1200px}.raspberry-pi-page .instructions-container{display:block;grid-template-columns:none}.requirements-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.requirement-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;padding:2.5rem 2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.requirement-card:before{background:var(--beamo-purple);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.requirement-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-5px)}.raspberry-pi-page .requirements-grid .requirement-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:none}.requirement-card:hover:before{transform:scaleX(1)}.requirement-card i{color:var(--beamo-purple);font-size:3rem;margin-bottom:1.5rem;transition:transform .3s ease}.requirement-card:hover i{transform:none}.requirement-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.requirement-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.setup-guide{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:4rem;padding:3rem}.setup-guide h2{color:var(--text-primary);font-size:2.2rem;margin-bottom:3rem;position:relative;text-align:center}.setup-guide h2:after{background:var(--beamo-purple);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.setup-steps{display:grid;gap:2.5rem}.step{background:var(--background-light);border-radius:15px;padding:2rem 2rem 2rem 3.5rem;position:relative;transition:transform .3s ease}.step-number{align-items:center;background:var(--beamo-yellow-light);border-radius:50%;box-shadow:0 4px 10px hsla(48,89%,70%,.3);display:flex;font-size:1.2rem;font-weight:600;height:3rem;justify-content:center;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:3rem}.step h3,.step-number{color:var(--text-primary)}.step h3{font-size:1.4rem;margin-bottom:1rem}.tip-box,.warning-box{align-items:flex-start;border-radius:10px;box-sizing:border-box;display:flex;gap:1rem;margin:1.5rem 0;max-width:1100px;padding:1.5rem;width:95%}.tip-box{background:#d1e7dd;border-left:4px solid #198754}.warning-box{background:#fff3cd;border-left:4px solid #ffc107}.tip-box i,.warning-box i{font-size:1.4rem}.settings-list{align-items:center;display:flex;flex-direction:column;margin:1rem 0;padding:0;width:100%}.settings-list li{align-items:center;background:var(--background-light);border-radius:6px;display:inline-flex;margin-bottom:.8rem;padding:.8rem 1.2rem;position:relative;text-align:center}@media (max-width:768px){.raspberry-hero h1{font-size:2.5rem}.raspberry-hero p{font-size:1.2rem}.setup-guide{padding:2rem}.step{border-radius:0;box-sizing:border-box;margin-left:0;margin-right:0;max-width:100vw;padding:1.5rem 1rem;width:100%}.step-number{align-items:center;background:var(--beamo-yellow-light);border-radius:50%;color:var(--text-primary);display:flex;font-weight:600;height:2.5rem;justify-content:center;margin-bottom:1rem;position:static;transform:none;width:2.5rem}.raspberry-pi-page .step-number{background:var(--beamo-purple-light);box-shadow:0 4px 10px rgba(176,0,89,.3);color:#fff}}@media (max-width:480px){.nav-brand{gap:.8rem}.nav-brand h1{font-size:1.2rem}.logo{height:35px}.mobile-menu-toggle{padding:.3rem}.mobile-menu-toggle span{width:22px}.requirements-grid{grid-template-columns:1fr}.instructions-container{max-width:100%;padding:.5rem 0;width:100%}.instructions-content section{border-radius:0;max-width:100%;padding:1rem .5rem;width:100%}.toc{border-radius:0;box-sizing:border-box;padding:1rem;width:100%}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.instructions-page .page-hero{padding:3rem .5rem}.instructions-page .hero-content h1{font-size:2rem}.instructions-page .hero-content p{font-size:.9rem}.instructions-content section h2,.toc h2{font-size:1.5rem}.step{border-radius:0;box-sizing:border-box;margin-bottom:1rem;max-width:100%;padding:1.5rem .75rem!important;width:100%}.os-content.active{margin:0;padding:0;width:100%}.action-box,.tip-box,.warning{border-radius:0;box-sizing:border-box;margin:.75rem 0;max-width:100%;padding:1rem .75rem;width:100%}.settings-container{margin:.75rem 0}.settings-container,.settings-list{max-width:100%;padding:0;width:100%}.settings-list{margin:.5rem 0}.settings-list li{border-radius:0;box-sizing:border-box;margin-bottom:.5rem;max-width:100%;padding:.75rem;width:100%}}.contact-methods{background:var(--background-light);padding:4rem 2rem}.contact-container{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.contact-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:2.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-5px)}.contact-card i{color:var(--beamo-yellow);font-size:3rem;margin-bottom:1.5rem}.contact-card h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.support-phone{color:var(--text-primary);display:block;font-size:2.2rem;font-weight:700;margin:1.5rem 0;text-decoration:none;transition:color .3s ease}.support-phone:hover{color:var(--beamo-yellow-dark)}.support-hours{background:#f8f9fa;border-radius:10px;margin:2rem 0;padding:2rem}.support-hours h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.support-hours p{color:var(--text-secondary);margin-bottom:.5rem}.quick-help{background:var(--background-light);padding:4rem 0}.help-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.help-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.help-card:before{background:var(--beamo-yellow);content:"";height:3px;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:1}.help-card:hover:before{width:100%}.help-card:hover{transform:translateY(-5px)}.help-card i{color:var(--beamo-yellow);font-size:2.5rem;margin-bottom:1rem}.help-card h3{margin-bottom:1rem}.help-card h3,.help-link{color:var(--text-primary)}.help-link{background:var(--beamo-yellow-light);border-radius:6px;display:inline-block;font-weight:500;margin-top:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.help-link:hover{background:var(--beamo-yellow);transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.contact-container,.help-grid{grid-template-columns:1fr}}.faq-question{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:rgba(244,208,63,.1)}.faq-question i{transition:transform .3s ease}.faq-question[aria-expanded=true] i{transform:rotate(180deg)}.help-options{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.support-button{align-items:center;border-radius:50px;display:inline-flex;font-weight:600;gap:.8rem;padding:1.2rem 2.5rem;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}.support-button i{font-size:1.2rem;margin:0}.support-button{background:var(--beamo-purple);color:#fff}.support-button:hover{box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateY(-2px)}.faq-question{gap:1rem;padding:1.8rem}.os-content{display:none;opacity:0;transition:opacity .3s ease}.os-content.active{display:block;opacity:1}.settings-list h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.settings-list ul{list-style:none;margin:0 0 1.5rem;padding:0}.settings-list ul li{align-items:center;background:var(--background-light);border-radius:6px;display:flex;margin-bottom:.5rem;padding:.5rem 1rem;transition:transform .3s ease}.settings-list ul li:hover{transform:translateX(5px)}.settings-list ul li strong{color:var(--text-primary);display:inline-block;min-width:80px}.settings-container .tip-box{align-items:flex-start;background:var(--beamo-yellow-light);border-radius:8px;box-sizing:border-box;display:flex;gap:1rem;margin:1.5rem auto;max-width:1200px;padding:1.5rem;width:90%}.settings-container .tip-box i{color:var(--text-primary);flex-shrink:0;font-size:1.2rem;margin-top:.2rem}.settings-container .tip-box p{word-wrap:break-word;color:var(--text-primary);flex:1;font-size:.95rem;line-height:1.5;margin:0;overflow-wrap:break-word;white-space:normal}.settings-container{display:block;margin:1rem auto;max-width:none;padding:0;width:100%}@media (max-width:768px){.settings-container .settings-list ul li{padding:.8rem}.settings-container .settings-list ul li strong{min-width:70px}}.contact-container.centered-contact{align-items:center;display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:800px}.email-support{text-align:center;width:100%}.text-only-note{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:.5rem 0}.tutorials-page{padding-top:76px}.tutorials-page .page-hero{margin-top:0;padding:6rem 2rem 4rem}.blog-section{background:var(--background-light);max-width:100%;overflow:hidden;padding:4rem 2rem;width:100%}.blog-grid{display:grid;gap:2.5rem;margin:0 auto;max-width:1200px}.blog-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-overlay-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-content,.blog-image,.blog-meta,.featured-tag,.read-more{position:relative;z-index:2}.blog-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-5px)}.blog-card.featured{display:grid;grid-column:1/-1;grid-template-columns:1.2fr 1fr}.blog-image{height:250px;position:relative}.blog-card.featured .blog-image{height:100%}.blog-image img{height:100%;object-fit:cover;width:100%}.featured-tag{background:var(--beamo-yellow);border-radius:25px;color:var(--text-primary);font-size:.9rem;font-weight:600;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem}.blog-content{padding:2rem}.blog-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:1rem}.blog-meta span{align-items:center;display:flex;gap:.5rem}.blog-card h2{font-size:1.8rem}.blog-card h2,.blog-card h3{color:var(--text-primary);margin-bottom:1rem}.blog-card h3{font-size:1.4rem}.blog-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.read-more{align-items:center;color:var(--beamo-yellow-dark);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:gap .3s ease}.read-more:hover{gap:.8rem}.article-hero{background:linear-gradient(135deg,#fff8e1,#ffe082);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.article-hero:before{animation:heroPattern 30s linear infinite;background:url(/assets/pattern.df916a94e833ec902d85.svg);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0}.article-meta{color:var(--text-secondary);display:flex;gap:2rem;justify-content:center;margin-top:2rem}.article-content{margin:4rem auto;max-width:800px;padding:0 2rem}.article-content h2{color:var(--text-primary);font-size:2rem;margin:2.5rem 0 1.5rem}.article-content h3{color:var(--text-primary);font-size:1.5rem;margin:2rem 0 1rem}.article-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.article-content ol,.article-content ul{margin:1.5rem 0;padding-left:2rem}.article-content li{color:var(--text-secondary);margin-bottom:.8rem}.article-image{border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:2rem auto;max-width:800px;width:100%}@media (max-width:968px){.blog-card.featured{grid-template-columns:1fr}.blog-card.featured .blog-image{height:300px}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-card h2{font-size:1.6rem}.article-hero h1{font-size:2.5rem}.article-meta{flex-wrap:wrap;gap:1rem;justify-content:center}}@media (max-width:480px){.blog-card .blog-image{height:200px}.blog-content{padding:1.5rem}.blog-card h2{font-size:1.4rem}.blog-card h3{font-size:1.2rem}.article-content{padding:0 1rem}}.warning-box .icon{color:#e74c3c;font-size:1.5rem;margin-right:1rem}body:not(.raspberry-pi) .cta-secondary{background:var(--beamo-yellow);border:none;box-shadow:none;color:#fff;outline:none;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}body:not(.raspberry-pi) .cta-secondary:hover{background:var(--beamo-yellow-dark);border:none;box-shadow:0 4px 15px rgba(0,0,0,.2);outline:none;transform:translateY(-2px)}body:not(.raspberry-pi) .support-button{background:#000;color:#fff;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}body:not(.raspberry-pi) .support-button:hover{background:#333;box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateY(-2px)}@media (min-width:769px) and (max-width:850px){.logo{height:48px}.nav-links{gap:.6rem}.nav-links a{font-size:.8rem;padding:.4rem 0}.main-nav{padding:.8rem}.nav-brand{margin-right:.5rem}}@media (min-width:1025px){.nav-brand{margin-right:.75rem}.nav-links{gap:2rem}}.header-social-links{align-items:center;display:flex;gap:.8rem;margin-left:auto}.header-social-links a{align-items:center;background:rgba(0,0,0,.05);border-radius:50%;display:inline-flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.header-social-links a img.social-icon{height:20px;object-fit:contain;width:20px}.header-social-links a:hover{background:var(--beamo-yellow);transform:translateY(-3px)}.header-social-links a:hover img.social-icon{transform:scale(1.1)}.hero{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.hero:before{animation:subtleFloat 15s ease-in-out infinite alternate}@keyframes subtleFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.02)}}.page-hero .help-options,.page-hero .support-options{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.page-hero .support-button{align-items:center;background:var(--beamo-yellow);border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff;display:inline-flex;font-weight:600;gap:.6rem;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s ease}.page-hero .support-button:hover{background:var(--beamo-yellow-dark);box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-3px)}.page-hero .emoji,.page-hero .icon{display:inline-block;font-size:2rem;margin-bottom:1rem}.page-hero.bottom-help{background:var(--background-dark);box-shadow:0 -10px 30px rgba(0,0,0,.03);margin-top:0;padding:3.5rem 2rem;position:relative;z-index:1}.page-hero.bottom-help .icon{font-size:3rem;margin-bottom:1rem}.page-hero.bottom-help h2{font-size:2.5rem;margin-bottom:1rem}.page-hero.bottom-help p{font-size:1.2rem;margin-bottom:1.5rem}.page-hero.bottom-help .support-button{font-size:1rem;padding:.7rem 1.5rem}.page-hero.bottom-help .support-button .icon{display:inline-block;font-size:1.2rem;margin-bottom:0;vertical-align:middle}.page-hero.bottom-help .emoji{font-size:3rem;margin-bottom:1rem}.product-benefits{background-color:var(--background-light);padding:5rem 2rem;position:relative;text-align:center}.product-benefits h2{color:var(--text-primary);display:inline-block;font-size:2.5rem;margin-bottom:3rem;position:relative}.product-benefits h2:after{background:var(--beamo-yellow);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.benefits-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.benefit-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:2.5rem 1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-item:hover{box-shadow:0 15px 35px rgba(0,0,0,.1);transform:translateY(-10px)}.benefit-item .icon{color:var(--beamo-yellow-dark);font-size:3rem;margin-bottom:1.5rem}.benefit-item h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.benefit-item p{color:var(--text-secondary);line-height:1.7;margin-bottom:0}@media (max-width:768px){.benefits-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.benefit-item{padding:2rem 1.2rem}}@media (max-width:480px){.benefits-grid{gap:1.5rem;grid-template-columns:1fr}.product-benefits h2{font-size:2rem}.benefit-item .icon{font-size:2.5rem}.benefit-item h3{font-size:1.3rem}}.product-icon{border-radius:8px;height:100px;margin-bottom:1rem;object-fit:contain;transition:transform .3s ease;width:100px}.product-icon:hover{transform:none}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-animate.animated{opacity:1;transform:translateY(0)}.scroll-delay-1{transition-delay:.2s}.scroll-delay-2{transition-delay:.4s}.scroll-delay-3{transition-delay:.6s}.fade-in{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1)}.fade-in.animated{opacity:1}.slide-in-left{opacity:0;transform:translateX(-50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.slide-in-left.animated{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.slide-in-right.animated{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scale-in.animated{opacity:1;transform:scale(1)}.sticky-section{position:sticky;top:80px;z-index:1}.parallax-bg{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.reveal-sequential>*{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal-stagger-delay-1{transition-delay:.1s}.reveal-stagger-delay-2{transition-delay:.2s}.reveal-stagger-delay-3{transition-delay:.3s}.hero-parallax{overflow:hidden;position:relative}.hero-parallax:before{background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(0,0,0,.01));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-parallax .hero-content{position:relative;z-index:2}body:has(.product-benefits) .hero{box-shadow:none;margin-bottom:0;padding-bottom:4rem}body:has(.product-benefits) .features{background:var(--background-dark);margin-top:0;padding-top:4rem}main{max-width:100%;overflow-x:hidden;width:100%}@media (max-width:768px){.instructions-content{margin:0;padding:0;width:100%}.instructions-content section{border-radius:0;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;padding:1.5rem .75rem;width:100%}.os-content.active{margin-left:-1rem;margin-right:-1rem;padding:0;width:calc(100% + 2rem)}}@media (max-width:480px){.os-content.active{margin-left:-.5rem;margin-right:-.5rem;padding:0;width:calc(100% + 1rem)}}@media (max-width:768px){.step-by-step{display:flex!important;flex-direction:column!important;margin-left:-1rem!important;margin-right:-1rem!important;max-width:calc(100% + 2rem)!important;width:calc(100% + 2rem)!important}.step{border-radius:0!important;box-sizing:border-box!important;margin-bottom:1.5rem!important;margin-left:0!important;margin-right:0!important;padding:1.5rem 1rem!important}.settings-list,.step{max-width:100%!important;width:100%!important}.settings-list{align-items:stretch!important}.settings-list li{box-sizing:border-box!important;justify-content:flex-start!important;max-width:100%!important;text-align:left!important;width:100%!important}}@media (max-width:480px){.step-by-step{margin-left:-.5rem!important;margin-right:-.5rem!important;max-width:calc(100% + 1rem)!important;width:calc(100% + 1rem)!important}.step{padding:1.5rem .75rem!important}}.product-link{background-color:#3498db;border-radius:4px;color:#fff;display:inline-block;font-weight:500;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.product-link:hover{background-color:#2980b9;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.raspberry-pi-page .requirements-grid .requirement-card:hover .icon{transform:none}