@layer components{.home-b{--font-sans:var(--font-hanken),ui-sans-serif,system-ui,sans-serif;--font-display:var(--font-newsreader),ui-serif,Georgia,serif;--hb-bone:#fbf7ef;--hb-ink:#1a1a16;--hb-ink-2:#23231e;--hb-muted:#615d50;--hb-muted-2:#9a9482;--hb-primary:#ad5900;--hb-primary-bright:#dc6a00;--hb-gold:#e7c063;--hb-gold-deep:#d6a23e;--hb-gold-pale:#f7d589;--hb-forest:#2f5a39;--hb-forest-deep:#23311f;--hb-leaf:#a9d387;--hb-leaf-deep:#6e9f4e;--hb-sand:#f4ecd8;--hb-sand-2:#eadfc9;--hb-sand-border:#e3d8bf;--hb-brown:#3a2712;--hb-brown-deep:#241a0e;--hb-night:#0f1a30;--hb-night-2:#1b2a44;color-scheme:light;font-family:var(--font-sans);background:var(--hb-bone);color:var(--hb-ink)}.home-b .font-display{font-family:var(--font-display);letter-spacing:-.02em}.home-b :focus-visible{outline:2px solid var(--hb-primary);outline-offset:3px}.hb-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hb-primary)}.hb-btn-ghost-dark,.hb-btn-gold,.hb-btn-light,.hb-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.5rem;border-radius:999px;font-weight:700;font-size:15.5px;line-height:1.2;white-space:nowrap;text-decoration:none;border:1px solid transparent;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,background-color .16s ease}.hb-btn-gold:hover,.hb-btn-light:hover,.hb-btn-primary:hover{transform:translateY(-2px);filter:brightness(.96)}.hb-btn-primary{background:var(--hb-primary);color:#fff8ee;box-shadow:0 14px 30px -10px rgba(120,55,0,.55)}.hb-btn-primary:hover{box-shadow:0 18px 32px -12px rgba(120,55,0,.6)}.hb-btn-light{background:#fff;color:var(--hb-ink-2);border-color:var(--hb-sand-border);box-shadow:0 10px 24px -14px rgba(58,42,6,.35)}.hb-btn-gold{background:var(--hb-gold);color:var(--hb-ink-2);box-shadow:0 14px 30px -12px rgba(231,192,99,.55)}.hb-btn-ghost-dark{background:transparent;color:var(--hb-sand);border-color:rgba(244,236,216,.35)}.hb-btn-ghost-dark:hover{background:rgba(244,236,216,.08)}.hb-postit-dark,.hb-postit-light{border-radius:0 0 14px 14px;padding:10px 14px 12px;font-size:12px;font-weight:600;line-height:1.4}.hb-postit-dark{background:var(--hb-brown);color:#ecd9c0;box-shadow:0 10px 22px -6px rgba(0,0,0,.32)}.hb-postit-dark .hb-postit-sub{color:#cba57a}.hb-postit-light{background:#fffdf5;color:#7a5a1e;border:1px solid #ede0c4;border-top:0;box-shadow:0 10px 22px -6px rgba(58,42,6,.28)}.hb-postit-light .hb-postit-sub{color:var(--hb-muted)}.hb-postit-sub{display:block;margin-top:4px;font-size:11px}.hb-postit-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:999px;background:#e0b070;box-shadow:0 0 0 3px rgba(224,176,112,.18);vertical-align:2px}.hb-postit-light .hb-postit-dot{background:var(--hb-gold-deep);box-shadow:0 0 0 3px rgba(214,162,62,.2)}.hb-progress{height:7px;border-radius:999px;background:#eae1ce;overflow:hidden}.hb-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#dba156,#cb6800);transform-origin:left}.hb-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}@media (hover:none){.hb-rail{scrollbar-width:none}.hb-rail::-webkit-scrollbar{display:none}}.hb-rail>*{flex:none;scroll-snap-align:start}.hb-card{display:block;border-radius:18px;background:#fefefc;color:inherit;text-decoration:none;box-shadow:0 18px 40px -20px rgba(58,42,6,.32);transition:box-shadow .28s cubic-bezier(.22,.61,.36,1),transform .22s ease}.hb-card:hover{box-shadow:0 28px 52px -18px rgba(0,0,0,.72)}.hb-overlay{display:none}@media (hover:hover){.hb-overlay{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;inset:0;padding:16px;background:linear-gradient(180deg,transparent,rgba(10,22,12,.88) 60%,rgba(10,22,12,.96));color:#f6f0e2;opacity:0;transition:opacity .28s cubic-bezier(.22,.61,.36,1)}.hb-card:focus-visible .hb-overlay,.hb-card:hover .hb-overlay{opacity:1}.hb-nudge-line{display:none}}.hb-twinkle{position:absolute;border-radius:999px;background:#fff;opacity:.7;box-shadow:0 0 6px 1px rgba(255,255,255,.6);pointer-events:none}.hb-notif-card{border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);color:var(--hb-sand);padding:12px 14px;font-size:13px;opacity:var(--hb-final-opacity,1)}@media (prefers-reduced-motion:no-preference){@keyframes hb-rise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes hb-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hb-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes hb-notif-arrive{0%{opacity:0;transform:translate3d(0,12px,0) scale(.95)}to{opacity:var(--hb-final-opacity,1);transform:none}}@keyframes hb-road-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.hb-rise{animation:hb-rise .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--hb-delay,0s)}.hb-progress>span{animation:hb-fill .9s cubic-bezier(.16,1,.3,1) both;animation-delay:.2s}.hb-twinkle{animation:hb-twinkle 3.4s ease-in-out infinite}.hb-twinkle:nth-child(2n){animation-duration:4.6s;animation-delay:.7s}.hb-twinkle:nth-child(3n){animation-duration:5.8s;animation-delay:1.5s}.hb-notif-card{animation:hb-notif-arrive .6s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--hb-delay,0s)}.hb-road-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:hb-road-draw 1.2s ease-out both}}.hb-dot-urgent{background:linear-gradient(135deg,#bd2601,#f27900)}.hb-dot-new{background:linear-gradient(135deg,#3fa557,#267d3a)}.hb-seed-band{background:linear-gradient(105deg,#162110,#1e2e14 40%,#182210)}.hb-seed-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 50% 0,rgba(123,184,90,.18),transparent 70%);pointer-events:none}.hb-record{background:linear-gradient(135deg,#31220f,#241a0e 55%,#2c1e0f);box-shadow:0 34px 80px -34px rgba(40,20,0,.6)}.hb-avatar-0{background:linear-gradient(135deg,#a87a3c,#5e3d22)}.hb-avatar-1{background:linear-gradient(135deg,#7d9c5a,#3b5a2c)}.hb-avatar-2{background:linear-gradient(135deg,#5f8594,#2c4651)}.hb-ground{background:linear-gradient(250deg,oklch(.66 .165 62),oklch(.55 .18 55) 55%,oklch(.49 .165 50))}.hb-live-dot{box-shadow:0 0 0 3px rgba(110,159,78,.22)}@media (prefers-reduced-motion:no-preference){@keyframes hb-live-pulse{0%,to{box-shadow:0 0 0 3px rgba(110,159,78,.22)}50%{box-shadow:0 0 0 6px rgba(110,159,78,.08)}}.hb-live-dot{animation:hb-live-pulse 2.4s ease-in-out infinite}}.hb-give-shell{box-shadow:0 30px 70px -34px rgba(20,30,14,.6)}.hb-give-shell>:first-child{background:radial-gradient(130% 130% at 88% 6%,#4a3418 0,#2f2110 46%,#1c1206 100%)}.hb-river-line:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,#e0c787 12%,var(--hb-gold-deep) 50%,#e0c787 88%,transparent)}.hb-night{background:radial-gradient(135% 135% at 84% 4%,#2c3c60 0,var(--hb-night-2) 32%,#101b30 62%,#0a1124 100%)}.hb-moon{background:radial-gradient(circle at 35% 35%,#e8eef8,#b8c8e0);box-shadow:0 0 56px 10px rgba(160,185,220,.3)}.hb-notif-front,.hb-notif-ghost{background:rgba(16,27,48,.72);border-color:rgba(231,192,99,.2)}.hb-notif-ghost{padding:9px 18px}.hb-notif-front{padding:18px 20px}.hb-road-line{display:block;flex:1 1 auto;align-self:center;width:2px;min-height:40px;background:repeating-linear-gradient(180deg,var(--hb-gold-deep) 0 7px,transparent 7px 14px)}.hb-road-line.is-solid{background:var(--hb-gold-deep)}@media (min-width:768px){.hb-road-line{width:auto;height:2px;min-height:0;min-width:40px;margin-top:27px;align-self:flex-start;background:repeating-linear-gradient(90deg,var(--hb-gold-deep) 0 7px,transparent 7px 14px)}.hb-road-line.is-solid{background:var(--hb-gold-deep)}}@media (prefers-reduced-motion:no-preference){@keyframes hb-road-reveal-y{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes hb-road-reveal-x{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.hb-road-line{animation:hb-road-reveal-y .8s ease-out both;animation-delay:var(--hb-delay,0s)}@media (min-width:768px){.hb-road-line{animation-name:hb-road-reveal-x}}}}