:root{--bg-color: #050505;--primary-color: #FF2E2E;--accent-color: #9D00FF;--text-color: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--font-heading: "Tomorrow", sans-serif;--font-subheading: "Chakra Petch", sans-serif;--font-body: "Inter", sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:var(--font-subheading);background-color:#1a1a1a;cursor:pointer;transition:all .25s;color:var(--text-color)}button:hover{border-color:var(--primary-color);box-shadow:0 0 10px #ff2e2e4d}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(90deg,var(--text-color) 0%,var(--text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:3rem}.header-logo{font-family:var(--font-heading);font-size:1.2rem;color:var(--text-color);text-transform:uppercase;letter-spacing:1px}.header-logo:hover{color:var(--primary-color)}.nav-item{position:relative;cursor:pointer}.nav-link{font-family:var(--font-subheading);font-weight:500;color:var(--text-secondary);transition:color .3s;display:flex;align-items:center;gap:.5rem}.nav-link:hover{color:var(--text-color)}.chevron-down{font-size:.7em;transition:transform .3s}.nav-item:hover .chevron-down{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:-1rem;width:280px;background:#0a0a0af2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;margin-top:1rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;box-shadow:0 10px 30px #00000080}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:1rem;border-radius:6px;transition:background .2s}.dropdown-item:hover{background:#ffffff0d}.dropdown-item .item-title{display:block;font-family:var(--font-heading);font-size:1rem;color:var(--text-color);margin-bottom:.2rem}.dropdown-item:hover .item-title{color:var(--primary-color)}.dropdown-item:nth-child(2):hover .item-title{color:var(--accent-color)}.dropdown-item .item-desc{display:block;font-size:.8rem;color:var(--text-secondary)}.get-in-touch-btn{font-family:var(--font-subheading);font-weight:600;color:var(--bg-color);background-color:var(--text-color);padding:.6rem 1.2rem;border-radius:4px;font-size:.9rem;transition:all .3s}.get-in-touch-btn:hover{background-color:var(--primary-color);color:var(--text-color);box-shadow:0 0 15px #ff2e2e66}@media(max-width:768px){.header-left{gap:1rem}.nav-link span{display:none}}.hero{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 4rem;position:relative;background-color:var(--bg-color);overflow:hidden}.hero-top-text{font-family:var(--font-subheading);font-size:1.2rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem;opacity:0;animation:fadeIn 1s ease-out forwards .5s}.top-chevron{font-weight:700}.hero-content{flex-grow:1;display:flex;align-items:flex-end;padding-bottom:4rem}.logo-container{display:flex;align-items:center;gap:2rem}.red-bar{width:8px;height:180px;background-color:var(--primary-color);box-shadow:0 0 20px var(--primary-color);opacity:0;animation:growBar 1s ease-out forwards}.logo-text{display:flex;flex-direction:column;font-family:var(--font-heading);font-size:8rem;line-height:.9;text-transform:uppercase;letter-spacing:-2px;margin:0;text-align:left;align-items:flex-start;font-weight:300}.logo-line{opacity:0;transform:translate(-20px);animation:slideIn .8s ease-out forwards}.logo-line:nth-child(1){animation-delay:.2s}.logo-line:nth-child(2){animation-delay:.4s}.hero-bottom-right{position:absolute;bottom:2rem;right:2rem}.chevrons-container{display:flex;gap:-10px}.chevron-icon{width:60px;height:60px;opacity:0;animation:pulseChevron 2s infinite}.chevron-icon.grey{color:#4a4a4a;animation-delay:0s}.chevron-icon.purple{color:var(--accent-color);animation-delay:.2s;margin-left:-25px}.chevron-icon.red{color:var(--primary-color);animation-delay:.4s;margin-left:-25px}@keyframes fadeIn{to{opacity:1}}@keyframes growBar{0%{height:0;opacity:0}to{height:180px;opacity:1}}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes pulseChevron{0%{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(5px)}to{opacity:.3;transform:translate(0)}}@media(max-width:768px){.hero{padding:1.5rem}.logo-text{font-size:4rem}.red-bar{height:100px;width:5px}.hero-top-text{font-size:1rem}}.offerings{padding:6rem 0;background-color:var(--bg-color);position:relative}.section-title{font-size:2rem;margin-bottom:3rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);border-left:4px solid var(--accent-color);padding-left:1rem}.offerings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.offering-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2.5rem;overflow:hidden;transition:transform .3s ease,border-color .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offering-card:hover{transform:translateY(-5px);border-color:#ffffff4d}.card-content{position:relative;z-index:2}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-number{font-family:var(--font-subheading);font-size:3rem;font-weight:700;color:#ffffff1a;line-height:1}.card-title{font-family:var(--font-heading);font-size:2rem;color:var(--text-color);margin:0}.card-subtitle{font-family:var(--font-subheading);font-size:1.2rem;color:var(--primary-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.offering-card.light-touch .card-subtitle{color:var(--accent-color)}.card-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.card-footer{margin-top:auto}.learn-more{font-family:var(--font-subheading);color:var(--text-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:color .3s}.offering-card:hover .learn-more{color:var(--primary-color)}.offering-card.light-touch:hover .learn-more{color:var(--accent-color)}.card-bg-glow{position:absolute;top:0;right:0;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.offering-card:hover .card-bg-glow{opacity:.15}.card-bg-glow.red{background:var(--primary-color);top:-100px;right:-100px}.card-bg-glow.purple{background:var(--accent-color);inset:auto auto -100px -100px}@media(max-width:768px){.offerings-grid{grid-template-columns:1fr}}.footer{background-color:#000;border-top:1px solid rgba(255,255,255,.1);padding:4rem 0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.footer-logo{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem;text-transform:uppercase}.footer-tagline{color:var(--text-secondary);font-size:.9rem}.contact-btn{display:inline-block;background-color:var(--primary-color);color:var(--text-color);padding:1rem 2rem;border-radius:4px;font-family:var(--font-subheading);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;border:1px solid var(--primary-color)}.contact-btn:hover{background-color:transparent;color:var(--primary-color);box-shadow:0 0 15px #ff2e2e66}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;text-align:center;color:#fff6;font-size:.8rem}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:2rem}}.product-page{padding-top:80px;min-height:100vh}.product-hero{padding:6rem 0;position:relative;overflow:hidden}.product-title{font-family:var(--font-heading);font-size:5rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-2px;font-weight:300;line-height:.9}.product-subtitle{font-family:var(--font-subheading);font-size:2rem;color:var(--primary-color);margin-bottom:2rem}.product-desc{font-size:1.2rem;max-width:600px;color:var(--text-secondary);line-height:1.6}.product-glow{position:absolute;top:50%;right:-10%;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.2;transform:translateY(-50%);z-index:-1}.product-glow.red{background:var(--primary-color)}.product-glow.purple{background:var(--accent-color)}.product-details{padding:4rem 0;background:#ffffff05}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.detail-item h3{font-family:var(--font-subheading);font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.detail-item p{color:var(--text-secondary);line-height:1.6}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
