*,*:before,*:after{box-sizing:border-box}:root{--font-heading: "Space Grotesk", "Cinzel", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Space Grotesk", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-section-desktop: 4.5rem 1.5rem;--spacing-section-tablet: 3rem 1.25rem;--spacing-section-mobile: 2rem 1rem;--color-bg: #171A21;--color-text: #D6E2EB;--color-gold: #66C0F4;--color-accent: #00FFD0}html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden!important;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden!important;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:1rem;line-height:1.6;word-break:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,.h1{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw + 1rem,3.2rem);line-height:1.25;font-weight:700;letter-spacing:-.01em;margin-top:0;margin-bottom:1rem;color:#fff}h2,.h2{font-family:var(--font-heading);font-size:clamp(1.35rem,2.5vw + .8rem,2.2rem);line-height:1.3;font-weight:600;letter-spacing:.01em;margin-top:0;margin-bottom:.85rem}h3,.h3{font-family:var(--font-heading);font-size:clamp(1.1rem,1.5vw + .75rem,1.45rem);line-height:1.35;font-weight:600;margin-top:0;margin-bottom:.75rem}h4,h5,h6,.h4,.h5,.h6{font-family:var(--font-heading);font-size:clamp(.95rem,1vw + .65rem,1.15rem);line-height:1.4;font-weight:600;margin-top:0;margin-bottom:.5rem}p,.body-text{font-family:var(--font-body);font-size:clamp(.9rem,.5vw + .75rem,1.05rem);line-height:1.65;margin-top:0;margin-bottom:1rem;color:#d6e2eb;text-align:left}small,.text-sm{font-size:clamp(.78rem,.4vw + .65rem,.88rem);line-height:1.5}img,video,canvas,svg{max-width:100%;height:auto}input,select,textarea,button{font-family:var(--font-body)!important;font-size:16px!important;max-width:100%}button,a,input[type=button],input[type=submit]{touch-action:manipulation;min-height:44px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.table-responsive table{width:100%;min-width:550px}.admin-tabs,.nav-links,.table-responsive{scrollbar-width:thin;scrollbar-color:rgba(102,192,244,.4) transparent}.admin-tabs::-webkit-scrollbar,.nav-links::-webkit-scrollbar{height:4px}.admin-tabs::-webkit-scrollbar-thumb,.nav-links::-webkit-scrollbar-thumb{background:#66c0f466;border-radius:2px}.site-section{padding:var(--spacing-section-desktop);box-sizing:border-box}@media screen and (min-width:1025px){.responsive-hero-grid{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:50px!important;align-items:center!important}.responsive-pillars-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px!important}.responsive-badges-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:30px!important}}@media screen and (min-width:768px)and (max-width:1024px){.site-section{padding:var(--spacing-section-tablet)!important}.responsive-hero-grid{display:flex!important;flex-direction:column!important;gap:35px!important;text-align:center!important}.responsive-hero-grid>div{text-align:center!important;margin:0 auto!important}.hero-right-compass{display:flex!important;justify-content:center!important;margin-top:10px!important}.responsive-pillars-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.responsive-badges-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px!important}.glass-panel-mobile,.glass-panel{padding:2rem 1.5rem!important}.home-cards-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:20px!important}.home-cards-container>div{flex:1 1 300px!important;max-width:360px!important}}@media screen and (max-width:767px),screen and (max-aspect-ratio:9/16){.site-section{padding:var(--spacing-section-mobile)!important}.glass-panel-mobile,.glass-panel{width:96%!important;max-width:100%!important;padding:1.25rem .9rem!important;margin:.5rem auto!important;box-sizing:border-box!important;border-radius:12px!important}.result-container-mobile,.result-container{padding:1.25rem .85rem!important;width:100%!important}.nav-container{padding:.5rem .65rem!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.mobile-menu-btn{display:flex!important;align-items:center!important;gap:4px!important;order:1!important;flex-shrink:0!important;white-space:nowrap!important;padding:4px 8px!important;font-size:.8rem!important}.nav-logo{display:flex!important;align-items:center!important;gap:4px!important;font-size:.88rem!important;order:2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:130px!important;flex-shrink:1!important}.mobile-nav-controls{display:flex!important;align-items:center!important;gap:4px!important;order:3!important;flex-shrink:0!important;white-space:nowrap!important}.nav-links{width:100%!important;overflow-x:auto!important;white-space:nowrap!important;justify-content:flex-start!important;padding-bottom:6px!important;gap:12px!important;-webkit-overflow-scrolling:touch!important}.nav-links span,.nav-links div{font-size:.82rem!important;flex-shrink:0!important}.admin-tabs{width:100%!important;display:flex!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:8px!important;gap:8px!important;-webkit-overflow-scrolling:touch!important}.admin-tabs button{flex-shrink:0!important;padding:8px 12px!important;font-size:.8rem!important}.responsive-hero-grid,.responsive-pillars-grid,.responsive-badges-grid,.responsive-grid,.dual-capture-grid,.home-cards-container,.feature-grid,.product-grid,.pricing-grid{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;gap:1rem!important}.responsive-hero-grid>div,.responsive-pillars-grid>div,.responsive-badges-grid>div,.responsive-grid>div,.dual-capture-grid>div,.home-cards-container>div,.feature-grid>div,.product-grid>div,.pricing-grid>div{width:100%!important;max-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important}.hero-right-compass{display:none!important}.product-detail-container{flex-direction:column!important;padding:1rem!important;gap:1rem!important}.product-detail-image,.product-detail-content{width:100%!important;max-width:100%!important;text-align:center!important;align-items:center!important}.product-detail-buttons{flex-direction:column!important;width:100%!important;gap:10px!important}.product-detail-buttons button{width:100%!important}.camera-viewport{width:100%!important;max-width:320px!important;height:auto!important;aspect-ratio:3 / 4!important;margin:0 auto!important}.mystical-scan-frame{width:80%!important;height:80%!important}form input[type=text],form input[type=password],form input[type=number],form input[type=email],form select,form textarea{width:100%!important;box-sizing:border-box!important}button{max-width:100%!important}.modal-overlay{padding:10px!important}.modal-content{width:95%!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto!important;padding:1.25rem 1rem!important}p,.body-text{text-align:left!important;line-height:1.6!important;margin-bottom:.85rem!important}}@media screen and (max-width:420px){body{font-size:15px}.glass-panel,.glass-panel-mobile{padding:1rem .75rem!important}.nav-container{padding:.5rem .75rem!important}.bagua-wheel{width:150px!important;height:150px!important}}@media screen and (max-width:768px){.pricing-top-nav .nav-back-btn,.pricing-top-nav .nav-close-btn{display:none!important}}@media screen and (max-width:768px){.product-card-price{text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;display:block!important}}.cart-title{white-space:nowrap!important}@media screen and (max-width:768px){.cart-title{font-size:clamp(1.1rem,5.2vw,1.8rem)!important;white-space:nowrap!important}}@media screen and (max-width:1024px){.hide-mobile-tablet,.admin-portal-link{display:none!important}}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#ffffff0d;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;border:1px solid rgba(212,175,55,.15)}.mobile-menu-item:hover,.mobile-menu-item:active{background:#d4af372e;border-color:#d4af3766}.article-diagram-stage{aspect-ratio:5 / 3!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:12px 12px 0 0!important;overflow:hidden!important}.article-diagram-stage svg{margin:auto!important;display:block!important;align-self:center!important;justify-self:center!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.article-diagram-annotations{width:100%!important;padding:16px 14px!important;background:#0b111af5!important;border-top:1px solid rgba(102,192,244,.2)!important;box-sizing:border-box!important}.article-diagram-annotations-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important;width:100%!important}.article-diagram-annotation-card{padding:10px 12px!important;min-height:52px!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:10px!important;box-sizing:border-box!important}@media screen and (min-width:768px)and (max-width:1023px){.article-diagram-stage{aspect-ratio:16 / 9!important;max-height:420px!important}.article-diagram-annotations{padding:20px!important}.article-diagram-annotations-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}.article-diagram-annotation-card{padding:12px 16px!important;min-height:58px!important}}@media screen and (min-width:1024px){.article-diagram-stage{aspect-ratio:16 / 9!important;max-height:480px!important}.article-diagram-annotations{padding:24px!important}.article-diagram-annotations-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}.article-diagram-annotation-card{padding:14px 18px!important;min-height:62px!important}}.article-real-image-container{aspect-ratio:4 / 3!important;width:100%!important;max-width:600px!important;margin:0 auto!important;height:auto!important}.article-generated-real-image,.article-real-image-container img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}nav,.navbar,nav[style]{z-index:10000!important;position:sticky!important;top:0!important}.modal-overlay,div[style*="position: fixed"][style*="zIndex: 3000"],div[style*="position: fixed"][style*="zIndex: 4000"],div[style*="position: fixed"][style*="zIndex: 5000"]{top:56px!important;height:calc(100vh - 56px)!important;box-sizing:border-box!important}@media screen and (min-width:769px){.pricing-top-nav,.pricing-top-nav .nav-back-btn,.pricing-top-nav .nav-close-btn{display:none!important}}