:root{--primary-color: #111;--bg-color: #fcfcfc;--bg-dark: #111;--text-color: #111;--text-secondary: #666;--text-tertiary: #999;--white: #ffffff;--border-color: rgba(0,0,0,.06);--transition: .3s cubic-bezier(.16, 1, .3, 1);--border-radius: 24px;--button-radius: 40px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.navbar-logo,.hero-price,.hero-bg-text,.cta-price-large,.massive-intro-text,.bento-title,.section-title,.hero-headline,.cta-headline{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.app{position:relative;width:100%;background:var(--bg-color)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:32px 0;transition:all var(--transition);background:#fcfcfc00;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.navbar.scrolled{background:#fcfcfc26;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:20px 0;border-bottom:1px solid var(--border-color)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{color:var(--primary-color)}.navbar-menu{display:flex;list-style:none;gap:40px;margin-left:-50px}.nav-link{color:#111;text-transform:uppercase;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:1px;transition:color .2s ease}.nav-link:hover{color:#555}.navbar-icons{display:flex;gap:24px;color:#111;cursor:pointer}.hero-section{position:relative;height:400vh;width:100%}.hero-sticky-container{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden}.scroll-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:1;pointer-events:none}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28vw;font-weight:800;color:#000;opacity:.03;z-index:3;pointer-events:none;white-space:nowrap;line-height:1;letter-spacing:-2vw}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;justify-content:space-between;align-items:stretch;padding:140px 80px 80px}.hero-content-left{display:flex;flex-direction:column;justify-content:center;pointer-events:auto;max-width:500px;gap:24px}.hero-nav-arrows{display:flex;gap:16px;margin-bottom:16px}.nav-arrow{width:54px;height:54px;border-radius:50%;border:none;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000000f}.nav-arrow.prev{background:#111;color:#fff}.nav-arrow:hover{transform:scale(1.05);box-shadow:0 8px 32px #0000001a}.hero-price{font-size:4rem;font-weight:600;color:#111;letter-spacing:-2px;line-height:1;margin-top:10px}.hero-headline{font-size:2.2rem;font-weight:500;color:#222;line-height:1.15;letter-spacing:-.5px;margin-bottom:10px}.hero-buttons{display:flex;gap:16px;margin-top:16px}.hero-button{padding:16px 36px;font-size:.95rem;font-weight:500;border-radius:40px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.hero-button.primary{background:#222;color:#fff;border:1px solid #222}.hero-button.primary:hover{background:#000;transform:scale(1.02)}.hero-button.secondary{background:transparent;color:#111;border:1px solid #ccc}.hero-button.secondary:hover{border-color:#111}.hero-content-right{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;pointer-events:auto}.hero-bottom-right{max-width:380px;text-align:left}.hero-description-small{font-size:.95rem;color:#555;line-height:1.6;padding-right:20px}.container{max-width:1400px;margin:0 auto;padding:0 40px}.product-intro.modern{position:relative;z-index:10;padding:200px 40px;background:var(--bg-color);min-height:100vh;display:flex;align-items:center;justify-content:center;border-top-left-radius:40px;border-top-right-radius:40px;box-shadow:0 -20px 50px #00000008;margin-top:-80px}.intro-container{max-width:1200px}.massive-intro-text{font-size:clamp(3rem,5vw,4.5rem);font-weight:600;line-height:1.15;letter-spacing:-2px;color:var(--primary-color);display:flex;flex-wrap:wrap}.features-section.modern{position:relative;z-index:10;padding:120px 40px;background:var(--bg-color);min-height:100vh}.bento-container{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.bento-card{background:#fff;border-radius:32px;padding:48px;box-shadow:0 4px 24px #00000008;display:flex;flex-direction:column;border:1px solid var(--border-color);overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease}.bento-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000014}.bento-card.dark{background:#111;color:#fff}.bento-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:24px}.bento-card.dark .bento-label{color:#fff9}.bento-title{font-size:2.5rem;font-weight:600;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;color:#111}.bento-card.dark .bento-title{color:#fff}.bento-desc{font-size:1.1rem;color:#666;line-height:1.6;max-width:400px}.bento-card.dark .bento-desc{color:#fffc}.bento-visual{flex:1;min-height:160px;margin-top:32px;display:flex;align-items:flex-end;justify-content:flex-end}.col-4{grid-column:span 4}.col-8{grid-column:span 8}.design-section.modern{position:relative;z-index:10;padding:160px 40px;background:#fff;min-height:100vh;display:flex;align-items:center}.design-container-modern{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1400px;margin:0 auto}.design-img-placeholder{width:100%;aspect-ratio:1;background:#f9f9f9;border-radius:40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.design-ring{width:60%;height:60%;border-radius:50%;border:40px solid #e5e5e5}.design-ring.inner{position:absolute;width:40%;height:40%;border:20px solid #d5d5d5;opacity:.5}.design-copy .section-title{font-size:3.5rem;font-weight:600;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px;color:#111}.design-description{font-size:1.2rem;color:#555;line-height:1.8}.cta-section.modern{position:relative;z-index:10;padding:120px 40px;background:#f5f5f7;display:flex;align-items:center;justify-content:center}.cta-container-modern{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1200px;width:100%;background:#fff;padding:60px;border-radius:40px;box-shadow:0 12px 40px #0000000a}.cta-content{max-width:500px;text-align:left}.cta-headline{font-size:3.5rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:16px;color:#111;line-height:1.1}.cta-description{font-size:1.2rem;color:#666;margin-bottom:32px}.cta-price-large{font-size:2rem;font-weight:600;color:#111;margin-bottom:40px}.cta-actions{display:flex;align-items:center;gap:24px}.cta-large-btn{font-size:1.05rem;padding:18px 40px;border-radius:50px}.cta-link{color:#06c;text-decoration:none;font-weight:500;font-size:1.05rem;transition:all .2s ease}.cta-link:hover{text-decoration:underline;color:#049}.cta-image-wrapper{display:flex;align-items:center;justify-content:center;width:400px;height:400px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:50%;position:relative}.cta-product-circle{width:70%;height:70%;border-radius:50%;background:#111;box-shadow:0 20px 40px #0003}.footer.modern{background:#111;padding:60px 40px 40px;border-top:none;font-size:.95rem;color:#aaa}.footer-container{max-width:1000px;margin:0 auto}.footer-copyright{color:#888}.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px}.footer-column h4{color:#fff;font-weight:600;margin-bottom:16px;font-size:.95rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:10px}.footer-column a{color:#999;text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #333;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.footer-legal{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.footer-legal a{color:#999;text-decoration:none}.footer-legal a:hover{color:#fff;text-decoration:underline}.separator{color:#444}.footer-region{font-weight:500;color:#fff;cursor:pointer}@media(max-width:1024px){.hero-overlay{padding:100px 40px 40px}.bento-container{grid-template-columns:1fr}.col-4,.col-8{grid-column:span 1}.design-container-modern{grid-template-columns:1fr}.massive-intro-text{font-size:2.5rem}}@media(max-width:768px){.hero-overlay{flex-direction:column;justify-content:flex-end;padding:100px 20px 40px}.hero-content-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:40px}.hero-bg-text{font-size:40vw}.navbar-menu,.hero-bottom-right{display:none}.hero-price{font-size:2.5rem}.hero-headline{font-size:1.8rem}.cta-container-modern{flex-direction:column;padding:40px 20px;text-align:center}.cta-content{text-align:center;margin-bottom:40px}.cta-actions{justify-content:center}.cta-image-wrapper{width:300px;height:300px}.footer-top{grid-template-columns:repeat(2,1fr);gap:30px}.footer-bottom{flex-direction:column;align-items:flex-start}}