:root{--cream:#fff7ec;--ink:#111014;--muted:#655b68;--coral:#ff796f;--mint:#8bd8c0;--lavender:#b9a7ff;--rose:#ffd8e2;--sun:#ffd166;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}img,svg{display:block}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}@media (width<=520px){:root{font-size:16px}}.app-shell{background:linear-gradient(90deg, #1212140a 1px, transparent 1px), linear-gradient(180deg, #12121409 1px, transparent 1px), var(--cream);min-height:100svh;color:var(--ink);background-size:42px 42px,42px 42px,auto;overflow:hidden}.hero{grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);align-items:center;gap:clamp(28px,6vw,78px);width:min(1180px,100% - 40px);min-height:calc(100svh - 138px);margin:0 auto;padding:42px 0 28px;display:grid}.copy-block{align-content:center;gap:24px;display:grid}.eyebrow{width:fit-content;color:var(--muted);background:#ffffffb8;border:1px solid #1513171f;border-radius:999px;align-items:center;gap:10px;margin:0;padding:9px 13px;font-size:.86rem;font-weight:700;display:inline-flex}h1{max-width:760px;color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(3.2rem,6vw,6.9rem);line-height:.93}h1 span{display:inline-block;transform:translateY(.07em)}.lead{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button{min-height:48px;font:inherit;letter-spacing:0;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 19px;font-size:.98rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}button:hover{transform:translateY(-2px)}button:focus-visible{outline-offset:4px;outline:3px solid #08070a47}.primary-action{background:var(--ink);color:#fffaf3;box-shadow:0 17px 32px #08070a2e}.primary-action:hover{box-shadow:0 20px 34px #08070a3d}.quiet-action{color:var(--ink);background:#ffffffb3;border:1px solid #15131729}.note{background:linear-gradient(135deg,#ffffffe6,#ffd8e2d1),#fff;border:1px solid #1513171f;border-radius:24px;grid-template-columns:48px 1fr;align-items:center;gap:16px;width:min(100%,620px);min-height:126px;padding:18px;display:grid;box-shadow:0 22px 48px #69424021}.note-icon{background:var(--ink);color:#fffaf3;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.note p{color:var(--ink);margin:0;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:800;line-height:1.45;animation:.38s both note-in}.visual-block{min-width:0;position:relative}.image-wrap{aspect-ratio:1.04;isolation:isolate;place-items:center;width:min(100%,620px);margin-left:auto;display:grid;position:relative}.image-wrap:before{content:"";z-index:-1;background:linear-gradient(145deg,#ff796f57,#0000 58%),linear-gradient(315deg,#8bd8c057,#0000 55%),#ffffffad;border-radius:34px;position:absolute;inset:6% 7% 12%;transform:rotate(-2deg);box-shadow:0 28px 80px #4a293324}.image-wrap img{filter:drop-shadow(0 28px 34px #08070a2e);width:min(100%,560px);height:auto;animation:5.6s ease-in-out infinite float-softly}.heart-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.heart-burst span{left:var(--left);font-size:var(--size);opacity:0;animation:rise-heart 1.1s ease-out var(--delay) both;line-height:1;position:absolute;bottom:15%;transform:translateY(20px)scale(.72)}.smile-strip{background:#ffffffad;border:1px solid #1513171f;border-radius:28px;grid-template-columns:minmax(270px,.95fr) minmax(0,1.05fr);align-items:center;gap:16px;width:min(1180px,100% - 40px);margin:0 auto 34px;padding:16px;display:grid;box-shadow:0 18px 46px #6942401a}.smile-meter{color:var(--ink);grid-template-columns:auto auto 1fr;align-items:center;gap:12px;font-weight:850;display:grid}.meter-track{background:#1513171a;border-radius:999px;min-width:120px;height:10px;overflow:hidden}.meter-track span{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--mint), var(--lavender));transform-origin:0;width:100%;height:100%;transition:transform .26s;display:block}.promise-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.promise-row span{min-height:34px;color:var(--ink);background:#8bd8c038;border-radius:999px;align-items:center;padding:0 12px;font-size:.92rem;font-weight:750;display:inline-flex}@keyframes note-in{0%{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-softly{0%,to{transform:translateY(0)rotate(-.8deg)}50%{transform:translateY(-10px)rotate(.8deg)}}@keyframes rise-heart{0%{opacity:0;transform:translateY(18px)scale(.72)rotate(-8deg)}18%{opacity:1}to{opacity:0;transform:translateY(-118px)scale(1.18)rotate(14deg)}}@media (width<=860px){.hero{grid-template-columns:1fr;gap:18px;min-height:auto;padding:30px 0 20px}.copy-block{gap:18px}.visual-block{order:-1}.image-wrap{width:min(100%,430px);margin:0 auto}.smile-strip{grid-template-columns:1fr;margin-bottom:22px}.smile-meter{grid-template-columns:auto 1fr}.meter-track{grid-column:1/-1}.promise-row{justify-content:flex-start}}@media (width<=520px){.app-shell{background-size:30px 30px,30px 30px,auto}.hero,.smile-strip{width:min(100% - 28px,1180px)}.eyebrow{width:auto}.actions{grid-template-columns:1fr;display:grid}button{width:100%}.note{grid-template-columns:1fr;padding:16px}.note-icon{border-radius:14px;width:42px;height:42px}.promise-row span{flex:calc(50% - 8px);justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}