:root{--paper:#fffaf2;--ink:#513a2e;--ink-soft:#796356;--coral:#d47650;--blush:#f9e6db;--line:#e9ddd0}
html{scroll-behavior:smooth;scroll-padding-top:95px}
.wrap{max-width:1180px;padding-inline:36px}
header{background:rgba(255,250,242,.96)}
.nav{height:88px;gap:16px;position:relative}.brand img{width:60px;height:60px}.nav .brand{font-size:15px;color:var(--ink)}.nav ul{gap:20px}.nav a{font-size:13px}
.menu-toggle{display:none}
.hero{padding:60px 0 64px;overflow:hidden;background:radial-gradient(ellipse at 90% 45%,#f7e5d2 0,transparent 58%)}
.hero-grid{grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.hero-copy{padding:20px 0}.hero .eyebrow{letter-spacing:.16em;font-size:13px;margin-bottom:24px}.hero h1{font-size:clamp(40px,4.8vw,66px);line-height:1.4;letter-spacing:.05em;font-weight:700}.hero .sub{font-size:16px;line-height:2.1;margin-top:25px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:30px}.primary-link{display:inline-block;background:var(--coral);color:white;padding:14px 24px;border-radius:40px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 5px 15px #d4765020}.primary-link:hover{background:#b75d3a}.text-link{font-size:14px;text-underline-offset:6px}.text-link span{margin-left:18px}.hero-note{font-size:12px;color:var(--muted);margin:28px 0 0;letter-spacing:.1em}
.hero-photo{margin:0;position:relative;transform:rotate(2deg);padding:13px 13px 0;background:#fffdfa;border-radius:160px 160px 22px 22px;box-shadow:0 20px 60px #76503219}.hero-photo>img:first-child{width:100%;height:530px;object-fit:cover;object-position:center 49%;border-radius:148px 148px 12px 12px}.hero-photo .photo-badge{position:absolute;width:120px;height:120px;bottom:45px;left:-45px;border-radius:50%;box-shadow:0 5px 18px #513a2e20;transform:rotate(-10deg)}.hero-photo figcaption{padding:17px 5px;text-align:center;font-size:11px;letter-spacing:.06em;color:var(--ink-soft)}.hero-photo figcaption span{font-size:10px;letter-spacing:.15em;margin-right:12px}
.welcome-strip{border-block:1px solid var(--line);background:#f5ecd9}.welcome-strip .wrap{display:flex;justify-content:center;align-items:center;gap:32px;padding-block:19px;font-size:12px}.welcome-strip a{text-decoration:none;font-weight:700}.member{border-radius:22px}.preview-notice{background:#fff0da;color:#73502c;padding:12px 16px;border-radius:9px;font-size:13px}.card button:disabled{opacity:.45;cursor:not-allowed}.done{display:none!important}
@media(max-width:1000px){.nav ul{gap:12px}.nav .brand{font-size:12px}.hero-grid{gap:38px}.hero-photo>img:first-child{height:470px}.hero-photo .photo-badge{width:96px;height:96px;left:-25px}}
@media(max-width:800px){.wrap{padding-inline:22px}.nav{height:76px;justify-content:space-between}.brand img{width:48px;height:48px}.menu-toggle{display:block;font-size:12px;padding:8px 13px;background:transparent;border:1px solid var(--line);color:var(--ink);white-space:nowrap}.nav ul{display:none;position:absolute;left:0;right:0;top:76px;padding:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);margin:0}.nav ul.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0}.nav ul a{display:block;padding:12px}.hero{padding:28px 0 38px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{padding:0}.hero h1{font-size:43px;line-height:1.35}.hero h1 br:nth-of-type(1){display:none}.hero .eyebrow{font-size:11px;margin-bottom:16px}.hero .sub{font-size:14px;margin-top:18px}.hero-actions{margin-top:22px}.hero-note{margin-top:20px}.hero-photo{max-width:470px;width:calc(100% - 14px);justify-self:center;border-radius:110px 110px 18px 18px}.hero-photo>img:first-child{height:auto;aspect-ratio:1/1.05;object-position:center 52%;border-radius:100px 100px 10px 10px}.hero-photo .photo-badge{left:-12px;bottom:44px;width:88px;height:88px}.hero-photo figcaption{font-size:10px}.welcome-strip .wrap{gap:20px;flex-wrap:wrap;padding-block:16px}.welcome-strip span{width:100%;text-align:center}.row{grid-template-columns:1fr}}
@media(max-width:800px){.hero h1{font-size:clamp(30px,9vw,43px)}.hero h1 br:nth-of-type(1){display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}