:root{--color-grey-1:#FFFFFF;--color-grey-4:#EFEFEF;--color-blue-6:#1677FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6;color:#333}.container{max-width:1600px;min-width:320px;margin:0 auto;padding:0 20px}header{background:#f8f9fa;padding:1rem 0;border-bottom:1px solid #e9ecef}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.app-icon{height:40px;width:auto;transition:transform .3s ease}.logo a:hover .app-icon{transform:scale(1.05)}.desktop-nav ul{display:flex;list-style:none;gap:2rem;margin-right:2rem}nav a{text-decoration:none;color:inherit}nav a:any-link{color:inherit}nav a:-webkit-any-link{color:inherit}nav a:visited{color:inherit}.desktop-nav a{color:#495057;font-weight:500;transition:color .3s ease}.desktop-nav a:hover{color:#007bff}.mobile-menu-toggle{display:none;flex-direction:column;background:0 0;border:none;cursor:pointer;padding:.5rem;gap:4px}.mobile-menu-toggle span{width:25px;height:3px;background:#495057;border-radius:2px;transition:all .3s ease}.mobile-nav{display:none;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #495057}.mobile-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mobile-nav-column{text-align:center}.mobile-nav-column h4{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.mobile-nav-column h4 a{color:#fff}.mobile-nav-column h4 a:hover{text-decoration:underline}.mobile-nav-column ul{list-style:none;padding:0;margin:0}.mobile-nav-column li{margin-bottom:.6rem}.mobile-nav-column li a{color:#adb5bd;font-size:.9rem;display:block;padding:.3rem 0;transition:color .3s ease;line-height:1.4}.mobile-nav-column li a:hover{color:#007bff}.footer-content{text-align:center;padding-top:2rem;border-top:1px solid #495057;margin-top:2rem}.footer-content p{color:#adb5bd;margin-bottom:.5rem}header .dropdown{position:relative}header .dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:.25rem}header .dropdown-toggle::after{content:'▼';font-size:.7rem;transition:transform .3s ease}header .dropdown:hover .dropdown-toggle::after{transform:rotate(180deg)}header .dropdown-menu{position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 8px 30px rgba(0,0,0,.12);border-radius:12px;padding:.75rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;border:1px solid #e9ecef;margin-top:.5rem;display:block!important;flex-direction:column!important;gap:0!important}header .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}header .dropdown-menu li{list-style:none}header .dropdown-menu li a{display:block;padding:.75rem 1.5rem;color:#495057;transition:all .2s ease;font-weight:500;border-bottom:1px solid transparent;font-size:.95rem}header .dropdown-menu li a:hover{background:#f8f9fa;color:#007bff;padding-left:2rem}header .dropdown-menu li:first-child a{border-radius:12px 12px 0 0}header .dropdown-menu li:last-child a{border-radius:0 0 12px 12px}.showcase{background:0 0;color:#212529;padding:5rem 0}.showcase-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center;min-height:60vh}.showcase-text{animation:slideInLeft 1s ease-out}.showcase-text h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700;line-height:1.2}.showcase-text p{font-size:1.3rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.showcase-images{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s ease-out;background:0 0}.device-image{max-width:100%;height:auto;border-radius:15px;box-shadow:none;transition:transform .3s ease}.device-image:hover{transform:translateY(-5px);box-shadow:none}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.btn{display:inline-block;background:#28a745;color:#fff;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:600;transition:background .3s ease}.btn:hover{background:#218838}.feature-demo{padding:6rem 0;background:#f8f9fa}.features-container{max-width:1200px;margin:0 auto}.feature-section{margin-bottom:6rem}.feature-section:last-child{margin-bottom:0}.feature-header{text-align:center;margin-bottom:4rem}.feature-header h2{font-size:2.5rem;font-weight:700;color:#212529;margin-bottom:1.5rem}.feature-header p{font-size:1.2rem;color:#6c757d;max-width:800px;margin:0 auto;line-height:1.6}.sub-features{display:grid;gap:3rem}.sub-feature{background:0 0;border-radius:15px;overflow:hidden}.sub-feature-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:400px}.sub-feature:nth-child(even) .sub-feature-content{grid-template-columns:1fr 1fr}.sub-feature-text{padding:3rem}.sub-feature-text h3{font-size:1.5rem;font-weight:600;color:#212529;margin-bottom:1.5rem}.sub-feature-text p{font-size:1rem;color:#6c757d;line-height:1.6;margin:0}.sub-feature-media{position:relative;background:#f8f9fa;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden;padding:1rem}.sub-feature-media video{width:100%;height:100%;object-fit:cover;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.1);transition:transform .5s ease}.sub-feature-media.video-playing video{transform:scale(1.03)}.sub-feature-media.video-playing::before{display:none}.content{padding:4rem 0;background:#f8f9fa}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.content-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.content-card h3{margin-bottom:1rem;color:#212529}.content-meta{display:flex;gap:1rem;font-size:.9rem;color:#6c757d;margin-top:1rem}.section{padding:0;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.section-content-wrapper{display:flex;gap:3rem;max-width:1200px;margin:0 auto;width:100%}.section-main-content.with-sidebar{display:flex;gap:3rem;width:100%}.page-content{width:280px;flex-shrink:0;padding-right:2rem}.section-main-content.with-sidebar:has(.page-content:not(:empty)) .page-content{width:280px}.section-main-content.with-sidebar:not(:has(.content-area)) .page-content{width:100%;border-right:none;max-width:400px;margin:0 auto}.content-area{flex:1;min-width:0;max-width:720px;display:flex;flex-direction:column}.breadcrumb.top-breadcrumb{padding:.5rem 0;margin-bottom:1rem}.breadcrumb ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:.875rem;color:#6b7280}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:'/';margin:0 .75rem;color:#d1d5db}.breadcrumb li a{color:#6b7280;text-decoration:none;transition:color .2s ease}.breadcrumb li a:hover{color:#2563eb}.breadcrumb li.current{color:#1f2937;font-weight:500}@media(max-width:768px){.breadcrumb.top-breadcrumb{padding:.5rem 0;margin-bottom:1rem}.breadcrumb ol{font-size:.8rem;overflow-x:auto;white-space:nowrap}.breadcrumb li:not(:last-child)::after{margin:0 .5rem}}@media(max-width:768px){.section-main-content.with-sidebar{flex-direction:column;gap:2rem}.page-content{width:100%;border-right:none;border-bottom:1px solid #e9ecef;padding-right:0;padding-bottom:1.5rem}.content-area{max-width:100%}}.section-header{text-align:left;margin-bottom:0;padding-bottom:2rem;border-bottom:2px solid #e9ecef;min-width:200px;max-width:250px;flex-shrink:0}.section-header h1{font-size:2rem;color:#212529;margin-bottom:1rem;font-weight:700}.section-description{font-size:1rem;color:#6c757d;line-height:1.6;margin:0}.section-main-content{flex:1;min-width:0}.empty-state{text-align:center;padding:3rem;background:#f8f9fa;border-radius:10px;color:#6c757d}.breadcrumb{margin-top:1rem;padding-top:1rem}.breadcrumb ol{display:flex;align-items:center;gap:.5rem;list-style:none;font-size:.9rem}.breadcrumb li:not(:last-child)::after{content:'/';margin-left:.5rem;color:#6c757d}.breadcrumb a{color:#007bff;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .current{color:#212529;font-weight:500}.content-type{display:inline-block;background:#007bff;color:#fff;padding:.2rem .5rem;border-radius:3px;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.privacy{padding:4rem 0;background:#f8f9fa}.privacy h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#212529;font-weight:700}.privacy-content{max-width:800px;margin:0 auto}.privacy-item{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,5%);margin-bottom:2rem;border-left:4px solid #007bff;transition:transform .3s ease,box-shadow .3s ease}.privacy-item:last-child{margin-bottom:0}.privacy-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.privacy-item p{margin:0;font-size:1.1rem;line-height:1.6;color:#495057}.resources{padding:4rem 0;background:#f8f9fa}.resources h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#212529}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.resource-category{background:#fff;padding:2.5rem 2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,8%);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.resource-category:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.resource-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.resource-category h3{margin-bottom:1rem;color:#212529;font-size:1.4rem;font-weight:600}.resource-category p{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.resource-link{display:inline-block;color:#007bff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border:2px solid #007bff;border-radius:25px;transition:all .3s ease;background:0 0}.resource-link:hover{background:#007bff;color:#fff;transform:scale(1.05)}footer{background:#1c1c1c;color:#fff;padding:2rem 0;text-align:center}.footer-top-block{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding:2rem 0;border-bottom:1px solid #333}.content-wrapper{display:flex;flex-direction:column;gap:1.5rem;flex:1}.content-row{display:flex;gap:2rem}.footer-menu{flex:1}.footer-menu h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-menu h3 span{color:#adb5bd}.menu-container{list-style:none;padding:0;margin:0}.menu-container li{margin-bottom:.5rem}.menu-container li a{color:#adb5bd;text-decoration:none;font-size:.9rem;transition:color .3s ease}.menu-container li a:hover{color:#007bff}.menu-container li a.active{color:#007bff;font-weight:500}.footer-menu.horizontal{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.footer-menu.horizontal h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.footer-menu.horizontal h3 span{color:#adb5bd}.footer-menu.horizontal .menu-container{display:flex;gap:1rem;margin:0}.right-block{display:flex;align-items:center;margin-left:2rem}.app-store-link a{transition:transform .3s ease}.app-store-link a:hover{transform:scale(1.05)}.app-store-link img{border-radius:8px}.footer-bottom-block{text-align:center;padding-top:2rem}.copyright p{margin-bottom:.5rem;color:#adb5bd;font-size:.9rem}.copyright p.info-text{font-size:.8rem;opacity:.8;line-height:1.5}.article{padding:2rem 0;min-height:calc(100vh - 200px)}.article-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e9ecef}.article-header h1{font-size:2.5rem;color:#212529;margin-bottom:1rem;font-weight:700}.article-meta{display:flex;justify-content:center;align-items:center;gap:2rem;color:#6c757d;font-size:.9rem;flex-wrap:wrap}.article-meta .date,.article-meta .author{display:flex;align-items:center}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:15px;font-size:.8rem;font-weight:500}.article-content{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#495057}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#212529;margin-top:2rem;margin-bottom:1rem;font-weight:600}.article-content h1{font-size:2rem}.article-content h2{font-size:1.75rem}.article-content h3{font-size:1.5rem}.article-content h4{font-size:1.25rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{border-left:4px solid #007bff;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#6c757d}.article-content code{background:#f8f9fa;padding:.2rem .4rem;border-radius:3px;font-family:courier new,monospace;font-size:.9rem}.article-content pre{background:#f8f9fa;padding:1rem;border-radius:5px;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background:0 0;padding:0}.article-content img{max-width:100%;height:auto;border-radius:5px;margin:1.5rem 0}.article-content a{color:#007bff;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom .3s ease}.article-content a:hover{border-bottom-color:#007bff}.article-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef}.navigation{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.navigation .prev,.navigation .next{flex:1}.navigation .next{text-align:right}.navigation a{color:#007bff;text-decoration:none;font-weight:500;padding:.5rem 0;display:block;transition:color .3s ease}.navigation a:hover{color:#0056b3}@media(max-width:768px){.sub-feature-content{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;direction:ltr!important;min-height:auto}.sub-feature:nth-child(even) .sub-feature-content{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;direction:ltr!important}.showcase{padding:3rem 0}.showcase-content{grid-template-columns:1fr;gap:2rem;text-align:center}.showcase-text h2{font-size:2.5rem}.showcase-text p{font-size:1.1rem}.showcase-images{order:-1}.device-image{max-width:90%;margin:0 auto}.header-content{flex-direction:column;gap:1rem}.app-icon{height:32px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex;position:absolute;top:1rem;right:1rem}.mobile-nav{display:block}nav ul{flex-direction:column;text-align:center;gap:1rem}.mobile-nav-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.8rem!important;width:100%}.mobile-nav-column{text-align:center;border:none;padding:0}.mobile-nav-column h4{color:#fff!important;margin-bottom:.6rem;text-align:center;font-size:.95rem;font-weight:600}.mobile-nav-column li a{font-size:.8rem;padding:.2rem 0;line-height:1.3}header .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:#f8f9fa;margin-top:.5rem;border-radius:8px;min-width:auto}header .dropdown-toggle::after{display:none}header .dropdown-menu li a{padding:.6rem 1rem;font-size:.9rem}header .dropdown-menu li a:hover{padding-left:1rem;background:#e9ecef}.section-header h1{font-size:2rem}.section-description{font-size:1rem}.breadcrumb ol{flex-wrap:wrap;gap:.25rem}.article-header h1{font-size:2rem}.article-meta{flex-direction:column;gap:1rem}.navigation{flex-direction:column;gap:1rem}.navigation .prev,.navigation .next{text-align:center}.article-content{font-size:1rem}.resources-grid{grid-template-columns:1fr;gap:1.5rem}.resource-category{padding:2rem 1.5rem}.resource-icon{width:60px;height:60px;font-size:1.5rem}.resource-category h3{font-size:1.2rem}.resource-link{padding:.6rem 1.2rem;font-size:.9rem}.feature-demo{padding:3rem 0}.feature-header{margin-bottom:2rem}.feature-header h2{font-size:2rem;margin-bottom:1rem}.feature-header p{font-size:1rem}.feature-section{margin-bottom:3rem}.sub-features{gap:2rem}.sub-feature-text{padding:2rem;order:2}.sub-feature-text h3{font-size:1.3rem;margin-bottom:1rem}.sub-feature-media{min-height:200px;order:1;padding:.5rem}.sub-feature-media video{border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,8%);transition:transform .5s ease}.sub-feature-media.video-playing video{transform:scale(1.02)}.privacy{padding:3rem 0}.privacy h2{font-size:2rem;margin-bottom:2rem}.privacy-item{padding:1.5rem;margin-bottom:1.5rem}.privacy-item p{font-size:1rem}.section-content-wrapper{flex-direction:column;gap:2rem}.section-header{text-align:center;min-width:auto;width:100%;padding-bottom:1rem;margin-bottom:1rem}.section-header h1{font-size:1.8rem;text-align:center}.section-description{text-align:center}.footer-top-block{flex-direction:column;align-items:center;text-align:center;margin-top:2rem}.content-wrapper{width:100%;text-align:left}.content-row{flex-direction:column;gap:1.5rem}.footer-menu.horizontal{flex-direction:column;align-items:center;text-align:center}.footer-menu.horizontal h3{margin-right:0;margin-bottom:.5rem;text-align:center}.footer-menu.horizontal .menu-container{justify-content:center}.right-block{margin-left:0;margin-top:1.5rem}.app-store-link img{width:180px;height:auto}}.platform-switch{margin:2rem 0}.platform-labels{display:flex;align-items:center;gap:2rem;border-bottom:1px solid #e5e7eb}.platform-label{font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;padding:.5rem 1rem;margin:0;transition:color .2s ease,border-color .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.platform-label.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.platform-label:hover{color:#2563eb}.switch-container{display:none}.switch-input{display:none}.platform-content{display:none}.platform-content.active{display:block;padding-top:1.2em}.platform-badge{display:inline-block;padding:.2rem .5rem;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.platform-badge.ios{background:#f3e5f5;color:#7b1fa2}@media(prefers-color-scheme:dark){.platform-labels{border-bottom-color:#374151}.platform-label{color:#9ca3af}.platform-label.active{color:#60a5fa;border-bottom-color:#60a5fa}.platform-label:hover{color:#60a5fa}}.breadcrumb{display:none}.notice-area{background:#eff6ff;border-left:4px solid #3b82f6;padding:1rem 1.5rem;margin:2rem 0;border-radius:4px}@media(max-width:768px){.platform-labels{gap:1.5rem}.platform-label{font-size:.85rem}}img.symbol-img{vertical-align:text-bottom;height:1em;margin:0!important}.docube-carousel{position:relative;width:100%}.carousel-slides-container{position:relative;width:100%;min-height:var(--carousel-min-height,200px);display:flex;align-items:center;justify-content:center}.docube-carousel .carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transition:opacity .6s ease-in-out;border-radius:4px}.docube-carousel .carousel-item.active{opacity:1;z-index:1}.carousel-indicators{position:absolute;bottom:var(--carousel-indicator-gap,16px);left:50%;transform:translateX(-50%);display:flex;gap:6px;background:rgba(255,255,255,.9);padding:4px 8px;border-radius:12px;z-index:10}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;cursor:pointer;transition:background .3s ease}.carousel-dot.active{background:#3b82f6}@media(max-width:768px){.docube-carousel{max-width:100%;margin:1rem auto}}.docube-ui-button-container{display:inline-flex;align-items:center;height:18px;vertical-align:text-bottom;padding:2px 6px;border-radius:4px;box-sizing:content-box;font-size:.8em;background:var(--color-grey-4)}