:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .26 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.browser{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(92,64,66,.08);border-radius:12px;box-shadow:var(--shadow-lg)}.browser img{width:100%}.browser-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:linear-gradient(#fbf9f6,#f3efea);border-bottom:1px solid var(--line)}.browser-bar i{flex:none;width:9px;height:9px;border-radius:50%;background:#e5ddd4}.browser-bar span{margin:0 auto;padding:.28rem 1.1rem .12rem;max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;letter-spacing:.06em;line-height:1.2;color:var(--muted);background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:999px;transform:translateX(-15px)}.phone{position:relative;padding:3.2%;border-radius:14%/6.5%;background:linear-gradient(150deg,#4a3436,var(--night) 55%);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 34px 60px -26px rgba(42,28,29,.55),0 10px 20px -12px rgba(42,28,29,.35)}.phone img{width:100%;aspect-ratio:540/1169;object-fit:cover;object-position:top;border-radius:11.5%/5.3%;background:var(--paper-2)}.hero{position:relative;overflow:hidden;overflow:clip;padding:clamp(2.5rem,6vw,5rem) 0 clamp(2.5rem,5vw,3.5rem);background:var(--grain),radial-gradient(52rem 36rem at 88% 8%,rgba(243,230,225,.95),transparent 62%),radial-gradient(42rem 30rem at -5% 95%,rgba(245,237,217,.9),transparent 60%),var(--paper)}.hero::before{content:'';position:absolute;width:clamp(34rem,62vw,56rem);aspect-ratio:1;right:clamp(-22rem,-12vw,-6rem);top:clamp(-8rem,-4vw,-2rem);border:1px solid rgba(201,169,110,.32);border-radius:50%;outline:1px solid rgba(201,169,110,.16);outline-offset:-28px;pointer-events:none}.hero-grid{position:relative;display:grid;gap:clamp(3rem,7vw,4rem);align-items:center}.hero h1{margin:1.15rem 0 1.5rem;font-size:clamp(2.75rem, 7.4vw, 4rem);font-weight:300;line-height:1.02;letter-spacing:-.01em}@media (min-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem)}.hero h1{font-size:clamp(2.75rem, 4.6vw, 4.1rem)}.hero-visual{margin-right:calc(-1 * clamp(1rem,8vw,9rem))}}.hero h1 em{font-weight:400}.lead{max-width:34rem;font-size:clamp(1.0625rem, 1.5vw, 1.1875rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.1rem 0 1.2rem}.hero-note{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--muted)}.hero-note svg{width:18px;height:18px;color:#6f9765;flex:none}.hero-visual{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding-bottom:clamp(1rem,3vw,2rem)}.hero-visual .browser{grid-column:3/13;grid-row:1;margin-top:.5rem;transform:rotate(.4deg)}.phone-hero{grid-column:1/5;grid-row:1/3;z-index:2;margin-top:clamp(3.5rem,10vw,7rem);transform:rotate(-2.5deg)}.toast{position:absolute;z-index:3;right:clamp(0rem,3vw,3rem);bottom:clamp(.5rem,10vw,10rem);display:flex;align-items:center;gap:.8rem;max-width:min(23rem,62%);padding:.75rem 1.1rem .7rem .75rem;background:rgba(253,252,251,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,169,110,.4);border-radius:16px;box-shadow:0 22px 44px -22px rgba(92,64,66,.5);transition:opacity .35s ease,transform .35s var(--ease)}.toast.is-swapping{opacity:0;transform:translateY(6px)}.toast-avatar{position:relative;flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;padding-top:.15em;border-radius:50%;background:var(--champagne);border:1px solid var(--gold-line);color:var(--gold-ink);font-size:.8125rem;font-weight:400;letter-spacing:.06em}.toast-avatar::after{content:'';position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#7da672;border:2px solid var(--paper)}.toast-body{display:grid;min-width:0;font-size:.875rem;line-height:1.35;color:var(--body)}.toast-body strong{font-weight:400;font-size:.9375rem;color:var(--ink)}.toast-time{align-self:flex-start;margin-left:.2rem;font-size:.6875rem;letter-spacing:.06em;color:var(--muted)}@media (max-width:979px){.hero-visual{max-width:40rem;margin:0 auto;width:100%}}@media (max-width:560px){.hero .eyebrow{letter-spacing:.16em}.hero-actions .btn{flex:1 1 100%}.toast{max-width:80%;padding:.6rem .8rem .55rem .6rem;gap:.6rem}.toast-avatar{width:2.2rem;height:2.2rem;font-size:.75rem}.toast-body{font-size:.8125rem}.toast-time{display:none}.browser-bar{height:22px;gap:4px;padding:0 8px}.browser-bar i{width:6px;height:6px}.browser-bar span{display:none}}.hero-facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2.75rem;margin:clamp(3rem,6vw,4.5rem) auto 0;padding-top:1.6rem;padding-bottom:0;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hero-facts li{position:relative;display:flex;align-items:center;gap:.75rem;padding-top:.15em}.hero-facts li::before{content:'';width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex:none;margin-top:-.15em}@media (max-width:560px){.hero-facts{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise .9s var(--ease) backwards}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.28s}.hero-copy>:nth-child(5){animation-delay:.36s}.hero-visual .browser{animation:settle 1.1s .2s var(--ease) backwards}.phone-hero{animation:land 1.2s .45s var(--ease) backwards}.toast{animation:arrive .8s 1.35s var(--ease) backwards}.hero-facts{animation:rise .9s .6s var(--ease) backwards}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes settle{from{opacity:0;transform:translateY(24px) rotate(1.5deg)}to{opacity:1;transform:rotate(.4deg)}}@keyframes land{from{opacity:0;transform:translateY(60px) rotate(-6deg)}to{opacity:1;transform:rotate(-2.5deg)}}@keyframes arrive{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}