:root{color-scheme:light;--bg:#f6f5ef;--fg:#17211b;--muted:#5f6b63;--surface:#fff;--surface-soft:#eef4ef;--border:#d9e1da;--primary:#2d6a4f;--primary-dark:#1b4332;--accent:#e76f51;--gold:#f2c14e;--ink:#101815;--shadow:0 24px 60px -40px rgba(16,24,21,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Segoe UI,Arial,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px 16px 48px}.container{width:min(100%,1180px);margin:0 auto}.site-frame{display:flex;min-height:calc(100vh - 72px);flex-direction:column}.site-content{flex:1 0 auto}.nav{display:flex;justify-content:space-between;gap:24px;margin-bottom:22px}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;min-width:max-content;font-weight:800}.brand-logo{display:block;width:40px;height:40px;flex:none;border-radius:10px;object-fit:cover;box-shadow:0 8px 20px -14px rgba(16,24,21,.65)}.brand-name{color:var(--ink);font-size:16px}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;min-height:38px;border-radius:8px;padding:8px 10px;color:#314039;font-size:14px;font-weight:700}.nav-link:hover{background:rgba(45,106,79,.09)}.account-menu{position:relative;display:inline-flex}.account-menu-trigger{gap:8px;max-width:min(260px,70vw)}.account-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-caret{color:var(--muted);font-size:11px;line-height:1}.account-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:grid;grid-gap:4px;gap:4px;width:230px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.account-menu-status{display:grid;grid-gap:2px;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.account-menu-status strong{overflow:hidden;color:var(--fg);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-menu-item{display:flex;align-items:center;width:100%;min-height:38px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:#314039;font-size:14px;font-weight:700;text-align:left;cursor:pointer}.account-menu-item:focus-visible,.account-menu-item:hover{background:rgba(45,106,79,.09);outline:none}.account-menu-danger{color:#be123c}.site-footer{flex:none;overflow:hidden;margin-top:clamp(56px,8vw,92px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:radial-gradient(circle at 12% 0,rgba(45,106,79,.38),transparent 34%),var(--ink);color:#fff;box-shadow:0 28px 70px -50px rgba(16,24,21,.9)}.footer-main{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(120px,1fr));grid-gap:clamp(28px,5vw,64px);gap:clamp(28px,5vw,64px);padding:clamp(30px,5vw,52px)}.footer-brand{display:grid;align-content:start;justify-items:start;grid-gap:16px;gap:16px;max-width:390px}.footer-brand-link{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:900}.footer-logo{display:block;width:46px;height:46px;border-radius:12px;object-fit:cover}.footer-brand p{margin:0;color:hsla(0,0%,100%,.68);font-size:14px;line-height:1.7}.footer-email{color:#b9e9cd;font-size:14px;font-weight:800}.footer-column{display:grid;align-content:start;justify-items:start;grid-gap:11px;gap:11px}.footer-column h2{margin:0 0 5px;color:hsla(0,0%,100%,.5);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.footer-column a{color:hsla(0,0%,100%,.78);font-size:14px;font-weight:700;line-height:1.45;transition:color .15s ease,transform .15s ease}.footer-column a:focus-visible,.footer-column a:hover,.footer-email:focus-visible,.footer-email:hover{color:#fff}.footer-column a:hover{transform:translateX(2px)}.footer-brand-link:focus-visible,.footer-column a:focus-visible,.footer-email:focus-visible{border-radius:4px;outline:2px solid var(--gold);outline-offset:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid hsla(0,0%,100%,.1);padding:18px clamp(30px,5vw,52px);background:rgba(0,0,0,.13);color:hsla(0,0%,100%,.5);font-size:12px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;border:1px solid transparent;padding:12px 16px;font-size:15px;font-weight:800;line-height:1.2;transition:filter .15s ease,transform .1s ease,background .15s ease;cursor:pointer;white-space:normal;text-align:center}.button:hover{filter:brightness(.98)}.button:active{transform:translateY(1px)}.button-small{min-height:38px;padding:9px 12px;font-size:14px}.button-primary{background:var(--primary);color:#fff}.button-secondary{background:#fff;border-color:var(--border);color:var(--fg)}.button-light{background:#fff;color:var(--ink)}.button-ghost{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.28);color:#fff}.button-apple{width:260px;background:#000;border-color:#000;color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.stack{display:grid;grid-gap:16px;gap:16px}.marketing-page{display:grid;grid-gap:56px;gap:56px}.marketing-hero{position:relative;display:flex;align-items:center;min-height:min(680px,calc(100vh - 150px));overflow:hidden;border-radius:8px;background-image:linear-gradient(90deg,rgba(16,24,21,.92),rgba(16,24,21,.74) 36%,rgba(16,24,21,.18) 72%),url(/images/calfriend-hero.png);background-position:50%;background-size:cover;box-shadow:0 32px 80px -48px rgba(16,24,21,.75)}.hero-copy{width:min(100%,650px);padding:clamp(32px,7vw,72px);color:#fff}.hero-copy .eyebrow{color:var(--gold)}.hero-copy h1{margin:0;font-size:clamp(42px,7vw,82px);line-height:.95;letter-spacing:0}.hero-copy p{max-width:590px;margin:20px 0 0;color:hsla(0,0%,100%,.84);font-size:clamp(17px,2vw,20px);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-metrics span{border:1px solid hsla(0,0%,100%,.24);border-radius:8px;padding:9px 11px;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.88);font-size:13px;font-weight:800}.marketing-section,.steps-section{display:grid;grid-gap:24px;gap:24px}.section-heading{max-width:720px}.account-panel h1,.cta-band h2,.product-copy h2,.section-heading h2{margin:0;color:var(--ink);font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.feature-card,.step-list article{border:1px solid var(--border);border-radius:8px;padding:24px;background:var(--surface);box-shadow:0 16px 45px -38px rgba(16,24,21,.8)}.feature-card h3,.step-list h3{margin:0 0 10px;color:var(--ink);font-size:20px}.account-panel p,.feature-card p,.product-copy p,.step-list p{margin:0;color:var(--muted);line-height:1.65}.product-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);grid-gap:clamp(24px,5vw,64px);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(28px,5vw,56px);border:1px solid var(--border);border-radius:8px;background:#fff}.product-copy{display:grid;grid-gap:18px;gap:18px;align-items:start}.product-copy .button{justify-self:start}.dashboard-preview{display:grid;grid-gap:22px;gap:22px;min-height:430px;border-radius:8px;padding:clamp(22px,4vw,34px);background:linear-gradient(135deg,rgba(45,106,79,.98),rgba(16,24,21,.98));color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),0 28px 80px -50px rgba(16,24,21,.8)}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.preview-header strong{display:block;margin-top:6px;font-size:clamp(34px,5vw,58px);line-height:1}.preview-label{color:hsla(0,0%,100%,.68);font-size:13px;font-weight:800}.preview-pill{border-radius:8px;padding:8px 10px;background:rgba(242,193,78,.18);color:#ffe8a3;font-size:13px;font-weight:900}.macro-ring{display:grid;place-items:center;justify-self:center;width:min(220px,55vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,#20352c 0 48%,transparent 49%),conic-gradient(var(--gold) 0 74%,hsla(0,0%,100%,.16) 74% 100%)}.macro-ring span{color:#fff;font-size:30px;font-weight:900}.nutrient-list{display:grid;grid-gap:12px;gap:12px}.nutrient-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;color:hsla(0,0%,100%,.86)}.nutrient-row strong{color:#fff}.nutrient-bar{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:hsla(0,0%,100%,.14)}.nutrient-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--accent))}.step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.step-list span{display:inline-flex;margin-bottom:18px;color:var(--primary);font-size:13px;font-weight:900}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:8px;padding:clamp(28px,5vw,48px);background:var(--ink);color:#fff}.cta-band .eyebrow{color:var(--gold)}.cta-band h2{color:#fff}.cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.account-page{display:grid;place-items:center;min-height:calc(100vh - 150px)}.account-panel{width:min(100%,780px);border:1px solid var(--border);border-radius:8px;padding:clamp(28px,6vw,56px);background:var(--surface);box-shadow:var(--shadow)}.account-panel p{max-width:620px;margin-top:18px;font-size:18px}.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.auth-page{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr);grid-gap:clamp(18px,4vw,42px);gap:clamp(18px,4vw,42px);align-items:stretch;min-height:calc(100vh - 150px)}.auth-panel,.auth-story{border-radius:8px}.auth-story{display:flex;flex-direction:column;justify-content:space-between;gap:36px;overflow:hidden;padding:clamp(28px,5vw,56px);background:linear-gradient(145deg,rgba(16,24,21,.95),rgba(45,106,79,.92)),url(/images/calfriend-hero.png);background-position:100%;background-size:cover;color:#fff;box-shadow:0 30px 70px -48px rgba(16,24,21,.8)}.auth-story-light{background:linear-gradient(145deg,hsla(51,28%,95%,.97),rgba(238,244,239,.9)),url(/images/calfriend-hero.png);background-position:100%;background-size:cover;color:var(--ink)}.auth-story .eyebrow{color:var(--gold)}.auth-story-light .eyebrow{color:var(--accent)}.auth-story h1{max-width:660px;margin:0;font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:0}.auth-story p{max-width:570px;margin:20px 0 0;color:hsla(0,0%,100%,.82);font-size:18px;line-height:1.65}.auth-story-light p{color:var(--muted)}.auth-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.auth-proof-grid div{display:grid;grid-gap:8px;gap:8px;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;padding:16px;background:hsla(0,0%,100%,.1)}.auth-story-light .auth-proof-grid div{border-color:rgba(45,106,79,.16);background:hsla(0,0%,100%,.74)}.auth-proof-grid strong{font-size:15px}.auth-proof-grid span{color:hsla(0,0%,100%,.74);font-size:13px;line-height:1.45}.auth-story-light .auth-proof-grid span{color:var(--muted)}.auth-panel{display:grid;align-content:start;grid-gap:18px;gap:18px;padding:clamp(24px,4vw,40px);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}.auth-panel h2{margin:0;color:var(--ink);font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:0}.account-success p,.auth-panel-copy,.form-footer{margin:0;color:var(--muted);line-height:1.6}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:800}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.social-buttons{display:grid;grid-gap:10px;gap:10px}.google-button-slot,.social-buttons .button{width:min(100%,280px)}.account-success{display:grid;grid-gap:18px;gap:18px;border:1px solid rgba(45,106,79,.18);border-radius:8px;padding:20px;background:var(--surface-soft)}.account-success-compact{margin-top:2px}.account-success h3{margin:0 0 8px;color:var(--ink);font-size:22px}.account-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.notice-card{display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(242,193,78,.5);border-radius:8px;padding:16px;background:#fff8df}.notice-card strong{color:var(--ink)}.notice-card span{color:var(--muted);overflow-wrap:anywhere}.auth-followup{display:grid;grid-gap:10px;gap:10px}.form-footer a{color:var(--primary-dark);font-weight:900}.hero{display:grid;grid-gap:24px;gap:24px;align-items:center;grid-template-columns:1.2fr .8fr}.hero h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:1}.hero p{color:var(--muted);font-size:18px;line-height:1.6}.form-grid{display:grid;grid-gap:16px;gap:16px}.form-grid label{display:grid;grid-gap:8px;gap:8px;color:#334155;font-size:14px;font-weight:700}.form-grid input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:14px 16px;background:#fff;color:#0f172a;font-size:15px;outline:none}.form-grid input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(45,106,79,.16)}.message{min-height:22px;font-size:14px}.message.error{color:#be123c}.message.success{color:#166534}@media (max-width:900px){.nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.marketing-page{gap:42px}.marketing-hero{min-height:640px;background-position:center right 28%}.auth-page,.feature-grid,.hero,.product-section,.step-list{grid-template-columns:1fr}.auth-story{min-height:460px}.auth-proof-grid{grid-template-columns:1fr}.product-section{padding:24px}.cta-band{align-items:flex-start;flex-direction:column}.cta-actions{justify-content:flex-start}}@media (max-width:560px){.page-shell{padding:16px 12px 36px}.site-frame{min-height:calc(100vh - 52px)}.brand-name{display:none}.nav-links{width:100%}.account-menu{margin-left:auto}.account-menu-panel{right:0;width:min(230px,calc(100vw - 24px))}.site-footer{margin-top:48px}.footer-main{grid-template-columns:1fr;gap:28px;padding:28px 22px}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding:18px 22px}.button-small,.nav-link{min-height:36px;padding:8px 10px;font-size:13px}.marketing-hero{min-height:600px;background-position:center right 34%}.hero-copy{padding:28px 22px}.account-actions,.cta-actions,.hero-actions{flex-direction:column}.account-actions .button,.cta-actions .button,.hero-actions .button{width:100%}.hero-metrics{display:grid;grid-template-columns:1fr}.account-panel,.auth-panel,.auth-story,.feature-card,.step-list article{padding:20px}.dashboard-preview{min-height:380px}.auth-page{min-height:auto}.auth-story{min-height:520px;background-position:center right 34%}.account-action-grid{grid-template-columns:1fr}.google-button-slot,.social-buttons .button{width:100%}}