:root{--orange: #ff5a1f;--orange-2: #ff8c42;--ink: #1a1a1a;--muted: #555;--bg: #f9f9f9;--line: #f0f0f0;--tint: #fff7f4;--tint-border: #ffe0d0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,48px);border-bottom:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.nav .brand{display:inline-flex;align-items:center}.brand-logo{height:40px;width:auto;display:block}.nav .links a{color:#444;font-size:.9rem;margin-left:24px}.nav .links a:hover{color:var(--orange);text-decoration:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-2) 100%);color:#fff;text-align:center;padding:clamp(64px,10vw,110px) 20px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.18),transparent 45%);pointer-events:none}.hero h1{font-size:clamp(2rem,5.5vw,3.4rem);font-weight:800;letter-spacing:-.5px;margin-bottom:18px}.hero p{font-size:clamp(1rem,2.5vw,1.18rem);max-width:560px;margin:0 auto 34px;opacity:.95}.store-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:transform .18s ease,background .18s ease}.store-btn:hover{background:#000;text-decoration:none;transform:translateY(-2px)}.store-btn .store-name{font-size:1.05rem;font-weight:700}.store-btn .store-small{font-size:.7rem;opacity:.8}.section{max-width:1040px;margin:clamp(48px,8vw,72px) auto;padding:0 24px}.section h2{font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:800;text-align:center;margin-bottom:40px;letter-spacing:-.3px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.step{text-align:center}.step .num{width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 6px 18px #ff5a1f59}.step h3{font-size:1.02rem;font-weight:700;margin-bottom:6px}.step p{font-size:.9rem;color:var(--muted)}.features-bg{background:var(--bg);padding:clamp(48px,8vw,72px) 24px}.features{max-width:1040px;margin:0 auto}.features h2{font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:800;text-align:center;margin-bottom:40px}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feat{background:#fff;border-radius:14px;padding:26px;box-shadow:0 2px 14px #0000000f;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.feat:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001a}.feat .icon{font-size:2rem;margin-bottom:10px}.feat h3{font-size:1.02rem;font-weight:700;margin-bottom:6px}.feat p{font-size:.88rem;color:var(--muted)}.doc-body{background:var(--bg);min-height:100vh}.doc-header{background:var(--orange);padding:28px 20px;text-align:center}.doc-header-logo{height:56px;width:auto;background:#fff;border-radius:14px;padding:8px 12px;margin-bottom:14px}.doc-header h1{color:#fff;font-size:clamp(1.4rem,4vw,1.7rem);font-weight:700;letter-spacing:-.3px}.doc-header p{color:#ffffffd9;font-size:.9rem;margin-top:4px}.doc-header .back{display:inline-block;margin-top:14px;color:#fff;font-size:.85rem;opacity:.9}.doc-main{max-width:780px;margin:40px auto;padding:0 20px 60px}.card{background:#fff;border-radius:14px;padding:clamp(22px,5vw,34px);box-shadow:0 2px 14px #00000012;line-height:1.75}.card h2{font-size:1.15rem;font-weight:700;margin:30px 0 10px;color:var(--orange)}.card h2:first-of-type{margin-top:8px}.card p{margin-bottom:12px;font-size:.97rem}.card ul{margin:8px 0 12px 20px;font-size:.97rem}.card ul li{margin-bottom:6px}.updated{font-size:.82rem;color:#888;margin-bottom:24px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.tile{background:var(--tint);border:1px solid var(--tint-border);border-radius:12px;padding:20px;text-align:center}.tile.left{text-align:left}.tile .icon{font-size:1.7rem;margin-bottom:8px}.tile strong{display:block;margin-bottom:6px}.tile a{font-weight:600}.faq-item{border-bottom:1px solid var(--line);padding:16px 0}.faq-item:last-child{border-bottom:none}.faq-item strong{display:block;margin-bottom:6px;font-size:.97rem}.footer{background:var(--ink);color:#aaa;text-align:center;padding:32px 20px;font-size:.85rem}.footer-logo{height:46px;width:auto;background:#fff;border-radius:12px;padding:6px 10px;margin-bottom:18px}.footer a{margin:0 10px}.footer .copy{margin-top:10px;font-size:.78rem;color:#666}.doc-footer{text-align:center;font-size:.82rem;color:#aaa;padding:24px 0}.doc-footer a{margin:0 6px}.notfound{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.notfound h1{font-size:4rem;color:var(--orange);font-weight:800}.notfound p{color:var(--muted);margin:8px 0 24px}
