@font-face{font-family:Manrope;src:url(../../demos/certificates/assets/manrope-regular.ttf) format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Manrope;src:url(../../demos/certificates/assets/manrope-bold.ttf) format('truetype');font-display:swap;font-weight:700}
:root{font-family:Manrope,Arial,sans-serif;background:#f3f1e9;color:#283026;--line:#cfd2c5;--rust:#9c4c31;--muted:#606859}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.wrap{max-width:1440px;margin:auto;padding-inline:52px}.skip{position:absolute;left:10px;top:-100px;z-index:4;background:#fff;padding:14px}.skip:focus{top:10px}.top{display:flex;justify-content:space-between;align-items:center;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.6px}.brand small{font-size:9px;letter-spacing:1.6px;margin-left:3px}.brand-symbol{background:#3047ff;color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:25px}.back{font-size:12px}.hero{display:grid;grid-template-columns:1fr 335px;gap:60px;padding:65px 0 42px;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--rust);margin:0 0 24px}h1{font:400 clamp(55px,6.9vw,100px)/.96 Georgia,serif;letter-spacing:-3.5px;margin:0}h1 em{font-style:normal;color:#78866b}.lead{font-size:21px;line-height:1.55;margin:28px 0 18px}.audience{max-width:520px;color:var(--muted);font-size:13px;line-height:1.8}.purchase{border-top:2px solid #384b35;padding:24px 0 0}.purchase .eyebrow{margin-bottom:12px;font-size:9px}.price{font-size:62px!important;letter-spacing:-3px;line-height:1;margin:18px 0!important}.price span{font-size:32px;letter-spacing:0}.purchase p{font-size:13px;line-height:1.7}.button{display:flex;align-items:center;justify-content:space-between;text-decoration:none;border:1px solid #384b35;background:#384b35;color:#fff;font:700 13px Manrope,Arial,sans-serif;padding:18px 20px;width:100%;cursor:pointer;gap:20px}.button:hover{background:#253721}.button:disabled{opacity:.45;cursor:not-allowed}.demo-link{display:block;font-size:12px;margin:18px 0}.fine{font-size:11px!important;line-height:1.7;color:var(--muted);font-weight:400}.showcase{margin:0;background:#e9e8df}.showcase img{display:block;width:100%;height:auto}.showcase figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;font-size:9px;line-height:1.7;letter-spacing:.6px;background:#e9e8df}.formats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:40px 0 58px;border-bottom:1px solid var(--line)}.formats span{color:var(--rust);font-size:9px;letter-spacing:1.5px}.formats strong{display:block;font-size:25px;font-weight:400;margin-top:14px}.formats strong small{font-size:13px;white-space:nowrap}.formats p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px}h2{font:400 clamp(34px,3.6vw,50px)/1.08 Georgia,serif;letter-spacing:-1.3px;margin:0 0 24px}.contents{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:66px 0;border-bottom:1px solid var(--line)}.contents p,.request p{font-size:13px;line-height:1.8;max-width:450px}.inventory p{display:flex;gap:27px;align-items:start;margin:0!important;padding:20px 0;border-top:1px solid var(--line);font-size:16px!important;max-width:none}.inventory b{font-size:10px;line-height:28px;color:var(--rust)}.inventory small{font-size:11px;color:var(--muted)}.boundaries{padding:65px 0;max-width:950px}.boundaries h2{margin-bottom:30px}.boundaries details{padding:20px 0;border-bottom:1px solid var(--line)}.boundaries summary{font-size:16px;cursor:pointer;line-height:1.5}.boundaries details p{font-size:13px;line-height:1.9;color:var(--muted);max-width:780px}.request{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:60px 0 65px;border-top:1px solid var(--line);scroll-margin-top:25px}.email{display:inline-block;font-size:18px;margin:12px 0 16px}label{display:block;font-size:12px;font-weight:700;margin:0 0 9px}input:not([type=checkbox]),textarea{width:100%;border:0;border-bottom:1px solid #9ca98f;background:transparent;font:400 15px Manrope,Arial,sans-serif;color:#283026;padding:12px 0;margin-bottom:24px;border-radius:0}textarea{resize:vertical;line-height:1.8}.consent{display:flex;gap:12px;align-items:flex-start;font-size:11px;line-height:1.8;font-weight:400}.consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#384b35}#lead-status{font-size:13px;min-height:24px}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:28px;font-size:10px;color:var(--muted)}footer p{max-width:450px;line-height:1.7}
@media(max-width:950px){.wrap{padding-inline:28px}.hero{gap:35px;grid-template-columns:1fr 290px}h1{font-size:64px;letter-spacing:-2.5px}.contents,.request{gap:40px}.formats{gap:20px}.formats strong{font-size:21px}.formats strong small{display:block;margin-top:5px}.price{font-size:56px!important}}
@media(max-width:680px){.wrap{padding-inline:20px}.top{padding-block:19px}.back{font-size:10px}.hero{grid-template-columns:1fr;padding-top:38px;gap:26px}h1{font-size:clamp(47px,11.5vw,72px);letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.1px}.lead{font-size:18px;margin-top:24px}.purchase{padding-top:20px}.purchase .fine{max-width:340px}.price{font-size:56px!important}.showcase{margin-inline:-20px}.showcase figcaption{display:block;padding-inline:20px;font-size:8px}.showcase figcaption span{display:block;margin:5px 0}.formats{grid-template-columns:1fr;gap:22px;padding:30px 0 36px}.formats>div{display:grid;grid-template-columns:1fr 1.2fr;gap:0 12px}.formats span{grid-column:1}.formats strong{grid-column:1;grid-row:2}.formats p{grid-column:2;grid-row:1/3;margin:0;font-size:11px}.contents,.request{grid-template-columns:1fr;gap:25px;padding-block:40px}.boundaries{padding-block:40px}.boundaries summary{font-size:14px}.contents p,.request p{font-size:12px}.inventory p{font-size:15px!important}h2{font-size:36px}footer{flex-wrap:wrap;gap:12px}footer p{margin:0;order:3;width:100%}.request .button{min-height:50px}}
