:root{font-family:Arial,Helvetica,sans-serif;color:#172c32;background:#f3f3ee;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:28px 6%;border-bottom:1px solid #d8ddd6}.wordmark{font-size:32px;font-weight:900;letter-spacing:2px;line-height:1;color:inherit;text-decoration:none}.wordmark span{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px}.tag,.eyebrow,.preview-label{font-size:11px;font-weight:700;letter-spacing:2px}.tag{border:1px solid #ccd3cb;padding:8px 12px;border-radius:20px}main{max-width:1180px;margin:64px auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:0 30px}.eyebrow{color:#536d5d}h1{font-size:54px;line-height:1.06;letter-spacing:-2px;margin:24px 0}h2{font-size:30px;line-height:1.2;margin:20px 0 6px}.intro>p{max-width:430px}.notice{padding:14px 18px;border-left:3px solid #869c50;background:#e7ecdf;font-size:13px;margin:25px 0}summary{cursor:pointer;font-weight:bold;padding:15px 0}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;font-weight:bold}input:not([type=checkbox]){width:100%;padding:10px;border:1px solid #bac4ba;border-radius:5px;margin-top:5px;font:inherit;background:#fff}.check{grid-column:1/-1;display:flex;align-items:center;gap:8px}button{cursor:pointer;background:#23483d;color:white;border:0;border-radius:6px;padding:14px 18px;font-size:14px;font-weight:bold}.secondary{color:#23483d;background:#dfe5d9}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #bb842b;outline-offset:3px}.preview{padding:20px 20px 40px;background:#e4e8df;border-radius:12px;align-self:start}.preview-label{text-align:center;color:#5a6b60;margin:0 0 24px}.card{max-width:390px;margin:auto;background:white;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #17332916}.card-banner{height:145px;background:#203c35;color:white;padding:28px;display:flex;align-items:flex-start;justify-content:space-between}.sample{font-size:8px;letter-spacing:1px;border:1px solid #789085;padding:4px}.card-body{padding:0 28px 28px}.avatar{width:76px;height:76px;border-radius:50%;background:#dfe6d1;border:5px solid white;display:grid;place-items:center;margin-top:-35px;position:relative;font-weight:bold;font-size:22px}.card-body>p{margin:5px 0;color:#56675f}.company{font-size:13px}#save{width:100%;margin:24px 0 10px}#contacts a,#linkedin{display:block;padding:15px 0;border-bottom:1px solid #e5e9e2;color:#244d40;text-decoration:none;overflow-wrap:anywhere}#contacts small{display:block;color:#718077;font-size:10px;text-transform:uppercase;letter-spacing:1px}.card-body .address{font-size:12px;margin-top:24px;color:#738078}.card footer{text-align:center;padding:17px;background:#f4f6f0;font-size:11px;color:#647265}.preview-note{font-size:12px;text-align:center;color:#5c6c62;margin:24px 0 0}#status{grid-column:1/-1;font-size:12px}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;gap:35px;margin:30px auto;padding:0 20px}h1{font-size:42px}.preview{grid-row:1}header{padding:20px}.tag{font-size:8px;letter-spacing:1px}form{grid-template-columns:1fr}.intro{max-width:500px;margin:auto}}
:root{color:#202230;background:#f5f6f8}header{background:white;border-color:#e6e8ec}header .wordmark{color:#20448c}header .tag{color:#20448c;border-color:#d8dfec}.eyebrow{color:#23478e}.intro h1{font-size:46px}.notice{background:#edf2fa;border-color:#24478e;color:#344663}button{background:#24478e}.secondary{background:#e8edf7;color:#24478e}.preview{padding:0;background:transparent}.preview-label{color:#69758a;margin-bottom:16px}.card{max-width:458px;border-radius:0 0 18px 18px;box-shadow:0 2px 9px #18213918}.card-banner{position:relative;display:block;padding:0;height:auto;aspect-ratio:458/390;overflow:hidden;background:white;color:inherit}.card-banner>img{display:block;width:100%;height:auto}.card-banner .sample{display:none}.card-body{padding:8px 24px 24px}.card-body h2{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 5px;padding-left:24px;color:#080a0e}.card-body #title{font-size:20px;color:#080a0e;margin:0;padding:0 0 4px 24px}.card-body .company{font-size:20px;font-style:italic;font-weight:300;margin:0 0 38px;padding:0 0 5px 24px;color:#080a0e}.card-body h2,.card-body #title,.card-body .company{border-left:1px dashed #29303a}.avatar{margin:0 0 12px 24px;border:0;background:#e7edf8;color:#24478e}.card-body #contacts{display:grid;gap:14px}#contacts .contact-row{display:flex;align-items:center;gap:13px;border:0;padding:0;color:#242632;font-size:17px;line-height:1.4;min-height:43px}#contacts .contact-row:hover .contact-copy{text-decoration:underline}#contacts .contact-icon{display:grid;place-items:center;border-radius:50%;width:43px;height:43px;flex:0 0 43px;background:#24478e;color:white}#contacts svg{width:25px;height:25px}.contact-copy{min-width:0;overflow-wrap:anywhere}#contacts small{font-size:14px;text-transform:none;letter-spacing:0;color:#575963;margin-top:1px}#save{margin:26px 0 0;order:2}.card-body{display:flex;flex-direction:column}.card-body .address,.card footer{display:none}.preview-note{max-width:458px;margin:18px auto;color:#737d90}@media(max-width:800px){main{max-width:540px}.intro h1{font-size:36px}.card-body{padding-left:20px;padding-right:20px}#contacts .contact-row{font-size:16px}.card-body h2{font-size:26px}.card-body #title,.card-body .company{font-size:19px}}@media(max-width:370px){main{padding:0 10px}.card-body{padding-left:16px;padding-right:16px}#contacts .contact-row{gap:10px;font-size:15px}.card-body h2,.card-body #title,.card-body .company{padding-left:16px}}

.hosted .preview{display:none}.hosted.card-ready .preview{display:block}.hosted.card-ready main{display:block;max-width:518px;margin:30px auto}.hosted .card-banner h2{padding:30px;color:#24478e}.hosted .preview-label:empty{display:none}