/* Treadstone Law — guide landing-page styles.
   Every rule is scoped under .guidewrap so this file CANNOT collide with the
   site's styles.css (which uses .field, .hero, .trust, .card, etc. for other
   things). The funnel palette is declared locally on .guidewrap; the chrome
   (nav / header / footer) and the Fraunces + Archivo fonts come from styles.css. */
.guidewrap{--crimson:#b32025;--crimson-deep:#8e1a1f;--navy:#1c183f;--navy-2:#26214f;--gold:#a9853c;--gold-soft:#ecdfc3;--green:#1f8a5b;--ink:#1c1814;--ink-soft:#5f584d;--paper:#fdfcf9;--surface:#f5f1e9;--surface-2:#faf7f1;--line:#ebe4d6;--line-2:#e3dccd;box-sizing:border-box}
.guidewrap *{box-sizing:border-box}
.guidewrap a{text-decoration:none;color:inherit}
.guidewrap em{font-style:italic}
.guidewrap .serif{font-family:'Fraunces',Georgia,serif}
.guidewrap .btn-primary{display:inline-block;background:var(--crimson);color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:'Archivo',sans-serif}
.guidewrap .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 26px -12px rgba(179,32,37,.6)}
/* hero */
.guidewrap .backwrap{max-width:960px;margin:0 auto 20px}
.guidewrap .backlink{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-soft);background:rgba(255,255,255,.7);border:1px solid var(--line-2);border-radius:100px;padding:8px 16px;transition:color .15s,border-color .15s,box-shadow .15s}
.guidewrap .backlink:hover{color:var(--crimson);border-color:var(--gold-soft);box-shadow:0 6px 16px -10px rgba(28,24,63,.3)}
.guidewrap .backlink .a{color:var(--crimson);font-weight:700}
.guidewrap .hero{background:radial-gradient(900px 440px at 50% -6%,rgba(236,223,195,.5),transparent 62%),var(--paper);padding:24px 24px 40px}
.guidewrap .hero-in{max-width:760px;margin:0 auto;text-align:center}
.guidewrap .eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.guidewrap .hero h1{font-weight:300;font-size:48px;line-height:1.03;letter-spacing:-.03em;color:var(--ink);margin:0}
.guidewrap .hero h1 em{color:var(--crimson)}
.guidewrap .hero p{font-size:16px;color:var(--ink-soft);margin:18px auto 0;max-width:540px}
.guidewrap .capture{display:flex;gap:10px;max-width:470px;margin:28px auto 0}
.guidewrap .field{width:100%;border:1px solid var(--crimson);border-radius:11px;padding:14px;font-size:14px;color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(179,32,37,.09);outline:none;font-family:'Archivo',sans-serif}
.guidewrap .field::placeholder{color:#bcae99}
.guidewrap .capture .field{flex:1;min-width:0;width:auto}
.guidewrap .capture .btn-primary{padding:14px 24px;font-size:14px;white-space:nowrap;flex:none}
.guidewrap .reassure{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;color:var(--ink-soft);margin-top:12px;flex-wrap:wrap;text-align:center}
.guidewrap .cap-done{display:flex;gap:11px;align-items:flex-start;text-align:left;max-width:470px;margin:24px auto 0;background:#fff;border:1px solid var(--green);border-radius:12px;padding:15px 18px;font-size:13.5px;line-height:1.5;color:var(--ink);box-shadow:0 0 0 3px rgba(31,138,91,.1)}
.guidewrap .cap-done[hidden]{display:none}
.guidewrap .cap-done .ok{color:var(--green);font-weight:800;font-size:16px;line-height:1.4;flex:none}
/* preview + contents */
.guidewrap .section{max-width:960px;margin:0 auto;padding:30px 24px 48px}
.guidewrap .pc{border-top:1px solid var(--line);padding-top:44px;display:grid;grid-template-columns:300px 1fr;gap:54px;align-items:center}
.guidewrap .stack{position:relative;height:330px;width:310px}
.guidewrap .stack .back{position:absolute;left:74px;top:18px;width:236px;height:306px;background:var(--paper);border:1px solid var(--line-2);border-radius:3px;box-shadow:0 18px 40px -20px rgba(28,24,63,.42);transform:rotate(5deg);padding:22px 20px}
.guidewrap .stack .back .bh{font-size:13.5px;color:var(--ink);font-weight:500}
.guidewrap .stack .back .hr{height:1px;background:var(--line);margin:11px 0}
.guidewrap .stack .back .row{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px}
.guidewrap .stack .back .box{width:12px;height:12px;border:1.5px solid var(--gold);border-radius:2px;flex:none;margin-top:1px}
.guidewrap .stack .back .tx{font-size:9px;color:var(--ink-soft);line-height:1.4}
.guidewrap .cv-cover{position:absolute;left:0;top:0;background:var(--surface-2);border:1px solid var(--line-2);border-radius:3px;box-shadow:0 24px 50px -18px rgba(28,24,63,.5);display:flex;flex-direction:column}
.guidewrap .cv-top{display:flex;justify-content:space-between;align-items:center}
.guidewrap .cv-type{font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.guidewrap .cv-mid{margin-top:auto}
.guidewrap .cv-area{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--crimson);margin-bottom:8px}
.guidewrap .cv-title{font-weight:300;line-height:1.04;color:var(--ink)}
.guidewrap .cv-title em{color:var(--gold)}
.guidewrap .cv-rule{height:2px;width:34px;background:var(--crimson);margin-top:13px}
.guidewrap .cv-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:10px;margin-top:14px;color:var(--ink-soft)}
.guidewrap .contents .lab{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
.guidewrap .contents .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
.guidewrap .contents .it{display:flex;gap:11px;align-items:flex-start}
.guidewrap .contents .it .ck{color:var(--gold);font-weight:700;font-size:14px}
.guidewrap .contents .it .tx{font-size:13px;color:var(--ink-soft);line-height:1.45}
.guidewrap .contents .it .tx b{color:var(--ink)}
.guidewrap .stats{display:flex;gap:30px;margin-top:26px;border-top:1px solid var(--line);padding-top:20px}
.guidewrap .stats .n{font-size:24px;color:var(--ink)}
.guidewrap .stats .l{font-size:10.5px;color:var(--ink-soft);letter-spacing:.04em}
/* trust */
.guidewrap .trust{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guidewrap .trust-in{max-width:960px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.guidewrap .trust .q{font-size:14px;color:var(--ink-soft);font-style:italic;font-family:'Fraunces',serif}
.guidewrap .trust .stars{font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:8px;white-space:nowrap}
.guidewrap .trust .stars b{color:var(--gold);letter-spacing:1px}
/* closer */
.guidewrap .closer{max-width:960px;margin:0 auto;padding:44px 24px 36px}
.guidewrap .closer-box{background:linear-gradient(155deg,var(--navy),var(--navy-2));border-radius:16px;padding:38px 40px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.guidewrap .closer-box::after{content:'';position:absolute;right:-60px;bottom:-90px;width:240px;height:240px;background:radial-gradient(circle,rgba(169,133,60,.2),transparent 64%)}
.guidewrap .closer-box .eyebrow{color:var(--gold-soft);margin-bottom:10px}
.guidewrap .closer-box h2{font-weight:300;font-size:26px;line-height:1.12;letter-spacing:-.02em;position:relative;z-index:1;margin:0}
.guidewrap .closer-box h2 em{color:var(--gold-soft)}
.guidewrap .closer-box p{font-size:13.5px;color:rgba(255,255,255,.78);margin-top:10px;position:relative;z-index:1}
.guidewrap .closer-box .txt{position:relative;z-index:1;max-width:520px}
.guidewrap .closer-box .btn-primary{position:relative;z-index:1;padding:14px 26px;font-size:14.5px;white-space:nowrap}
/* fineprint — keeps the "not legal advice" framing */
.guidewrap .fineprint{max-width:760px;margin:0 auto;padding:0 24px 52px;font-size:12px;color:var(--ink-soft);line-height:1.6;text-align:center}
/* responsive */
@media(max-width:860px){.guidewrap .pc{grid-template-columns:1fr;gap:30px;justify-items:center;text-align:left}.guidewrap .stack{margin:0 auto}.guidewrap .contents{width:100%}}
@media(max-width:760px){.guidewrap .hero h1{font-size:36px}.guidewrap .contents .grid{grid-template-columns:1fr}.guidewrap .closer-box{padding:30px 26px}}
@media(max-width:560px){.guidewrap .hero{padding:38px 20px 32px}.guidewrap .hero h1{font-size:30px}.guidewrap .hero p{font-size:15px}.guidewrap .capture{flex-direction:column}.guidewrap .capture .btn-primary{padding:14px;width:100%}.guidewrap .section{padding:24px 20px 38px;overflow:hidden}.guidewrap .stack{transform:scale(.82);transform-origin:top center;height:280px}.guidewrap .stats{gap:22px;flex-wrap:wrap}.guidewrap .closer-box h2{font-size:22px}}