@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Zilla+Slab:ital,wght@0,400;0,500;0,600;1,400&display=swap";.home-container{width:100%}.hero-section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;display:flex}.hero-text-container{text-align:left;flex:1}.hero-text-container h1{letter-spacing:-2px;background:linear-gradient(135deg, var(--color-ink), #555);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:5rem;line-height:1.1}.hero-text-container .subtitle{color:var(--color-ink-mute);max-width:500px;margin-bottom:48px;font-size:1.5rem;font-weight:300}.hero-mockup-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup{background:#000;border:12px solid #1a1a1a;border-radius:48px;width:320px;height:650px;transition:transform .5s;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #00000026,inset 0 0 0 2px #ffffff1a}.phone-mockup:hover{transform:rotate(0)translateY(-10px)}.phone-notch{z-index:20;background:#1a1a1a;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mockup-video{object-fit:cover;border-radius:36px;width:100%;height:100%}.primary-btn{background-color:var(--color-ink);color:var(--color-paper);cursor:pointer;border:none;border-radius:99px;align-items:center;gap:12px;padding:16px 40px;font-size:1.1rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 10px 30px #0000001a}.primary-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #00000026}.floating-item{object-fit:cover;mix-blend-mode:multiply;z-index:5;border-radius:24px;width:120px;height:120px;position:absolute;box-shadow:0 20px 40px #00000014}.item-apple{width:120px;height:120px;top:12%;left:4%}.item-book{width:140px;height:140px;top:75%;left:4%}.item-camera{width:110px;height:110px;top:45%;left:8%}.item-glasses{width:130px;height:130px;top:85%;left:25%}.item-banana{width:120px;height:120px;top:15%;right:6%}.item-earbuds{width:100px;height:100px;top:70%;right:6%}.item-coffee{width:120px;height:120px;top:40%;right:4%}.item-plant{width:140px;height:140px;top:80%;right:25%}.features-section{background:var(--color-paper);z-index:20;border-top-left-radius:40px;border-top-right-radius:40px;margin-top:-100px;padding:120px 24px;position:relative;box-shadow:0 -20px 50px #0000000d}.section-title{text-align:center;margin-bottom:80px;font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--color-card);border:1px solid var(--color-card-border);text-align:center;border-radius:32px;padding:48px 32px;transition:transform .3s}.feature-card:hover{transform:translateY(-10px)}.feature-icon-img{object-fit:cover;mix-blend-mode:multiply;width:120px;height:120px;margin:0 auto 24px;display:block}.feature-card h3{font-size:1.5rem;font-family:var(--font-sans);margin-bottom:16px}.feature-card p{color:var(--color-ink-mute);font-size:1.1rem}.showcase-section{background:var(--color-paper);z-index:20;padding:120px 24px;position:relative}.showcase-header{margin-bottom:80px}.showcase-container{flex-direction:column;gap:120px;max-width:1200px;margin:0 auto;display:flex}.showcase-row{justify-content:space-between;align-items:center;gap:80px;display:flex}.showcase-row.reversed{flex-direction:row-reverse}.showcase-text{flex:1}.showcase-text h3{margin-bottom:24px;font-size:2.5rem;line-height:1.2}.showcase-text p{color:var(--color-ink-mute);font-size:1.25rem;line-height:1.8}.showcase-image-wrapper{flex:1;justify-content:center;align-items:center;display:flex}.showcase-image{border:10px solid var(--color-paper);border-radius:44px;width:100%;max-width:340px;box-shadow:0 40px 80px #0000001f,inset 0 0 0 1px #0000000d}@media (width<=992px){.showcase-row,.showcase-row.reversed{text-align:center;flex-direction:column;gap:40px}}@media (width<=768px){.hero-content{text-align:center;flex-direction:column;margin-top:40px}.hero-text-container{text-align:center}.hero-text-container h1{font-size:3.5rem}.hero-text-container .subtitle{margin-left:auto;margin-right:auto}.phone-mockup{width:280px;height:570px;transform:rotate(0)}.floating-item{display:none}.features-section{border-radius:24px;padding:60px 24px}}.footer-section{background-color:var(--bg-primary);border-top:1px solid #0000000d;justify-content:center;align-items:center;padding:40px 20px;display:flex}.footer-content{text-align:center;max-width:800px}.footer-ai-recommendation{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.mokro-link{color:var(--color-accent);font-weight:600;text-decoration:none;transition:color .3s,opacity .3s}.mokro-link:hover{opacity:.8;text-decoration:underline}.footer-rights{color:var(--text-tertiary,#999);font-size:.85rem}.mokro-section{background-color:var(--color-paper);z-index:20;justify-content:center;align-items:center;padding:80px 24px;display:flex;position:relative}.mokro-glow,.mokro-grid{display:none}.mokro-content{z-index:10;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:40px;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1000px;padding:60px 80px;display:flex;position:relative;box-shadow:0 20px 60px #00000008}.mokro-text{flex:1.5;max-width:500px}.mokro-badge{color:var(--color-ink-mute);letter-spacing:1px;text-transform:uppercase;background:#0000000a;border:1px solid #0000000d;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.mokro-title{color:var(--color-ink);letter-spacing:-.5px;margin-bottom:12px;font-size:2.8rem}.mokro-subtitle{color:var(--color-accent);font-size:1.3rem;font-weight:500;font-family:var(--font-serif);margin-bottom:24px;font-style:italic}.mokro-desc{color:var(--color-ink-mute);margin-bottom:36px;font-size:1.1rem;line-height:1.7}.mokro-btn{background-color:var(--color-ink);color:var(--color-paper);border-radius:99px;align-items:center;gap:10px;padding:14px 28px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 10px 20px #00000014}.mokro-btn:hover{background-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 15px 30px #0000001f}.mokro-image-container{flex:1;justify-content:center;align-items:center;display:flex}.mokro-icon-wrapper{background:#111;border-radius:40px;justify-content:center;align-items:center;width:180px;height:180px;padding:0;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex;position:relative;transform:rotate(-3deg);box-shadow:0 25px 50px #00000026,inset 0 1px 1px #ffffff1a,0 0 0 1px #0000000d}.mokro-icon-wrapper:hover{transform:rotate(0)scale(1.05)}.mokro-icon-glow{filter:blur(40px);opacity:.15;z-index:-1;background:#00e5ff;border-radius:50%;position:absolute;inset:-20px}.mokro-logo{z-index:2;object-fit:cover;border-radius:40px;width:100%;height:100%;position:relative}.mokro-logo-fallback{z-index:2;color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);border-radius:40px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (width<=900px){.mokro-content{text-align:center;flex-direction:column;gap:40px;padding:40px 24px}.mokro-text{flex-direction:column;align-items:center;display:flex}.mokro-icon-wrapper{border-radius:32px;width:140px;height:140px;transform:none}.mokro-logo,.mokro-logo-fallback{border-radius:32px}}.page-container{justify-content:center;min-height:100vh;padding:120px 24px;display:flex}.page-content{background:var(--color-card);border-radius:32px;width:100%;max-width:800px;padding:60px;box-shadow:0 10px 40px #00000008}.page-content h1{margin-bottom:16px;font-size:3rem}.last-updated{color:var(--color-ink-mute);margin-bottom:40px;font-size:1.1rem}.text-body{color:var(--color-ink);font-size:1.1rem;line-height:1.8}@media (width<=768px){.page-content{padding:40px 24px}.page-content h1{font-size:2.2rem}}:root{--color-paper:#f6f3e6;--color-ink:#2c2a29;--color-ink-mute:#8f8f8f;--color-accent:#d47a55;--color-accent-hover:#c06a47;--color-card:#fff6;--color-card-border:#0000000d;--color-hero-overlay:#f6f3e6d9;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"Zilla Slab", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-ink);font-weight:600}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}nav{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#f6f3e6e6 0%,#f6f3e600 100%);justify-content:space-between;align-items:center;width:100%;padding:24px 40px;display:flex;position:fixed;top:0;left:0}.logo-text{font-family:var(--font-serif);color:var(--color-ink);font-size:1.5rem;font-weight:600}.nav-actions{align-items:center;gap:20px;display:flex}.lang-switch{cursor:pointer;font-family:var(--font-sans);color:var(--color-ink-mute);background:0 0;border:none;font-size:.9rem;font-weight:500;transition:color .2s}.lang-switch:hover{color:var(--color-ink)}.nav-btn{border:1px solid var(--color-ink);color:var(--color-ink);border-radius:99px;padding:8px 16px;font-size:.9rem;transition:all .2s}.nav-btn:hover{background:var(--color-ink);color:var(--color-paper)}footer{text-align:center;color:var(--color-ink-mute);border-top:1px solid #0000000d;padding:60px 24px 40px;font-size:.9rem}footer a{color:var(--color-ink-mute);margin:0 12px}footer a:hover{color:var(--color-ink)}.legal-container{max-width:800px;margin:0 auto;padding:120px 24px 80px}.legal-header{text-align:center;margin-bottom:48px}.legal-header h1{margin-bottom:8px;font-size:3rem}.legal-content{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:24px;padding:48px;box-shadow:0 10px 40px #00000005}.legal-content h2{border-bottom:1px solid var(--color-card-border);margin-top:32px;margin-bottom:16px;padding-bottom:8px;font-size:1.5rem}.legal-content p,.legal-content ul{color:var(--color-ink);margin-bottom:16px}.legal-content ul{padding-left:24px}.legal-content li{margin-bottom:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}