.email-signup{background:linear-gradient(135deg,#ff6b3514,#4ecdc414);border:1px solid rgba(255,107,53,.15);border-radius:2rem;padding:4rem 3rem;text-align:center;max-width:900px;margin:0 auto;box-shadow:0 20px 40px #00000014;backdrop-filter:blur(10px)}.signup-content h3{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.signup-content p{color:var(--text-secondary);margin-bottom:3rem;line-height:1.6;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.signup-form{margin-bottom:2rem}.form-group{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.email-input{flex:1;min-width:350px;max-width:450px;padding:1rem 1.5rem;border:2px solid rgba(255,107,53,.2);border-radius:1rem;background:#ffffffe6;color:var(--text-primary);font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #0000000d;backdrop-filter:blur(10px)}.email-input:focus{outline:none;border-color:var(--primary);box-shadow:0 8px 25px #ff6b3526;transform:translateY(-2px)}.email-input::placeholder{color:var(--text-muted)}.frameworks-section{margin:3rem 0;text-align:center}.frameworks-section h4{font-size:1.3rem;font-weight:600;margin-bottom:2rem;color:var(--text-primary)}.optional{font-size:.9rem;font-weight:400;color:var(--text-muted)}.frameworks-mosaic{display:flex;flex-direction:column;gap:.8rem;margin:1.5rem 0;max-width:900px;margin-left:auto;margin-right:auto;position:relative}.mosaic-row{display:flex;gap:.8rem;align-items:stretch;margin-bottom:.8rem}.mosaic-row.top-wide{min-height:140px}.mosaic-row.middle,.mosaic-row.bottom{min-height:120px}.category-section{position:relative;border-radius:.8rem;overflow:hidden;transition:all .3s ease;padding:0;display:flex;flex-direction:column}.category-section:before{content:"";position:absolute;top:0;right:0;width:0;height:0;z-index:1;transition:all .3s ease}.category-section.frontend.wide{flex:1;background:linear-gradient(135deg,#61dafb1a,#61dafb0d);border:2px solid rgba(97,218,251,.2)}.category-section.backend{flex:1;background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border:2px solid rgba(255,107,53,.2)}.category-section.cloud{flex:1;background:linear-gradient(135deg,#9c27b01a,#9c27b00d);border:2px solid rgba(156,39,176,.2)}.category-section.database{flex:2;background:linear-gradient(135deg,#4ecdc41a,#4ecdc40d);border:2px solid rgba(78,205,196,.2)}.category-section.runtime{flex:1;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:2px solid rgba(255,193,7,.2)}.category-section.frontend:before{border-top:20px solid rgba(97,218,251,.3);border-left:20px solid transparent}.category-section.backend:before{border-top:20px solid rgba(255,107,53,.3);border-left:20px solid transparent}.category-section.database:before{border-top:20px solid rgba(78,205,196,.3);border-left:20px solid transparent}.category-section.cloud:before{border-top:20px solid rgba(156,39,176,.3);border-left:20px solid transparent}.category-section.runtime:before{border-top:20px solid rgba(255,193,7,.3);border-left:20px solid transparent}.category-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.category-section:hover:before{transform:scale(1.2)}.category-header{position:absolute;top:.5rem;left:.6rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;z-index:10;padding:.25rem .5rem;border-radius:.3rem;backdrop-filter:blur(10px)}.category-header.frontend{background:#61dafb33;color:#1976d2}.category-header.backend{background:#ff6b3533;color:#e65100}.category-header.database{background:#4ecdc433;color:#00695c}.category-header.cloud{background:#9c27b033;color:#7b1fa2}.category-header.runtime{background:#ffc10733;color:#f57f17}.category-frameworks{display:flex;flex-wrap:wrap;gap:.5rem;padding:2.5rem .8rem .8rem;justify-content:center;align-content:flex-start;flex:1;box-sizing:border-box}.framework-option{flex:0 0 auto;min-width:80px;max-width:120px}.category-section.frontend.wide .framework-option{flex:0 0 calc(16.666% - .42rem);min-width:90px;max-width:130px}.category-section.backend .framework-option,.category-section.cloud .framework-option{flex:0 0 calc(50% - .25rem);min-width:85px;max-width:120px}.category-section.database .framework-option{flex:0 0 calc(25% - .375rem);min-width:75px;max-width:105px}.category-section.runtime .framework-option{flex:0 0 calc(33.333% - .33rem);min-width:70px;max-width:100px}.framework-option{display:block;cursor:pointer}.framework-option input[type=checkbox]{display:none}.framework-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.6rem .4rem;border:2px solid rgba(0,0,0,.1);border-radius:.6rem;background:#fffc;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;font-size:.7rem;font-weight:500;color:#0009;box-sizing:border-box;width:100%;height:70px;filter:grayscale(100%) opacity(.7);backdrop-filter:blur(5px)}.framework-card:hover{filter:grayscale(50%) opacity(.8);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#0003}.framework-option input[type=checkbox]:checked+.framework-card{filter:none;opacity:1;border-color:var(--primary);background:linear-gradient(135deg,#ff6b3526,#4ecdc41a);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3540}.framework-option input[type=checkbox]:checked+.framework-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ff6b354d}.framework-icon{font-size:1.2rem;display:block;transition:transform .3s ease}.framework-svg-icon{width:1.2rem;height:1.2rem;display:block;transition:all .3s ease;filter:grayscale(100%) opacity(.6)}.framework-svg-icon.embedded-svg{width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;filter:grayscale(100%) opacity(.6);transition:all .3s ease}.framework-svg-icon.embedded-svg svg{width:100%;height:100%}.framework-icon-fallback{font-size:1.2rem;display:block;transition:transform .3s ease;filter:grayscale(100%) opacity(.6)}.framework-name{font-size:.65rem;font-weight:500;line-height:1.1;margin-top:.1rem;text-align:center;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.framework-option input[type=checkbox]:checked+.framework-card .framework-svg-icon{filter:none;transform:scale(1.1)}.framework-option input[type=checkbox]:checked+.framework-card .framework-svg-icon.embedded-svg{filter:none;transform:scale(1.1)}.framework-option input[type=checkbox]:checked+.framework-card .framework-icon-fallback{filter:none;transform:scale(1.1)}.framework-option input[type=checkbox]:checked+.framework-card .framework-icon{transform:scale(1.1)}.framework-option:hover .framework-svg-icon,.framework-option:hover .framework-svg-icon.embedded-svg,.framework-option:hover .framework-icon-fallback{filter:grayscale(50%) opacity(.8);transform:scale(1.05)}.framework-option input[type=checkbox]:checked+.framework-card:hover .framework-svg-icon{transform:scale(1.15)}.framework-option input[type=checkbox]:checked+.framework-card:hover .framework-svg-icon.embedded-svg{transform:scale(1.15)}.framework-option input[type=checkbox]:checked+.framework-card:hover .framework-icon-fallback{transform:scale(1.15)}.subscription-section{margin:1rem 0 .75rem}.subscription-toggles{display:flex;flex-direction:column;gap:.5rem;max-width:350px;margin:0 auto;padding:0 1rem}.toggle-item,.privacy-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;padding:.375rem 0;transition:all .2s ease}.toggle-item:hover,.privacy-toggle:hover{opacity:.8}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:2.5rem;height:1.25rem;background:#e5e7eb;border-radius:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px #0000000d}.toggle-switch:after{content:"";position:absolute;top:50%;left:.1875rem;width:.8125rem;height:.8125rem;background:#fff;border-radius:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000026,0 1px 2px #0000001a}.toggle-input:checked+.toggle-switch{background:linear-gradient(135deg,#ff6b35,#4ecdc4);border-color:#ff6b354d;box-shadow:inset 0 1px 2px #0000001a}.toggle-input:checked+.toggle-switch:after{transform:translateY(-50%) translate(1.125rem);box-shadow:0 3px 6px #0003,0 2px 4px #00000026}.toggle-input:focus+.toggle-switch{outline:2px solid rgba(255,107,53,.4);outline-offset:2px}.toggle-input:disabled+.toggle-switch{opacity:.5;cursor:not-allowed}.toggle-label,.privacy-text{color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.2;user-select:none;letter-spacing:-.01em}.privacy-section{margin:.75rem 0 1rem;text-align:center;display:flex;justify-content:center;padding:0 1rem}.privacy-toggle{max-width:350px}.privacy-text a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.privacy-text a:hover{color:var(--secondary);text-decoration:underline}.privacy-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s ease}.privacy-link:hover{color:var(--secondary);text-decoration:underline}.use-case-section{margin:3rem 0}.use-case-label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.use-case-input{width:100%;max-width:600px;margin:0 auto;padding:1.25rem 1.5rem;border:2px solid rgba(255,107,53,.2);border-radius:1rem;background:#ffffffe6;color:var(--text-primary);font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;transition:all .3s ease;box-shadow:0 4px 15px #0000000d;backdrop-filter:blur(10px)}.use-case-input:focus{outline:none;border-color:var(--primary);box-shadow:0 8px 25px #ff6b3526;transform:translateY(-2px)}.use-case-input::placeholder{color:var(--text-muted)}.signup-btn{padding:1.25rem 3rem;background:var(--gradient);color:#fff;border:none;border-radius:1rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 8px 25px #ff6b354d;position:relative;overflow:hidden}.signup-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signup-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #ff6b3566}.signup-btn:hover:not(:disabled):before{left:100%}.signup-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-btn.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #0000001a}.signup-btn.loading{opacity:.8}.message{padding:1rem 1.5rem;border-radius:1rem;font-weight:500;margin-top:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.message.success{background:linear-gradient(135deg,#27ca3f1f,#27ca3f0f);border:2px solid rgba(39,202,63,.35);color:#1a8f2b;text-align:center;font-size:1.1rem;padding:2rem 1.5rem;box-shadow:0 8px 25px #27ca3f26;backdrop-filter:blur(10px)}.message.error{background:linear-gradient(135deg,#ff5f561a,#ff5f560d);border:2px solid rgba(255,95,86,.3);color:#d63031}.privacy-note{color:var(--text-muted);font-size:.9rem;margin-top:2rem;line-height:1.5;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.email-signup{padding:3rem 2rem;border-radius:1.5rem}.signup-content h3{font-size:2rem}.signup-content p{font-size:1rem;margin-bottom:2rem}.form-group{flex-direction:column;margin-bottom:2rem}.email-input{min-width:auto;max-width:none}.frameworks-mosaic{gap:.6rem}.mosaic-row{gap:.6rem;min-height:120px}.category-section.frontend .framework-option{flex:0 0 calc(50% - .25rem);min-width:70px}.category-section.backend .framework-option{flex:0 0 calc(50% - .25rem);min-width:65px}.category-section.database .framework-option{flex:0 0 calc(33.333% - .33rem);min-width:60px}.category-section.cloud .framework-option{flex:0 0 calc(50% - .25rem);min-width:55px}.category-section.runtime .framework-option{flex:0 0 calc(50% - .25rem);min-width:60px}.category-frameworks{gap:.4rem;padding:1.8rem .6rem .6rem}.framework-card{padding:.4rem .2rem;min-height:50px;font-size:.65rem;gap:.2rem}.framework-svg-icon,.framework-svg-icon.embedded-svg{width:1.1rem;height:1.1rem}.framework-icon-fallback{font-size:1.1rem}.framework-name{font-size:.65rem;line-height:1.1}.category-header{font-size:.7rem;padding:.25rem .4rem;top:.4rem;left:.5rem}.frameworks-section h4{font-size:1.1rem}.use-case-input{font-size:.95rem;padding:1rem 1.25rem}.signup-btn{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.email-signup{padding:2rem 1.5rem}.frameworks-mosaic{gap:.6rem}.mosaic-row{flex-direction:column;gap:.6rem;min-height:auto}.category-section{min-height:100px}.framework-option{flex:0 0 calc(50% - .25rem)!important;min-width:60px;max-width:none}.category-section.frontend.wide .framework-option{flex:0 0 calc(33.333% - .2rem)!important;min-width:55px}.category-section.database .framework-option{flex:0 0 calc(25% - .3rem)!important;min-width:50px}.framework-card{height:60px;font-size:.65rem;padding:.4rem .2rem}.framework-svg-icon,.framework-svg-icon.embedded-svg{width:1rem;height:1rem}.framework-icon-fallback{font-size:1rem}.framework-name{font-size:.6rem;line-height:1}.category-header{font-size:.7rem;padding:.25rem .4rem;top:.4rem;left:.5rem}.frameworks-section h4{font-size:1.1rem}.use-case-input{font-size:.95rem;padding:1rem 1.25rem}.signup-btn{padding:1rem 2rem;font-size:1rem}.toggle-label,.privacy-text{font-size:.8125rem}.toggle-switch{width:2.25rem;height:1.125rem}.toggle-switch:after{width:.75rem;height:.75rem;left:.15625rem}.toggle-input:checked+.toggle-switch:after{transform:translateY(-50%) translate(1.03125rem)}.subscription-toggles,.privacy-toggle{padding:0 .5rem}.toggle-item,.privacy-toggle{gap:.625rem;padding:.25rem 0}}@media (max-width: 768px) and (min-width: 481px){.frameworks-mosaic{gap:.7rem}.mosaic-row.bottom{flex-direction:column;gap:.7rem}.category-section.database,.category-section.runtime{flex:1}}:root{--primary: #ff6b35;--primary-dark: #e85a2b;--secondary: #2c7873;--accent: #d4a574;--bg-light: #FFF6E6;--bg-darker: #F5E6D3;--bg-dark: #EBD6C0;--text-primary: #2c2c2c;--text-secondary: #5a5a5a;--text-muted: #8a8a8a;--border: #d4c4b0;--code-bg: #f8f1e4;--gradient: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #d4a574 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-light);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;margin:0 auto;left:0;z-index:1000;width:100%;padding:1em}.nav-container{margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fff6e680;backdrop-filter:blur(10px);border-radius:1em;border:1px solid rgba(255,246,230,.9);z-index:100;max-width:1200px;position:relative}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem}.logo{font-size:1.5rem}.brand-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--gradient);color:#fff!important;padding:.5rem 1rem;border-radius:.5rem;font-weight:600}.github-btn-wrapper{display:flex;align-items:center}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:2rem;height:.25rem;background:var(--text-primary);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.mobile-menu-btn.active .hamburger-line:first-child{transform:rotate(45deg)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{padding:8rem 0 4rem;background:radial-gradient(circle at 50% 50%,rgba(255,107,53,.1) 0%,transparent 50%)}.hero-content{text-align:center;margin-bottom:4rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.hero-actions{margin:2rem 0 3rem;display:flex;justify-content:center}.share-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.share-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.share-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:50%;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;backdrop-filter:blur(10px);width:48px;height:48px}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.share-btn.x{color:#000;border-color:#0000004d}.share-btn.x:hover{background:#0000001a;box-shadow:0 4px 15px #0003}.share-btn.facebook{color:#1877f2;border-color:#1877f24d}.share-btn.facebook:hover{background:#1877f21a;box-shadow:0 4px 15px #1877f233}.share-btn.linkedin{color:#0077b5;border-color:#0077b54d}.share-btn.linkedin:hover{background:#0077b51a;box-shadow:0 4px 15px #0077b533}.share-btn.copy{color:var(--text-primary);border-color:#ff6b354d}.share-btn.copy:hover{background:#ff6b351a;box-shadow:0 4px 15px #ff6b3533}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background:var(--gradient);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff6b354d}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-light);color:var(--text-primary)}.hero-code{display:flex;justify-content:center;width:100%;padding:2rem 0;user-select:none!important;-webkit-user-select:none!important}.hero-code *{user-select:none!important}.code-reveal-container{position:relative;max-width:900px;width:100%;height:850px;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #0000001a;transition:transform .3s ease}.code-window{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--code-bg);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.source-window{z-index:2;clip-path:polygon(0% 0%,55% 0%,49% 100%,0% 100%)}.compiled-window{z-index:1}.slider-handle{position:absolute;top:0;left:55%;width:4px;height:100%;z-index:10;cursor:grab;transform:skew(-5deg) translate(-2px);transition:left .3s cubic-bezier(.4,0,.2,1)}.slider-handle:active{cursor:grabbing}.slider-line{width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--primary) 20%,var(--accent) 50%,var(--primary) 80%,transparent 100%);opacity:.8;box-shadow:0 0 20px #ff6b354d;margin-left:-30px}.slider-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(5deg);width:40px;height:40px;background:var(--primary);border:3px solid var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff6b3566;transition:all .3s ease;margin-left:-30px}.slider-circle:hover{transform:translate(-50%,-50%) skew(5deg) scale(1.1);box-shadow:0 6px 30px #ff6b3599}.slider-icon{font-size:16px;color:#fff;font-size:20px;font-weight:700;position:absolute;top:calc(50% - 19px)}.code-header{background:var(--bg-darker);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.code-dots{display:flex;gap:.25rem}.code-dots span{width:.75rem;height:.75rem;border-radius:50%;background:var(--text-muted)}.code-dots span:first-child{background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:last-child{background:#27ca3f}.code-title{margin-left:auto;color:var(--text-secondary);font-size:.875rem;font-weight:500}.code-content{padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5;overflow:hidden;height:calc(100% - 60px);color:var(--text-primary);user-select:none!important;-webkit-user-select:none!important}.compiled-window .code-content{padding:1.5rem 1.5rem 1.5rem 1rem}.source-window .code-content{padding:1.5rem 1rem 1.5rem 1.5rem}.code-content code .keyword{color:#d73a49;font-weight:600}.code-content code .string{color:#032f62}.code-content code .number{color:#005cc5}.code-content code .comment{color:#6a737d;font-style:italic}.code-content code .function{color:#6f42c1}.code-content code .variable{color:#24292e}.code-content code .property{color:#e36209}.code-content code .type{color:#005cc5;font-weight:500}.code-content code .operator{color:#d73a49}.code-content code{color:var(--text-primary)}.code-content .keyword{color:#d73a49;font-weight:600}.code-content .string{color:#032f62}.code-content .comment{color:#6a737d;font-style:italic}.code-content .number{color:#005cc5}.code-content .function{color:#6f42c1}.code-content .property{color:#e36209}.code-content .operator{color:#d73a49}.code-content .variable{color:#24292e}.code-content .type{color:#005cc5;font-weight:500}.code-content code{background:linear-gradient(transparent,transparent)}.reveal-labels{position:absolute;bottom:-40px;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.label-left{opacity:1;transition:opacity .3s ease}.label-right{opacity:.5;transition:opacity .3s ease}@media (max-width: 1200px){.code-reveal-container{transform:perspective(800px) rotateY(-1deg) rotateX(.5deg)}.code-reveal-container:hover{transform:perspective(800px) rotateY(-.5deg) rotateX(.25deg)}}@media (max-width: 1024px){.nav-container{padding:1rem 1.25rem}.nav-links{gap:1.5rem}.github-btn-wrapper iframe{width:160px;height:28px}}@media (max-width: 768px){.mobile-menu-btn{display:flex}.nav-container{padding:.75rem 1rem}.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff6e6fa;backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:3rem;transform:translate(100%);transition:transform .3s ease-in-out;z-index:999}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.5rem;font-weight:600}.nav-cta{padding:1rem 2rem;font-size:1.25rem;border-radius:.75rem}.github-btn-wrapper{margin-top:1rem}.github-btn-wrapper iframe{width:200px;height:35px}.code-reveal-container{height:600px;max-width:100%;margin:0 1rem;transform:none}.code-reveal-container:hover{transform:none}.code-content{font-size:.75rem;padding:1rem}.slider-circle{width:32px;height:32px}.slider-icon{font-size:14px}.reveal-labels{padding:0 1rem;font-size:.75rem}.share-buttons{gap:1rem}.share-label{font-size:.875rem;margin-bottom:.5rem}.share-btn{width:44px;height:44px;padding:.625rem}}@media (max-width: 480px){.navbar{padding:.5em}.nav-container{padding:.5rem .75rem}.nav-brand img{height:40px}.nav-links{gap:2.5rem}.nav-links a{font-size:1.25rem}.nav-cta{padding:.875rem 1.75rem;font-size:1.125rem}.code-reveal-container{height:550px}.code-content{font-size:.7rem;padding:.75rem}}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.125rem;margin-bottom:3rem}.platforms{padding:4rem 0;background:var(--bg-darker)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.platform-card{background:var(--bg-light);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:transform .3s ease}.platform-card:hover{transform:translateY(-5px)}.platform-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.platform-icon{font-size:1.5rem}.platform-header h3{font-size:1.25rem;font-weight:600}.code-preview{background:var(--code-bg);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.features{padding:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center;padding:2rem}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.examples{padding:4rem 0}.example-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-button{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease}.tab-button.active,.tab-button:hover{border-color:var(--primary);color:var(--primary)}.example-tab{display:none}.example-tab.active{display:block}.example-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.example-source{background:var(--bg-light);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border)}.example-source h4{margin-bottom:1rem;color:var(--primary)}.example-outputs{display:grid;gap:1.5rem}.output-group{background:var(--bg-light);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border)}.output-group h5{margin-bottom:1rem;color:var(--secondary)}.output-group pre{font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.example-source pre code .keyword,.output-group pre code .keyword{color:#d73a49;font-weight:600}.example-source pre code .string,.output-group pre code .string{color:#032f62}.example-source pre code .number,.output-group pre code .number{color:#005cc5}.example-source pre code .comment,.output-group pre code .comment{color:#6a737d;font-style:italic}.example-source pre code .function,.output-group pre code .function{color:#6f42c1}.example-source pre code .variable,.output-group pre code .variable{color:#24292e}.example-source pre code .property,.output-group pre code .property{color:#e36209}.example-source pre code .type,.output-group pre code .type{color:#005cc5;font-weight:500}.example-source pre code .operator,.output-group pre code .operator{color:#d73a49}.getting-started{padding:4rem 0}.getting-started-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.step{text-align:center;padding:2rem}.step-number{width:3rem;height:3rem;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-weight:700;font-size:1.25rem}.step h3{margin-bottom:1rem}.step pre{background:var(--code-bg);padding:1rem;border-radius:.5rem;font-family:JetBrains Mono,monospace;overflow-x:auto}.cta-section{text-align:center;margin-top:4rem;padding:3rem;background:var(--bg-light);border-radius:1rem;border:1px solid var(--border)}.cta-section h3{font-size:1.5rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-brand .logo{font-size:1.5rem}.footer-brand p{color:var(--text-secondary);margin-top:.5rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-group h4{margin-bottom:1rem;color:var(--text-primary)}.link-group a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.link-group a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:var(--text-muted)}.history{padding:4rem 0;background:var(--bg-darker)}.history-content{max-width:800px;margin:0 auto}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary) 0%,var(--accent) 50%,var(--primary) 100%);opacity:.3}.timeline-item{position:relative;margin-bottom:3rem;padding-left:2rem}.timeline-marker{position:absolute;left:-1.5rem;top:.5rem;z-index:2}.timeline-dot{width:1rem;height:1rem;border-radius:50%;background:var(--primary);border:2px solid var(--bg-darker);box-shadow:0 0 0 2px var(--primary);transition:all .3s ease}.timeline-dot.vision{background:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 20px #d4a5744d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.timeline-content{background:var(--bg-light);padding:1.5rem;border-radius:1rem;border:1px solid var(--border);position:relative;transition:transform .3s ease,box-shadow .3s ease}.timeline-content code{background-color:#6464641a;padding:.1rem .3rem;border-radius:.5rem}.timeline-content:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.timeline-content:before{content:"";position:absolute;left:-8px;top:1rem;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--border)}.timeline-content:after{content:"";position:absolute;left:-7px;top:1rem;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--bg-light)}.timeline-year{font-size:.9rem;font-weight:600;color:var(--primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.timeline-content p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.timeline-content p:last-child{margin-bottom:0}.unlock-section{margin-top:0;padding:2rem;background:var(--bg-darker);border-radius:1rem;border:1px solid var(--accent);box-shadow:0 0 30px #d4a5741a}.unlock-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent);text-align:center}.unlock-section ul{list-style:none;margin-bottom:2rem}.unlock-section li{margin-bottom:1rem;padding-left:2rem;position:relative;color:var(--text-secondary);line-height:1.6}.unlock-section li:before{content:"⚡";position:absolute;left:0;color:var(--accent);animation:sparkle 2s infinite alternate}@keyframes sparkle{0%{opacity:.7}to{opacity:1}}.unlock-section strong{color:var(--text-primary)}.unlock-section a{color:var(--accent);text-decoration:none}.unlock-section a:hover{text-decoration:underline}@media (max-width: 768px){.timeline{padding-left:1rem}.timeline:before{left:.5rem}.timeline-item{padding-left:1.5rem}.timeline-marker{left:-1rem}.timeline-dot{width:.75rem;height:.75rem}.timeline-content{padding:1rem}.timeline-content:before,.timeline-content:after{left:-6px;border-right-width:6px;border-top-width:6px;border-bottom-width:6px}.timeline-year{font-size:.8rem}.timeline-content p{font-size:1rem}}} .signup-section{padding:4rem 0;background:var(--bg-darker)}.signup-section h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:var(--text-primary)}.signup-section p{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}@media (max-width: 768px){.nav-container{padding:1rem}.nav-links{gap:1rem}.hero{padding:6rem 0 3rem}.container{padding:0 1rem}.example-grid,.footer-content,.footer-links,.getting-started-grid,.platform-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}