@import url('mobile/brand/tokens.css');
:root{--bg:#fff;--paper:#fff;--ink:var(--pulse-dark-grey);--muted:var(--pulse-grey-700);--line:var(--pulse-light-grey);--lime:var(--pulse-light-green);--green:var(--pulse-green-700);--purple:var(--pulse-green-100);--radius:16px}body{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-body);font-weight:700;letter-spacing:-.01em}.sidebar,.topbar{background:white}.brand{letter-spacing:0;gap:12px}.pulse-wordmark{width:124px;height:auto}.brand .lab{font-family:var(--font-body);border-color:var(--border-1);color:var(--fg-2);padding-left:12px}.side-label,.eyebrow{color:var(--pulse-green-700);letter-spacing:.06em;font-weight:700}.nav button{color:var(--fg-2)}.nav button.active{background:var(--soft,var(--pulse-green-50));color:var(--pulse-green-900)}.nav button.active .icon{stroke:var(--pulse-green-700)}.nav button:hover{background:var(--pulse-grey-50)}.avatar{background:var(--pulse-green-50);color:var(--pulse-green-900)}.side-note{background:var(--pulse-grey-50);border:1px solid var(--border-1);border-radius:16px}.content{max-width:1324px}.sub{font-size:14px}.btn{border-radius:999px;min-height:44px;font-size:13px}.btn:hover,.scenario:hover{transform:none}.btn.primary{background:var(--pulse-green-700)}.btn.primary:hover{background:var(--pulse-green-900)}.btn.lime{background:var(--pulse-green-100);border-color:var(--pulse-green-100);color:var(--pulse-green-900)}.hero{background:var(--pulse-green-50);border-color:var(--pulse-green-100);border-radius:24px}.hero p{color:var(--fg-2);font-size:15px}.hero .eyebrow{color:var(--pulse-green-900)}.hero h2{font-size:42px;letter-spacing:-.02em;font-weight:700}.hero-art{background:#eef7eb;position:relative;min-height:340px}.hero-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#172415b8)}.hero-brand-caption{position:absolute;bottom:30px;left:30px;right:20px;color:#fff;z-index:1;font-size:13px;line-height:1.5}.hero-brand-caption strong{display:block;font-size:22px;margin-bottom:6px}.stat strong{font-family:var(--font-body)}.stat .icon{color:var(--pulse-green-700)}.scenario,.concept,.panel,.idea,.idea-promo,.town-promo{border-radius:16px;box-shadow:var(--shadow-1)}.scenario p,.concept p,.idea p{font-size:13px;color:var(--fg-2)}.scenario:hover{box-shadow:var(--shadow-2)}.tile-icon,.tile-icon.purple,.tile-icon.peach,.tile-icon.blue,.tile-icon.pink{width:48px;height:48px;border-radius:50%;background:var(--pulse-gradient);color:white}.tile-icon .icon{width:26px;height:26px;stroke-width:2}.tag,.card-foot,.page-foot{color:var(--fg-2)}.text-btn,.concept a{color:var(--pulse-green-900)}.town-promo{background:var(--pulse-grey-50)}.idea-promo{background:var(--pulse-green-50)}.idea-promo p{color:var(--fg-2)}.idea-promo .doodle.new-app-mark{width:84px;height:84px;top:50px;right:22px;transform:none;border-radius:50%}.idea-promo h3,.idea-promo p{max-width:calc(100% - 80px)}.mobile-collection-banner{background:var(--pulse-green-50);border-color:var(--pulse-green-100);color:var(--pulse-green-900);border-radius:16px}.challenge-banner{background:var(--pulse-green-50);border-color:var(--pulse-green-100)}.challenge-score{color:var(--pulse-green-900)}.challenge-score small{color:var(--fg-2)}.mini-forecast{background:var(--pulse-green-900)}.fern-bubble{background:var(--pulse-green-50)}.fern-circle{background:var(--pulse-gradient);color:#fff}.town-board{background:var(--pulse-grey-50)}.progress span{background:var(--pulse-green)}.vote.active{background:var(--pulse-green-100);color:var(--pulse-green-900)}.orbit,.float{animation:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--pulse-green-700);box-shadow:var(--shadow-focus)}
@media(max-width:1100px){.hero h2{font-size:36px}.hero-copy{padding:28px}.hero-brand-caption strong{font-size:18px}}@media(max-width:700px){.hero-art{min-height:230px}.hero h2{font-size:34px}.hero-brand-caption{bottom:22px;left:24px}.pulse-wordmark{width:108px}.brand .lab{font-size:13px}}
