.hm{--hm-paper:#fbf7ec;--hm-paper-2:#f3ecd9;--hm-ink:#1f3a30;--hm-ink-soft:#4d6457;--hm-jade:#24684f;--hm-jade-deep:#173f31;--hm-gold:#c9a35a;--hm-gold-soft:#ecdcb3;--hm-seal:#b8382c;--hm-line:#e2d8bf;--hm-radius:18px;--hm-shadow:0 18px 40px #173f312e;--hm-gutter:max(16px, env(safe-area-inset-left));background:var(--hm-paper);min-height:100vh;color:var(--hm-ink);overflow-x:clip}.hm .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hm a{color:inherit}.hm .ico{flex-shrink:0;display:block}.hm-top{z-index:5;padding:calc(env(safe-area-inset-top) + 14px) var(--hm-gutter) 14px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.hm-top>*{pointer-events:auto}.hm-brand{min-height:42px;color:var(--hm-ink);-webkit-backdrop-filter:blur(8px);background:#fffcf2e0;border-radius:999px;align-items:center;gap:10px;padding:2px 14px 2px 2px;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #0000001f}.hm-brand-name{letter-spacing:.01em;font-family:Lora,Georgia,serif;font-size:1.05rem}.hm-brand-name b{font-weight:650}.hm-seal{background:var(--hm-seal);color:#fff6e6;width:38px;height:38px;text-shadow:none;border-radius:50%;place-items:center;font-family:Lora,serif;font-size:1.25rem;display:grid;box-shadow:inset 0 0 0 2px #fff0dc59,0 4px 12px #00000038}.hm-seal.small{vertical-align:middle;border-radius:6px;width:26px;height:26px;font-size:.9rem;display:inline-grid}.hm-top-actions{gap:8px;display:flex}.hm-pill{min-height:42px;color:var(--hm-ink);-webkit-backdrop-filter:blur(8px);background:#fffcf2e0;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:.92rem;font-weight:600;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 14px #0000001f}.hm-pill:hover{background:#fff;transform:translateY(-1px)}.hm-pill.on{color:var(--hm-seal)}.hm-pill.on .ico{animation:.35s ease-out hm-beat}.hm-pill.gold{color:#4a3712;background:linear-gradient(#f6e5b9,#e8cd8c);border-color:#f3e2b6}@keyframes hm-beat{50%{transform:scale(1.3)}}.hm-hero{position:relative}.hm-hero-art img{object-fit:cover;object-position:50% 32%;width:100%;height:auto;max-height:max(380px,100svh - 200px);display:block}.hm-hero{background:var(--hm-paper)}.hm-hero-panel{z-index:2;margin:clamp(-96px, -6vw, -40px) 0 0 max(var(--hm-gutter), 5.5vw);width:min(500px, calc(100% - 2 * var(--hm-gutter)));border-radius:var(--hm-radius);box-shadow:var(--hm-shadow);background:#fbf7ecf0;border:1px solid #ffffffb3;padding:20px 22px 18px;position:relative}.hm-tagline{color:var(--hm-ink-soft);margin:0 0 14px;font-size:.98rem;line-height:1.5}.hm-play{gap:12px;display:grid}.hm-cta{background:linear-gradient(180deg, #2f7d60, var(--hm-jade) 55%, #1d5a44);border-radius:16px;align-items:center;gap:14px;min-height:64px;padding:10px 22px 10px 18px;font-family:Lora,serif;font-size:1.35rem;font-weight:650;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #24684f61,inset 0 1px #ffffff40;color:#fffaf0!important}.hm-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px #24684f73,inset 0 1px #ffffff40}.hm-cta .ico{background:#ffffff2e;border-radius:50%;width:40px;height:40px;padding:9px}.hm-cta span{line-height:1.2;display:grid}.hm-cta small{opacity:.85;margin-top:3px;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:500}.hm-sub-actions{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.hm-link{text-align:left;background:0 0;border:0;align-items:center;gap:6px;min-height:40px;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;color:var(--hm-jade)!important}.hm-link:hover{text-underline-offset:3px;text-decoration:underline}.hm-link em{color:var(--hm-ink-soft);font-style:normal;font-weight:500}.hm-signed{color:var(--hm-ink-soft);align-items:center;gap:6px;min-height:40px;font-size:.88rem;display:inline-flex}.hm-facts{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hm-facts li{background:var(--hm-paper-2);color:var(--hm-ink-soft);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.hm-section{max-width:1120px;padding:clamp(44px, 7vw, 84px) var(--hm-gutter) 0;margin:0 auto}.hm-h2{color:var(--hm-jade-deep);margin-bottom:22px;font-size:clamp(1.5rem,3vw,2.1rem)}.hm-h2:before{content:"";background:var(--hm-seal);border-radius:2px;width:44px;height:3px;margin-bottom:12px;display:block}.hm-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--hm-seal);margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.hm-muted{color:var(--hm-ink-soft)}.hm-small{color:var(--hm-ink-soft);font-size:.82rem;line-height:1.5}.hm-feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hm-feature-grid article{border-radius:var(--hm-radius);border:1px solid var(--hm-line);background:#fff;padding:22px}.hm-feature-grid h3{margin:2px 0 8px;font-size:1.1rem}.hm-feature-grid p{color:var(--hm-ink-soft);margin:0;font-size:.95rem;line-height:1.55}.hm-num{color:var(--hm-gold);font-family:Lora,serif;font-size:2.6rem;font-weight:700;line-height:1}.hm-gallery{margin:0 calc(-1 * var(--hm-gutter));padding:4px var(--hm-gutter) 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(240px,28%);grid-auto-flow:column;gap:14px;list-style:none;display:grid;overflow-x:auto}.hm-gallery li{scroll-snap-align:start;border:1px solid var(--hm-line);background:#fff;border-radius:14px;overflow:hidden}.hm-gallery img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.hm-gallery span{padding:10px 12px 12px;font-size:.92rem;font-weight:600;display:block}.hm-gallery i{color:var(--hm-ink-soft);margin-left:4px;font-style:normal;font-weight:500}.hm-steps{counter-reset:s;gap:12px;margin:0 0 22px;padding:0;list-style:none;display:grid}.hm-steps li{border:1px solid var(--hm-line);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.hm-steps h3{margin:2px 0 4px;font-family:Be Vietnam Pro,sans-serif;font-size:1.02rem;font-weight:700}.hm-steps p{color:var(--hm-ink-soft);margin:0;font-size:.94rem;line-height:1.55}.hm-step-n{background:var(--hm-jade);color:#fff;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-weight:700;display:grid}.hm-controls{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.hm-controls>div{background:var(--hm-paper-2);border-radius:14px;padding:16px 18px}.hm-controls h3{margin-bottom:6px;font-family:Be Vietnam Pro,sans-serif;font-size:.98rem;font-weight:700}.hm-controls p{color:var(--hm-ink-soft);margin:0;font-size:.9rem;line-height:1.7}kbd{color:var(--hm-ink);background:#fff;border:1px solid #cfc4a6;border-bottom-width:2px;border-radius:5px;padding:0 6px;font:600 .78rem/1.5 Be Vietnam Pro,sans-serif;display:inline-block}.hm-play.band{max-width:440px}.hm-cocvu-card{background:radial-gradient(circle at 90% 10%, #c9a35a59, transparent 45%), linear-gradient(135deg, var(--hm-jade-deep), #24684f);color:#f5efdc;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;padding:28px 30px;display:flex}.hm-cocvu-card h2{color:#fff;margin-bottom:8px;font-size:clamp(1.35rem,2.6vw,1.8rem)}.hm-cocvu-card p{color:#e4ddc6;max-width:640px;margin:0;line-height:1.6}.hm-cocvu-card .hm-eyebrow{color:var(--hm-gold-soft)}.hm-btn{background:var(--hm-jade);white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:650;text-decoration:none;display:inline-flex;color:#fff!important}.hm-btn:disabled{opacity:.55}.hm-btn.ghost{border-color:var(--hm-line);background:#fff;color:var(--hm-jade)!important}.hm-btn.cocvu{background:var(--hm-gold-soft);min-height:52px;font-size:1.02rem;color:#3d2d0c!important}.hm-feedback{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:28px;display:grid}.hm-fb-intro p{color:var(--hm-ink-soft);line-height:1.6}.hm-fb-side{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.hm-fb-side .hm-pill{border-color:var(--hm-line);box-shadow:none;background:#fff}.hm-fb-card{border-radius:var(--hm-radius);border:1px solid var(--hm-line);background:#fff;padding:22px}.hm-foot{padding:30px var(--hm-gutter) calc(env(safe-area-inset-bottom) + 28px);background:var(--hm-jade-deep);color:#d8d2bd;text-align:center;margin-top:clamp(48px,7vw,88px)}.hm-foot a{color:#f2e6c4}.hm-foot nav{flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:10px 0 14px;display:flex}.hm-foot nav a{align-items:center;min-height:40px;font-weight:600;text-decoration:none;display:inline-flex}.hm-foot nav a:hover{text-decoration:underline}.hm-foot .hm-small{color:#b9b29b;max-width:680px;margin:0 auto}.hm-foot-brand{margin:0}.hm-dialog{background:var(--hm-paper,#fbf7ec);width:min(560px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--hm-ink,#1f3a30);border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px #00000059}.hm-dialog.wide{width:min(760px,100vw - 24px)}.hm-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e201a8c}.hm-dialog-card{padding:20px 22px 22px}.hm-dialog header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.hm-dialog h2{margin:0;font-size:1.35rem}.hm-dialog p{line-height:1.6}.hm-icon-btn{border:1px solid var(--hm-line,#e2d8bf);background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.hm-copy{gap:8px;margin:12px 0;display:flex}.hm-copy input{background:#fff;border:1px solid #d9cfb4;border-radius:12px;flex:1;min-width:0;min-height:46px;padding:0 12px;font-size:15px}.hm-share-row{flex-wrap:wrap;gap:8px;display:flex}.hm-qr{text-align:center;margin:14px auto}.hm-qr img{border:1px solid var(--hm-line,#e2d8bf);background:#fff;border-radius:14px;width:min(260px,70vw);height:auto;margin:0 auto;padding:10px;display:block}.hm-qr figcaption{color:var(--hm-ink-soft,#4d6457);margin-top:8px;font-size:.85rem}.hm-qr-missing{color:#6b7b70;border:2px dashed #d9cfb4;border-radius:14px;place-items:center;width:220px;height:220px;margin:0 auto;padding:16px;font-size:.9rem;display:grid}.hm-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hm-compare section{border:1px solid var(--hm-line,#e2d8bf);background:#fff;border-radius:14px;padding:14px 16px}.hm-compare h3{align-items:center;gap:8px;margin-bottom:6px;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:700;display:flex}.hm-compare p{margin:0 0 8px;font-size:.9rem}.hm-warn{color:#8a3b1e}.hm-error{color:#b8382c;font-weight:600}.hm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:14px 0 6px;display:flex}@media (max-width:960px){.hm-cta{min-height:58px;font-size:1.18rem}.hm-feature-grid,.hm-controls,.hm-feedback{grid-template-columns:1fr}}@media (max-width:760px){.hm-top{position:absolute}.hm-brand-name{display:none}.hm-brand{padding:2px}.hm-pill.compact{padding:0 11px}.hm-pill.compact .hm-pill-label{font-size:.85rem}.hm-pill.compact:not(.gold) .hm-pill-label:not(:empty){display:inline}.hm-hero-art img{aspect-ratio:16/10;object-position:40% 30%}.hm-hero-panel{width:auto;margin:-24px var(--hm-gutter) 0;padding:16px}.hm-gallery{grid-auto-columns:78%}.hm-cocvu-card{flex-direction:column;align-items:stretch;padding:22px}.hm-compare{grid-template-columns:1fr}.hm-dialog-actions .hm-btn{flex:100%}}@media (max-width:400px){.hm-pill.compact .hm-pill-label{display:none!important}.hm-pill.compact{justify-content:center;width:42px;padding:0}}@media (prefers-reduced-motion:reduce){.hm-pill,.hm-cta{transition:none}.hm-pill.on .ico{animation:none}}.hm-tip-wrap{display:inline-flex;position:relative}.hm-pill.icon-only{justify-content:center;width:42px;padding:0}.hm-tip{z-index:20;color:#fbf3df;opacity:0;pointer-events:none;background:#173f31;border-radius:10px;width:max-content;max-width:min(280px,80vw);padding:9px 12px;font-size:.82rem;font-weight:500;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 10px 24px #00000040}.hm-tip:before{content:"";background:inherit;width:10px;height:10px;position:absolute;top:-5px;right:15px;transform:rotate(45deg)}.hm-tip-wrap:hover .hm-tip,.hm-tip-wrap:focus-within .hm-tip{opacity:1;transform:none}@media (hover:none){.hm-tip{display:none}}@media (prefers-reduced-motion:reduce){.hm-tip{transition:none}}