:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8f7f4;--bg-deep:#effaf7;--primary:#2bbbad;--primary-ink:#0f6e64;--wood:#c4a574;--wood-deep:#8b6914;--cta:#7c3e16;--cta-press:#5c2c0e;--cta-text:#fff8f3;--card:#fff;--ink:#0f172a;--ink-soft:#1e293b;--radius:20px;--shadow:inset 0 2px 0 #fff, inset 0 -10px 16px #2bbbad12, 0 0 0 1px #c4a57461, 0 8px 0 #c4a57438, 0 16px 28px #0f172a0f;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,WenQuanYi Micro Hei,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{color:var(--ink);background-color:var(--bg);background-image:radial-gradient(ellipse 70% 42% at 0% -8%, #2bbbad33, transparent 58%), radial-gradient(ellipse 54% 36% at 100% 0%, #c4a57447, transparent 52%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 42%, #f7fbf9 100%);min-height:100vh;margin:0;font-size:17px;line-height:1.75}body,button,input,textarea{font-family:inherit}img,video{max-width:100%}h1,h2,h3{text-wrap:balance;font-weight:800;line-height:1.25}p{text-wrap:pretty}a,button,.btn{cursor:pointer}::selection{color:var(--ink);background:#f3e2c4}:focus-visible{outline:3px solid var(--primary-ink);outline-offset:3px}.skip{z-index:30;background:var(--card);color:var(--ink);border-radius:12px;padding:8px 12px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.section{padding:48px 0;scroll-margin-top:132px}.section-heading{max-width:38rem;margin-bottom:22px}.section-heading p:last-child,.hero-support,.flow-card p,.cta-banner p,.proof-card p,.qr-card p{color:var(--ink-soft);margin:0}.eyebrow{color:var(--wood-deep);margin:0 0 8px;font-size:.92rem;font-weight:800}h1{color:var(--ink);margin:0 0 12px;font-size:clamp(1.9rem,6vw,3.15rem)}h2{color:var(--ink);margin:0 0 10px;font-size:clamp(1.55rem,3vw,2.05rem)}h3{color:var(--ink);margin:6px 0 8px;font-size:1.25rem}.lede{color:var(--ink);margin:0;font-size:clamp(1.05rem,2.4vw,1.28rem);font-weight:700;line-height:1.6}.hero-support{max-width:38em;margin-top:14px}.clay{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:0;border-radius:18px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:1rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--cta);color:var(--cta-text);box-shadow:inset 0 2px 0 #ffdcb473, inset 0 -6px 10px #3c14002e, 0 6px 0 var(--cta-press), 0 12px 20px #5c2c0e38}.btn-primary:hover{box-shadow:inset 0 2px 0 #ffdcb473, inset 0 -6px 10px #3c14002e, 0 4px 0 var(--cta-press), 0 8px 16px #5c2c0e33;transform:translateY(2px)}.btn-primary:active{box-shadow:inset 0 2px 0 #ffdcb44d, 0 0 0 var(--cta-press);transform:translateY(6px)}.btn-ghost{background:var(--card);color:#6a4e10;box-shadow:inset 0 2px #fff,0 0 0 3px #c4a574d9,0 8px #c4a57433}.btn-ghost:hover{background:#fffdf9;transform:translateY(2px)}.text-link{min-height:48px;color:var(--primary-ink);text-underline-offset:3px;align-items:center;font-weight:800;display:inline-flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#e8f7f4eb;border-bottom:1px solid #fffc;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:72px;padding:8px 0;display:flex}.brand{min-height:48px;color:var(--ink);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-name{font-size:1.12rem}.brand-mark{width:36px;height:36px;display:inline-block;position:relative}.brand-mark span{border-radius:6px;width:16px;height:16px;position:absolute;box-shadow:inset 0 1px #fffc,0 3px #8b69142e}.brand-mark span:first-child{background:#e7c48a;top:8px;left:2px}.brand-mark span:nth-child(2){background:#8fe0d6;top:2px;left:12px}.brand-mark span:nth-child(3){background:#2bbbad;top:16px;left:14px}.nav{flex-wrap:wrap;order:3;gap:4px 8px;width:100%;display:flex}.nav a{min-height:48px;color:var(--ink);align-items:center;padding:0 8px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.nav a:hover{color:var(--primary-ink)}.header-cta{margin-left:auto;padding-inline:14px}.hero{padding-top:20px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:28px;display:grid}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.pills{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.pills li{background:var(--card);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;padding:6px 12px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fff,0 0 0 2px #c4a5748c}.scene{min-height:360px;box-shadow:var(--shadow);background:radial-gradient(circle at 84% 12%,#2bbbad47,#0000 32%),linear-gradient(#f3fbf9,#dff6f2);border-radius:24px;position:relative;overflow:hidden}.scene-floor{z-index:0;background:linear-gradient(#f6ead4,#e7d3ad);height:40%;position:absolute;bottom:0;left:0;right:0}.float-card{z-index:2;aspect-ratio:4/5;flex-direction:column;justify-content:center;align-items:center;width:28%;min-width:84px;max-width:112px;display:flex;position:absolute;top:22px}.float-card-zh{left:18px}.float-card-en{right:18px}.float-glyph{color:var(--ink);font-size:40px;font-weight:800;line-height:1}.float-glyph-en{font-size:28px}.float-caption{color:#6a4e10;margin-top:4px;font-size:13px;font-weight:800}.scene-tiles{z-index:2;position:absolute;bottom:58px;left:0;right:0}.scene-tile{aspect-ratio:1;width:18%;color:var(--ink);border-radius:16px;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;bottom:0;box-shadow:inset 0 2px #ffffffe6,0 5px #8b691429}.scene-tile:first-child{background:#dff8f3;left:6%}.scene-tile:nth-child(2){background:#d9f6f8;left:28%}.scene-tile:nth-child(3){background:#f8ead4;left:50%}.scene-tile:nth-child(4){background:#f6ddd0;left:72%}.scene-chip{z-index:3;background:var(--card);color:#6a4e10;white-space:nowrap;border-radius:999px;margin:0;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px #c4a57459}.screen-shell{border-radius:24px;padding:12px}.screen-frame{aspect-ratio:16/9;background:linear-gradient(#e7f7f4,#f8efe2);border-radius:16px;position:relative;overflow:hidden}.demo-video{object-fit:contain;background:#0f172a;width:100%;height:100%;display:block}.demo-video.is-pending{opacity:0;width:1px;height:1px;position:absolute}.demo-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.demo-placeholder p{color:var(--ink);margin:0;font-weight:800}.demo-screen-icon{background:var(--card);border-radius:20px;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 2px #fff,0 6px #c4a57447}.demo-screen-icon span{border:2.5px solid #7c3e16;border-radius:6px;width:34px;height:24px}.asset-note{color:var(--ink-soft);margin:12px 0 0;font-size:.95rem}.asset-note code,.qr-placeholder code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.asset-note code{background:var(--card);border-radius:6px;padding:1px 6px}.flow{grid-template-columns:1fr;align-items:stretch;gap:14px;display:grid}.flow-card,.flow-loop{min-width:0;padding:22px}.flow-card{flex-direction:column;display:flex}.flow-icon,.proof-icon{width:48px;height:48px}.flow-kicker{color:var(--wood-deep);margin:8px 0 0;font-size:.86rem;font-weight:800}.flow-arrow{background:var(--card);width:48px;height:48px;color:var(--wood-deep);box-shadow:var(--shadow);border-radius:16px;place-self:center;place-items:center;font-weight:800;display:grid;transform:rotate(90deg)}.stages{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.stage-item{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.stage{border-radius:16px;flex-direction:column;gap:4px;width:100%;min-width:0;padding:12px;display:flex;box-shadow:inset 0 2px #ffffffe6,0 5px #c4a57433}.stage strong{color:var(--ink);font-size:1.05rem}.stage small{color:var(--ink-soft);font-size:.86rem;line-height:1.45}.stage-num{background:var(--card);color:#6a4e10;border-radius:10px;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:grid}.stage-1{background:#dff8f3}.stage-2{background:#d9f6f8}.stage-3{background:#f8ead4}.stage-4{background:#f6ddd0}.stage-arrow{color:var(--wood-deep);font-weight:800;transform:rotate(90deg)}.cta-bar-wrap{padding:4px 0 12px}.section .cta-bar-wrap{margin-top:22px;padding:0}.cta-bar,.cta-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:22px;display:flex}.cta-bar p,.cta-banner p{max-width:38em;color:var(--ink-soft);margin:0}.cta-bar p{color:var(--ink);font-weight:800}.cta-actions{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.proof-grid,.qr-grid{grid-template-columns:1fr;gap:16px;display:grid}.proof-card,.qr-card{padding:22px 20px}.qr-card{text-align:center}.qr-card p{max-width:28em;margin-inline:auto}.qr-frame{aspect-ratio:1;border-radius:var(--radius);background:#f7fbf9;border:3px dashed #c4a574;place-items:center;width:min(240px,100%);min-height:240px;margin:18px auto 0;display:grid;overflow:hidden}.qr-frame-ready{background:var(--card);border-style:solid;border-color:#c4a57473}.qr-image{object-fit:contain;background:var(--card);width:100%;height:100%;padding:12px;display:block}.qr-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.qr-placeholder strong{color:var(--ink)}.qr-placeholder code{color:#6a4e10;word-break:break-all;line-height:1.45}.qr-mark{width:64px;height:64px}.site-footer{background:#ffffff73;border-top:3px solid #c4a57473}.footer-inner{flex-wrap:wrap;align-items:center;gap:8px 28px;padding:28px 0 40px;display:flex}.footer-brand{color:var(--ink);margin:0;font-size:1.1rem;font-weight:800}.footer-brand span{color:var(--ink-soft);font-size:.86rem;font-weight:600;display:block}.footer-inner a{min-height:48px;color:var(--primary-ink);text-underline-offset:3px;align-items:center;font-weight:800;display:inline-flex}.footer-note{color:var(--ink);flex-basis:100%;margin:0;font-weight:800}.stagger>.clay{animation:.4s both rise}.stagger>.clay:nth-child(2){animation-delay:.12s}.stagger>.clay:nth-child(3){animation-delay:.18s}.stagger>.clay:nth-child(5){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=767px){.hero-actions .btn,.cta-actions,.cta-actions .btn,.cta-bar .btn{width:100%}}@media (width>=768px){.wrap{width:min(1120px,100% - 48px)}.section{padding:64px 0}.stages{flex-direction:row;align-items:stretch}.stage-item{flex-direction:row;flex:1;align-items:center;width:auto}.stage-arrow{transform:none}.proof-grid,.qr-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.section{padding:80px 0}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:48px}.nav{order:0;width:auto;margin-left:auto}.header-cta{margin-left:0}.flow{grid-template-columns:minmax(180px,220px) auto minmax(0,1fr) auto minmax(190px,240px);position:relative}.flow .stages{flex-direction:column}.flow .stage-item{flex-direction:column;align-items:stretch;width:100%}.flow .stage{flex-direction:row;align-items:baseline;gap:10px}.flow .stage small{text-align:right;margin-left:auto}.flow .stage-arrow{transform:rotate(90deg)}.flow-arrow{transform:none}.flow:before{content:"";z-index:0;background:linear-gradient(90deg,#e7c48a,#8fe0d6,#e7c48a);border-radius:999px;height:8px;position:absolute;top:50%;left:6%;right:6%}.flow>*{z-index:1;position:relative}}@media (width>=1440px){.wrap{width:min(1120px,100% - 80px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stagger>.clay,.btn,.btn-primary,.btn-ghost{opacity:1;transition:none;animation:none}.btn-primary:hover,.btn-primary:active,.btn-ghost:hover{transform:none}}.brand-logo{object-fit:contain;background:0 0;border-radius:10px;flex-shrink:0;width:40px;height:40px}.screen-shell-portrait{max-width:380px;margin:0 auto}.screen-frame-portrait{aspect-ratio:720/1248}