:root{--bg: #12151b;--bg-2: #1b1e24;--bg-3: #242830;--bg-4: #2c323c;--line: rgba(46, 196, 182, .28);--line-dim: rgba(238, 238, 238, .08);--text: #eef1f4;--muted: #9aa3ad;--copper: #2ec4b6;--copper-2: #7ee8dc;--spark: #2ec4b6;--spark-hot: #c9f6ff;--danger: #e35d5d;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius: 18px;--header-h: 72px;--max: 1120px;--font-display: "Syne", "Hiragino Sans", "Yu Gothic", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Instrument Sans", "Hiragino Sans", "Yu Gothic", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html:not(.app-ready) body{opacity:0}html.app-ready body{opacity:1;transition:opacity .18s ease}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;background:radial-gradient(1000px 520px at 85% -8%,rgba(212,165,116,.14),transparent 55%),radial-gradient(800px 420px at -10% 110%,rgba(80,180,170,.07),transparent 50%),var(--bg);text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,select{font-family:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.skip{position:absolute;left:12px;top:-48px;z-index:80;padding:8px 12px;background:var(--copper);color:#1a120c;border-radius:8px}.skip:focus{top:12px}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--copper);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:1px;background:var(--copper)}h1,.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.045em;line-height:.95}.lead{color:var(--muted);font-size:1.08rem;max-width:46ch}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b0ec7;border-bottom:1px solid var(--line-dim)}.header-inner{width:min(var(--max),calc(100% - 40px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:36px;height:36px;border-radius:10px;object-fit:cover;background:#242830}.brand-word{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.brand-word span{color:var(--copper)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:8px 12px;border-radius:999px;color:var(--muted);font-weight:500;font-size:.95rem}.nav-links a:hover,.nav-links a.is-active{color:var(--text);background:#ffffff0d}.nav-links a.is-active{box-shadow:inset 0 0 0 1px var(--line)}.header-tools{display:flex;align-items:center;gap:10px}.lang{position:relative}.lang-btn,.menu-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line-dim);background:var(--bg-3);color:var(--text);border-radius:999px}.lang-btn:hover,.menu-btn:hover{border-color:var(--line)}.lang-btn svg,.menu-btn svg{width:16px;height:16px}.lang-code{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px;border-radius:14px;background:var(--bg-3);border:1px solid var(--line);box-shadow:var(--shadow);display:none;max-height:min(70vh,420px);overflow:auto}.lang-menu.is-open{display:grid;gap:2px}.lang-menu button{display:flex;justify-content:space-between;width:100%;padding:8px 10px;border:0;background:transparent;color:var(--text);border-radius:8px;text-align:left}.lang-menu button:hover,.lang-menu button[aria-checked=true]{background:#d4a5741f}.lang-menu button[aria-checked=true]:after{content:"●";color:var(--copper);font-size:10px}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;font-weight:600;border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#4ad4c6,var(--copper));color:#081210}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--copper)}.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.hero-title{font-size:clamp(3rem,7vw,5.6rem);margin:16px 0 18px;white-space:pre-line}html[lang=ja] .hero-title,html[lang=zh] .hero-title{font-size:clamp(2.5rem,5.4vw,4.6rem);line-height:1.18;letter-spacing:.02em;word-break:keep-all;line-break:strict}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-note{margin-top:16px;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.mock{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;position:relative}.mock:before,.mock:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--copper);border-style:solid;z-index:2;pointer-events:none}.mock:before{top:8px;left:8px;border-width:1px 0 0 1px}.mock:after{right:8px;bottom:8px;border-width:0 1px 1px 0}.mock-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line-dim);background:#141a22}.mock-dots{display:flex;gap:6px}.mock-dots span{width:8px;height:8px;border-radius:50%;background:#3a4452}.mock-dots span:first-child{background:#c57b4a}.mock-app{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.mock-toolbar{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line-dim);overflow-x:auto}.mock-chip{padding:6px 10px;border-radius:999px;background:var(--bg-3);color:var(--text);font-size:12px;border:1px solid var(--line-dim);white-space:nowrap;flex-shrink:0}.mock-chip.is-live{border-color:var(--copper);color:var(--copper-2)}.mock-body{display:grid;grid-template-columns:1fr 160px}.mock-canvas{position:relative;min-height:280px;background:#14181f}.mock-canvas img{width:100%;height:280px;object-fit:cover;object-position:left center}.mock-canvas svg{width:100%;height:280px}.wire-path{fill:none;stroke:var(--copper);stroke-width:1.8;stroke-dasharray:6 8;animation:dash 12s linear infinite}.geom{fill:none;stroke:#eef1f4db;stroke-width:1.8}.hole{fill:none;stroke:#eef1f473;stroke-width:1.2}.spark-dot{fill:var(--spark-hot);filter:drop-shadow(0 0 6px var(--spark))}.mock-side{padding:14px 12px;border-left:1px solid var(--line-dim);font-size:12px;color:var(--muted);display:grid;gap:12px;align-content:start}.mock-side strong{display:block;color:var(--text);font-weight:600;margin-top:2px}.mock-status{padding:10px 14px;border-top:1px solid var(--line-dim);font-family:var(--font-mono);font-size:11px;color:var(--spark);display:flex;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dim);border:1px solid var(--line-dim);border-radius:var(--radius);overflow:hidden;margin:12px 0 64px}.stat{background:var(--bg-2);padding:22px 24px}.stat b{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--copper-2)}.stat span{color:var(--muted);font-size:.92rem}.section{padding:72px 0}.section-head{display:grid;gap:12px;margin-bottom:32px}.section-head h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:var(--bg-2);border:1px solid var(--line-dim);border-radius:var(--radius);padding:22px}.card h3{font-size:1.15rem;margin:8px 0}.step-no{font-family:var(--font-mono);font-size:12px;color:var(--copper)}.features{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.photo-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.photo-frame img{width:100%;height:100%;object-fit:cover;min-height:420px}.feature-grid{display:grid;gap:12px}.feature{padding:16px 16px 16px 18px;border-left:2px solid var(--copper);background:#ffffff05}.feature h3{font-size:1rem;margin-bottom:4px}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shot-frame{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;border:1px dashed var(--line);background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),var(--bg-3);background-size:20px 20px}.shot-frame img{width:100%;height:100%;object-fit:contain;background:#14181f}.shot-empty{display:none;place-items:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--muted);text-align:center;padding:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.shot-frame.is-empty .shot-empty{display:grid}.shot-frame.is-empty img{display:none}.shot figcaption{margin-top:10px;color:var(--muted);font-size:.92rem}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.cta-band{margin:20px 0 80px;padding:42px;border-radius:24px;background:linear-gradient(180deg,#d4a57424,#090b0e33),var(--bg-2);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-band h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin-bottom:8px}.site-footer{border-top:1px solid var(--line-dim);padding:36px 0 28px;background:#080a0d}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr auto;gap:24px;align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted)}.github-link{display:inline-flex;align-items:center;gap:8px;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 14px;width:max-content;justify-self:start}.github-link:hover{border-color:var(--copper);color:var(--copper-2)}.github-link svg{width:16px;height:16px}.legal{margin-top:28px;color:var(--muted);font-size:13px}.page-hero{padding:56px 0 12px}.page-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);margin:12px 0 14px}.product-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch;margin:28px 0 48px}.product-card{display:flex;flex-direction:column;justify-content:center;min-height:100%}.product-card{padding:28px}.product-kicker{font-family:var(--font-mono);font-size:12px;color:var(--spark);letter-spacing:.14em;text-transform:uppercase}.includes,.audience{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 36px}.check{padding:14px 16px;background:var(--bg-2);border:1px solid var(--line-dim);border-radius:12px}.check:before{content:"▸";color:var(--copper);margin-right:8px;font-family:var(--font-mono)}.pricing-wrap{display:grid;place-items:center;padding:12px 0 80px}.price-card{width:min(480px,100%);padding:32px;text-align:center;background:radial-gradient(400px 180px at 50% 0%,rgba(212,165,116,.16),transparent 60%),var(--bg-2)}.price-card .plan{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);font-size:12px}.price{font-family:var(--font-display);font-size:clamp(4rem,10vw,6.5rem);letter-spacing:-.06em;line-height:1;margin:8px 0 4px}.price-list{display:grid;gap:10px;text-align:left;margin:24px 0}.price-list li{list-style:none;padding-left:0}.price-list{padding:0;margin-left:0}.price-list li:before{content:"— ";color:var(--copper)}.download-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px;margin:24px 0 36px}.file-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.reqs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.no-page{min-height:calc(100vh - var(--header-h) - 180px);display:grid;place-items:center;text-align:center;padding:40px 16px 80px}.no-word{font-family:var(--font-display);font-weight:800;font-size:clamp(8rem,32vw,28rem);line-height:.78;letter-spacing:-.08em;background:linear-gradient(180deg,#d8fff8 10%,#2ec4b6 55%,#157a70);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.no-page p.sub{margin-top:8px;color:var(--muted);font-size:1.15rem}.nav-drawer{display:none}@keyframes dash{to{stroke-dashoffset:-240}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wire-path,html.app-ready body{animation:none;transition:none}}@media(max-width:960px){.hero-grid,.features,.split,.product-hero,.download-card,.footer-grid,.steps,.shots,.stats,.includes,.audience,.reqs{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}.photo-frame img{min-height:260px}}@media(max-width:780px){.nav-links{display:none}.menu-btn{display:inline-flex}.nav-drawer{display:none;position:absolute;left:0;right:0;top:var(--header-h);background:#090b0ef5;border-bottom:1px solid var(--line);padding:16px 20px 24px}.nav-drawer.is-open{display:grid;gap:8px}.nav-drawer a{padding:12px 8px;border-bottom:1px solid var(--line-dim)}.hero{padding-top:36px}.wrap,.header-inner{width:min(var(--max),calc(100% - 28px))}}:focus-visible{outline:2px solid var(--copper);outline-offset:3px}