/* Shared public-site theme. Mini-app source files retain their own design. */
:root{color-scheme:light;--bg:#fff;--panel:#f4f6fa;--panel2:#eaf0f5;--line:#dde3ee;--cream:#141b2b;--ink:#141b2b;--muted:#4a5670;--dim:#63708a;--mint:#1f795b;--amber:#ffb020;--amber-ink:#895500}
body{background:#fff;color:#141b2b;overflow-wrap:anywhere}
a{color:var(--amber-ink)}
h1 em,.logo span,pre .k{color:var(--amber-ink)}
.btn{color:#1b1200}
.btn.store{background:#141b2b;color:#fff}
.btn.ghost{color:#141b2b;background:#fff}
.phone{--bg:#0a111f;--panel:#17223a;--panel2:#1e2b47;--line:#2a3757;--cream:#f0ebe0;--muted:#8494b4;--dim:#8494b4;--mint:#5fd3a6;color:#f0ebe0;box-shadow:0 24px 55px rgba(20,27,43,.15)}
.phone .codebox{color:#f0ebe0}.phone .tclock{color:#f0ebe0}
.brand-icon{width:36px;height:36px;border-radius:10px;display:block}
.case-nav{margin-left:auto;font-size:13px;color:#4a5670;text-decoration:none;font-weight:600}
.showcase-intro{font:600 11px system-ui;letter-spacing:.15em;text-transform:uppercase;color:#577060;margin:0 0 18px}
.showcase-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 12px}
.showcase-tabs button{font:500 12px system-ui;border:1px solid #dce3e5;color:#4a5670;background:#fff;border-radius:20px;padding:9px 12px;cursor:pointer}
.showcase-tabs button[aria-pressed=true]{background:#e9efea;border-color:#c9d8ce;color:#294d3b}
.hero-phone{position:relative;width:min(302px,100%);margin:auto;filter:drop-shadow(0 25px 30px rgba(37,49,55,.16))}
.hero-phone:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#f1eee6,transparent 70%)}
.phone-shell{background:#253036;padding:10px;border-radius:43px;border:1px solid #536268;position:relative;box-shadow:inset 0 0 0 2px #3c474c}
.phone-shell:before{content:"";position:absolute;left:-3px;top:112px;width:3px;height:40px;background:#677378;border-radius:2px}
.phone-shell:after{content:"";position:absolute;right:-3px;top:144px;width:3px;height:61px;background:#677378;border-radius:2px}
.phone-window{background:#faf9f6;border-radius:33px;overflow:hidden;height:598px}
.phone-status{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#263134;font:600 10px system-ui}
.phone-status i{width:79px;height:21px;position:absolute;left:50%;transform:translateX(-50%);background:#243035;border-radius:13px}
.phone-window iframe{display:block;width:100%;height:558px;border:0;background:#faf9f6}
.phone-home{position:absolute;width:90px;height:4px;border-radius:4px;background:#2b3b35;bottom:18px;left:50%;transform:translateX(-50%);pointer-events:none}
.showcase-note{font-size:11px;color:#63708a;text-align:center;max-width:310px;margin:16px auto 0;line-height:1.5}
.showcase-toast{position:absolute;left:16px;right:16px;top:55px;padding:13px 14px;border:1px solid #d5e0db;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 10px 35px #24383125;font:12px/1.5 system-ui;z-index:4;animation:notice-in .35s ease-out}
.showcase-toast b{display:block}.showcase-toast small{font-size:9px;color:#63708a}
.hero-demo{min-width:0}.hero-grid{gap:70px}.hero-copy h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-.05em;line-height:1.05;max-width:13ch}
.hero-copy .lede{font-size:18px;line-height:1.65;max-width:46ch}
.hero-copy .note{line-height:1.7;color:#4a5670}.hero-copy .showcase-tabs{max-width:400px}
.hero{padding:65px 0 55px}.wide{max-width:1120px}
.showcase-heading{color:#141b2b;font:600 29px/1.2 system-ui;letter-spacing:-.03em;text-transform:none;margin-bottom:16px}
.showcase-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.example-link{display:flex;flex-direction:column;text-decoration:none;border:1px solid #e0e6ec;border-radius:20px;padding:22px;background:#fafbf9;gap:9px;color:#141b2b;transition:transform .2s,box-shadow .2s}
.example-link:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20,27,43,.07)}
.example-link .eyebrow{font:600 10px system-ui;text-transform:uppercase;letter-spacing:.1em;color:#617265}
.example-link strong{font-size:17px;line-height:1.3}.example-link p{font-size:13px;line-height:1.6;margin:0;color:#4a5670}
.example-link .go{font-size:12px;margin-top:auto;color:#895500}
.snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}
.snapshot-grid figure{margin:0;background:#f4f6fa;padding:15px;border-radius:18px}
.snapshot-grid img{width:100%;height:auto;display:block;border-radius:11px;box-shadow:0 8px 22px #141b2b15}
.snapshot-grid figcaption{font-size:12px;color:#4a5670;margin-top:12px;line-height:1.5}
:focus-visible{outline:3px solid #1f795b;outline-offset:4px}
@keyframes notice-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.hero-grid{gap:32px}.hero-copy h1{max-width:17ch}.showcase-links,.snapshot-grid{grid-template-columns:1fr}.hero{padding-top:38px}.hero-copy .lede{font-size:17px}.case-nav{font-size:11px}.hero-phone{width:min(290px,100%)}}
@media(max-width:540px){header{gap:8px}.brand-icon{width:28px;height:28px;border-radius:8px}.logo{font-size:20px;letter-spacing:.06em}.langsel{max-width:98px;font-size:12px;padding:5px}.case-nav{margin-left:0}header .spacer{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}