.text-center{text-align:center}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.mb-20{margin-bottom:80px}.mb-24{margin-bottom:96px}.mt-12{margin-top:48px}.w-full{width:100%}.opacity-60{opacity:.6}.flex-row{display:flex;flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:24px}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:60px}}.hero-title{font-size:2.8rem;line-height:1.1;letter-spacing:-.04em;color:var(--text-main)}@media (min-width: 1024px){.hero-title{font-size:3.8rem}}.hero-checks{display:flex;flex-direction:column;gap:12px}@media (min-width: 640px){.hero-checks{flex-direction:row;gap:24px}}.check-item{display:flex;align-items:center;gap:8px;font-weight:500;font-size:.95rem}.hero-mockup{width:100%}.mockup-card{background-color:var(--brand-secondary);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-lg);border:1px solid #1E293B;color:#fff}@media (min-width: 768px){.mockup-card{padding:32px}}.mockup-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}@media (min-width: 640px){.mockup-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.mockup-header h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0}.session-badge{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#94a3b8}.status-dot{width:8px;height:8px;background:var(--success-color);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--success-color)}.mockup-search-bar{display:flex;flex-direction:column;gap:12px;background:transparent;border:none;padding:0}.mockup-search-bar input{background:#f8fafc;border:1px solid #E2E8F0;border-radius:var(--radius-md);color:#0f172a;padding:12px 16px;outline:none;font-size:.95rem;width:100%}.mockup-search-bar .btn{padding:12px 24px;width:100%;font-size:1rem;border-radius:var(--radius-md)}@media (min-width: 640px){.mockup-search-bar{flex-direction:row;gap:8px;background:#1e293b;border:1px solid #334155;border-radius:calc(var(--radius-md) + 4px);padding:8px}.mockup-search-bar input{border:none;padding-left:16px;width:auto;flex:1}.mockup-search-bar .btn{width:auto;padding:10px 24px}}.mockup-profile-header{display:flex;gap:16px;align-items:center}.mockup-avatar{width:64px;height:64px;object-fit:cover;flex-shrink:0;border-radius:50%;border:2px solid #334155}.name-row{display:flex;align-items:center;gap:8px}.name-row h2{color:#fff;font-size:1.35rem;margin:0;line-height:1.2}.mockup-profile-info p{color:#94a3b8;font-size:.9rem}.mockup-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:640px){.mockup-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.mockup-stat-box{background:#1e293b;border:1px solid #334155;border-radius:var(--radius-md);padding:12px}@media (min-width:640px){.mockup-stat-box{padding:16px}}.stat-num{color:#fff;font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.2}@media (min-width:640px){.stat-num{font-size:1.25rem;gap:8px}}.stat-lbl{color:#94a3b8;font-size:.75rem;margin-top:6px}.trend{color:var(--success-color);font-size:.75rem}.mockup-thumbs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.mockup-thumbs-grid{grid-template-columns:repeat(4,1fr)}}.mockup-thumb{aspect-ratio:3 / 4;background-size:cover;background-position:center;border-radius:14px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.mockup-thumb:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.mockup-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000bf,#0000000d 55%,#00000026);border-radius:14px;z-index:1;pointer-events:none}.thumb-views{z-index:2;color:#fff;font-size:.8rem;font-weight:700;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 10px;border-radius:6px;align-self:flex-start;line-height:1.2}.thumb-title{z-index:2;color:#fff;font-size:.85rem;font-weight:600;line-height:1.2;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.9)}.video-modal-backdrop{position:fixed;inset:0;background:#000000e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;animation:fadeIn .2s ease;overflow:hidden}.video-modal-container{background:#0f172a;border:1px solid #334155;border-radius:20px;width:100%;max-width:420px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #000000d9;overflow:hidden}.modal-close-btn{position:absolute;top:12px;right:12px;z-index:20;width:36px;height:36px;border-radius:50%;background:#000000a6;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);transform:scale(1.08)}.video-player-wrapper{width:100%;aspect-ratio:9 / 16;max-height:50vh;max-height:50dvh;min-height:200px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.modal-nav-controls{display:flex;gap:12px;margin-top:8px;width:100%}.modal-nav-btn{flex:1;padding:12px;border-radius:var(--radius-md);background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.modal-nav-btn:hover{background:#ffffff26}.modal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.modal-video-element{width:100%;height:100%;object-fit:contain;outline:none}.modal-video-info{padding:16px 20px 20px;color:#fff;display:flex;flex-direction:column;gap:10px;background:#0f172a;overflow-y:auto;overscroll-behavior:contain}.modal-video-info::-webkit-scrollbar{width:4px}.modal-video-info::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-video-meta{display:flex;align-items:center;gap:10px;font-size:.8rem;flex-wrap:wrap}.modal-views-badge{background:#1e293b;color:#38bdf8;padding:4px 10px;border-radius:9999px;font-weight:700}.modal-user-badge{color:#94a3b8;font-weight:600}.modal-video-desc{color:#f1f5f9;font-size:.9rem;line-height:1.4;margin:0;font-weight:500;word-break:break-word}.modal-actions{margin-top:4px}.modal-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;text-decoration:none;padding:12px;font-size:.95rem;font-weight:700;border-radius:var(--radius-md);box-sizing:border-box}@media (max-height: 600px) and (orientation: landscape),(min-width: 768px){.video-modal-container{flex-direction:row;max-width:720px;height:90vh;max-height:600px}.video-player-wrapper{width:50%;max-height:100%;height:100%;aspect-ratio:auto}.modal-video-element{object-fit:cover}.modal-video-info{width:50%;padding:24px;height:100%;justify-content:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-spinner{width:20px;height:20px;animation:rotate 2s linear infinite;display:inline-block;vertical-align:middle;margin-right:6px}.btn-spinner circle{stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.card-loader{position:absolute;inset:-12px;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:var(--radius-lg);color:#fff;font-weight:600;font-size:1.1rem}.loader-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--brand-primary);border-radius:50%;animation:rotate 1s linear infinite}.value-props-bar{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;gap:24px}@media (min-width:768px){.value-props-bar{flex-direction:row;justify-content:space-between;padding:32px 40px;gap:0}.prop-item{display:flex;align-items:center;gap:16px;flex:1;border-right:1px solid var(--border-color);padding:0 24px}.prop-item:first-child{padding-left:0}.prop-item:last-child{border-right:none;padding-right:0}}.prop-icon{width:48px;height:48px;background:#f3f4f6;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-main)}.prop-item h4{font-size:.95rem;margin-bottom:2px}.prop-item p{font-size:.8rem;color:var(--text-muted)}.section-header h2{font-size:2.2rem;font-weight:800}.bento-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.bento-tall{grid-row:span 1}@media (min-width: 1024px){.bento-tall{grid-row:span 2}}.bento-header h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.bento-header p{font-size:.9rem;color:var(--text-muted)}.bento-lbl{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:4px}.bento-val-row{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.bento-val{font-size:2rem;font-weight:800;color:var(--text-main)}.bento-trend{color:var(--success-color);font-size:.9rem;font-weight:700}.bento-chart-area{height:100px;background:linear-gradient(to top,rgba(16,185,129,.1),transparent);border-bottom:2px solid var(--success-color);border-radius:4px;margin-top:auto}.story-rings{display:flex;justify-content:center;gap:16px;margin:32px 0}.story-ring{width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--brand-primary),#FCA5A5)}.story-ring img{width:100%;height:100%;border-radius:50%;border:3px solid white;object-fit:cover}.dl-list{display:flex;flex-direction:column;gap:16px;margin:24px 0}.dl-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md)}.dl-info{display:flex;align-items:center;gap:12px}.dl-info img{width:48px;height:48px;border-radius:8px;object-fit:cover}.dl-title{font-size:.9rem;font-weight:700;color:var(--text-main)}.dl-ext{font-size:.75rem;color:var(--text-muted)}.dl-status{font-size:.8rem;font-weight:600}.dl-status.success{color:var(--success-color)}.dl-progress-col{display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:100px}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px}.progress-fill{height:100%;background:var(--brand-primary);border-radius:2px}.chart-donut{width:90px;height:90px;border-radius:50%;border:18px solid #F3F4F6;border-top-color:var(--brand-primary);border-right-color:#38bdf8}.privacy-checks{display:flex;flex-direction:column;gap:12px}.p-check{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500}.steps-wrapper{position:relative}.steps-line{position:absolute;top:24px;left:10%;right:10%;height:2px;border-top:2px dashed #E5E7EB;z-index:0;display:none}@media (min-width:768px){.steps-line{display:block}}.steps-grid{display:grid;grid-template-columns:1fr;gap:40px;position:relative;z-index:1}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.step-item{display:flex;flex-direction:column;align-items:center}.step-num{width:48px;height:48px;background:#fff;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:24px}.step-icon{margin-bottom:16px;color:var(--text-main)}.step-item h4{font-size:1.1rem;margin-bottom:8px}.step-item p{font-size:.95rem;color:var(--text-muted);max-width:250px}.dark-cta-banner{background-color:var(--brand-secondary);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;gap:32px;color:#fff;overflow:hidden;position:relative}@media (min-width: 768px){.dark-cta-banner{padding:48px;flex-direction:row;justify-content:space-between;align-items:center;gap:48px}}.cta-content-left{position:relative;z-index:2;flex:1;max-width:450px}.cta-content-left h2{color:#fff;font-size:1.75rem;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}@media (min-width: 768px){.cta-content-left h2{font-size:2.2rem}}.cta-text{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin-bottom:32px}.cta-content-middle{position:relative;z-index:2;flex:1;display:flex;justify-content:center}.cta-checks{display:flex;flex-direction:column;gap:16px}.cta-check{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#ffffffe6;font-weight:500}@media (min-width: 768px){.cta-check{font-size:1rem}}.cta-btn{padding:14px 24px;font-size:1rem;width:100%;font-weight:600;border-radius:8px}@media (min-width: 768px){.cta-btn{padding:14px 32px;font-size:1.05rem;width:auto}}.cta-graphics{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex:1;opacity:.8;margin-right:-40px}.faq-layout{display:grid;grid-template-columns:1fr;gap:40px}@media (min-width: 768px){.faq-layout{grid-template-columns:3fr 2fr;gap:64px}}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-color)}.faq-summary{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;list-style:none}.faq-summary::-webkit-details-marker{display:none}.faq-summary span{font-weight:600;font-size:1.05rem}.faq-arrow{color:var(--text-muted);font-size:1.5rem;transition:transform .3s ease}details[open] .faq-arrow{transform:rotate(90deg)}.faq-answer{padding:0 0 20px;color:var(--text-muted);line-height:1.6;font-size:.95rem}.support-card{background:#f9fafb;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;display:flex;justify-content:space-between;align-items:center}.support-content h3{font-size:1.2rem;margin-bottom:8px}.support-content p{color:var(--text-muted);font-size:.95rem;margin-bottom:24px;max-width:250px}.support-btn{background:#fff}