.cp-hero{background:#f5f6f0;padding:60px 0 54px}.cp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.cp-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#5f7d42;display:flex;align-items:center;gap:12px;margin:0 0 22px}.cp-eyebrow>span{width:24px;height:2px;background:#75954f}.cp-hero h1{font-size:clamp(49px,5.2vw,76px);line-height:1.05;letter-spacing:-3px;margin:0 0 28px}.cp-hero h1 em{font-style:normal;color:#668b3b}.cp-description{font-size:17px;color:#73806f;line-height:1.9;max-width:450px;margin-bottom:30px}.cp-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.cp-start{background:#142e50;color:white;border-radius:0;gap:35px;padding:17px 23px;font-size:14px}.cp-quote-link{font-size:13px;color:var(--navy);font-weight:700;display:flex;gap:15px}.cp-hero-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:36px;color:#7b8772;font-size:10px}.cp-hero-facts span+span{border-left:1px solid #ccd6c1;padding-left:18px}.cp-hero-visual{position:relative;background:#e0e9d2;min-height:475px;overflow:hidden;border-radius:48% 48% 5px 5px;padding:25px}.cp-visual-top{display:flex;justify-content:space-between;font-size:8px;color:#6d8058;letter-spacing:1px;margin-top:35px;position:relative;z-index:1}.cp-visual-orbit{position:absolute;top:105px;left:15%;right:15%;aspect-ratio:1;border:1px solid #bfcfb0;border-radius:50%;box-shadow:0 0 0 35px #dce6cd,0 0 0 36px #cbd9bc}.cp-hero-visual canvas{width:100%;height:370px;object-fit:contain;position:relative;z-index:1;pointer-events:none;display:block;margin:0 auto;transform:rotate(9deg)}.cp-visual-caption{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#5f7750;font-size:8px;letter-spacing:1.1px;line-height:1.8}.cp-visual-caption strong{font-size:12px;letter-spacing:0;color:#334f2d}.cp-round-arrow{width:38px;height:38px;border:1px solid #adc296;border-radius:50%;display:grid;place-items:center;font-size:22px}.cp-visual-label{position:absolute;right:21px;top:115px;transform:rotate(90deg);font-size:8px;letter-spacing:2px;color:#7d9367;line-height:1.7}.cp-process{border-bottom:1px solid #e4e8df;background:#fff}.cp-process>.container{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;gap:35px}.cp-process article{display:flex;align-items:center;gap:20px}.cp-process article>span{font-size:30px;font-family:var(--heading);color:#bbcba9;font-weight:500}.cp-process h3{font-size:14px;margin:0 0 5px}.cp-process p{font-size:12px;color:#859080;margin:0}.cp-studio-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:75px;padding-bottom:30px}.cp-studio-heading h2{font-size:40px;letter-spacing:-1.5px;margin:0}.cp-studio-heading .cp-eyebrow{margin-bottom:13px}.cp-studio-heading>p{color:#87927e;font-size:12px;line-height:1.8;margin:0}.cp-designer .studio{border-radius:8px;box-shadow:0 10px 40px #17304a05;border-color:#dfe6d9}.cp-designer .preview{background:radial-gradient(ellipse at 50% 40%,#e3ecd5,#f0f4eb 65%)}.cp-designer .step b{border-radius:4px}.cp-designer .sizes button,.cp-designer .upload{border-radius:5px}.cp-designer .below{padding-top:65px}.cp-designer .quote-section{border-radius:8px}.cp-designer .terms-info{padding-bottom:50px}.cp-designer .draft-label{font-size:11px}.cp-designer #design-studio{scroll-margin-top:200px}.cp-designer #custom-quote{scroll-margin-top:200px}
@media(max-width:1000px){.cp-hero-grid{gap:30px}.cp-hero h1{font-size:52px;letter-spacing:-2px}.cp-hero-visual{min-height:400px}.cp-hero-visual canvas{height:290px}.cp-hero-facts{gap:12px}.cp-hero-facts span+span{padding-left:12px}.cp-visual-top{font-size:7px}.cp-process>.container{gap:18px}.cp-process article{gap:12px}.cp-process p{font-size:10px}.cp-process h3{font-size:12px}}
@media(max-width:700px){.cp-hero{padding:35px 0}.cp-hero-grid{grid-template-columns:1fr;gap:35px}.cp-hero h1{font-size:55px}.cp-description{font-size:15px;max-width:none}.cp-hero-facts{margin-top:25px;font-size:9px}.cp-hero-visual{min-height:390px;border-radius:43% 43% 5px 5px}.cp-hero-visual canvas{height:290px}.cp-visual-top{margin-top:25px}.cp-process>.container{grid-template-columns:1fr;gap:22px;padding:28px 0}.cp-process article{gap:20px}.cp-process h3{font-size:15px}.cp-process p{font-size:12px}.cp-process article>span{font-size:28px}.cp-studio-heading{display:block;padding-top:45px;padding-bottom:22px}.cp-studio-heading h2{font-size:32px}.cp-studio-heading>p{margin-top:18px}.cp-designer.container{width:calc(100% - 32px)}.cp-actions{gap:20px}.cp-start{gap:20px}.cp-designer .studio{grid-template-columns:1fr}.cp-designer .quote-section{margin-top:35px}}