.landing{max-width:1440px;margin:auto}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 6%;border-bottom:1px solid var(--line)}.landing-header nav{display:flex;align-items:center;gap:28px;font-size:.875rem;color:var(--muted)}.landing-header .brand strong{font-size:1.05rem;letter-spacing:-.035em}.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;padding:85px 6% 95px}.landing-copy h1{font-size:clamp(2.8rem,4.5vw,4.2rem);line-height:1.08;letter-spacing:-.05em;margin-bottom:26px}.landing-copy h1 em{font-style:normal;color:var(--brand)}.landing-copy>p{font-size:1.06rem;color:var(--muted);line-height:1.8}.landing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:30px 0 20px}.landing-actions .btn{padding:14px 22px;min-height:50px}.landing-copy .landing-caption{font-size:.8125rem}.landing-preview{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px #27207014;transform:rotate(1.5deg);overflow:hidden}.preview-browser{display:flex;gap:6px;align-items:center;background:var(--paper);padding:15px;border-bottom:1px solid var(--line)}.preview-browser>span{width:8px;height:8px;border-radius:50%;background:var(--line)}.preview-browser small{font-size:.75rem;color:var(--muted);margin-left:auto}.preview-demo{padding:28px}.preview-demo-header{display:flex;gap:12px;align-items:center;margin-bottom:30px}.preview-demo-header small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.preview-demo h2{font-size:1.7rem;margin-bottom:10px}.preview-demo>p{font-size:.875rem;color:var(--muted)}.demo-types{display:flex;gap:9px;margin:22px 0;font-size:.75rem;color:var(--muted)}.demo-types span{padding:7px 12px;border:1px solid var(--line);border-radius:20px}.demo-types span:first-child{color:var(--surface);background:var(--brand);border-color:var(--brand)}.demo-document{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:10px}.demo-document:first-of-type{border-color:var(--brand)}.demo-document>div{flex:1}.demo-document strong{font-size:.875rem}.demo-document small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.demo-document>svg{color:var(--brand)}.demo-qr{display:flex;align-items:center;gap:18px;background:var(--brand-soft);border-radius:12px;padding:18px;margin-top:25px}.qr-illustration{display:grid;place-items:center;width:76px;height:76px;background:#fff;color:#141a33;border-radius:10px;flex-shrink:0}.demo-qr strong{font-size:.875rem}.demo-qr p{font-size:.8125rem;margin:4px 0;color:var(--muted)}.demo-qr small{font-size:.75rem;color:var(--muted)}.landing-section{padding:70px 6%}.section-intro{max-width:650px;margin-bottom:36px}.section-intro h2{font-size:clamp(1.8rem,3vw,2.6rem)}.section-intro>p{color:var(--muted)}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.step-top{display:flex;align-items:center;justify-content:space-between;color:var(--brand);border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}.step-top span{font-size:2rem;font-weight:700}.landing-steps h3{font-size:1.15rem}.landing-steps p{color:var(--muted);font-size:.9375rem;line-height:1.8;overflow-wrap:anywhere}.landing-audiences{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:50px 6% 80px}.landing-audiences article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:38px}.landing-audiences article:last-child{background:var(--brand-soft)}.landing-audiences h2{font-size:2rem}.landing-audiences p,.landing-audiences li{font-size:.9375rem;color:var(--muted);line-height:1.8}.landing-audiences ul{padding-left:20px;margin:24px 0 30px}.landing-audiences li{margin:10px 0}.developer-band{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;padding:50px;margin:0 6% 30px;background:var(--brand-soft);border:1px solid var(--line);border-radius:16px}.developer-band h2{font-size:2rem}.developer-band p{color:var(--muted);line-height:1.8;font-size:.9375rem}.developer-code{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:25px;align-self:center;overflow:hidden}.developer-code>span{display:block;font: .875rem Consolas,monospace;color:var(--brand);padding-bottom:18px;border-bottom:1px solid var(--line)}.developer-code pre{font:.8125rem/1.9 Consolas,monospace;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-weight:600;line-height:1.6;padding-right:10px}.faq-list p{color:var(--muted);font-size:.9375rem;line-height:1.8;margin:18px 0 0}.landing-final{text-align:center;padding:80px 20px 100px}.landing-final h2{font-size:clamp(2rem,4vw,3rem)}.landing-final p{color:var(--muted);margin-bottom:28px}.landing-footer{padding:40px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:15px}.landing-footer p{color:var(--muted);font-size:.875rem}.landing-footer>div{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:.8125rem}.landing-footer small{font-size:.75rem;color:var(--muted);grid-column:1/-1}
@media(max-width:1000px){.landing-hero{gap:30px;padding-top:60px}.landing-copy h1{font-size:3rem}.landing-preview{transform:none}.preview-demo{padding:20px}.landing-header nav>a{display:none}.landing-steps{gap:22px}.developer-band{gap:25px;padding:32px}.landing-audiences article{padding:28px}.faq-section{gap:35px}}
@media(max-width:700px){.landing-header{padding:18px 16px;gap:16px}.landing-header .brand strong{font-size:.875rem}.landing-header nav{gap:0}.landing-header .btn{padding:9px 12px}.landing-hero{grid-template-columns:1fr;padding:45px 20px 35px;gap:38px}.landing-copy h1{font-size:2.85rem}.landing-copy .eyebrow{font-size:.75rem;line-height:1.7}.landing-copy>p{font-size:1rem}.landing-actions{align-items:stretch}.landing-actions .btn{padding:13px 12px}.preview-demo-header{margin-bottom:24px}.demo-qr{gap:12px;padding:14px}.qr-illustration{width:62px;height:62px}.qr-illustration svg{width:46px}.landing-section{padding:45px 20px}.landing-steps,.landing-audiences,.developer-band,.faq-section{grid-template-columns:1fr}.landing-steps{gap:26px}.step-top{padding-bottom:15px;margin-bottom:18px}.landing-audiences{padding:25px 20px 45px;gap:18px}.landing-audiences article{padding:26px}.landing-audiences h2{font-size:1.8rem}.developer-band{margin:0 20px;padding:26px;gap:24px}.developer-band h2{font-size:1.8rem}.developer-code{padding:17px}.faq-section{gap:0}.landing-final{padding:50px 20px}.landing-footer{display:flex;flex-direction:column;padding:30px 20px}.landing-footer>div{flex-wrap:wrap;justify-content:flex-start;gap:18px}.landing-footer .brand{margin-bottom:5px}}
