.header{position:fixed;top:0;left:0;right:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.header-container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{text-decoration:none;display:flex;align-items:center}.logo-inner{display:flex;align-items:center;gap:8px}.logo-icon{width:28px;height:28px;border-radius:8px}.logo-text{font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;align-items:center;gap:24px}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary)}.nav-download{padding:8px 18px;font-size:.95rem;text-decoration:none}@media (max-width: 768px){.nav{gap:16px}.nav-link{font-size:.9rem}.nav-download{display:none}}.hero{padding-top:140px;padding-bottom:80px;background:radial-gradient(circle at 50% 50%,#4f46e50d,#fff0 50%);overflow:hidden}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-content{flex:1;max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-title-main{display:inline-flex;align-items:center;gap:12px}.hero-title-icon{width:40px;height:40px;border-radius:12px}.highlight{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:40px;line-height:1.6}.hero-actions{display:flex;gap:16px}.btn-lg{padding:16px 32px;font-size:1.1rem}.btn-secondary{background:var(--white);color:var(--text-main);border:1px solid #E2E8F0;padding:16px 32px;border-radius:9999px;font-weight:600;transition:all .2s}.btn-secondary:hover{border-color:var(--text-muted);background-color:#f1f5f9}.hero-image{flex:1;display:flex;justify-content:center;position:relative}.phone-mockup{width:280px;background:#1a1a1a;border-radius:44px;padding:6px;box-shadow:0 0 0 1px #2c2c2e,0 20px 40px -12px #00000059;overflow:hidden;position:relative}.phone-mockup:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:120px;height:34px;background:#000;border-radius:20px;z-index:2;box-shadow:inset 0 2px 4px #ffffff1a}.phone-mockup .screen-image{width:100%;height:auto;display:block;border-radius:38px;vertical-align:top}.screen-content{width:100%;height:100%;background-color:#f8fafc;background-image:linear-gradient(135deg,#eef2ff,#e0e7ff)}@media (max-width: 768px){.hero-container{flex-direction:column;text-align:center}.hero-actions{justify-content:center}.hero-title{font-size:2.5rem}.phone-mockup{width:260px}.phone-mockup:before{width:100px;height:30px;top:18px}}.features-section{background-color:var(--white)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{font-size:2.5rem;margin-bottom:16px;color:#1e293b}.section-subtitle{font-size:1.1rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{background:#f8fafc;padding:40px;border-radius:24px;transition:transform .3s,box-shadow .3s;border:1px solid transparent}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:#4f46e51a;background:linear-gradient(180deg,#f8fafc,#fff)}.feature-icon{width:64px;height:64px;background:#4f46e51a;color:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-title{font-size:1.25rem;margin-bottom:12px;color:#1e293b}.feature-description{color:var(--text-muted);line-height:1.6}.showcase-section{background-color:#f8fafc}.showcase-grid{display:flex;flex-direction:column;gap:80px}.showcase-item{display:flex;align-items:center;justify-content:space-around;gap:40px}.showcase-item.reverse{flex-direction:row-reverse}.showcase-text{flex:1;max-width:400px}.showcase-text h3{font-size:2rem;margin-bottom:16px;color:#1e293b}.showcase-text p{font-size:1.1rem;color:var(--text-muted);line-height:1.6}.phone-frame{background:#1a1a1a;border-radius:40px;padding:6px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #2c2c2e,0 16px 32px -10px #0000004d}.phone-frame:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:90px;height:26px;background:#000;border-radius:14px;z-index:2;box-shadow:inset 0 2px 4px #ffffff14}.phone-frame.small{width:260px}.phone-frame img{width:100%;display:block;height:auto;border-radius:34px;vertical-align:top}@media (max-width: 768px){.showcase-item,.showcase-item.reverse{flex-direction:column;text-align:center}.phone-frame.small{width:240px}.phone-frame:before{width:76px;height:22px;top:14px}}.download-section-cta{background:#f7f8fa;text-align:center;padding:64px 24px 72px}.download-section-inner{max-width:1080px;margin:0 auto}.download-section-title{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 12px}.download-section-subtitle{font-size:1rem;color:#64748b;margin:0 0 40px;line-height:1.5}.dl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%}.dl-card{display:flex;flex-direction:column;align-items:center;padding:30px 16px 24px;background:transparent;border:0;border-radius:22px;cursor:pointer;font:inherit;color:var(--text-main);transition:background .25s ease}.dl-card:hover{background:#0f172a08}.dl-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.dl-card-stage{position:relative;width:min(168px,100%);aspect-ratio:1}.dl-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .32s ease,transform .32s ease}.dl-card-face--default{background:#f0f2f4;border-radius:50%}.dl-card-face--action{opacity:0;transform:scale(.78);color:#90939a}.dl-card:hover .dl-card-face--default,.dl-card:focus-visible .dl-card-face--default{opacity:0;transform:scale(.78)}.dl-card:hover .dl-card-face--action,.dl-card:focus-visible .dl-card-face--action{opacity:1;transform:scale(1)}.dl-card-platform-icon{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply}.dl-card-arrow{width:46%;height:46%}.dl-card-qr{width:76%;height:76%}.dl-card-name{margin-top:26px;font-size:1.08rem;font-weight:600;color:var(--text-main);line-height:1.3}.dl-card-hint{margin-top:8px;min-height:1.3em;font-size:.875rem;color:#b0b4bc;line-height:1.3;opacity:0;transform:translateY(4px);transition:opacity .32s ease,transform .32s ease}.dl-card:hover .dl-card-hint,.dl-card:focus-visible .dl-card-hint{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.dl-card-face,.dl-card-hint{transition:none}}.dl-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#0208179e}.dl-modal-card{position:relative;width:min(404px,100%);border-radius:30px;background:#fff;padding:70px 48px 52px;box-shadow:0 28px 80px #02081752;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;text-align:center}.dl-modal-close{position:absolute;top:26px;right:28px;width:36px;height:36px;border:0;background:transparent;color:#475569;font-size:2.5rem;line-height:1;cursor:pointer;padding:0}.dl-modal-close:hover{color:#0f172a}.dl-modal-qr{width:min(248px,72vw);height:min(248px,72vw);display:block}.dl-modal-title{margin:32px 0 10px;font-size:1.75rem;line-height:1.2;font-weight:800;color:#64748b}.dl-modal-text{margin:0;font-size:1.55rem;line-height:1.35;font-weight:800;color:#64748b;text-align:center}.dl-modal-platform-icon{width:72px;height:72px;object-fit:contain}.dl-modal-text--sub{font-size:1rem;font-weight:600;color:#94a3b8}.dl-arch-buttons{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:28px}.dl-arch-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 20px;border-radius:14px;text-decoration:none;background:var(--primary-gradient);color:#fff;transition:opacity .2s,transform .2s}.dl-arch-btn:hover{opacity:.92;transform:translateY(-1px)}.dl-arch-btn--secondary{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.dl-arch-btn-name{font-size:1.05rem;font-weight:700}.dl-arch-btn-desc{font-size:.8125rem;font-weight:500;opacity:.75}.dl-arch-hint{margin:18px 0 0;font-size:.8125rem;color:#94a3b8;text-align:center}@media (max-width: 960px){.dl-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin:0 auto}}@media (max-width: 768px){.download-section-cta{padding:48px 20px 56px}.download-section-title{font-size:1.5rem}}@media (max-width: 640px){.dl-cards{gap:16px}.dl-card{padding:22px 12px 18px}.dl-card-stage{width:min(140px,100%)}.dl-card-platform-icon{width:52px;height:52px}.dl-card-name{margin-top:18px;font-size:1rem}.dl-card-hint{font-size:.8125rem}.dl-modal-card{border-radius:26px;padding:62px 32px 44px}}@media (max-width: 360px){.dl-modal-card{padding-left:24px;padding-right:24px}.dl-modal-title{font-size:1.55rem}.dl-modal-text{font-size:1.32rem}}.footer{background-color:#1e293b;color:#f8fafc;padding:60px 0 20px}.footer-container{display:flex;justify-content:space-between;margin-bottom:40px}.footer-brand h3{font-size:1.5rem;margin-bottom:8px}.footer-brand p{color:#94a3b8}.footer-links{display:flex;gap:60px}.link-group h4{margin-bottom:16px;font-size:1.1rem}.link-group a{display:block;color:#94a3b8;text-decoration:none;margin-bottom:8px;transition:color .2s}.link-group a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #334155;padding-top:20px;color:#64748b;font-size:.9rem}@media (max-width: 768px){.footer-container{flex-direction:column;gap:40px}}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}section{text-align:left}:root{--primary: #4F46E5;--primary-gradient: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);--secondary: #64748B;--bg-color: #F8FAFC;--text-main: #1E293B;--text-muted: #64748B;--white: #FFFFFF;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-main);line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background:var(--primary-gradient);color:var(--white);padding:12px 24px;border-radius:9999px;font-weight:600;border:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d}.section{padding:80px 0}