/* Danisha v1.3 — hero baru, seluruh bagian setelahnya memakai layout awal. */
body{overflow-x:clip}
main{position:relative;isolation:isolate}
main:before{content:"";position:absolute;z-index:-1;width:77%;height:680px;right:-17%;top:-140px;border-radius:42% 0 0 62%;transform:rotate(13deg);background:linear-gradient(120deg,#eefaf6,#d8f3eb);pointer-events:none}
.site-header{position:relative;background:transparent;border-bottom:0;backdrop-filter:none}
.nav-shell{min-height:105px;width:min(1180px,calc(100% - 48px));gap:24px}
.main-nav{gap:22px}
.main-nav a{font-size:.875rem}
.login-button{background:#328d74;box-shadow:none}
.hero{min-height:625px;padding-block:45px 130px;gap:25px;grid-template-columns:.88fr 1.12fr}
.hero h1{font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.08}
.hero h1 em{font-style:normal;font-weight:700}
.hero-copy{padding-top:10px}
.hero-copy>p{font-size:1rem;line-height:1.85;max-width:430px}
.hero-actions{gap:10px;max-width:480px}
.hero .button{font-size:.875rem}
.hero .button.primary{background:#348f77;box-shadow:0 7px 18px rgba(52,143,119,.14)}
.hero-visual{height:auto;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;aspect-ratio:3/2;position:relative;display:flex;align-items:center;justify-content:center}
.hero-visual:before,.hero-visual:after{display:none}
.hero-illustration{display:block;width:115%;max-width:none;height:auto;object-fit:contain;mix-blend-mode:normal}
@media(max-width:1000px){.main-nav{gap:12px}.nav-shell{gap:15px}.hero{gap:10px}.hero-illustration{width:105%}}
@media(max-width:800px){.nav-shell{min-height:90px}.main-nav{background:#fff}.hero{grid-template-columns:1fr;gap:20px;padding-block:28px 68px;min-height:auto}.hero-copy{max-width:540px}.hero h1{font-size:clamp(2.65rem,8vw,3.8rem)}.hero-visual{width:100%;max-width:580px;min-height:0;margin:auto;overflow:visible}.hero-illustration{width:100%}main:before{width:110%;right:-40%;height:780px;top:-60px}}
@media(max-width:480px){.nav-shell{width:calc(100% - 36px);gap:8px}.brand img{width:42px;height:42px}.brand strong{font-size:.8125rem}.brand small{font-size:.75rem}.login-button{padding-inline:12px;font-size:.8125rem}.hero-actions{width:100%;max-width:none;align-items:stretch;flex-direction:row;gap:8px}.hero-actions .button{width:calc(50% - 4px);height:auto;min-height:48px;padding:9px 10px;font-size:.72rem;line-height:1.25;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}