/* Calm, accessible motion and warm pet-inspired graphics. */
:root{--anu-ease:cubic-bezier(.2,.75,.25,1)}
.landing-shell{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 10% 13%,rgba(221,235,224,.48),transparent 27rem),radial-gradient(ellipse at 94% 28%,rgba(244,220,199,.42),transparent 30rem),#fff8f0}
.landing-shell:before{content:"";position:absolute;z-index:-1;top:16rem;right:-8rem;width:min(42vw,30rem);aspect-ratio:1;border:1px solid rgba(184,121,80,.09);border-radius:50%;box-shadow:0 0 0 2.3rem rgba(184,121,80,.025),0 0 0 5.1rem rgba(21,85,79,.018);pointer-events:none}
.landing-topbar{position:relative;z-index:5;background:rgba(255,253,249,.88);border-bottom:1px solid rgba(234,219,202,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.landing-brand img,.landing-footer-brand img{filter:drop-shadow(0 4px 7px rgba(67,48,31,.08));transition:transform .3s var(--anu-ease)}.landing-brand:hover img{transform:rotate(-5deg) scale(1.04)}
.landing-hero{position:relative;isolation:isolate;min-height:clamp(410px,50vw,610px);padding-block:clamp(42px,7vw,90px)}
.landing-hero:before{content:"";position:absolute;z-index:-1;width:clamp(230px,38vw,480px);aspect-ratio:1;right:-4%;top:5%;border-radius:42% 58% 59% 41% / 45% 42% 58% 55%;background:linear-gradient(145deg,rgba(224,237,226,.66),rgba(246,225,205,.62));transform:rotate(-8deg);animation:anu-morph 17s ease-in-out infinite alternate}
.landing-hero-copy{animation:anu-rise .7s var(--anu-ease) both}.landing-hero h1{max-width:11ch;font-weight:900;letter-spacing:-.065em;line-height:.99;text-wrap:balance}.landing-hero h1 em{position:relative;color:#15554f;font-style:normal;white-space:nowrap}
.landing-hero h1 em:after{content:"";position:absolute;z-index:-1;left:.02em;right:.06em;bottom:.02em;height:.12em;border-radius:10px;background:#eac8a6;transform:scaleX(0);transform-origin:left;animation:anu-underline .6s .45s var(--anu-ease) forwards}
.landing-lede{max-width:52ch;font-size:clamp(1rem,1.4vw,1.13rem);line-height:1.75}.landing-actions{gap:12px;margin-top:24px}.landing-actions .btn{min-height:48px;padding-inline:20px;border-radius:13px;transition:transform .2s var(--anu-ease),box-shadow .2s ease}.landing-actions .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(42,68,56,.12)}
.landing-visual{animation:anu-rise .82s .12s var(--anu-ease) both}.landing-visual-backdrop{background:radial-gradient(circle at 34% 32%,#fff9f0 0 10%,transparent 10.5%),radial-gradient(circle at 68% 60%,rgba(21,85,79,.13),transparent 48%),linear-gradient(145deg,#f3dfca,#f8eee1 50%,#e0ece2);border-radius:44% 56% 42% 58% / 53% 41% 59% 47%;animation:anu-morph 18s ease-in-out infinite alternate-reverse}
.landing-logo-card{box-shadow:0 22px 48px rgba(67,48,31,.14),0 3px 0 rgba(255,255,255,.8) inset;animation:anu-float 6.5s ease-in-out infinite;will-change:transform}.landing-chip{box-shadow:0 10px 24px rgba(67,48,31,.09);animation:anu-float 7s ease-in-out infinite}.landing-chip-bottom{animation-delay:-2.5s}
.landing-features{position:relative;padding-block:clamp(35px,5vw,68px)}.landing-section-title{align-items:end;gap:clamp(22px,6vw,80px);margin-bottom:20px}.landing-section-title h2{max-width:17ch;font-weight:850;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}.landing-section-title>p{max-width:42ch;line-height:1.7}
.role-entry{position:relative;isolation:isolate;overflow:hidden;min-height:204px;padding:22px 20px;border-radius:19px 19px 19px 7px;box-shadow:0 4px 12px rgba(62,43,28,.025);transition:transform .27s var(--anu-ease),box-shadow .27s ease,border-color .27s ease,background .27s ease;animation:anu-rise .6s var(--anu-ease) both}
.role-entry:nth-child(1){animation-delay:.07s}.role-entry:nth-child(2){animation-delay:.14s}.role-entry:nth-child(3){animation-delay:.21s}.role-entry:nth-child(4){animation-delay:.28s}
.role-entry:before{content:"";position:absolute;z-index:-1;width:145px;height:145px;right:-65px;bottom:-80px;border-radius:50%;background:var(--role-tint);opacity:.45;pointer-events:none;transition:transform .35s ease,opacity .35s ease}.role-entry:hover:before{transform:scale(1.3);opacity:.7}
.role-entry:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(62,43,28,.085)}.role-entry:active{transform:translateY(-1px) scale(.99)}.role-entry:focus-visible{outline:3px solid var(--role-accent);outline-offset:4px}.role-entry-icon{transition:transform .3s var(--anu-ease),border-radius .3s ease}.role-entry:hover .role-entry-icon{transform:translateY(-2px) rotate(-5deg);border-radius:17px 12px 17px 12px}
.role-entry-link b{display:inline-block;transition:transform .22s var(--anu-ease)}.role-entry:hover .role-entry-link b{transform:translateX(4px)}
.landing-feature-card{min-height:195px;padding:24px 22px;border-radius:19px 19px 19px 7px;box-shadow:0 4px 12px rgba(62,43,28,.025);transition:transform .25s var(--anu-ease),box-shadow .25s ease,border-color .25s ease}.landing-feature-card:nth-child(2){background:linear-gradient(140deg,#fffdf9,#f1f7f1)}.landing-feature-card:nth-child(3){background:linear-gradient(140deg,#fffdf9,#fcf1e7)}.landing-feature-card:hover{transform:translateY(-4px);border-color:#d9bea5;box-shadow:0 14px 28px rgba(62,43,28,.065)}.landing-feature-icon{transition:transform .3s var(--anu-ease)}.landing-feature-card:hover .landing-feature-icon{transform:rotate(-7deg) scale(1.06)}
button,a{-webkit-tap-highlight-color:transparent}
@keyframes anu-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes anu-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.7deg)}}@keyframes anu-morph{0%{border-radius:42% 58% 59% 41% / 45% 42% 58% 55%;transform:rotate(-8deg) scale(1)}100%{border-radius:57% 43% 43% 57% / 39% 57% 43% 61%;transform:rotate(4deg) scale(1.035)}}@keyframes anu-underline{to{transform:scaleX(1)}}
@media(max-width:1000px){.role-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{min-height:unset}.landing-hero:before{right:-12%}}
@media(max-width:680px){.landing-shell:before{top:26rem;right:-10rem;width:26rem}.landing-topbar{gap:13px}.landing-hero{gap:25px;padding-block:34px 40px}.landing-hero h1{max-width:12ch;font-size:clamp(2.55rem,12vw,4rem)}.landing-hero:before{width:72vw;right:-17%;top:38%}.landing-visual{max-width:420px;margin-inline:auto;width:100%}.landing-chip{max-width:80%;font-size:.75rem}.landing-section-title{align-items:flex-start;gap:10px}.landing-section-title h2{max-width:15ch}.role-entry-grid{grid-template-columns:1fr;gap:10px}.role-entry{min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:5px;padding:16px;border-radius:16px 16px 16px 6px}.role-entry-icon{grid-row:1/span 3;width:43px;height:43px}.role-entry-title,.role-entry-copy,.role-entry-link{grid-column:2}.role-entry-copy{max-width:none}.role-entry-link{margin-top:5px}.landing-feature-card{min-height:0;padding:20px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
