.landing-hero{text-align:center;max-width:920px;margin:0 auto;padding:140px 24px 60px;position:relative}.landing-badge{background:var(--color-bg-card);color:var(--color-primary);border-radius:var(--radius-full);letter-spacing:.02em;border:1px solid #4f46e529;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4f46e50f}.landing-badge svg{color:#f59e0b}.landing-hero-title{letter-spacing:-.035em;color:var(--color-text);margin-bottom:24px;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.12}.landing-hero-title span{color:var(--color-primary);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:initial}.landing-hero-subtitle{color:var(--color-text-muted);max-width:760px;margin:0 auto 36px;font-size:24px;font-weight:400;line-height:1.6}.landing-store-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.landing-store-actions .btn{box-shadow:var(--shadow-md);border-radius:var(--radius-md);align-items:center;gap:10px;padding:16px 30px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex}.landing-store-actions .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.landing-platform-note{color:#64748b;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:60px;font-size:16px;display:flex}.landing-platform-note span{align-items:center;gap:8px;font-weight:600;display:inline-flex}.landing-platform-note svg{color:#10b981}.landing-hero-visual{max-width:440px;margin:0 auto 80px;position:relative}.landing-device-card{background:var(--color-bg-card);border:1px solid #0f172a14;border-radius:28px;padding:16px;box-shadow:0 20px 40px -15px #0f172a14,0 0 0 1px #0f172a0a}.landing-section{max-width:1140px;margin:0 auto;padding:88px 24px}.landing-section-alt{background:var(--color-bg-card);border-top:1px solid #0f172a0f;border-bottom:1px solid #0f172a0f}.landing-section-header{text-align:center;max-width:760px;margin:0 auto 56px}.landing-section-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);margin-bottom:12px;font-size:14px;font-weight:800}.landing-section-title{color:var(--color-text);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(32px,4.4vw,48px);font-weight:800;line-height:1.18}.landing-section-subtitle{color:#64748b;font-size:21px;line-height:1.6}.landing-bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-bento-grid-2{grid-template-columns:repeat(2,minmax(0,480px));justify-content:center}.landing-bento-card{background:var(--color-bg-card);border:1px solid #0f172a14;border-radius:24px;flex-direction:column;padding:38px 32px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0f172a05}.landing-bento-card:hover{border-color:#4f46e54d;transform:translateY(-4px);box-shadow:0 16px 32px -8px #0f172a14}.landing-bento-icon{width:56px;height:56px;color:var(--color-primary);background:#f1f5f9;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;transition:all .2s;display:inline-flex}.landing-bento-card:hover .landing-bento-icon{background:var(--color-primary);color:#fff}.landing-bento-card h3{color:var(--color-text);letter-spacing:-.01em;margin-bottom:12px;font-size:24px;font-weight:700}.landing-bento-card p{color:var(--color-text-muted);margin:0;font-size:18px;line-height:1.65}.landing-steps-row{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.landing-step-item{background:var(--color-bg-card);border:1px solid #0f172a14;border-radius:24px;padding:38px 32px;position:relative;box-shadow:0 2px 8px #0f172a05}.landing-step-badge{color:var(--color-primary);border-radius:var(--radius-full);background:#4f46e514;margin-bottom:20px;padding:6px 16px;font-size:15px;font-weight:800;display:inline-block}.landing-step-item h3{color:var(--color-text);margin-bottom:12px;font-size:24px;font-weight:700}.landing-step-item p{color:var(--color-text-muted);margin:0;font-size:18px;line-height:1.65}.landing-comparison-wrapper{background:var(--color-bg-card);border:1px solid #0f172a14;border-radius:24px;overflow-x:auto;box-shadow:0 4px 20px #0f172a08}.landing-comparison-table{border-collapse:collapse;text-align:left;width:100%}.landing-comparison-table th,.landing-comparison-table td{vertical-align:middle;border-bottom:1px solid #0f172a0f;padding:20px 26px;font-size:18px}.landing-comparison-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:15px;font-weight:700}.landing-comparison-table th.highlight-col,.landing-comparison-table td.highlight-col{color:var(--color-primary);background:#4f46e508;font-weight:700}.landing-comparison-table tr:last-child td{border-bottom:none}.matrix-swipe-hint{color:var(--color-primary);border-radius:var(--radius-full);background:#4f46e514;border:1px solid #4f46e533;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:16px auto 0;padding:8px 16px;font-size:13px;font-weight:600;display:none}.matrix-table-wrapper{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.matrix-comparison-table{min-width:820px}.landing-faq-container{flex-direction:column;gap:16px;max-width:860px;margin:0 auto;display:flex}.landing-faq-item{background:var(--color-bg-card);border:1px solid #0f172a14;border-radius:20px;transition:border-color .2s;box-shadow:0 1px 4px #0f172a05}.landing-faq-item[open]{border-color:#4f46e559}.landing-faq-item summary{color:var(--color-text);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 30px;font-size:21px;font-weight:700;list-style:none;display:flex}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"";border-bottom:2.5px solid #64748b;border-right:2.5px solid #64748b;flex-shrink:0;width:12px;height:12px;margin-right:4px;transition:transform .2s;transform:rotate(45deg)}.landing-faq-item[open] summary:after{border-color:var(--color-primary);transform:rotate(-135deg)}.landing-faq-body{color:var(--color-text-muted);padding:0 30px 28px;font-size:18px;line-height:1.7}.landing-faq-body p:not(:last-child){margin-bottom:12px}.landing-cta-banner{text-align:center;color:#fff;background:#0f172a;border-radius:32px;margin:40px auto 0;padding:72px 40px;box-shadow:0 24px 48px -12px #0f172a40}.landing-cta-banner h2{letter-spacing:-.02em;color:#fff;margin-bottom:16px;font-size:clamp(32px,4.6vw,48px);font-weight:800}.landing-cta-banner p{color:#94a3b8;max-width:660px;margin:0 auto 36px;font-size:21px;line-height:1.6}.landing-cta-banner .landing-store-actions{margin-bottom:0}.landing-crosslink-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-crosslink-card{background:var(--color-bg-card);color:var(--color-text);border:1px solid #0f172a14;border-radius:18px;justify-content:space-between;align-items:center;padding:24px 28px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.landing-crosslink-card:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translate(3px)}@media (width<=900px){.landing-bento-grid,.landing-steps-row,.landing-crosslink-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}@media (width<=640px){.landing-hero{padding:104px 20px 48px}.landing-hero-title{letter-spacing:-.02em;font-size:38px;line-height:1.15}.landing-hero-subtitle{margin-bottom:28px;font-size:20px;line-height:1.55}.landing-store-actions{flex-direction:column;gap:12px;width:100%}.landing-store-actions .btn{justify-content:center;width:100%;padding:16px 24px;font-size:17px}.landing-platform-note{gap:14px;margin-bottom:40px;font-size:15px}.landing-section{padding:64px 20px}.landing-section-header{margin-bottom:36px}.landing-section-title{font-size:30px}.landing-section-subtitle{font-size:18px}.landing-bento-card,.landing-step-item{border-radius:20px;padding:30px 24px}.landing-bento-card h3,.landing-step-item h3{font-size:22px}.landing-bento-card p,.landing-step-item p{font-size:16px}.landing-faq-item summary{padding:20px 22px;font-size:18px}.landing-faq-body{padding:0 22px 22px;font-size:16px}.landing-cta-banner{border-radius:24px;padding:48px 24px}.landing-cta-banner h2{font-size:28px}.landing-cta-banner p{font-size:17px}.landing-comparison-wrapper:not(.matrix-table-wrapper){border-radius:16px;width:100%;margin:0;overflow-x:hidden}.landing-comparison-table:not(.matrix-comparison-table){table-layout:fixed;width:100%;min-width:0}.landing-comparison-table:not(.matrix-comparison-table) th,.landing-comparison-table:not(.matrix-comparison-table) td{word-break:break-word;padding:12px 8px;font-size:13px;line-height:1.35}.landing-comparison-table:not(.matrix-comparison-table) th{letter-spacing:.02em;padding:10px 8px;font-size:11px}.landing-comparison-table:not(.matrix-comparison-table) th:first-child,.landing-comparison-table:not(.matrix-comparison-table) td:first-child{width:42%}.landing-comparison-table:not(.matrix-comparison-table) th:nth-child(2),.landing-comparison-table:not(.matrix-comparison-table) td:nth-child(2){text-align:center;width:32%}.landing-comparison-table:not(.matrix-comparison-table) th:nth-child(3),.landing-comparison-table:not(.matrix-comparison-table) td:nth-child(3){text-align:center;width:26%}.landing-comparison-table:not(.matrix-comparison-table) td small{margin-top:2px;font-size:10px;line-height:1.25;display:block}.matrix-swipe-hint{display:inline-flex}.matrix-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;margin:0;overflow-x:auto}.matrix-comparison-table{table-layout:auto;min-width:780px}.matrix-comparison-table th,.matrix-comparison-table td{padding:14px 12px;font-size:13px;line-height:1.35}.matrix-comparison-table th:first-child,.matrix-comparison-table td:first-child{z-index:2;background:#fff;min-width:150px;max-width:160px;position:sticky;left:0;box-shadow:2px 0 8px #0f172a0f}.matrix-comparison-table th:first-child{z-index:3;background:#f8fafc}.matrix-comparison-table td.highlight-col{background:#4f46e50a}}
