:root{--bg-primary:#fff;--bg-secondary:#f0f7fb;--bg-tertiary:#e6f0f7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#0ea5e9;--accent-light:#06b6d4;--accent-purple:#7c3aed;--accent-glow:#0ea5e926;--gradient-primary:linear-gradient(135deg, #06b6d4 0%, #0ea5e9 50%, #3b82f6 100%);--gradient-hover:linear-gradient(135deg, #3b82f6 0%, #0ea5e9 50%, #06b6d4 100%);--gradient-intense:linear-gradient(135deg, #7c3aed 0%, #2563eb 50%, #0ea5e9 100%);--gradient-glow:#0ea5e933;--grid-line:#0ea5e914;--border-color:#0ea5e933;--border-highlight:#fffc;--glass-border:#ffffffe6;--card-bg:#ffffffb3;--card-hover-bg:#f0f7fbd9;--navbar-bg:#ffffffbf;--navbar-bg-scrolled:#fffffff2;--navbar-border:#0ea5e926;--navbar-shadow:0 4px 20px #00000008;--navbar-shadow-scrolled:0 10px 40px #0ea5e914;--nav-pill-bg:#0ea5e914;--btn-shadow:0 8px 25px #0ea5e933;--hero-shadow:0 10px 40px #0ea5e91a;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "JetBrains Mono", monospace;--font-display:"Inter", sans-serif}:root[data-theme=dark]{--bg-primary:#020617;--bg-secondary:#0a0f25;--bg-tertiary:#111827;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent:#0ea5e9;--accent-light:#22d3ee;--accent-purple:#8b5cf6;--accent-glow:#0ea5e959;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #0ea5e9 50%, #22d3ee 100%);--gradient-hover:linear-gradient(135deg, #22d3ee 0%, #0ea5e9 50%, #3b82f6 100%);--gradient-intense:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #22d3ee 100%);--gradient-glow:#0ea5e966;--grid-line:#0ea5e90f;--border-color:#ffffff1a;--border-highlight:#ffffff40;--glass-border:#ffffff0d;--card-bg:#0b112099;--card-hover-bg:#131c31bf;--navbar-bg:#020617a6;--navbar-bg-scrolled:#020617eb;--navbar-border:#ffffff1a;--navbar-shadow:0 10px 40px #000c;--navbar-shadow-scrolled:0 10px 40px #000000e6;--nav-pill-bg:#0ea5e91f;--btn-shadow:0 8px 30px #0ea5e966;--hero-shadow:0 10px 50px #0ea5e940}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}#root{flex-direction:column;display:flex}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.main-content-wrapper{padding-left:0}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:2}::view-transition-old(root){z-index:1}section{contain:layout style}.text-massive{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(4rem,12vw,12rem);line-height:.85}.text-huge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(3rem,8vw,8rem);line-height:.9}.decor-circle{background:var(--bg-secondary);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.sticky-container{height:400vh;position:relative}.sticky-left{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0}.scroll-cards{z-index:2;margin-top:-100vh;position:relative}.scroll-card{align-items:center;height:100vh;display:flex}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.1}h1{letter-spacing:-.04em;font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}h4{font-size:1.125rem}p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.text-gradient{background:var(--gradient-primary);color:#0000;text-shadow:0 0 40px var(--accent-glow);-webkit-background-clip:text;background-clip:text}.text-gradient-intense{background:var(--gradient-intense);color:#0000;text-shadow:0 0 60px var(--accent-glow);-webkit-background-clip:text;background-clip:text}.bg-bubble{filter:blur(120px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.bubble-blue{background:#6366f140}@media (prefers-color-scheme:dark){.bubble-blue{background:#0ea5e926}}.bubble-purple{background:#8b5cf640}@media (prefers-color-scheme:dark){.bubble-purple{background:#8b5cf626}}.btn{cursor:pointer;z-index:1;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--btn-shadow);border:1px solid #fff3}.btn-primary:before{content:"";background:var(--gradient-hover);z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:0}.btn-primary:hover{box-shadow:0 15px 35px var(--gradient-glow);transform:translateY(-3px)scale(1.02)}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 25px #0000000d}@media (prefers-color-scheme:dark){.btn-secondary:hover{box-shadow:0 10px 25px var(--accent-glow)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:8rem 0;position:relative}.bg-grid{z-index:0;pointer-events:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%236366f1' stroke-width='1' stroke-opacity='0.08'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'/%3E%3Cpath d='M0 11h9v2H0v-2zm12 0h100v2H12v-2zm0-9h2v7h-2V2zM0 34h41v2H0v-2zm44 0h76v2H44v-2zm0-9h2v7h-2v-7zm27 53h49v2H71v-2zm-2 0h-4v2h4v-2zm0-9h2v7h-2v-7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.bg-grid:after{content:"";background:radial-gradient(circle at center, transparent 10%, var(--bg-primary) 90%);width:100%;height:100%;position:absolute;top:0;left:0}.App{min-height:100vh;position:relative}.pcb-reveal{cursor:crosshair;border:1px solid var(--border-color);box-shadow:0 30px 60px #00000026, 0 0 0 1px var(--glass-border) inset;border-radius:32px;position:relative;overflow:hidden}.pcb-reveal .pcb-outer{object-fit:cover;width:100%;height:100%;transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}.pcb-reveal .pcb-inner{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.pcb-reveal:hover .pcb-outer{opacity:.1;transform:scale(1.02)}.pcb-reveal:hover .pcb-inner{opacity:1}.pcb-reveal .pcb-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;opacity:0;z-index:10;background:#000c;border:1px solid #ffffff1a;border-radius:999px;padding:.5rem 1rem;transition:opacity .5s .1s;position:absolute;bottom:1.5rem;left:1.5rem}.pcb-reveal:hover .pcb-label{opacity:1}.feature-card{background:var(--card-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-color);box-shadow:0 10px 30px #0003, inset 0 1px 0 var(--border-highlight), inset 1px 0 0 #ffffff0d;border-radius:28px;padding:3rem;transition:all .6s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg, var(--border-highlight), #ffffff0d);-webkit-mask-composite:xor;pointer-events:none;opacity:.5;border-radius:28px;padding:1px;transition:opacity .6s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover{background:var(--card-hover-bg);border-color:var(--accent-light);box-shadow:0 25px 50px #0000004d, 0 0 40px var(--accent-glow), inset 0 1px 0 var(--border-highlight);transform:translateY(-8px)scale(1.02)}.feature-card:hover:before{background:var(--gradient-intense);opacity:1}.feature-icon{background:var(--gradient-glow);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(32px);border-radius:24px;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff26}.glass-card:hover{background:var(--card-hover-bg);border-color:var(--accent-light);box-shadow:0 20px 50px #00000040, 0 0 30px var(--accent-glow), inset 0 1px 0 #ffffff40;transform:translateY(-6px)scale(1.02)}@media (prefers-color-scheme:dark){.glass-card:hover{box-shadow:0 20px 50px #0006, 0 0 30px var(--accent-glow), inset 0 1px 0 #fff3}}.svg-trace{stroke:var(--accent);stroke-width:1.5px;fill:none;filter:drop-shadow(0 0 8px var(--accent))}@media (width>=768px){.d-md-flex{display:flex!important}.d-md-none{display:none!important}}@media (width<=767px){.d-none.d-md-flex{display:none!important}.d-md-none{display:flex!important}}@media (width>=992px){.d-lg-block{display:block!important}}@media (width<=991px){.d-none.d-lg-block{display:none!important}}@media (width<=768px){h1{letter-spacing:-.02em;font-size:clamp(2.2rem,8vw,3rem)}h2{font-size:clamp(1.8rem,6vw,2.5rem)}h3{font-size:clamp(1.2rem,5vw,1.5rem)}p{font-size:1rem}section{padding:4rem 0}.container{padding:0 1.25rem}.hero-flex-mobile{text-align:center!important;flex-direction:column!important;gap:2rem!important}.hero-flex-mobile h1,.hero-flex-mobile p{text-align:center!important}.grid-1fr-1fr{grid-template-columns:1fr!important;gap:2.5rem!important}.feature-card{padding:2rem 1.5rem}.text-massive{font-size:clamp(3rem,12vw,5rem)}.text-huge{font-size:clamp(2.5rem,10vw,4rem)}}@media (width<=480px){.container{padding:0 1rem}section{padding:3rem 0}.btn{padding:.75rem 1.5rem;font-size:.9rem}}.animated-gradient-border{background:linear-gradient(120deg, var(--accent), transparent, var(--accent-light), transparent);background-size:300% 300%;padding:1px;animation:4s linear infinite borderPan}@keyframes borderPan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
