:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#16212b;background:#f7f2ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f7f2ea;--surface: #fffdf8;--surface-strong: #ffffff;--surface-muted: #f1ebe1;--text: #16212b;--muted: #5c6870;--accent: #ff7a1a;--accent-strong: #d85f04;--accent-soft: #fff3e8;--border: #e7dfd3;--shadow-sm: 0 10px 30px rgba(22, 33, 43, .06);--shadow-md: 0 18px 50px rgba(22, 33, 43, .1);--radius-lg: 1.5rem;--radius-xl: 2rem;--content-width: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.home{max-width:var(--content-width);margin:0 auto;display:grid;gap:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fffdf8f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand-mark{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-nav,.header-actions,.footer-links{display:flex;gap:1rem;align-items:center}.nav-link,.search-link,.cart-pill,.footer-links a{color:var(--muted);font-weight:600}.nav-link.active,.nav-link:hover,.search-link:hover,.cart-pill:hover,.footer-links a:hover{color:var(--accent-strong)}.nav-link:focus-visible,.search-link:focus-visible,.cart-pill:focus-visible,.footer-links a:focus-visible,.text-link:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cart-pill{padding:.6rem .9rem;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border)}.main-content{flex:1;padding:2rem 1.5rem 4rem}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--surface-strong) 0%,#fdf0e4 100%);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.hero-copy{display:grid;gap:.35rem}.hero h1{font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.05;letter-spacing:-.03em;margin:.4rem 0 .8rem;max-width:12ch}.hero-lede{font-size:1.08rem;color:var(--muted);max-width:52ch;margin:0}.hero-points{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:0;margin:1rem 0 0}.hero-points li{padding:.45rem .85rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.92rem;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.35rem;font-weight:700;border:1px solid transparent;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #ff7a1a3d}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:#ffffffb8;border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:#fff;border-color:#d8cfc1}.hero-visual{margin:0;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,#1f2a35,#42505f);box-shadow:var(--shadow-md);display:grid;align-content:end}.hero-visual img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.hero-visual figcaption{display:grid;gap:.15rem;padding:1rem 1.1rem 1.15rem;color:#fff;text-align:left;background:linear-gradient(180deg,#11182700,#111827e0);margin-top:-4.5rem;position:relative}.hero-visual figcaption strong{font-size:1.05rem}.hero-visual figcaption span{color:#ffffffc7;font-size:.92rem}.section{margin-top:clamp(2.5rem,5vw,4rem)}.section-muted{padding:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border)}.section-title{margin-bottom:1.25rem;max-width:48rem}.section-title h2{margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em}.section-description{color:var(--muted);margin:0;max-width:58ch}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--accent-strong);margin:0 0 .5rem}.section-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem}.text-link{color:var(--accent-strong);font-weight:700;border-bottom:1px solid transparent}.text-link:hover{border-bottom-color:currentColor}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.35rem;box-shadow:var(--shadow-sm)}.card h3,.card h2,.page h1{margin-top:0}.habit-card{display:grid;gap:.65rem;align-content:start}.habit-icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center}.habit-icon svg{width:1.35rem;height:1.35rem;fill:currentColor}.habit-icon-hydrate{background:#e7f4ff;color:#0b6bcb}.habit-icon-activate{background:#fff1df;color:var(--accent-strong)}.habit-icon-refuel{background:#edf7ed;color:#2f7a3e}.habit-blurb{margin:0;color:var(--text)}.habit-example{margin:0;color:var(--muted);font-size:.95rem}.how-it-works{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.step-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.step-list li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.step-number{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem}.step-list h3{margin:0 0 .25rem;font-size:1.05rem}.step-list p{margin:0;color:var(--muted)}.how-it-works-visual{margin:0;display:grid;gap:.75rem}.how-it-works-visual img{width:100%;border-radius:var(--radius-lg);aspect-ratio:4 / 5;object-fit:cover;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.how-it-works-visual figcaption{text-align:center;color:var(--accent-strong);font-weight:700;letter-spacing:.04em}.brand-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:center}.brand-story-visual{margin:0}.brand-story-visual img{width:100%;border-radius:var(--radius-lg);aspect-ratio:5 / 4;object-fit:cover;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.brand-story-copy{display:grid;gap:.85rem}.brand-story-copy h2{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em}.brand-story-copy p{margin:0;color:var(--muted);max-width:52ch}.blog-grid{align-items:stretch}.blog-card{display:grid;gap:.65rem;align-content:start;height:100%}.blog-meta{display:flex;justify-content:space-between;gap:.75rem;margin:0;color:var(--muted);font-size:.85rem;font-weight:600}.blog-card h3,.blog-card h2{margin:0;font-size:1.15rem;line-height:1.35}.blog-card p{margin:0;color:var(--muted)}.newsletter-band{margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);background:linear-gradient(135deg,#16212b,#2b3948);color:#f7f2ea;box-shadow:var(--shadow-md)}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.newsletter-band .eyebrow{color:#ffb27a}.newsletter-band h2{margin:0 0 .65rem;font-size:clamp(1.6rem,3vw,2.2rem);color:#fff}.newsletter-copy{margin:0;color:#f7f2ead1;max-width:42ch}.newsletter-form{display:grid;gap:.75rem}.newsletter-form input{width:100%;padding:.9rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff}.newsletter-form input::placeholder{color:#ffffff8c}.newsletter-consent{margin:0;font-size:.82rem;color:#f7f2eaad;line-height:1.45}.metric-list{display:grid;gap:.9rem}.metric-pill{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;padding:.55rem .9rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700;font-size:.92rem}.product-tag{display:inline-flex;width:fit-content;padding:.4rem .7rem;border-radius:999px;background:#f2efe9;color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.product-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-card img{aspect-ratio:4 / 3;object-fit:cover;background:linear-gradient(135deg,#dce7f0,#f6e8d8)}.product-card .content{padding:1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.product-card .btn{margin-top:auto;width:fit-content}.price-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.price{font-weight:700;color:var(--accent-strong)}.compare-price{color:var(--muted);text-decoration:line-through}.page{max-width:1000px;margin:0 auto}.page p,.page li{color:var(--muted)}.product-detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:start}.detail-image{width:100%;border-radius:1.5rem;min-height:320px;object-fit:cover}.detail-card{display:flex;flex-direction:column;gap:.8rem}.product-meta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:1.5rem}.cart-page{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:start}.cart-list{padding-left:1.1rem;display:grid;gap:.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.helper-text{font-size:.95rem;color:var(--muted)}.success-text{color:#2f7a3e}.error-text{color:#b42318}.error-message{border-color:#f1c0ba;background:#fff7f5}.loading-state{padding:1rem 0}.search-panel{display:grid;gap:.5rem;margin-bottom:1.25rem}.search-panel input{width:100%;margin-top:.25rem;padding:.85rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong)}.empty-state{color:var(--muted)}.breadcrumb{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;color:var(--muted)}.product-description p{color:var(--muted)}.product-options{display:grid;gap:.75rem}.option-field{display:grid;gap:.35rem;font-weight:600}.option-field select{padding:.75rem .9rem;border-radius:.9rem;border:1px solid var(--border);background:#fff}.cart-summary-lines,.cart-lines{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.cart-summary-lines li,.cart-line{display:flex;justify-content:space-between;gap:1rem;align-items:center}.cart-line{padding:.85rem 0;border-top:1px solid var(--border)}.cart-line-actions{display:flex;gap:.75rem;align-items:center}.cart-line-actions input{width:4.5rem;padding:.5rem .65rem;border-radius:.75rem;border:1px solid var(--border)}.status-pill{display:inline-flex;width:fit-content;padding:.45rem .8rem;border-radius:999px;background:#fff1df;color:var(--accent-strong);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.product-detail-sections{display:grid;gap:1.25rem;margin-top:1.5rem}.product-section h2{margin-top:0}.product-highlights,.kit-includes{margin:0;padding-left:1.1rem;display:grid;gap:.65rem}.kit-includes{list-style:none;padding:0}.kit-includes li{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:.9rem 0;border-top:1px solid var(--border)}.kit-includes li:first-child{border-top:0;padding-top:0}.kit-includes p{margin:.25rem 0 0;color:var(--muted)}.placeholder-notice{padding:1rem 1.1rem;border-radius:1rem;background:var(--surface-muted);border:1px solid var(--border)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:#111827;color:#f3ede3;border-top:1px solid #2b3743}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn,.product-card{transition:none}.btn:hover,.product-card:hover{transform:none}}@media (max-width: 900px){.hero,.grid-3,.grid-2,.product-detail-hero,.product-meta-grid,.cart-page,.how-it-works,.brand-story,.newsletter-inner{grid-template-columns:1fr}.site-header{flex-wrap:wrap}.hero-visual figcaption{margin-top:0;background:#111827eb}}@media (max-width: 640px){.site-header,.main-content,.site-footer{padding-left:1rem;padding-right:1rem}.site-nav{width:100%;order:3;justify-content:space-between}.footer-links{flex-wrap:wrap}.section-header{align-items:start;flex-direction:column}.hero h1{max-width:none}}