:root{background:#fdf5e6;color:#2f4f4f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}main{background:#fdf5e6;min-height:100vh}.site-header{align-items:center;display:grid;gap:18px;grid-template-columns:1fr auto auto;margin:0 auto;max-width:1180px;padding:18px 24px 8px}.brand,.login-link,.primary-action,.secondary-action{align-items:center;display:inline-flex}.brand{gap:10px;font-weight:900;letter-spacing:.08em}.brand img{border:3px solid #2f4f4f;border-radius:50%;height:42px;width:42px}.site-nav{align-items:center;display:flex;gap:22px;font-size:15px;font-weight:700}.site-nav a{color:#3f6262}.login-link{background:#fff9ec;border:3px solid #2f4f4f;border-radius:8px;color:#2f4f4f;gap:8px;font-weight:900;min-height:44px;padding:9px 14px}.hero{align-items:center;display:grid;gap:32px;grid-template-columns:minmax(0,.84fr) minmax(360px,1.16fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 76px);padding:24px 24px 58px}.hero-copy{display:grid;gap:22px}.eyebrow{color:teal;font-size:14px;font-weight:900;letter-spacing:.08em;margin:0;text-transform:uppercase}.hero h1{color:#2f4f4f;font-size:clamp(42px,6vw,72px);letter-spacing:0;line-height:1.02;margin:0;max-width:680px}.hero-lead{color:#3f6262;font-size:20px;line-height:1.55;margin:0;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.primary-action,.secondary-action{border:3px solid #2f4f4f;border-radius:8px;font-weight:900;justify-content:center;min-height:50px;padding:12px 18px}.primary-action{background:#cd5c5c;color:#fff9ec;gap:10px;text-transform:uppercase}.secondary-action{background:#fff9ec;color:#2f4f4f}.hero-art{align-items:center;display:flex;justify-content:center;min-height:420px}.hero-art img{display:block;height:auto;max-height:min(70vh,640px);max-width:100%;object-fit:contain}.workflow{display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1180px;padding:0 24px 72px}.feature{background:#fff9ec;border:3px solid #2f4f4f;display:grid;gap:12px;min-height:220px;padding:22px}.feature+.feature{border-left:0}.feature:first-child{border-radius:8px 0 0 8px}.feature:last-child{border-radius:0 8px 8px 0}.feature-icon{align-items:center;background:teal;border:3px solid #2f4f4f;border-radius:8px;color:#fff9ec;display:inline-flex;height:46px;justify-content:center;width:46px}.feature h2,.feature p,.product-section h2,.product-section p,.faq h2,.faq h3,.faq p{margin:0}.feature h2{color:#2f4f4f;font-size:22px}.feature p,.product-section p,.faq p{color:#4d6868;line-height:1.55}.product-section,.faq{margin:0 auto;max-width:1180px;padding:0 24px 76px}.product-section{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.product-section h2,.faq h2{color:#2f4f4f;font-size:clamp(30px,4vw,48px);letter-spacing:0;line-height:1.08}.product-section p{font-size:19px}.faq-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.faq article{background:#fff9ec;border:3px solid #2f4f4f;border-radius:8px;display:grid;gap:10px;padding:20px}.faq h3{color:#2f4f4f;font-size:20px}@media(max-width:960px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1 / -1;grid-row:2;justify-content:space-between}.hero,.product-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:48px}.hero-art{min-height:auto;order:-1}.hero-art img{max-height:460px}.workflow,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature+.feature{border-left:3px solid #2f4f4f}.feature,.feature:first-child,.feature:last-child{border-radius:8px}}@media(max-width:620px){.site-header,.hero,.workflow,.product-section,.faq{padding-left:16px;padding-right:16px}.site-nav{display:none}.brand span{font-size:14px}.login-link span{display:none}.hero{gap:24px;padding-bottom:46px}.hero h1{font-size:40px}.hero-lead{font-size:17px}.hero-actions,.primary-action,.secondary-action{width:100%}.workflow,.faq-grid{grid-template-columns:1fr}}