@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a1320;--text:#f4f8fd;--muted:#b4c2d2;--accent:#a8ef69;--line:#293646}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}.brand{font:800 28px 'Manrope',sans-serif;letter-spacing:-1px}.brand span{margin-left:9px;color:var(--accent);font-weight:400}.navlink{font-size:14px}.hero{display:grid;grid-template-columns:1.4fr 0.8fr;gap:80px;align-items:center;padding-top:85px;padding-bottom:90px}.eyebrow{font-size:13px;letter-spacing:2.2px;font-weight:700;color:var(--accent)}h1,h2{font-family:'Manrope',Arial,sans-serif;line-height:1.12;letter-spacing:-1.5px}.hero h1{font-size:clamp(38px,4.7vw,62px);font-weight:800;margin:24px 0}em{font-style:normal;color:var(--accent)}.intro{font-size:18px;max-width:510px;color:var(--muted);margin:28px 0 32px}.button{display:inline-block;background:var(--accent);color:#14220d;border:1px solid var(--accent);border-radius:12px;padding:16px 24px;font-weight:700;transition:transform .15s,background .15s}.button:hover{background:#bcff82;transform:translateY(-2px)}.small{font-size:14px;color:var(--muted)}.sample{display:block;background:#153a40;border-radius:26px;overflow:hidden;border:1px solid #426064;box-shadow:0 24px 60px #0005;transform:rotate(3deg)}.sample-top{padding:30px}.badge{font-size:12px;letter-spacing:2px;border:1px solid #688482;padding:7px 12px;border-radius:30px}.monogram{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:#d4f5d7;color:#163e35;font:800 28px 'Manrope',sans-serif;margin:40px 0 30px}.sample h2{font-size:42px;margin:16px 0}.sample-top>p:last-child{color:#bcceca}.sample-bottom{background:#d4f5d7;color:#17372d;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.sample-bottom span{font-size:14px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111d2c}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-top:42px;padding-bottom:42px}.features span{color:var(--accent);font-size:12px;letter-spacing:1.5px}.features h2{font-size:22px;letter-spacing:-.5px;margin:18px 0 12px}.features p{color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:32px;font-size:14px;color:var(--muted)}.client-body{background:#e7efe9;color:#183b32;color-scheme:light;padding:36px 18px;min-height:100vh}.card{max-width:440px;margin:auto;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 16px 55px #10382b20}.card-top{background:#153f37;padding:32px;color:white}.card-top .eyebrow{color:#d4f5d7;font-size:12px}.card-top .monogram{margin:30px 0 24px}.card-top h1{font-size:44px;margin:0 0 16px}.legal{font-size:14px;color:#c5dfd4;margin:0}.card-content{padding:30px}.card-intro{font:700 28px/1.3 'Manrope',sans-serif;margin:0 0 26px;letter-spacing:-.6px}.full{display:block;width:100%;text-align:center;margin-bottom:12px}.secondary{background:#fff;color:#183b32;border-color:#ccd9d1}.secondary:hover{background:#eef6ee}.card-content .small{color:#52685e}.card-footer{border-top:1px solid #e1e9e3;text-align:center;padding:20px;font-size:13px}.card-footer p{margin:4px 0 0;color:#52685e;font-size:12px}@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:48px;padding-top:48px;padding-bottom:56px}.hero h1{font-size:42px}.sample{max-width:380px;transform:rotate(0);margin:auto;width:100%}.features{grid-template-columns:1fr;gap:30px}.footer{flex-direction:column}.navlink{max-width:125px;text-align:right}.brand{font-size:23px}.client-body{padding:20px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}