.hero{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;padding-block:40px 64px}.hero h1{font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.35;margin:12px 0 20px}.hero .actions{margin:28px 0 16px}.hero-result{display:flex;justify-content:center}.content-example{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;width:100%;max-width:440px}.content-example>.hanzi{font-size:clamp(3rem,8vw,5rem);line-height:1.4;font-weight:500}.product-screen{margin:0;max-width:360px;width:100%}.product-screen img{display:block;max-height:660px;width:100%;object-fit:contain;border:1px solid var(--border);border-radius:16px}.product-screen figcaption{font-size:.75rem;color:var(--muted);margin-top:8px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.steps article{min-width:0;border-top:1px solid var(--pc-control-border);padding-top:16px}.steps h3{margin:12px 0 8px}.steps p{color:var(--muted)}.step-number{color:var(--teal);font-weight:600}.step-example{margin-top:20px;padding:16px;background:var(--surface);border-radius:12px}.steps .product-screen{margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split h2{margin:12px 0 20px}.split .scope{margin-top:16px}.split .button{margin-top:24px}.check-example{display:flex;justify-content:center}.review-section{background:var(--pc-secondary-container)}.use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.use-cases p{margin-top:12px;color:var(--muted)}.faq-list{max-width:800px}.faq-list details{border-bottom:1px solid var(--border);padding:16px 0}.faq-list summary{cursor:pointer;min-height:48px;font-weight:600;padding:8px 0}.faq-list details p{color:var(--muted);margin:12px 0}.resource-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:24px}.final-section{background:var(--pc-primary-container)}.final-inner{display:flex;justify-content:space-between;gap:32px;align-items:center}.final-inner p{margin:16px 0}.qr-box{flex-shrink:0;text-align:center}.qr-box p{max-width:180px;font-size:.875rem}.site-footer{padding-block:32px;color:var(--muted);font-size:.875rem}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}.site-footer a{min-height:48px;display:inline-flex;align-items:center}.site-footer p{margin-top:8px}html[data-platform=android] .qr-box{display:none}@media(max-width:1023px){.hero{gap:24px}.split{gap:32px}.hero h1{font-size:2.25rem}.steps{gap:16px}.use-cases{gap:20px}}@media(max-width:599px){.hero{grid-template-columns:1fr;padding-block:24px 48px;gap:24px}.hero h1{font-size:2rem}.hero h1 br{display:none}.hero-result{order:0}.content-example{padding:24px}.hero-result .content-example>.hanzi{font-size:3rem}.hero-result .product-screen{max-width:280px}.hero-result .product-screen img{max-height:460px}.steps,.split,.use-cases{grid-template-columns:1fr}.steps{gap:32px}.steps .product-screen{max-width:280px}.split{gap:24px}.final-inner{display:block}.qr-box{display:none}.use-cases article{padding-top:16px;border-top:1px solid var(--border)}.product-screen{max-width:320px}}.pc-video{width:100%;max-width:560px;min-width:0}.pc-video [hidden]{display:none!important}.pc-video>video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.pc-video-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pc-video-controls .button{flex:1 1 auto;min-height:48px;padding:10px 14px}.pc-video-note,.pc-video-description{font-size:.875rem;line-height:1.7;color:var(--muted)}.pc-video-note{margin-top:10px}.pc-video-description{margin-top:8px}.pc-video-description summary{min-height:48px;display:list-item;padding:10px 0;cursor:pointer;font-weight:600}.pc-video-description p{margin-block:6px 12px}.pc-full-dialog{padding:20px;max-width:min(92vw,900px);width:900px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pc-full-dialog::backdrop{background:#14233bb8}.pc-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-20px;z-index:1;background:var(--bg);padding-block:8px}.pc-dialog-header h2{font-size:1.125rem}.pc-dialog-header .button{flex-shrink:0}.pc-full-dialog video{display:block;object-fit:contain;width:100%;height:min(68dvh,760px);background:var(--bg);margin-top:8px}.pc-full-dialog [data-full-retry]{margin-top:12px}.pc-full-dialog [data-full-status]:empty{display:none}@media(max-width:599px){.pc-video{max-width:100%}.pc-full-dialog{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.pc-dialog-header{top:-12px;gap:12px}.pc-dialog-header h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){.pc-video *{scroll-behavior:auto;transition:none;animation:none}}