*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#17324d;--sky:#4ea7ff;--cream:#fff7e8;--melon:#ff7e5f;--leaf:#4db67c;--ink-dim:rgba(23,50,77,.6);--ink-faint:rgba(23,50,77,.08);--radius-sm:16px;--radius-md:24px;--radius-lg:32px}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-weight:400;overflow-x:hidden;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;transform:translateY(24px);animation:fadeUp .7s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}.delay-4{animation-delay:.5s}.delay-5{animation-delay:.65s}.section{padding:6rem 4rem}.section-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.75rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:1rem}.section-sub{font-size:1rem;color:var(--ink-dim);line-height:1.75;max-width:520px;margin-bottom:3.5rem}.btn-ink{background:var(--ink);color:#fff;padding:.85rem 1.75rem;border-radius:100px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px rgba(23,50,77,.2)}.btn-ink:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(23,50,77,.25)}.btn-ghost{border:1.5px solid rgba(23,50,77,.15);background:#fff;color:var(--ink);padding:.85rem 1.75rem;border-radius:100px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block;transition:border-color .2s,transform .15s}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-1px)}.btn-white{background:#fff;color:var(--ink);padding:.9rem 2rem;border-radius:100px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px rgba(0,0,0,.12)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}@media (max-width:768px){.section{padding:4rem 1.5rem}.hide-mobile{display:none!important}}