/* Copyright (c) 2026 Noykosana Maeai. All rights reserved. */
.landing-page .wrap{width:min(1240px,calc(100% - 64px))}
.landing-page .intro-surface{padding:0;border-bottom:1px solid #dfeaf6}
.home-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding-block:84px 90px}
.home-copy h1{font-size:clamp(32px,3.2vw,49px);line-height:1.4;letter-spacing:-1.2px;margin:18px 0 24px}
.home-description{font-size:17px;color:#526176;line-height:1.9;max-width:500px}
.home-copy .actions{justify-content:flex-start;margin-top:28px}
.home-note{font-size:12px;color:#5b6780;margin-top:16px}
.home-preview{min-width:0;background:#fff;padding:8px;border:1px solid #e6eef8;border-radius:18px;box-shadow:0 24px 65px #3a568e24;transform:rotate(-1deg)}
.home-preview-heading{display:flex;justify-content:space-between;padding:9px 10px 14px;font-size:11px;color:#64748b}.home-preview-heading span:first-child{font-weight:800;letter-spacing:1px;color:#5745c4}
.home-preview img{border-radius:9px;border:1px solid #e2eaf3}.home-preview figcaption{text-align:center;font-size:11px;color:#6a7281;padding:10px 4px 4px}
.home-section{padding-block:78px}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.home-section-heading>p{color:#64748b;max-width:340px;font-size:15px}
.landing-page h2{font-size:clamp(26px,2.6vw,36px);line-height:1.5;letter-spacing:-.6px;margin:12px 0 16px}.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-card{border:1px solid #e0e8f2;border-radius:18px;overflow:hidden;background:#fff}.home-card>img{aspect-ratio:1.7;object-fit:cover;background:#eaf2fc}.home-card>div{padding:24px}.home-card h3{margin:0 0 10px;font-size:22px}.home-card p{color:#5f6c80;font-size:15px}
.home-workflow{background:#f6f8fc;padding-block:66px}.home-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;padding:0;margin:36px 0}.home-steps span{font:700 14px system-ui,sans-serif;color:#6955d5}.home-steps h3{font-size:19px;margin:12px 0}.home-steps p{color:#5f6c80;font-size:15px}.home-text-link{display:inline-block;font-weight:650;font-size:14px;color:#5944c9;text-underline-offset:5px}.home-text-link:hover{text-decoration:underline}
.home-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.home-faq>div>p{color:#64748b;max-width:320px}.home-faq details{border-bottom:1px solid #dfe6f0;padding:20px 0}.home-faq summary{cursor:pointer;font-weight:650;font-size:17px}.home-faq details p{color:#5b687a;margin-top:12px;font-size:15px}
.home-final{border:1px solid #e4defb;background:#f3f0ff;border-radius:24px;padding:46px 24px;text-align:center}.home-final .home-text-link{display:block;width:fit-content;margin:18px auto 0}
.home-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-block:44px 32px;margin-top:34px;font-size:12px;color:#64748b}.home-footer nav{display:flex;gap:24px;flex-wrap:wrap}.home-footer p{width:100%;border-top:1px solid #e7eaf1;padding-top:22px}
@media(max-width:1000px){.home-hero{grid-template-columns:1fr;gap:38px;padding-block:52px}.home-copy{text-align:center}.home-description{margin-inline:auto;max-width:650px}.home-copy .actions{justify-content:center}.home-preview{max-width:800px;margin-inline:auto;transform:none}.home-section-heading{align-items:start;flex-direction:column;gap:0}.home-section-heading>p{max-width:none}.home-faq{gap:35px}}
@media(max-width:640px){.landing-page .wrap{width:calc(100% - 32px)}.home-hero{padding-block:36px 40px}.home-copy h1{font-size:32px;letter-spacing:-.6px}.home-description{font-size:15px}.home-copy .button{width:100%}.home-preview-heading{font-size:10px}.home-section{padding-block:46px}.home-cards,.home-steps,.home-faq{grid-template-columns:1fr}.home-cards{gap:18px}.home-card>div{padding:20px}.home-steps{gap:24px}.home-workflow{padding-block:40px}.home-faq{gap:8px}.home-final{padding:32px 18px}.home-footer{gap:18px}.home-footer nav{gap:14px}.home-footer .brand{width:100%}}