@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--brand-deep: #075940;--brand-primary: #087a55;--brand-accent: #00b96b;--brand-gold: #e4b64a;--brand-soft: #e8f3ee;--brand-ink: #1a1a1a;--brand-green-text: #087a55;color:#4a4a4a;background:#f8f9fa;font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}#root,.page{min-height:100vh}.hero{position:relative;isolation:isolate;overflow:hidden;padding:72px 24px;background:radial-gradient(1000px 560px at 10% -12%,rgba(0,185,107,.42),transparent 62%),radial-gradient(760px 460px at 90% 4%,rgba(228,182,74,.18),transparent 64%),radial-gradient(820px 520px at 78% 118%,rgba(0,185,107,.26),transparent 66%),linear-gradient(135deg,#0a6b4e 0%,var(--brand-deep) 55%,#062f24 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(58% 62% at 26% 24%,#000 0%,transparent 76%);mask-image:radial-gradient(58% 62% at 26% 24%,#000 0%,transparent 76%)}.hero:after{content:"";position:absolute;left:-190px;bottom:-230px;width:620px;height:620px;z-index:-1;background:url(/beistand-susu-mark.svg) no-repeat center / contain;opacity:.055;transform:rotate(-10deg)}.hero__panel,.section{max-width:1120px;margin:0 auto}.hero__panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:32px;align-items:center}.hero__content{color:#fff;animation:fade-up .7s ease-out backwards}.hero__eyebrow,.section__eyebrow,.hero__card-label{margin:0 0 12px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero__eyebrow{color:var(--brand-gold)}.hero__content h1,.section__header h2,.card h3,.hero__card h2{margin:0;color:var(--brand-ink)}.hero__content h1{max-width:12ch;color:#fff;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.05;font-weight:700}.hero__lead{max-width:56ch;margin:20px 0 0;color:#ffffffeb;font-size:1.05rem}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.button:hover,.hero__card-link:hover{transform:translateY(-1px)}.button--primary{background:#fff;color:var(--brand-deep);box-shadow:0 10px 24px #0000001f}.button--secondary{border:1px solid rgba(255,255,255,.32);color:#fff;background:#ffffff14}.hero__card{padding:28px;border-radius:16px;background:#fff;position:relative;overflow:hidden;box-shadow:0 14px 30px -20px #03281d80;animation:fade-up .8s ease-out .12s backwards,card-lift 8s ease-in-out 1.2s infinite}@keyframes card-lift{0%,to{box-shadow:0 14px 30px -20px #03281d80}50%{box-shadow:0 32px 58px -26px #03281d80}}.hero__card-label{color:var(--brand-green-text)}.hero__card h2{font-size:2rem;font-weight:700}.hero__card-wordmark{display:block;width:100%;max-width:210px;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hero__card p{margin:16px 0 20px;color:#4a4a4a}.hero__card-preview{position:relative;overflow:hidden;margin:0 0 20px;padding:14px;border-radius:12px;background:linear-gradient(180deg,#f6fbf8 0%,var(--brand-soft) 100%);border:1px solid rgba(0,185,107,.14)}.preview__top{display:flex;gap:6px;margin-bottom:12px}.preview__dot{width:8px;height:8px;border-radius:999px;background:#0759402e}.preview__dot:first-child{background:var(--brand-accent);animation:dot-blink 2.6s ease-in-out 1.2s infinite}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.35}}.preview__panel{padding:14px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #00b96b14}.preview__stat{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.preview__stat span,.preview__pill{font-size:.78rem;font-weight:500}.preview__stat span{color:#6b6b6b}.preview__stat strong{color:var(--brand-deep);font-size:1rem;font-weight:700}.preview__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview__row+.preview__row{margin-top:10px}.preview__bar{display:block;height:10px;border-radius:999px;background:#00b96b1f}.preview__bar--strong{width:68%;background:linear-gradient(90deg,var(--brand-accent) 0%,#42cf93 100%);animation:bar-grow .9s cubic-bezier(.22,1,.36,1) .75s both,bar-cycle-strong 9s ease-in-out 2s infinite}.preview__bar--mid{width:54%;animation:bar-grow .9s cubic-bezier(.22,1,.36,1) .88s both,bar-cycle-mid 11s ease-in-out 2.6s infinite}.preview__bar--short{width:28%;animation:bar-grow .9s cubic-bezier(.22,1,.36,1) 1s both,bar-cycle-short 13s ease-in-out 3.2s infinite}@keyframes bar-grow{0%{width:0}}@keyframes bar-cycle-strong{0%,18%{width:68%}32%,48%{width:45%}62%,78%{width:81%}92%,to{width:68%}}@keyframes bar-cycle-mid{0%,22%{width:54%}38%,60%{width:72%}76%,to{width:54%}}@keyframes bar-cycle-short{0%,26%{width:28%}42%,64%{width:41%}80%,to{width:28%}}.preview__pill{padding:5px 10px;border-radius:999px;color:var(--brand-green-text);background:#00b96b1f;animation:pill-pulse 3.2s ease-in-out 1.6s infinite}@keyframes pill-pulse{0%,to{box-shadow:0 0 #00b96b00}50%{box-shadow:0 0 0 5px #00b96b1f}}.hero__card-link{color:var(--brand-green-text);font-weight:600;transition:transform .2s ease}.section{padding:56px 24px 72px}.section__header{max-width:720px;margin-bottom:24px;animation:fade-up .7s ease-out .18s backwards}.section__eyebrow{color:var(--brand-green-text)}.section__header h2{font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.card{display:flex;flex-direction:column;justify-content:flex-start;min-height:220px;padding:24px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;animation:fade-up .7s ease-out backwards;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:#00b96b2e;box-shadow:0 10px 24px #0000000d,0 4px 12px #0000000a}.card__header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card__badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;padding:0 10px;border-radius:999px;background:#00b96b1a;color:var(--brand-green-text);font-size:.78rem;font-weight:700;letter-spacing:.06em}.card__line{flex:1;height:1px;background:linear-gradient(90deg,#00b96b38,#0000000f)}.card:nth-child(1){animation-delay:.24s}.card:nth-child(2){animation-delay:.32s}.card:nth-child(3){animation-delay:.4s}.card h3{margin:0;font-size:1.1rem;font-weight:600;line-height:1.35;color:#1a1a1a}.card p{margin:14px 0 0;color:#4a4a4a;line-height:1.7}.site-footer{padding:28px 24px 36px;border-top:1px solid rgba(0,0,0,.06);background:#fff}.site-footer__inner{display:flex;align-items:center;gap:12px;max-width:1120px;margin:0 auto}.site-footer__mark{width:28px;height:28px}.site-footer p{margin:0;color:#6b6b6b;font-size:.88rem}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__content,.hero__card,.preview__bar--strong,.preview__bar--mid,.preview__bar--short,.preview__dot:first-child,.preview__pill,.section__header,.card{animation:none}.button,.hero__card,.hero__card-link,.card{transition:none}.card:hover{transform:none}}@media(max-width:900px){.hero{padding:56px 20px}.hero:after{right:-140px;bottom:-190px;width:400px;height:400px}.hero__panel,.cards{grid-template-columns:1fr}.hero__content h1{max-width:none}.section{padding:48px 20px 64px}}@media(max-width:640px){.hero__actions{flex-direction:column}.button{width:100%}.hero__card{padding:24px}}