header{--app: 1;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid var(--border)}@media(max-width:1024px){header{padding:16px 24px}}header nav{display:flex;align-items:center;gap:28px}header nav a{font-size:15px;color:var(--text);text-decoration:none;transition:color .2s}header nav a:hover{color:var(--text-h)}.nav-auth-link{font-size:15px;color:var(--text);background:none;border:none;padding:0;cursor:pointer;font-family:var(--sans);transition:color .2s}.nav-auth-link:hover{color:var(--text-h)}.nav-signup-btn{font-size:14px;font-family:var(--sans);background-color:var(--accent);color:#fff;border:none;border-radius:100px;padding:7px 18px;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .15s}.nav-signup-btn:hover{background-color:#c2703e;transform:translateY(-1px)}.wordmark{font-family:var(--heading);font-size:22px;font-weight:600;color:var(--accent);letter-spacing:-.3px;text-decoration:none}.wordmark--small{font-size:17px}main{flex:1}#hero{display:flex;align-items:center;gap:48px;padding:80px 48px;background:linear-gradient(135deg,#fdf6f0,#f4e4c1 60%,#edd9b8)}@media(max-width:1024px){#hero{flex-direction:column-reverse;padding:48px 24px;gap:32px;text-align:center}}#hero-content{flex:1;max-width:540px}@media(max-width:1024px){#hero-content{max-width:100%}}.subheading{font-size:19px;line-height:155%;color:var(--text);margin-bottom:36px}@media(max-width:1024px){.subheading{font-size:17px;margin-bottom:28px}}.cta-button{background-color:var(--accent)!important;color:#fff!important;font-size:17px!important;padding:14px 36px!important;height:auto!important;border-radius:100px!important;font-family:var(--sans);border:none!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;text-decoration:none!important;transition:background-color .2s,transform .15s!important}.cta-button:hover{background-color:#c2703e!important;transform:translateY(-1px)}#hero-illustration{flex-shrink:0;width:300px}#hero-illustration svg{width:100%;height:auto}@media(max-width:1024px){#hero-illustration{width:200px}}#benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border)}@media(max-width:768px){#benefits{grid-template-columns:1fr}}.benefit-card{padding:40px 36px;border-right:1px solid var(--border);text-align:left}.benefit-card:last-child{border-right:none}.benefit-card svg{color:var(--accent);margin-bottom:16px}.benefit-card h3{font-size:18px;font-family:var(--heading);font-weight:500;color:var(--text-h);margin:0 0 8px}.benefit-card p{font-size:15px;line-height:150%;color:var(--text)}@media(max-width:768px){.benefit-card{border-right:none;border-bottom:1px solid var(--border);padding:28px 24px}.benefit-card:last-child{border-bottom:none}}footer{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;border-top:1px solid var(--border);color:var(--text);font-size:14px}@media(max-width:1024px){footer{padding:20px 24px;flex-direction:column;gap:12px}}.footer-nav{display:flex;gap:24px}.footer-nav a{color:var(--text);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--text-h)}