
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#101114;--muted:#666b73;--line:#e9e9e6;--paper:#fafaf7;--white:#fff;--lime:#c7ff42;--violet:#6d5dfc;--shadow:0 20px 60px rgba(16,17,20,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.05;margin:0}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(250,250,247,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{font:800 20px Manrope}.brand span{display:inline-block;width:10px;height:10px;background:var(--lime);border-radius:50%;margin-left:5px}.links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:12px 19px;font-weight:700;font-size:14px;cursor:pointer}.btn.dark{background:var(--ink);color:#fff}.btn.lime{background:var(--lime);border-color:var(--lime)}.hero{padding:92px 0 75px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#71747a;margin-bottom:20px}.hero h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.06em;max-width:980px}.hero h1 em{font-style:normal;color:#6d5dfc}.hero p{max-width:680px;color:var(--muted);font-size:18px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px;border:1px solid var(--line)}.stat{background:var(--paper);padding:28px}.stat strong{font:800 34px Manrope;display:block}.section{padding:95px 0}.section.alt{background:#111214;color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em}.section-head p{max-width:440px;color:#777}.alt .section-head p{color:#a4a5a9}.tool{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.alt .card{background:#18191d;border-color:#2a2b30;box-shadow:none}.label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}textarea,input,select{width:100%;font:inherit;border:1px solid #ddd;border-radius:14px;padding:14px;background:#fff;outline:none}textarea{min-height:160px;resize:vertical}.field{margin-bottom:18px}.small{font-size:12px;color:var(--muted)}.preview{min-height:420px;border-radius:22px;background:linear-gradient(135deg,#f3f3ee,#fff);display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;overflow:hidden}.preview .mark{font:800 56px Manrope;letter-spacing:-.06em}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.portfolio{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-card{aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;transition:.2s}.logo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.logo-card div{font:800 20px Manrope;letter-spacing:-.04em}.logo-card:nth-child(3n){background:#101114;color:#fff}.logo-card:nth-child(4n){background:#c7ff42}.logo-card:nth-child(5n){background:#6d5dfc;color:#fff}.process,.pricing,.faq{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step,.price,.faq article{border-top:1px solid currentColor;padding-top:20px}.step b{font-size:12px;opacity:.6}.step h3,.price h3{margin:12px 0;font-size:25px}.price{border:1px solid var(--line);border-radius:22px;padding:28px}.price.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.price strong{font:800 42px Manrope}.price ul{padding-left:18px;color:var(--muted)}.price.featured ul{color:#bbb}.faq{grid-template-columns:1fr 1fr}.faq article{border-color:var(--line)}footer{padding:50px 0;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:30px}.mobile{display:none}@media(max-width:800px){.links{display:none}.mobile{display:block}.tool,.stats,.process,.pricing,.faq{grid-template-columns:1fr}.portfolio{grid-template-columns:repeat(2,1fr)}.hero{padding-top:60px}.section-head{display:block}.section-head p{margin-top:18px}.footer-grid{display:block}}
