:root{--ink:#192e4a;--green:#194c78;--sage:#eef3f8;--cream:#f7f3eb;--line:#e0ded8;--muted:#5e6876;--gold:#ba914a;--navy:#122c4c}body{background:#fffdf8}h1,h2,h3{letter-spacing:-.035em}header{max-width:1320px;padding:25px 36px}.brand span{color:var(--gold)}.brand small{color:var(--muted)}nav{gap:22px}nav a{font-size:13px}button,.button{border-radius:28px;gap:15px;padding:15px 23px;background:linear-gradient(110deg,#244e76,#153b64);border-color:#1c456d}button:hover,.button:hover{background:#102e51}.secondary{background:transparent;color:var(--ink);border-color:#c9cdd2}.gold{background:#c29b58;border-color:#c29b58;color:#172b44}.gold:hover{background:#b98a3b;color:#172b44}.text-button{background:none;border-radius:0}.eyebrow{color:#8b652a;letter-spacing:2px}.duo-hero{max-width:1280px;grid-template-columns:1fr 1fr;gap:48px;padding:76px 36px 90px;min-height:630px}.duo-hero h1{font-weight:700;font-size:clamp(43px,4.6vw,65px);line-height:1.08}.duo-hero h1 em{font-style:normal;font-family:Georgia,serif;color:#9a773f}.duo-hero .lead{font-size:18px;max-width:510px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.hero-tags span{font-size:11px;border:1px solid #ddceb1;border-radius:20px;padding:5px 11px;color:#665337}.document-stage{position:relative;min-height:465px;border-radius:40px;background:radial-gradient(ellipse at 55% 55%,#e6dbc3,transparent 70%)}.document-stage img{position:absolute;width:54%;border:1px solid #e0d8ca;box-shadow:0 20px 38px #192e4a2b;border-radius:3px}.stage-ats{left:5%;top:34px;transform:rotate(-9deg)}.stage-design{right:4%;top:0;transform:rotate(7deg)}.stage-caption{position:absolute;bottom:0;left:7%;right:3%;background:var(--navy);color:white;border-radius:30px;padding:14px 20px;font-size:12px;box-shadow:0 10px 25px #192e4a15}.gold-dot{display:inline-block;width:8px;height:8px;background:#d2ad6b;border-radius:50%;margin-right:9px}.trust-bar{background:var(--navy);color:white;border-radius:10px;max-width:1208px}.trust-bar span{color:#d3dce7}.trust-bar strong{font-size:15px}.samples{text-align:center;padding-top:88px}.section-intro{max-width:650px;margin:0 auto 28px;color:var(--muted)}.section-intro,.sample-slide p{font-size:15px}.sample-viewer{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:24px;max-width:960px;margin:34px auto 8px}.sample-viewer>button{padding:0;width:46px;height:46px;border-radius:50%}.sample-slide{display:grid;grid-template-columns:310px 1fr;align-items:center;gap:64px;text-align:left}.sample-slide>img{width:100%;max-height:450px;object-fit:contain;box-shadow:0 12px 35px #192e4a19;border:1px solid #eee5d7}.sample-slide h3{font-size:29px}.sample-status{font-size:12px;color:var(--muted);margin:18px}.number{font:600 15px Arial;background:var(--navy);color:white;border-radius:50%;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center}.card{border-color:#e0d8ca;box-shadow:0 8px 26px #142d4610;background:#fffefa}.card.featured{background:#f0f5fa;border:1px solid #b2c6d8}.packages{max-width:1060px;text-align:center}.packages .card{text-align:left;padding:32px}.packages ul{list-style:none;padding:0;min-height:205px}.packages li{padding:6px 0 6px 24px;position:relative;font-size:14px}.packages li:before{content:'✓';position:absolute;left:0;color:#967132}.packages .button{width:100%}.price{font-size:44px;font-weight:700;line-height:1.2;margin:25px 0}.price span{font-size:24px}.closing{background:linear-gradient(120deg,#122b49,#245984);color:white;border-radius:18px;display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:40px}.closing .eyebrow{color:#e1bb76}.closing h2{margin-bottom:0}footer{background:var(--navy);color:#d0d9e4;max-width:none;padding:42px max(24px,calc((100% - 1136px)/2));margin-top:40px}footer a,footer .brand{color:white}footer a:hover{color:#dfbc7e}footer .text-button{color:white}.message-block textarea{font-size:14px;min-height:130px}.payment-badge{display:inline-block;padding:5px 12px;border-radius:20px;background:#e8eff7}.operator-tools{margin:35px 0}.operator-tools details{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f7f3eb}.notice{background:#edf3f9}input:focus,textarea:focus,select:focus{outline-color:#abc5e0}:focus-visible{outline-color:#b58d47}.file-list a,pre,.access-code{overflow-wrap:anywhere}h1.compact{overflow-wrap:anywhere}.mobile-menu{display:none}
@media(max-width:1000px){nav{gap:12px}.duo-hero{gap:25px}.document-stage{min-height:390px}.sample-slide{gap:30px;grid-template-columns:260px 1fr}}
@media(max-width:800px){header{padding:20px 22px;flex-wrap:wrap}.mobile-menu{display:inline-flex;padding:9px 15px;font-size:13px}header nav{display:none;width:100%;flex-wrap:wrap;gap:18px;padding-top:15px}header nav.open{display:flex}header nav a:nth-child(1),header nav a:nth-child(2){display:block}.duo-hero{grid-template-columns:1fr;padding:35px 24px 45px;gap:38px}.duo-hero h1{font-size:48px}.document-stage{min-height:450px;max-width:470px;width:100%;margin:auto}.trust-bar{border-radius:0;padding:26px 24px}.sample-viewer{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px}.sample-viewer>button{width:32px;height:32px}.sample-slide{grid-template-columns:1fr;gap:25px;text-align:center}.sample-slide>img{max-width:280px;margin:auto;max-height:none}.sample-slide h3{font-size:25px}.samples{padding:45px 16px}.packages .card{padding:24px}.packages ul{min-height:0}.packages .grid{gap:24px}.closing{border-radius:0;display:block}.closing .button{margin-top:25px}.wording-row{overflow-wrap:anywhere}.hero-tags{gap:6px}}
@media(max-width:430px){.document-stage{min-height:350px}.stage-caption{font-size:10px;padding:12px;left:2%;right:0}.duo-hero h1{font-size:43px}.hero-tags span{font-size:10px}.sample-slide>img{max-width:235px}}

.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}

/* RC3: keep navigation and layout; give the two real document previews space. */
.document-stage{min-height:510px;background:radial-gradient(ellipse at 55% 48%,#e8dcc1 0%,#f7f1e6 45%,transparent 72%)}
.document-stage img{height:auto}.stage-design{width:59%!important;right:0;top:4px;transform:rotate(5deg);z-index:2}.stage-ats{width:55%!important;left:0;top:52px;transform:rotate(-8deg)}
.stage-caption{bottom:0;z-index:3;color:var(--ink);background:#fffdf8ef;border:1px solid #e5d5b6;border-radius:24px;padding:10px 16px}
@media(max-width:700px){.document-stage{min-height:435px;max-width:430px;width:100%;margin:0 auto}.stage-caption{font-size:11px}.stage-design{right:2%;width:59%!important}.stage-ats{left:3%;width:55%!important}}
@media(max-width:420px){.document-stage{min-height:350px}}

/* RC4: public sample browser only; final style selection remains with the operator. */
#samples .sample-coverflow{max-width:min(760px,calc(148vh - 207.2px));max-width:min(760px,calc(148svh - 207.2px));margin:12px auto 0}
#samples .sample-stage{position:relative;width:100%;aspect-ratio:1.48;touch-action:pan-y}
#samples .sample-sheet{position:absolute;left:28%;top:3%;width:44%;padding:0;border:1px solid #e0d8ca;border-radius:3px;background:#fff;box-shadow:0 16px 35px #192e4a24;display:block;overflow:hidden;transform-origin:center;transition:transform .35s ease,opacity .35s ease}
#samples .sample-sheet img{display:block;width:100%;height:auto;pointer-events:none}
#samples .sample-sheet[data-position=center]{z-index:3;opacity:1;transform:translateX(0) scale(1)}
#samples .sample-sheet[data-position=left]{z-index:1;opacity:.43;transform:translateX(-63%) scale(.82) rotate(-5deg)}
#samples .sample-sheet[data-position=right]{z-index:1;opacity:.43;transform:translateX(63%) scale(.82) rotate(5deg)}
#samples .sample-sheet[data-position=hidden]{visibility:hidden;opacity:0;pointer-events:none}
#samples .sample-name{font-size:clamp(16px,3vw,26px);line-height:1.2;margin:4px 0 8px}
#samples .sample-controls{display:flex;gap:18px;align-items:center;max-width:480px;margin:auto}
#samples .sample-controls button{flex:0 0 44px;height:44px;width:44px;border-radius:50%;padding:0;font-size:22px;background:#fffdf8;color:var(--ink);border-color:#d4c6af}
#samples .sample-range{flex:1;width:100%;min-width:0;accent-color:#b48d49;height:32px;padding:0;border:0;background:transparent;margin:0}
@media(max-width:460px){#samples .sample-stage{aspect-ratio:1.25}#samples .sample-sheet{width:52%;left:24%}#samples .sample-sheet[data-position=left]{transform:translateX(-48%) scale(.8) rotate(-5deg)}#samples .sample-sheet[data-position=right]{transform:translateX(48%) scale(.8) rotate(5deg)}#samples .sample-name{font-size:23px}}
@media(prefers-reduced-motion:reduce){#samples .sample-sheet{transition:none}}
/* Keep the complete sample, name and controls within one visible screen. */
@media(max-width:460px){#samples .sample-coverflow{max-width:min(760px,calc(125vh - 175px));max-width:min(760px,calc(125svh - 175px))}#samples .sample-name{font-size:clamp(16px,4.5vw,23px)}}