.hero{padding:var(--wb-space-8) 0 var(--wb-space-12)}.hero-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.hero-main{border-radius:var(--wb-radius-5);border:1.5px solid var(--wb-ink-800);min-height:540px;box-shadow:var(--wb-shadow-stamp-lg);position:relative;overflow:hidden}.hero-main img.bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-main:after{content:"";z-index:1;background:linear-gradient(#0000 20%,#1018104d 60%,#101810d9 100%);position:absolute;inset:0}.hero-main .content{z-index:2;color:var(--wb-paper);flex-direction:column;gap:16px;display:flex;position:absolute;bottom:32px;left:32px;right:32px}.hero-main h1{letter-spacing:var(--wb-tracking-tight);font-size:clamp(40px,5.5vw,80px);font-weight:900;line-height:var(--wb-lh-tight);color:var(--wb-paper);text-wrap:balance}.hero-main .lede{font-size:var(--wb-fs-16);color:#fbfbf6d9;max-width:520px;line-height:1.55}.hero-main .cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.hero-side{grid-template-rows:1fr 1fr;gap:16px;display:grid}.hero-card{border-radius:var(--wb-radius-4);border:1.5px solid var(--wb-ink-800);box-shadow:var(--wb-shadow-stamp);min-height:180px;transition:transform var(--wb-dur-base) var(--wb-ease), box-shadow var(--wb-dur-base) var(--wb-ease);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.hero-card:hover{box-shadow:var(--wb-shadow-stamp-lg);transform:translateY(-2px)}.hero-card.bg-lila{background:var(--wb-lila)}.hero-card.bg-lime{background:var(--wb-lime)}.hero-card .top-label{text-transform:uppercase;letter-spacing:.1em;color:var(--wb-ink-600);font-size:11px;font-weight:700}.hero-card h3{letter-spacing:var(--wb-tracking-tight);font-size:28px;font-weight:900;line-height:var(--wb-lh-tight);color:var(--wb-ink);margin:10px 0 0}.hero-card .photo-circle{border:6px solid #fff6;border-radius:50%;width:160px;height:160px;position:absolute;top:-30px;right:-30px;overflow:hidden}.hero-card .photo-circle img{object-fit:cover;width:100%;height:100%}.hero-card .bot{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.chip-row{margin-top:var(--wb-space-6);flex-wrap:wrap;gap:8px;display:flex}.chip-link{border-radius:var(--wb-radius-pill);background:var(--wb-surface);border:1px solid var(--wb-border);color:var(--wb-ink);transition:border-color var(--wb-dur-fast) var(--wb-ease), transform var(--wb-dur-fast) var(--wb-ease);padding:8px 14px;font-size:13px;font-weight:500}.chip-link:hover{border-color:var(--wb-ink);transform:translateY(-1px)}.sale-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sale-card{border-radius:var(--wb-radius-4);background:var(--wb-surface);border:1px solid var(--wb-border);transition:transform var(--wb-dur-base) var(--wb-ease), box-shadow var(--wb-dur-base) var(--wb-ease);display:block;overflow:hidden}.sale-card:hover{box-shadow:var(--wb-shadow-2);transform:translateY(-2px)}.sale-card .ph{aspect-ratio:4/5;background:var(--wb-surface-sunk);position:relative;overflow:hidden}.sale-card .ph img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--wb-ease)}.sale-card:hover .ph img{transform:scale(1.03)}.sale-card .ph .top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:10px;left:10px;right:10px}.sale-card .ph .bot{position:absolute;bottom:10px;left:10px}.brand-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--wb-radius-pill);color:var(--wb-ink);border:1px solid var(--wb-border);background:#ffffffeb;padding:6px 12px;font-size:13px;font-weight:700}.sale-card .meta{padding:12px 14px 14px}.sale-card .brand-name{font-weight:700;font-size:var(--wb-fs-16);letter-spacing:-.01em}.sale-card .sub{color:var(--wb-fg-3);margin-top:3px;font-size:12px}.sale-card .meta-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.sale-card .meta-row .time{color:var(--wb-fg-3);font-size:12px}.sale-card .meta-row .hot{color:var(--wb-danger);font-size:12px;font-weight:700}.sale-card.featured{border:1.5px solid var(--wb-ink-800);box-shadow:var(--wb-shadow-stamp)}.sale-card.featured:hover{box-shadow:var(--wb-shadow-stamp-lg)}.stat-strip{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-4);margin-top:var(--wb-space-8);grid-template-columns:repeat(4,1fr);padding:20px 28px;display:grid}.stat-strip>div{text-align:center;border-right:1px solid var(--wb-border);padding:0 16px}.stat-strip>div:last-child{border-right:none}.stat-strip strong{letter-spacing:var(--wb-tracking-tight);margin-bottom:4px;font-size:32px;font-weight:900;line-height:1;display:block}.stat-strip small{color:var(--wb-fg-3);font-size:13px}.editorial{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.ed-left{background:var(--wb-lime);border-radius:var(--wb-radius-5);border:1.5px solid var(--wb-ink-800);box-shadow:var(--wb-shadow-stamp-lg);flex-direction:column;justify-content:space-between;min-height:420px;padding:44px;display:flex}.ed-left h2{letter-spacing:var(--wb-tracking-tight);font-size:clamp(40px,5vw,72px);font-weight:900;line-height:var(--wb-lh-tight);margin:20px 0 14px}.ed-left p{font-size:var(--wb-fs-16);color:var(--wb-ink-600);max-width:420px;line-height:1.55}.ed-right{border-radius:var(--wb-radius-5);border:1.5px solid var(--wb-ink-800);background:var(--wb-surface-sunk);min-height:420px;position:relative;overflow:hidden}.ed-right img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ed-right .overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--wb-radius-3);border:1px solid var(--wb-border);background:#fffffff0;align-items:center;gap:12px;max-width:300px;padding:14px 16px;display:flex;position:absolute;bottom:20px;left:20px}.ed-right .overlay .ic{background:var(--wb-lime);border:1.5px solid var(--wb-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:inline-flex}.ed-right .overlay strong{font-size:13px;display:block}.ed-right .overlay small{color:var(--wb-fg-3);font-size:12px}.strip{background:var(--wb-ink);color:var(--wb-paper);border-radius:var(--wb-radius-5);border:1.5px solid var(--wb-ink-800);padding:36px 40px}.strip-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.strip-head h2{color:var(--wb-paper);letter-spacing:var(--wb-tracking-tight);font-size:clamp(28px,3.5vw,44px);font-weight:900;line-height:1}.strip-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.upcoming{background:var(--wb-ink-700);border-radius:var(--wb-radius-4);transition:background var(--wb-dur-fast) var(--wb-ease);border:1px solid #ffffff0f;padding:14px}.upcoming:hover{background:var(--wb-ink-600)}.upcoming .ph{aspect-ratio:5/4;border-radius:var(--wb-radius-3);background:var(--wb-surface-sunk);margin-bottom:12px;position:relative;overflow:hidden}.upcoming .ph img{object-fit:cover;width:100%;height:100%}.upcoming .ph .when{color:var(--wb-lime);border-radius:var(--wb-radius-pill);text-transform:uppercase;letter-spacing:.06em;background:#101810d9;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.upcoming h4{font-weight:700;font-size:var(--wb-fs-16);color:var(--wb-paper);letter-spacing:-.01em}.upcoming small{color:var(--wb-ink-400);font-size:12px}.upcoming .reminder{border-radius:var(--wb-radius-pill);width:100%;height:36px;color:var(--wb-lime);background:#d8e8781f;border:1px solid #d8e87840;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:700;display:inline-flex}.upcoming .reminder:hover{background:#d8e87838}.cat-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.cat-tile{aspect-ratio:1;border-radius:var(--wb-radius-4);border:1.5px solid var(--wb-ink-800);box-shadow:var(--wb-shadow-stamp);transition:transform var(--wb-dur-base) var(--wb-ease), box-shadow var(--wb-dur-base) var(--wb-ease);align-items:flex-end;padding:16px;display:flex;position:relative;overflow:hidden}.cat-tile:hover{box-shadow:var(--wb-shadow-stamp-lg);transform:translateY(-2px)}.cat-tile img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cat-tile:after{content:"";z-index:1;background:linear-gradient(#0000 20%,#101810a6);position:absolute;inset:0}.cat-tile .label{z-index:2;color:#fff;font-weight:900;font-size:var(--wb-fs-20);letter-spacing:-.01em;position:relative}.cat-tile.flat:after{display:none}.cat-tile.flat .label{color:var(--wb-ink)}.impact-banner{background:var(--wb-lila);border-radius:var(--wb-radius-5);border:1.5px solid var(--wb-ink-800);box-shadow:var(--wb-shadow-stamp-lg);grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:48px;display:grid}.impact-banner h2{letter-spacing:var(--wb-tracking-tight);font-size:clamp(36px,4.5vw,60px);font-weight:900;line-height:var(--wb-lh-tight);margin-bottom:var(--wb-space-5)}.impact-banner .perks{margin-bottom:var(--wb-space-8);gap:10px;display:grid}.impact-banner .perks li{font-size:var(--wb-fs-14);align-items:center;gap:10px;font-weight:500;display:flex}.impact-banner .perks .check{color:var(--wb-ink);font-weight:900}.impact-banner .right{background:var(--wb-ink);border-radius:var(--wb-radius-4);border:1.5px solid var(--wb-ink-800);color:var(--wb-paper);text-align:center;padding:28px}.impact-banner .right .big{color:var(--wb-lime);letter-spacing:var(--wb-tracking-tight);font-size:52px;font-weight:900;line-height:1}.impact-banner .right small{color:var(--wb-ink-400);font-size:13px}.impact-banner .right .divider{border-top:1px solid #ffffff14;margin:20px 0}.brand-wall{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.brand-tile{aspect-ratio:16/10;border-radius:var(--wb-radius-3);background:var(--wb-surface);border:1px solid var(--wb-border);font-weight:700;font-size:var(--wb-fs-16);color:var(--wb-ink);letter-spacing:-.01em;text-align:center;transition:background var(--wb-dur-fast) var(--wb-ease);justify-content:center;align-items:center;padding:8px;display:inline-flex}.brand-tile:hover{background:var(--wb-lime-100)}.app-cta{background:var(--wb-lime);border-radius:var(--wb-radius-5);border:1.5px solid var(--wb-ink-800);box-shadow:var(--wb-shadow-stamp-lg);grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:44px;display:grid}.app-cta h2{letter-spacing:var(--wb-tracking-tight);font-size:clamp(36px,4.5vw,64px);font-weight:900;line-height:var(--wb-lh-tight);margin-bottom:var(--wb-space-4)}.app-cta p{color:var(--wb-ink-600);font-size:var(--wb-fs-16);max-width:440px;line-height:1.55}.app-badges{margin-top:var(--wb-space-6);flex-wrap:wrap;gap:10px;display:flex}.app-badges a{background:var(--wb-ink);color:var(--wb-paper);border-radius:var(--wb-radius-4);border:1.5px solid var(--wb-ink);align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:inline-flex}.app-badges small{opacity:.6;font-size:10px;display:block}.app-badges strong{font-size:var(--wb-fs-14);font-weight:700;display:block}.phone-mock{background:var(--wb-ink);width:220px;box-shadow:var(--wb-shadow-stamp-lg);border:1.5px solid var(--wb-ink-800);border-radius:40px;justify-self:end;padding:8px;transform:rotate(5deg)}.phone-mock .screen{background:var(--wb-paper);aspect-ratio:9/18;border-radius:34px;padding:24px 14px 14px;overflow:hidden}.phone-mock .screen .mock-h{letter-spacing:-.02em;margin-bottom:10px;font-size:18px;font-weight:900}.phone-mock .screen .mock-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.phone-mock .screen .mock-card{aspect-ratio:3/4;border:1.5px solid var(--wb-ink);border-radius:14px;flex-direction:column;justify-content:flex-end;padding:8px;display:flex}.phone-mock .screen .mock-card .pct{background:var(--wb-ink);color:var(--wb-lime);border-radius:999px;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:900;display:inline-flex}.phone-mock .screen .mock-card .br{margin-top:4px;font-size:10px;font-weight:700}@media (max-width:1000px){.hero-grid,.editorial,.impact-banner,.app-cta{grid-template-columns:1fr}.sale-grid,.strip-grid,.grid-5,.grid-4{grid-template-columns:repeat(2,1fr)}.cat-grid,.brand-wall{grid-template-columns:repeat(3,1fr)}.hero-main{min-height:420px}.phone-mock{display:none}}@media (max-width:560px){.sale-grid,.strip-grid,.grid-5,.grid-4,.cat-grid,.brand-wall{grid-template-columns:repeat(2,1fr)}.stat-strip{grid-template-columns:repeat(2,1fr);gap:18px 8px}.stat-strip>div{border-right:none}.ed-left,.impact-banner,.app-cta,.strip{padding:28px 22px}.hero-main .content{bottom:18px;left:18px;right:18px}}